newskit 0.0.0-e00e1f6 → 0.0.0-e02a96ba5

package/site/public/static/illustrations/components/switch/anatomy.svg

@@ -0,0 +1,247 @@
+<svg
+  id="nksvg"
+  style="width: 100%; height: 100%"
+  width="1490"
+  height="838"
+  viewBox="0 0 1490 838"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+  class="css-0"
+>
+  <path
+    style="fill: var(--color-illustrationBackground010)"
+    d="M0 0H1490V838H0V0Z"
+  ></path>
+  <path
+    style="fill: var(--color-illustrationInterface020)"
+    d="M406.264 418.434C406.264 345.986 464.995 287.256 537.443 287.256C609.89 287.256 668.621 345.986 668.621 418.434C668.621 490.882 609.89 549.612 537.443 549.612C464.995 549.612 406.264 490.882 406.264 418.434Z"
+  ></path>
+  <rect
+    style="fill: var(--color-illustrationAnatomySubtle)"
+    x="305.867"
+    y="334.463"
+    width="314.891"
+    height="167.939"
+    rx="83.9696"
+  ></rect>
+  <path
+    style="fill: var(--color-interface010)"
+    d="M374.093 440.472L352.051 418.43L344.703 425.777L374.093 455.166L437.07 392.189L429.723 384.842L374.093 440.472Z"
+  ></path>
+  <ellipse
+    style="fill: var(--color-interface010)"
+    cx="536.5"
+    cy="417.994"
+    rx="62.5"
+    ry="63"
+  ></ellipse>
+  <path
+    style="fill: var(--color-illustrationAnatomySubtle)"
+    d="M536.985 386.49C519.596 386.49 505.496 400.59 505.496 417.979C505.496 435.368 519.596 449.467 536.985 449.467C554.374 449.467 568.473 435.368 568.473 417.979C568.473 416.369 568.333 414.76 568.124 413.221C564.695 418.014 559.097 421.128 552.729 421.128C542.303 421.128 533.836 412.661 533.836 402.235C533.836 395.902 536.95 390.269 541.743 386.84C540.204 386.63 538.594 386.49 536.985 386.49Z"
+  ></path>
+  <path
+    style="fill: var(--color-illustrationAnatomySubtle)"
+    d="M689.86 443.176H711.185V451.499H679.515V388.629H689.86V443.176Z"
+  ></path>
+  <path
+    style="fill: var(--color-illustrationAnatomySubtle)"
+    d="M716.388 426.351C716.388 421.346 717.416 416.913 719.473 413.053C721.59 409.194 724.434 406.209 728.003 404.098C731.633 401.927 735.626 400.841 739.981 400.841C743.914 400.841 747.332 401.625 750.236 403.193C753.2 404.701 755.559 406.601 757.314 408.892V401.655H767.75V451.499H757.314V444.081C755.559 446.433 753.17 448.393 750.145 449.961C747.12 451.529 743.672 452.313 739.8 452.313C735.505 452.313 731.572 451.227 728.003 449.056C724.434 446.825 721.59 443.749 719.473 439.829C717.416 435.849 716.388 431.356 716.388 426.351ZM757.314 426.532C757.314 423.094 756.588 420.109 755.136 417.576C753.744 415.043 751.899 413.114 749.6 411.787C747.302 410.46 744.821 409.797 742.159 409.797C739.497 409.797 737.017 410.46 734.718 411.787C732.419 413.053 730.544 414.953 729.092 417.486C727.701 419.958 727.005 422.913 727.005 426.351C727.005 429.788 727.701 432.804 729.092 435.397C730.544 437.99 732.419 439.98 734.718 441.367C737.078 442.694 739.558 443.357 742.159 443.357C744.821 443.357 747.302 442.694 749.6 441.367C751.899 440.041 753.744 438.111 755.136 435.578C756.588 432.985 757.314 429.969 757.314 426.532Z"
+  ></path>
+  <path
+    style="fill: var(--color-illustrationAnatomySubtle)"
+    d="M791.682 409.073C793.437 406.661 795.826 404.701 798.851 403.193C801.936 401.625 805.354 400.841 809.105 400.841C813.521 400.841 817.514 401.897 821.084 404.007C824.653 406.118 827.466 409.133 829.523 413.053C831.58 416.913 832.608 421.346 832.608 426.351C832.608 431.356 831.58 435.849 829.523 439.829C827.466 443.749 824.623 446.825 820.993 449.056C817.424 451.227 813.461 452.313 809.105 452.313C805.233 452.313 801.785 451.559 798.76 450.051C795.796 448.544 793.437 446.614 791.682 444.262V451.499H781.337V384.559H791.682V409.073ZM822.082 426.351C822.082 422.913 821.356 419.958 819.904 417.486C818.512 414.953 816.637 413.053 814.278 411.787C811.979 410.46 809.498 409.797 806.837 409.797C804.235 409.797 801.755 410.46 799.395 411.787C797.097 413.114 795.221 415.043 793.769 417.576C792.378 420.109 791.682 423.094 791.682 426.532C791.682 429.969 792.378 432.985 793.769 435.578C795.221 438.111 797.097 440.041 799.395 441.367C801.755 442.694 804.235 443.357 806.837 443.357C809.498 443.357 811.979 442.694 814.278 441.367C816.637 439.98 818.512 437.99 819.904 435.397C821.356 432.804 822.082 429.788 822.082 426.351Z"
+  ></path>
+  <path
+    style="fill: var(--color-illustrationAnatomySubtle)"
+    d="M888.665 425.356C888.665 427.225 888.544 428.914 888.302 430.422H850.098C850.4 434.402 851.883 437.598 854.544 440.01C857.206 442.423 860.473 443.629 864.345 443.629C869.911 443.629 873.843 441.307 876.142 436.663H887.303C885.791 441.247 883.038 445.016 879.046 447.971C875.113 450.866 870.213 452.313 864.345 452.313C859.566 452.313 855.27 451.257 851.459 449.147C847.708 446.976 844.744 443.96 842.566 440.101C840.449 436.181 839.39 431.658 839.39 426.532C839.39 421.406 840.418 416.913 842.475 413.053C844.593 409.133 847.527 406.118 851.278 404.007C855.089 401.897 859.445 400.841 864.345 400.841C869.064 400.841 873.268 401.867 876.959 403.917C880.649 405.967 883.522 408.862 885.579 412.601C887.636 416.28 888.665 420.531 888.665 425.356ZM877.866 422.099C877.805 418.3 876.444 415.255 873.782 412.963C871.121 410.671 867.824 409.525 863.891 409.525C860.322 409.525 857.267 410.671 854.726 412.963C852.185 415.194 850.673 418.24 850.189 422.099H877.866Z"
+  ></path>
+  <path
+    style="fill: var(--color-illustrationAnatomySubtle)"
+    d="M909.19 384.559V451.499H898.845V384.559H909.19Z"
+  ></path>
+  <rect
+    style="fill: var(--color-illustrationAnatomySubtle)"
+    x="1032.11"
+    y="334.463"
+    width="314.886"
+    height="167.939"
+    rx="83.9696"
+  ></rect>
+  <ellipse
+    style="fill: var(--color-interface010)"
+    cx="1115.5"
+    cy="417.994"
+    rx="62.5"
+    ry="63"
+  ></ellipse>
+  <path
+    style="fill: var(--color-illustrationAnatomySubtle)"
+    d="M1115.49 400.711C1105.83 400.711 1097.99 408.548 1097.99 418.205C1097.99 427.861 1105.83 435.699 1115.49 435.699C1125.14 435.699 1132.98 427.861 1132.98 418.205C1132.98 408.548 1125.14 400.711 1115.49 400.711ZM1080.5 421.704H1087.5C1089.42 421.704 1091 420.129 1091 418.205C1091 416.281 1089.42 414.706 1087.5 414.706H1080.5C1078.58 414.706 1077 416.281 1077 418.205C1077 420.129 1078.58 421.704 1080.5 421.704ZM1143.48 421.704H1150.48C1152.4 421.704 1153.97 420.129 1153.97 418.205C1153.97 416.281 1152.4 414.706 1150.48 414.706H1143.48C1141.55 414.706 1139.98 416.281 1139.98 418.205C1139.98 420.129 1141.55 421.704 1143.48 421.704ZM1111.99 383.217V390.215C1111.99 392.139 1113.56 393.714 1115.49 393.714C1117.41 393.714 1118.99 392.139 1118.99 390.215V383.217C1118.99 381.293 1117.41 379.719 1115.49 379.719C1113.56 379.719 1111.99 381.293 1111.99 383.217ZM1111.99 446.195V453.192C1111.99 455.116 1113.56 456.691 1115.49 456.691C1117.41 456.691 1118.99 455.116 1118.99 453.192V446.195C1118.99 444.27 1117.41 442.696 1115.49 442.696C1113.56 442.696 1111.99 444.27 1111.99 446.195ZM1094.46 392.244C1093.1 390.88 1090.86 390.88 1089.53 392.244C1088.16 393.609 1088.16 395.848 1089.53 397.177L1093.24 400.886C1094.6 402.251 1096.84 402.251 1098.17 400.886C1099.5 399.522 1099.53 397.282 1098.17 395.953L1094.46 392.244ZM1137.74 435.524C1136.38 434.159 1134.14 434.159 1132.81 435.524C1131.44 436.888 1131.44 439.127 1132.81 440.457L1136.52 444.165C1137.88 445.53 1140.12 445.53 1141.45 444.165C1142.81 442.801 1142.81 440.562 1141.45 439.232L1137.74 435.524ZM1141.45 397.177C1142.81 395.813 1142.81 393.574 1141.45 392.244C1140.08 390.88 1137.85 390.88 1136.52 392.244L1132.81 395.953C1131.44 397.317 1131.44 399.557 1132.81 400.886C1134.17 402.216 1136.41 402.251 1137.74 400.886L1141.45 397.177ZM1098.17 440.457C1099.53 439.092 1099.53 436.853 1098.17 435.524C1096.81 434.159 1094.57 434.159 1093.24 435.524L1089.53 439.232C1088.16 440.597 1088.16 442.836 1089.53 444.165C1090.89 445.495 1093.13 445.53 1094.46 444.165L1098.17 440.457Z"
+  ></path>
+  <path
+    style="fill: var(--color-interface010)"
+    d="M1299.77 389.095L1292.37 381.695L1263.03 411.032L1233.69 381.695L1226.29 389.095L1255.63 418.432L1226.29 447.769L1233.69 455.169L1263.03 425.832L1292.37 455.169L1299.77 447.769L1270.43 418.432L1299.77 389.095Z"
+  ></path>
+  <path
+    style="fill: var(--color-illustrationPalette040)"
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M722.182 395.404V241.076H723.997V395.404H722.182Z"
+  ></path>
+  <rect
+    style="fill: var(--color-illustrationPalette040)"
+    x="706.026"
+    y="211"
+    width="33.6968"
+    height="33.6968"
+    rx="16.8484"
+  ></rect>
+  <path
+    style="fill: var(--color-white)"
+    d="M716.508 232.988V229.952L723.46 220.008H727.662V229.732H729.466V232.988H727.662V235.848H723.9V232.988H716.508ZM724.164 224.144L720.468 229.732H724.164V224.144Z"
+  ></path>
+  <rect
+    style="fill: var(--color-illustrationPalette040)"
+    x="578.748"
+    y="592.279"
+    width="34.9627"
+    height="34.9628"
+    rx="17.4814"
+  ></rect>
+  <path
+    style="fill: var(--color-white)"
+    d="M591.151 606.32C591.21 604.75 591.723 603.54 592.691 602.69C593.659 601.839 594.972 601.414 596.629 601.414C597.729 601.414 598.668 601.604 599.445 601.986C600.237 602.367 600.831 602.888 601.227 603.548C601.638 604.208 601.843 604.948 601.843 605.77C601.843 606.738 601.601 607.53 601.117 608.146C600.633 608.747 600.068 609.158 599.423 609.378V609.466C600.259 609.744 600.919 610.206 601.403 610.852C601.887 611.497 602.129 612.326 602.129 613.338C602.129 614.247 601.916 615.054 601.491 615.758C601.08 616.447 600.472 616.99 599.665 617.386C598.873 617.782 597.927 617.98 596.827 617.98C595.067 617.98 593.659 617.547 592.603 616.682C591.562 615.816 591.012 614.511 590.953 612.766H594.605C594.62 613.411 594.803 613.924 595.155 614.306C595.507 614.672 596.02 614.856 596.695 614.856C597.267 614.856 597.707 614.694 598.015 614.372C598.338 614.034 598.499 613.594 598.499 613.052C598.499 612.348 598.272 611.842 597.817 611.534C597.377 611.211 596.666 611.05 595.683 611.05H594.979V607.992H595.683C596.431 607.992 597.032 607.867 597.487 607.618C597.956 607.354 598.191 606.892 598.191 606.232C598.191 605.704 598.044 605.293 597.751 605C597.458 604.706 597.054 604.56 596.541 604.56C595.984 604.56 595.566 604.728 595.287 605.066C595.023 605.403 594.869 605.821 594.825 606.32H591.151Z"
+  ></path>
+  <path
+    style="fill: var(--color-illustrationPalette040)"
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M595.089 593.189L595.089 529.643L596.904 529.643L596.904 593.189L595.089 593.189Z"
+  ></path>
+  <rect
+    style="fill: var(--color-illustrationPalette040)"
+    x="478.889"
+    y="592.279"
+    width="34.9627"
+    height="34.9628"
+    rx="17.4814"
+  ></rect>
+  <path
+    style="fill: var(--color-white)"
+    d="M492.647 605.286V601.788H498.741V617.848H494.825V605.286H492.647Z"
+  ></path>
+  <path
+    style="fill: var(--color-illustrationPalette040)"
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M495.23 593.188L495.229 467.91L497.045 467.91L497.045 593.188L495.23 593.188Z"
+  ></path>
+  <path
+    style="fill: var(--color-illustrationPalette040)"
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M176.695 419.021H286.896V420.626H176.695V419.021Z"
+  ></path>
+  <path
+    style="fill: var(--color-illustrationPalette040)"
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M286.434 421.613H288.12V337.505C288.12 336.196 289.252 335.135 290.649 335.135H317.299V333.556H290.649C288.321 333.556 286.434 335.324 286.434 337.505V421.613Z"
+  ></path>
+  <path
+    style="fill: var(--color-illustrationPalette040)"
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M286.434 415.258H288.12V499.367C288.12 500.675 289.252 501.736 290.649 501.736H317.299V503.315H290.649C288.321 503.315 286.434 501.547 286.434 499.367V415.258Z"
+  ></path>
+  <rect
+    style="fill: var(--color-illustrationPalette040)"
+    x="143"
+    y="402.977"
+    width="33.6968"
+    height="33.6968"
+    rx="16.8484"
+  ></rect>
+  <path
+    style="fill: var(--color-white)"
+    d="M154.422 424.81C154.921 424.414 155.148 424.231 155.104 424.26C156.542 423.072 157.671 422.097 158.492 421.334C159.328 420.572 160.032 419.772 160.604 418.936C161.176 418.1 161.462 417.286 161.462 416.494C161.462 415.893 161.323 415.424 161.044 415.086C160.766 414.749 160.348 414.58 159.79 414.58C159.233 414.58 158.793 414.793 158.47 415.218C158.162 415.629 158.008 416.216 158.008 416.978H154.378C154.408 415.732 154.672 414.69 155.17 413.854C155.684 413.018 156.351 412.402 157.172 412.006C158.008 411.61 158.932 411.412 159.944 411.412C161.69 411.412 163.002 411.86 163.882 412.754C164.777 413.649 165.224 414.815 165.224 416.252C165.224 417.822 164.689 419.281 163.618 420.63C162.548 421.965 161.184 423.27 159.526 424.546H165.466V427.604H154.422V424.81Z"
+  ></path>
+  <path
+    style="fill: var(--color-illustrationPalette040)"
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M536.121 378.038V240.959H537.856V378.038H536.121Z"
+  ></path>
+  <rect
+    style="fill: var(--color-illustrationPalette040)"
+    x="519.74"
+    y="211"
+    width="33.6968"
+    height="33.6968"
+    rx="16.8484"
+  ></rect>
+  <path
+    style="fill: var(--color-white)"
+    d="M541.944 222.604L536.422 235.848H532.572L538.16 223.022H531.318V219.81H541.944V222.604Z"
+  ></path>
+  <path
+    style="fill: var(--color-illustrationPalette040)"
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M414.435 384.393V240.959H416.25V384.393H414.435Z"
+  ></path>
+  <rect
+    style="fill: var(--color-illustrationPalette040)"
+    x="398.094"
+    y="211"
+    width="33.6968"
+    height="33.6968"
+    rx="16.8484"
+  ></rect>
+  <path
+    style="fill: var(--color-white)"
+    d="M420.086 223.066H413.222V226.102C413.516 225.779 413.926 225.515 414.454 225.31C414.982 225.104 415.554 225.002 416.17 225.002C417.27 225.002 418.18 225.251 418.898 225.75C419.632 226.248 420.167 226.894 420.504 227.686C420.842 228.478 421.01 229.336 421.01 230.26C421.01 231.976 420.526 233.34 419.558 234.352C418.59 235.349 417.226 235.848 415.466 235.848C414.293 235.848 413.274 235.65 412.408 235.254C411.543 234.843 410.876 234.278 410.406 233.56C409.937 232.841 409.68 232.012 409.636 231.074H413.31C413.398 231.528 413.611 231.91 413.948 232.218C414.286 232.511 414.748 232.658 415.334 232.658C416.024 232.658 416.537 232.438 416.874 231.998C417.212 231.558 417.38 230.971 417.38 230.238C417.38 229.519 417.204 228.969 416.852 228.588C416.5 228.206 415.987 228.016 415.312 228.016C414.814 228.016 414.403 228.14 414.08 228.39C413.758 228.624 413.545 228.94 413.442 229.336H409.812V219.766H420.086V223.066Z"
+  ></path>
+  <path
+    style="fill: var(--color-illustrationPalette040)"
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M1247.68 384.393V240.959H1249.5V384.393H1247.68Z"
+  ></path>
+  <rect
+    style="fill: var(--color-illustrationPalette040)"
+    x="1231.34"
+    y="211"
+    width="33.6968"
+    height="33.6968"
+    rx="16.8484"
+  ></rect>
+  <path
+    style="fill: var(--color-white)"
+    d="M1250.12 224.122C1250 223.579 1249.79 223.176 1249.5 222.912C1249.21 222.633 1248.79 222.494 1248.25 222.494C1247.41 222.494 1246.81 222.86 1246.44 223.594C1246.08 224.312 1245.89 225.456 1245.87 227.026C1246.19 226.512 1246.66 226.109 1247.26 225.816C1247.87 225.522 1248.55 225.376 1249.28 225.376C1250.72 225.376 1251.87 225.83 1252.74 226.74C1253.62 227.649 1254.06 228.918 1254.06 230.546C1254.06 231.616 1253.84 232.555 1253.4 233.362C1252.97 234.168 1252.34 234.799 1251.5 235.254C1250.68 235.708 1249.71 235.936 1248.58 235.936C1246.32 235.936 1244.75 235.232 1243.87 233.824C1242.99 232.401 1242.55 230.362 1242.55 227.708C1242.55 224.921 1243.01 222.853 1243.94 221.504C1244.87 220.14 1246.37 219.458 1248.42 219.458C1249.52 219.458 1250.45 219.678 1251.2 220.118C1251.96 220.543 1252.53 221.108 1252.91 221.812C1253.31 222.516 1253.54 223.286 1253.62 224.122H1250.12ZM1248.38 228.346C1247.75 228.346 1247.22 228.536 1246.8 228.918C1246.38 229.284 1246.18 229.812 1246.18 230.502C1246.18 231.206 1246.37 231.756 1246.75 232.152C1247.15 232.548 1247.7 232.746 1248.42 232.746C1249.07 232.746 1249.57 232.555 1249.94 232.174C1250.32 231.778 1250.51 231.242 1250.51 230.568C1250.51 229.878 1250.33 229.336 1249.96 228.94C1249.6 228.544 1249.07 228.346 1248.38 228.346Z"
+  ></path>
+  <path
+    style="fill: var(--color-illustrationPalette040)"
+    d="M727.689 397.171C727.689 399.83 725.533 401.985 722.875 401.985C720.216 401.985 718.061 399.83 718.061 397.171C718.061 394.513 720.216 392.357 722.875 392.357C725.533 392.357 727.689 394.513 727.689 397.171Z"
+  ></path>
+  <path
+    style="fill: var(--color-illustrationPalette040)"
+    d="M601.443 531.457C601.443 534.465 599.004 536.903 595.996 536.903C592.988 536.903 590.549 534.465 590.549 531.457C590.549 528.448 592.988 526.01 595.996 526.01C599.004 526.01 601.443 528.448 601.443 531.457Z"
+  ></path>
+  <path
+    style="fill: var(--color-illustrationPalette040)"
+    d="M501.584 466.095C501.584 469.103 499.146 471.542 496.137 471.542C493.129 471.542 490.691 469.103 490.691 466.095C490.691 463.087 493.129 460.648 496.137 460.648C499.146 460.648 501.584 463.087 501.584 466.095Z"
+  ></path>
+  <path
+    style="fill: var(--color-illustrationPalette040)"
+    d="M541.588 375.384C541.588 378.043 539.433 380.198 536.774 380.198C534.116 380.198 531.96 378.043 531.96 375.384C531.96 372.726 534.116 370.57 536.774 370.57C539.433 370.57 541.588 372.726 541.588 375.384Z"
+  ></path>
+  <path
+    style="fill: var(--color-illustrationPalette040)"
+    d="M419.942 382.646C419.942 385.304 417.787 387.46 415.128 387.46C412.469 387.46 410.314 385.304 410.314 382.646C410.314 379.987 412.469 377.832 415.128 377.832C417.787 377.832 419.942 379.987 419.942 382.646Z"
+  ></path>
+  <path
+    style="fill: var(--color-illustrationPalette040)"
+    d="M1253.19 382.646C1253.19 385.304 1251.03 387.46 1248.37 387.46C1245.72 387.46 1243.56 385.304 1243.56 382.646C1243.56 379.987 1245.72 377.832 1248.37 377.832C1251.03 377.832 1253.19 379.987 1253.19 382.646Z"
+  ></path>
+</svg>

package/site/public/static/illustrations/components/switch/behaviours/checked-vs-unchecked.svg

@@ -0,0 +1,63 @@
+<svg
+  id="nksvg"
+  style="width: 100%; height: 100%"
+  width="1490"
+  height="838"
+  viewBox="0 0 1490 838"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+  class="css-0"
+>
+  <path
+    style="fill: var(--color-illustrationBackground020)"
+    d="M0 0H1490V838H0V0Z"
+  ></path>
+  <rect
+    style="fill: var(--color-illustrationHighlight010)"
+    x="526"
+    y="137"
+    width="438"
+    height="233.603"
+    rx="116.802"
+  ></rect>
+  <path
+    style="fill: var(--color-interface010)"
+    d="M620.899 284.465L590.239 253.806L580.019 264.025L620.899 304.905L708.497 217.306L698.277 207.086L620.899 284.465Z"
+  ></path>
+  <rect
+    style="fill: var(--color-interface010)"
+    x="759.603"
+    y="166.207"
+    width="175.197"
+    height="175.197"
+    rx="87.5985"
+  ></rect>
+  <path
+    style="fill: var(--color-illustrationHighlight010)"
+    d="M848.475 209.105C824.288 209.105 804.676 228.717 804.676 252.904C804.676 277.091 824.288 296.704 848.475 296.704C872.662 296.704 892.275 277.091 892.275 252.904C892.275 250.666 892.08 248.427 891.788 246.286C887.019 252.953 879.232 257.284 870.375 257.284C855.873 257.284 844.095 245.507 844.095 231.005C844.095 222.196 848.427 214.361 855.094 209.592C852.953 209.3 850.714 209.105 848.475 209.105Z"
+  ></path>
+  <rect
+    style="fill: var(--color-illustrationAnatomySubtle)"
+    x="526"
+    y="467.514"
+    width="437.993"
+    height="233.603"
+    rx="116.802"
+  ></rect>
+  <rect
+    style="fill: var(--color-interface010)"
+    x="555.199"
+    y="496.721"
+    width="175.197"
+    height="175.197"
+    rx="87.5985"
+  ></rect>
+  <path
+    style="fill: var(--color-interface010)"
+    d="M898.294 543.513L888.001 533.22L847.195 574.027L806.388 533.22L796.095 543.513L836.902 584.319L796.095 625.126L806.388 635.419L847.195 594.612L888.001 635.419L898.294 625.126L857.487 584.319L898.294 543.513Z"
+  ></path>
+  <path
+    style="fill: var(--color-illustrationAnatomySubtle)"
+    d="M641.389 559.083C627.957 559.083 617.056 569.984 617.056 583.416C617.056 596.848 627.957 607.749 641.389 607.749C654.821 607.749 665.722 596.848 665.722 583.416C665.722 569.984 654.821 559.083 641.389 559.083ZM592.723 588.283H602.456C605.133 588.283 607.323 586.093 607.323 583.416C607.323 580.74 605.133 578.55 602.456 578.55H592.723C590.046 578.55 587.856 580.74 587.856 583.416C587.856 586.093 590.046 588.283 592.723 588.283ZM680.322 588.283H690.055C692.731 588.283 694.921 586.093 694.921 583.416C694.921 580.74 692.731 578.55 690.055 578.55H680.322C677.645 578.55 675.455 580.74 675.455 583.416C675.455 586.093 677.645 588.283 680.322 588.283ZM636.522 534.75V544.484C636.522 547.16 638.712 549.35 641.389 549.35C644.066 549.35 646.255 547.16 646.255 544.484V534.75C646.255 532.074 644.066 529.884 641.389 529.884C638.712 529.884 636.522 532.074 636.522 534.75ZM636.522 622.349V632.082C636.522 634.759 638.712 636.949 641.389 636.949C644.066 636.949 646.255 634.759 646.255 632.082V622.349C646.255 619.672 644.066 617.482 641.389 617.482C638.712 617.482 636.522 619.672 636.522 622.349ZM612.141 547.306C610.243 545.408 607.128 545.408 605.279 547.306C603.381 549.204 603.381 552.319 605.279 554.168L610.437 559.327C612.335 561.225 615.45 561.225 617.299 559.327C619.149 557.429 619.197 554.314 617.299 552.465L612.141 547.306ZM672.34 607.506C670.442 605.608 667.328 605.608 665.478 607.506C663.581 609.404 663.581 612.518 665.478 614.368L670.637 619.526C672.535 621.424 675.65 621.424 677.499 619.526C679.397 617.628 679.397 614.514 677.499 612.664L672.34 607.506ZM677.499 554.168C679.397 552.27 679.397 549.155 677.499 547.306C675.601 545.408 672.486 545.408 670.637 547.306L665.478 552.465C663.581 554.363 663.581 557.477 665.478 559.327C667.376 561.176 670.491 561.225 672.34 559.327L677.499 554.168ZM617.299 614.368C619.197 612.47 619.197 609.355 617.299 607.506C615.401 605.608 612.287 605.608 610.437 607.506L605.279 612.664C603.381 614.562 603.381 617.677 605.279 619.526C607.177 621.376 610.291 621.424 612.141 619.526L617.299 614.368Z"
+  ></path>
+</svg>

package/site/public/static/illustrations/components/switch/behaviours/clickable-area.svg

@@ -0,0 +1,33 @@
+<svg id="nksvg" style="width: 100%; height: 100%" width="1490" height="838" viewBox="0 0 1490 838" fill="none" xmlns="http://www.w3.org/2000/svg" class="css-0">
+  <path style="fill: var(--color-illustrationBackground020)" d="M0 0H1490V838H0V0Z"></path>
+  <path style="fill: var(--color-illustrationBackground010)" fill-rule="evenodd" clip-rule="evenodd" d="M288 229C271.431 229 255.5 239.931 255.5 256.5V575C255.5 591.569 271.431 598 288 598H801C817.568 598 831 584.569 831 568V534H1208C1224.57 534 1238 520.569 1238 504V323C1238 306.431 1224.57 293 1208 293H831V259C831 242.431 817.568 229 801 229H288Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" fill-rule="evenodd" clip-rule="evenodd" d="M831 534V548.5C827.686 548.5 825 545.814 825 542.5V528H842.781C846.095 528 848.781 530.686 848.781 534H831ZM895.906 534C895.906 530.686 893.22 528 889.906 528H866.344C863.03 528 860.344 530.686 860.344 534H895.906ZM943.031 534C943.031 530.686 940.345 528 937.031 528H913.469C910.155 528 907.469 530.686 907.469 534H943.031ZM990.156 534C990.156 530.686 987.47 528 984.156 528H960.594C957.28 528 954.594 530.686 954.594 534H990.156ZM1037.28 534C1037.28 530.686 1034.59 528 1031.28 528H1007.72C1004.41 528 1001.72 530.686 1001.72 534H1037.28ZM1084.41 534C1084.41 530.686 1081.72 528 1078.41 528H1054.84C1051.53 528 1048.84 530.686 1048.84 534H1084.41ZM1131.53 534C1131.53 530.686 1128.84 528 1125.53 528H1101.97C1098.66 528 1095.97 530.686 1095.97 534H1131.53ZM1178.66 534C1178.66 530.686 1175.97 528 1172.66 528H1149.09C1145.78 528 1143.09 530.686 1143.09 534H1178.66ZM1224.77 528.88C1223.33 526.196 1220.06 524.99 1217.19 526.181C1214.36 527.351 1211.27 528 1208 528H1196.22C1192.91 528 1190.22 530.686 1190.22 534H1208C1212.07 534 1215.95 533.19 1219.48 531.724C1220.41 531.339 1221.32 530.909 1222.19 530.437C1223.08 529.96 1223.94 529.44 1224.77 528.88ZM1238 486.688C1234.69 486.688 1232 489.374 1232 492.688V504C1232 507.265 1231.35 510.364 1230.18 513.185C1228.99 516.058 1230.2 519.328 1232.88 520.768C1233.44 519.938 1233.96 519.079 1234.44 518.194C1234.91 517.316 1235.34 516.411 1235.72 515.484C1237.19 511.946 1238 508.068 1238 504V486.688ZM1238 441.438C1234.69 441.438 1232 444.124 1232 447.438V470.062C1232 473.376 1234.69 476.062 1238 476.062V441.438ZM1238 396.188C1234.69 396.188 1232 398.874 1232 402.188V424.812C1232 428.126 1234.69 430.812 1238 430.812V396.188ZM1238 350.938C1234.69 350.938 1232 353.624 1232 356.938V379.562C1232 382.876 1234.69 385.562 1238 385.562V350.938ZM1232.88 306.232C1230.2 307.672 1228.99 310.942 1230.18 313.815C1231.35 316.636 1232 319.735 1232 323V334.312C1232 337.626 1234.69 340.312 1238 340.312V323C1238 318.932 1237.19 315.054 1235.72 311.516C1235.34 310.589 1234.91 309.684 1234.44 308.806C1233.96 307.921 1233.44 307.062 1232.88 306.232ZM1190.22 293C1190.22 296.314 1192.91 299 1196.22 299H1208C1211.27 299 1214.36 299.649 1217.19 300.819C1220.06 302.01 1223.33 300.804 1224.77 298.12C1223.94 297.56 1223.08 297.04 1222.19 296.563C1221.32 296.091 1220.41 295.661 1219.48 295.276C1215.95 293.81 1212.07 293 1208 293H1190.22ZM1143.09 293C1143.09 296.314 1145.78 299 1149.09 299H1172.66C1175.97 299 1178.66 296.314 1178.66 293H1143.09ZM1095.97 293C1095.97 296.314 1098.66 299 1101.97 299H1125.53C1128.84 299 1131.53 296.314 1131.53 293H1095.97ZM1048.84 293C1048.84 296.314 1051.53 299 1054.84 299H1078.41C1081.72 299 1084.41 296.314 1084.41 293H1048.84ZM1001.72 293C1001.72 296.314 1004.41 299 1007.72 299H1031.28C1034.59 299 1037.28 296.314 1037.28 293H1001.72ZM954.594 293C954.594 296.314 957.28 299 960.594 299H984.156C987.47 299 990.156 296.314 990.156 293H954.594ZM907.469 293C907.469 296.314 910.155 299 913.469 299H937.031C940.345 299 943.031 296.314 943.031 293H907.469ZM860.344 293C860.344 296.314 863.03 299 866.344 299H889.906C893.22 299 895.906 296.314 895.906 293H860.344ZM848.781 293C848.781 296.314 846.095 299 842.781 299H825V284.5C825 281.186 827.686 278.5 831 278.5V293H848.781ZM831 273.5C827.686 273.5 825 270.814 825 267.5V259C825 255.735 824.351 252.636 823.181 249.815C821.99 246.942 823.196 243.672 825.88 242.232C826.44 243.062 826.96 243.921 827.437 244.806C827.909 245.684 828.339 246.589 828.724 247.516C830.19 251.054 831 254.932 831 259V273.5ZM782.125 229C782.125 232.314 784.811 235 788.125 235H801C804.265 235 807.364 235.649 810.185 236.819C813.058 238.01 816.328 236.804 817.768 234.12C816.938 233.56 816.079 233.04 815.194 232.563C814.316 232.091 813.411 231.661 812.484 231.276C808.946 229.81 805.068 229 801 229H782.125ZM730.625 229C730.625 232.314 733.311 235 736.625 235H762.375C765.689 235 768.375 232.314 768.375 229H730.625ZM679.125 229C679.125 232.314 681.811 235 685.125 235H710.875C714.189 235 716.875 232.314 716.875 229H679.125ZM627.625 229C627.625 232.314 630.311 235 633.625 235H659.375C662.689 235 665.375 232.314 665.375 229H627.625ZM576.125 229C576.125 232.314 578.811 235 582.125 235H607.875C611.189 235 613.875 232.314 613.875 229H576.125ZM524.625 229C524.625 232.314 527.311 235 530.625 235H556.375C559.689 235 562.375 232.314 562.375 229H524.625ZM265.232 234.12C266.672 236.804 269.942 238.01 272.815 236.819C275.636 235.649 278.735 235 282 235H294.875C298.189 235 300.875 232.314 300.875 229H282C277.932 229 274.054 229.81 270.516 231.276C269.589 231.661 268.684 232.091 267.806 232.563C266.921 233.04 266.062 233.56 265.232 234.12ZM252 277.875C255.314 277.875 258 275.189 258 271.875V259C258 255.735 258.649 252.636 259.819 249.815C261.01 246.942 259.804 243.672 257.12 242.232C256.56 243.062 256.04 243.921 255.563 244.806C255.091 245.684 254.661 246.589 254.276 247.516C252.81 251.054 252 254.932 252 259V277.875ZM252 329.375C255.314 329.375 258 326.689 258 323.375V297.625C258 294.311 255.314 291.625 252 291.625V329.375ZM252 380.875C255.314 380.875 258 378.189 258 374.875V349.125C258 345.811 255.314 343.125 252 343.125V380.875ZM252 432.375C255.314 432.375 258 429.689 258 426.375V400.625C258 397.311 255.314 394.625 252 394.625V432.375ZM252 483.875C255.314 483.875 258 481.189 258 477.875V452.125C258 448.811 255.314 446.125 252 446.125V483.875ZM252 535.375C255.314 535.375 258 532.689 258 529.375V503.625C258 500.311 255.314 497.625 252 497.625V535.375ZM257.12 584.768C259.804 583.328 261.01 580.058 259.819 577.185C258.649 574.364 258 571.265 258 568V555.125C258 551.811 255.314 549.125 252 549.125V568C252 572.068 252.81 575.946 254.276 579.484C254.661 580.411 255.091 581.316 255.563 582.194C256.04 583.079 256.56 583.938 257.12 584.768ZM300.875 598C300.875 594.686 298.189 592 294.875 592H282C278.735 592 275.636 591.351 272.815 590.181C269.942 588.99 266.672 590.196 265.232 592.88C266.062 593.44 266.921 593.96 267.806 594.437C268.684 594.909 269.589 595.339 270.516 595.724C274.054 597.19 277.932 598 282 598H300.875ZM562.375 598C562.375 594.686 559.689 592 556.375 592H530.625C527.311 592 524.625 594.686 524.625 598H562.375ZM613.875 598C613.875 594.686 611.189 592 607.875 592H582.125C578.811 592 576.125 594.686 576.125 598H613.875ZM665.375 598C665.375 594.686 662.689 592 659.375 592H633.625C630.311 592 627.625 594.686 627.625 598H665.375ZM716.875 598C716.875 594.686 714.189 592 710.875 592H685.125C681.811 592 679.125 594.686 679.125 598H716.875ZM768.375 598C768.375 594.686 765.689 592 762.375 592H736.625C733.311 592 730.625 594.686 730.625 598H768.375ZM817.768 592.88C816.328 590.196 813.058 588.99 810.185 590.181C807.364 591.351 804.265 592 801 592H788.125C784.811 592 782.125 594.686 782.125 598H801C805.068 598 808.946 597.19 812.484 595.724C813.411 595.339 814.316 594.909 815.194 594.437C816.079 593.96 816.938 593.44 817.768 592.88ZM831 553.5C827.686 553.5 825 556.186 825 559.5V568C825 571.265 824.351 574.364 823.181 577.185C821.99 580.058 823.196 583.328 825.88 584.768C826.44 583.938 826.96 583.079 827.437 582.194C827.909 581.316 828.339 580.411 828.724 579.484C830.19 575.946 831 572.068 831 568V553.5Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" d="M477.125 235C473.811 235 471.125 232.314 471.125 229H508.875C508.875 232.314 506.189 235 502.875 235H477.125Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" d="M425.625 235C422.311 235 419.625 232.314 419.625 229H457.375C457.375 232.314 454.689 235 451.375 235H425.625Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" d="M374.125 235C370.811 235 368.125 232.314 368.125 229H405.875C405.875 232.314 403.189 235 399.875 235H374.125Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" d="M322.625 235C319.311 235 316.625 232.314 316.625 229H354.375C354.375 232.314 351.689 235 348.375 235H322.625Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" d="M348.375 592C351.689 592 354.375 594.686 354.375 598H316.625C316.625 594.686 319.311 592 322.625 592H348.375Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" d="M399.875 592C403.189 592 405.875 594.686 405.875 598H368.125C368.125 594.686 370.811 592 374.125 592H399.875Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" d="M451.375 592C454.689 592 457.375 594.686 457.375 598H419.625C419.625 594.686 422.311 592 425.625 592H451.375Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" d="M502.875 592C506.189 592 508.875 594.686 508.875 598H471.125C471.125 594.686 473.811 592 477.125 592H502.875Z"></path>
+  <rect style="fill: var(--color-illustrationAnatomySubtle)" x="313" y="293" width="451.861" height="241" rx="120.5"></rect>
+  <rect style="fill: var(--color-interface010)" x="343.124" y="323.131" width="180.744" height="180.744" rx="90.3722"></rect>
+  <path style="fill: var(--color-interface010)" d="M697.082 371.405L686.463 360.787L644.365 402.885L602.266 360.787L591.647 371.405L633.746 413.504L591.647 455.602L602.266 466.221L644.365 424.122L686.463 466.221L697.082 455.602L654.983 413.504L697.082 371.405Z"></path>
+  <g>
+    <path style="fill: var(--color-white)" fill-rule="evenodd" clip-rule="evenodd" d="M425.177 544L418.472 533.755C413.894 526.76 404.142 524.208 396.682 528.043L398.42 527.149C396.569 528.101 395.681 530.474 396.444 532.446L405.725 556.459C407.196 560.265 410.954 565.649 414.068 568.354C414.068 568.354 432.739 583.808 432.739 589.602V596.938H462.989H471.261H478.114H485.677V589.602C485.677 583.808 497.087 565.558 497.087 565.558C499.188 562.011 500.939 555.761 500.939 551.612V521.099C500.802 514.344 495.059 508.869 487.974 508.869C484.429 508.869 481.558 511.606 481.558 514.986V517.43C481.558 510.674 475.815 505.199 468.729 505.199C465.185 505.199 462.313 507.937 462.313 511.316V513.76C462.313 507.005 456.571 501.53 449.485 501.53C445.94 501.53 443.069 504.267 443.069 507.647V510.091C443.069 509.005 442.953 508.142 442.729 507.458L440.772 475.947C440.507 471.686 436.916 468.375 432.739 468.375C428.533 468.375 425.177 471.76 425.177 475.936V506.188V544Z"></path>
+    <path style="fill: var(--color-black)" fill-rule="evenodd" clip-rule="evenodd" d="M398.476 527.257C404.48 525.059 411.502 526.581 416.102 530.927C416.99 531.766 417.789 532.711 418.472 533.755L425.177 543.999V475.935C425.177 471.76 428.533 468.374 432.739 468.374C436.916 468.374 440.507 471.685 440.772 475.946L442.729 507.457C442.749 507.519 442.768 507.582 442.787 507.646C442.973 508.298 443.069 509.102 443.069 510.09V507.646C443.069 507.576 443.07 507.506 443.073 507.436C443.074 507.405 443.075 507.374 443.077 507.343C443.242 504.104 446.047 501.529 449.485 501.529C450.158 501.529 450.818 501.578 451.462 501.673C452.981 501.897 454.412 502.375 455.706 503.06C458.93 504.768 461.302 507.762 462.057 511.316C462.225 512.105 462.313 512.923 462.313 513.759V511.316C462.313 507.936 465.185 505.198 468.729 505.198C469.014 505.198 469.297 505.207 469.577 505.225C471.518 505.345 473.34 505.877 474.95 506.73C478.175 508.437 480.546 511.431 481.301 514.985C481.469 515.775 481.558 516.592 481.558 517.429V514.985C481.558 511.605 484.429 508.868 487.974 508.868C488.258 508.868 488.541 508.877 488.822 508.894C495.512 509.31 500.807 514.615 500.938 521.099V551.612C500.938 555.761 499.188 562.01 497.087 565.558C497.087 565.558 485.677 583.807 485.677 589.601V596.937H432.739V589.601C432.739 583.807 414.068 568.353 414.068 568.353C410.954 565.648 407.196 560.265 405.725 556.458L396.444 532.445C395.935 531.129 396.161 529.634 396.919 528.502C397.177 528.116 397.497 527.772 397.871 527.492C398.072 527.41 398.273 527.331 398.476 527.257ZM396.682 528.042C397.073 527.841 397.469 527.658 397.871 527.492C398.043 527.364 398.226 527.248 398.42 527.149L396.682 528.042ZM392.6 520.102C387.742 523.608 385.813 530.113 387.979 535.717L397.26 559.73C399.259 564.902 403.874 571.519 408.117 575.204L408.198 575.275L408.28 575.342L408.281 575.344L408.314 575.371L408.449 575.483C408.57 575.585 408.755 575.741 408.993 575.943C409.47 576.349 410.161 576.942 410.992 577.673C412.665 579.144 414.866 581.138 417.042 583.277C419.258 585.455 421.259 587.599 422.643 589.388C423.119 590.004 423.448 590.484 423.664 590.831V606.012H494.752V589.756C494.752 589.794 494.754 589.814 494.759 589.815C494.79 589.82 494.957 588.967 495.816 586.939C496.727 584.788 498.004 582.246 499.369 579.716C500.718 577.215 502.078 574.866 503.107 573.133C503.62 572.27 504.045 571.568 504.34 571.087C504.487 570.846 504.601 570.661 504.677 570.539L504.76 570.404L504.782 570.369L504.84 570.276L504.896 570.181C506.481 567.505 507.71 564.246 508.545 561.236C509.379 558.231 510.013 554.775 510.013 551.612V521.007L510.012 520.915C509.769 508.928 499.702 499.793 487.974 499.793C486.052 499.793 484.175 500.149 482.428 500.809C478.62 497.853 473.813 496.123 468.729 496.123C466.808 496.123 464.93 496.48 463.184 497.14C459.729 494.458 455.452 492.785 450.892 492.498L449.829 475.383C449.266 466.306 441.677 459.299 432.739 459.299C423.5 459.299 416.102 466.769 416.102 475.935V519.987C409.42 516.661 401.38 516.187 394.306 519.146M423.972 591.395C423.97 591.394 423.954 591.361 423.93 591.298C423.962 591.364 423.974 591.395 423.972 591.395ZM392.6 520.102L392.533 519.971L394.271 519.078"></path>
+  </g>
+  <path style="fill: var(--color-illustrationAnatomyBorder020)" d="M844.359 450.381H876.021V462.786H829V369.068H844.359V450.381Z"></path>
+  <path style="fill: var(--color-illustrationAnatomyBorder020)" d="M883.746 425.299C883.746 417.838 885.272 411.23 888.326 405.477C891.47 399.723 895.692 395.273 900.991 392.127C906.38 388.891 912.308 387.272 918.775 387.272C924.614 387.272 929.688 388.441 934 390.778C938.401 393.026 941.904 395.858 944.509 399.274V388.486H960.003V462.786H944.509V451.729C941.904 455.235 938.356 458.157 933.865 460.494C929.374 462.831 924.254 464 918.506 464C912.129 464 906.29 462.382 900.991 459.146C895.692 455.819 891.47 451.235 888.326 445.391C885.272 439.458 883.746 432.761 883.746 425.299ZM944.509 425.569C944.509 420.445 943.431 415.995 941.275 412.219C939.209 408.443 936.47 405.567 933.057 403.589C929.643 401.611 925.961 400.622 922.009 400.622C918.057 400.622 914.374 401.611 910.961 403.589C907.548 405.477 904.763 408.308 902.608 412.084C900.542 415.77 899.509 420.175 899.509 425.299C899.509 430.423 900.542 434.918 902.608 438.784C904.763 442.649 907.548 445.616 910.961 447.684C914.464 449.661 918.147 450.65 922.009 450.65C925.961 450.65 929.643 449.661 933.057 447.684C936.47 445.706 939.209 442.829 941.275 439.053C943.431 435.188 944.509 430.693 944.509 425.569Z"></path>
+  <path style="fill: var(--color-illustrationAnatomyBorder020)" d="M995.535 399.543C998.14 395.947 1001.69 393.026 1006.18 390.778C1010.76 388.441 1015.83 387.272 1021.4 387.272C1027.96 387.272 1033.89 388.846 1039.19 391.992C1044.49 395.138 1048.66 399.633 1051.72 405.477C1054.77 411.23 1056.3 417.838 1056.3 425.299C1056.3 432.761 1054.77 439.458 1051.72 445.391C1048.66 451.235 1044.44 455.819 1039.05 459.146C1033.75 462.382 1027.87 464 1021.4 464C1015.66 464 1010.54 462.876 1006.04 460.629C1001.64 458.381 998.14 455.505 995.535 451.999V462.786H980.176V363H995.535V399.543ZM1040.67 425.299C1040.67 420.175 1039.59 415.77 1037.44 412.084C1035.37 408.308 1032.59 405.477 1029.08 403.589C1025.67 401.611 1021.99 400.622 1018.04 400.622C1014.17 400.622 1010.49 401.611 1006.99 403.589C1003.57 405.567 1000.79 408.443 998.634 412.219C996.568 415.995 995.535 420.445 995.535 425.569C995.535 430.693 996.568 435.188 998.634 439.053C1000.79 442.829 1003.57 445.706 1006.99 447.684C1010.49 449.661 1014.17 450.65 1018.04 450.65C1021.99 450.65 1025.67 449.661 1029.08 447.684C1032.59 445.616 1035.37 442.649 1037.44 438.784C1039.59 434.918 1040.67 430.423 1040.67 425.299Z"></path>
+  <path style="fill: var(--color-illustrationAnatomyBorder020)" d="M1139.53 423.816C1139.53 426.603 1139.35 429.12 1138.99 431.367H1082.27C1082.71 437.3 1084.92 442.065 1088.87 445.661C1092.82 449.257 1097.67 451.055 1103.42 451.055C1111.68 451.055 1117.52 447.594 1120.93 440.672H1137.5C1135.26 447.504 1131.17 453.122 1125.24 457.527C1119.41 461.842 1112.13 464 1103.42 464C1096.32 464 1089.95 462.427 1084.29 459.28C1078.72 456.044 1074.32 451.549 1071.08 445.796C1067.94 439.952 1066.37 433.21 1066.37 425.569C1066.37 417.927 1067.89 411.23 1070.95 405.477C1074.09 399.633 1078.45 395.138 1084.02 391.992C1089.68 388.846 1096.14 387.272 1103.42 387.272C1110.42 387.272 1116.67 388.801 1122.15 391.857C1127.62 394.914 1131.89 399.229 1134.94 404.802C1138 410.286 1139.53 416.624 1139.53 423.816ZM1123.49 418.961C1123.4 413.298 1121.38 408.758 1117.43 405.342C1113.48 401.926 1108.58 400.218 1102.74 400.218C1097.45 400.218 1092.91 401.926 1089.14 405.342C1085.36 408.668 1083.12 413.208 1082.4 418.961H1123.49Z"></path>
+  <path style="fill: var(--color-illustrationAnatomyBorder020)" d="M1170 363V462.786H1154.64V363H1170Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" d="M844.359 450.381H876.021V462.786H829V369.068H844.359V450.381Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" d="M883.746 425.299C883.746 417.838 885.272 411.23 888.326 405.477C891.47 399.723 895.692 395.273 900.991 392.127C906.38 388.891 912.308 387.272 918.775 387.272C924.614 387.272 929.688 388.441 934 390.778C938.401 393.026 941.904 395.858 944.509 399.274V388.486H960.003V462.786H944.509V451.729C941.904 455.235 938.356 458.157 933.865 460.494C929.374 462.831 924.254 464 918.506 464C912.129 464 906.29 462.382 900.991 459.146C895.692 455.819 891.47 451.235 888.326 445.391C885.272 439.458 883.746 432.761 883.746 425.299ZM944.509 425.569C944.509 420.445 943.431 415.995 941.275 412.219C939.209 408.443 936.47 405.567 933.057 403.589C929.643 401.611 925.961 400.622 922.009 400.622C918.057 400.622 914.374 401.611 910.961 403.589C907.548 405.477 904.763 408.308 902.608 412.084C900.542 415.77 899.509 420.175 899.509 425.299C899.509 430.423 900.542 434.918 902.608 438.784C904.763 442.649 907.548 445.616 910.961 447.684C914.464 449.661 918.147 450.65 922.009 450.65C925.961 450.65 929.643 449.661 933.057 447.684C936.47 445.706 939.209 442.829 941.275 439.053C943.431 435.188 944.509 430.693 944.509 425.569Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" d="M995.535 399.543C998.14 395.947 1001.69 393.026 1006.18 390.778C1010.76 388.441 1015.83 387.272 1021.4 387.272C1027.96 387.272 1033.89 388.846 1039.19 391.992C1044.49 395.138 1048.66 399.633 1051.72 405.477C1054.77 411.23 1056.3 417.838 1056.3 425.299C1056.3 432.761 1054.77 439.458 1051.72 445.391C1048.66 451.235 1044.44 455.819 1039.05 459.146C1033.75 462.382 1027.87 464 1021.4 464C1015.66 464 1010.54 462.876 1006.04 460.629C1001.64 458.381 998.14 455.505 995.535 451.999V462.786H980.176V363H995.535V399.543ZM1040.67 425.299C1040.67 420.175 1039.59 415.77 1037.44 412.084C1035.37 408.308 1032.59 405.477 1029.08 403.589C1025.67 401.611 1021.99 400.622 1018.04 400.622C1014.17 400.622 1010.49 401.611 1006.99 403.589C1003.57 405.567 1000.79 408.443 998.634 412.219C996.568 415.995 995.535 420.445 995.535 425.569C995.535 430.693 996.568 435.188 998.634 439.053C1000.79 442.829 1003.57 445.706 1006.99 447.684C1010.49 449.661 1014.17 450.65 1018.04 450.65C1021.99 450.65 1025.67 449.661 1029.08 447.684C1032.59 445.616 1035.37 442.649 1037.44 438.784C1039.59 434.918 1040.67 430.423 1040.67 425.299Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" d="M1139.53 423.816C1139.53 426.603 1139.35 429.12 1138.99 431.367H1082.27C1082.71 437.3 1084.92 442.065 1088.87 445.661C1092.82 449.257 1097.67 451.055 1103.42 451.055C1111.68 451.055 1117.52 447.594 1120.93 440.672H1137.5C1135.26 447.504 1131.17 453.122 1125.24 457.527C1119.41 461.842 1112.13 464 1103.42 464C1096.32 464 1089.95 462.427 1084.29 459.28C1078.72 456.044 1074.32 451.549 1071.08 445.796C1067.94 439.952 1066.37 433.21 1066.37 425.569C1066.37 417.927 1067.89 411.23 1070.95 405.477C1074.09 399.633 1078.45 395.138 1084.02 391.992C1089.68 388.846 1096.14 387.272 1103.42 387.272C1110.42 387.272 1116.67 388.801 1122.15 391.857C1127.62 394.914 1131.89 399.229 1134.94 404.802C1138 410.286 1139.53 416.624 1139.53 423.816ZM1123.49 418.961C1123.4 413.298 1121.38 408.758 1117.43 405.342C1113.48 401.926 1108.58 400.218 1102.74 400.218C1097.45 400.218 1092.91 401.926 1089.14 405.342C1085.36 408.668 1083.12 413.208 1082.4 418.961H1123.49Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" d="M1170 363V462.786H1154.64V363H1170Z"></path>
+  <defs>
+    
+  </defs>
+</svg>

package/site/public/static/illustrations/components/switch/behaviours/focusable-area.svg

@@ -0,0 +1,69 @@
+<svg
+  id="nksvg"
+  style="width: 100%; height: 100%"
+  width="1490"
+  height="838"
+  viewBox="0 0 1490 838"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+  class="css-0"
+>
+  <path
+    style="fill: var(--color-illustrationBackground020)"
+    d="M0 0H1490V838H0V0Z"
+  ></path>
+  <g opacity="0.2">
+    <rect
+      style="fill: var(--color-illustrationAnatomySubtle)"
+      x="296"
+      y="283"
+      width="509.984"
+      height="272"
+      rx="136"
+    ></rect>
+    <rect
+      style="fill: var(--color-interface010)"
+      x="329.999"
+      y="317.007"
+      width="203.994"
+      height="203.994"
+      rx="101.997"
+    ></rect>
+    <path
+      style="fill: var(--color-interface010)"
+      d="M729.486 371.491L717.502 359.506L669.988 407.02L622.475 359.506L610.49 371.491L658.004 419.004L610.49 466.518L622.475 478.502L669.988 430.989L717.502 478.502L729.486 466.518L681.973 419.004L729.486 371.491Z"
+    ></path>
+  </g>
+  <rect
+    x="288"
+    y="275"
+    width="525.984"
+    height="287.992"
+    rx="143.996"
+    stroke="#577FFB"
+    stroke-width="16"
+    stroke-dasharray="23 23"
+  ></rect>
+  <g opacity="0.2">
+    <path
+      style="fill: var(--color-illustrationHighlight010)"
+      d="M868.359 455.381H900.021V467.786H853V374.068H868.359V455.381Z"
+    ></path>
+    <path
+      style="fill: var(--color-illustrationHighlight010)"
+      d="M907.746 430.299C907.746 422.838 909.272 416.23 912.326 410.477C915.47 404.723 919.692 400.273 924.991 397.127C930.38 393.891 936.308 392.272 942.775 392.272C948.614 392.272 953.688 393.441 958 395.778C962.401 398.026 965.904 400.858 968.509 404.274V393.486H984.003V467.786H968.509V456.729C965.904 460.235 962.356 463.157 957.865 465.494C953.374 467.831 948.254 469 942.506 469C936.129 469 930.29 467.382 924.991 464.146C919.692 460.819 915.47 456.235 912.326 450.391C909.272 444.458 907.746 437.761 907.746 430.299ZM968.509 430.569C968.509 425.445 967.431 420.995 965.275 417.219C963.209 413.443 960.47 410.567 957.057 408.589C953.643 406.611 949.961 405.622 946.009 405.622C942.057 405.622 938.374 406.611 934.961 408.589C931.548 410.477 928.763 413.308 926.608 417.084C924.542 420.77 923.509 425.175 923.509 430.299C923.509 435.423 924.542 439.918 926.608 443.784C928.763 447.649 931.548 450.616 934.961 452.684C938.464 454.661 942.147 455.65 946.009 455.65C949.961 455.65 953.643 454.661 957.057 452.684C960.47 450.706 963.209 447.829 965.275 444.053C967.431 440.188 968.509 435.693 968.509 430.569Z"
+    ></path>
+    <path
+      style="fill: var(--color-illustrationHighlight010)"
+      d="M1019.54 404.543C1022.14 400.947 1025.69 398.026 1030.18 395.778C1034.76 393.441 1039.83 392.272 1045.4 392.272C1051.96 392.272 1057.89 393.846 1063.19 396.992C1068.49 400.138 1072.66 404.633 1075.72 410.477C1078.77 416.23 1080.3 422.838 1080.3 430.299C1080.3 437.761 1078.77 444.458 1075.72 450.391C1072.66 456.235 1068.44 460.819 1063.05 464.146C1057.75 467.382 1051.87 469 1045.4 469C1039.66 469 1034.54 467.876 1030.04 465.629C1025.64 463.381 1022.14 460.505 1019.54 456.999V467.786H1004.18V368H1019.54V404.543ZM1064.67 430.299C1064.67 425.175 1063.59 420.77 1061.44 417.084C1059.37 413.308 1056.59 410.477 1053.08 408.589C1049.67 406.611 1045.99 405.622 1042.04 405.622C1038.17 405.622 1034.49 406.611 1030.99 408.589C1027.57 410.567 1024.79 413.443 1022.63 417.219C1020.57 420.995 1019.54 425.445 1019.54 430.569C1019.54 435.693 1020.57 440.188 1022.63 444.053C1024.79 447.829 1027.57 450.706 1030.99 452.684C1034.49 454.661 1038.17 455.65 1042.04 455.65C1045.99 455.65 1049.67 454.661 1053.08 452.684C1056.59 450.616 1059.37 447.649 1061.44 443.784C1063.59 439.918 1064.67 435.423 1064.67 430.299Z"
+    ></path>
+    <path
+      style="fill: var(--color-illustrationHighlight010)"
+      d="M1163.53 428.816C1163.53 431.603 1163.35 434.12 1162.99 436.367H1106.27C1106.71 442.3 1108.92 447.065 1112.87 450.661C1116.82 454.257 1121.67 456.055 1127.42 456.055C1135.68 456.055 1141.52 452.594 1144.93 445.672H1161.5C1159.26 452.504 1155.17 458.122 1149.24 462.527C1143.41 466.842 1136.13 469 1127.42 469C1120.32 469 1113.95 467.427 1108.29 464.28C1102.72 461.044 1098.32 456.549 1095.08 450.796C1091.94 444.952 1090.37 438.21 1090.37 430.569C1090.37 422.927 1091.89 416.23 1094.95 410.477C1098.09 404.633 1102.45 400.138 1108.02 396.992C1113.68 393.846 1120.14 392.272 1127.42 392.272C1134.42 392.272 1140.67 393.801 1146.15 396.857C1151.62 399.914 1155.89 404.229 1158.94 409.802C1162 415.286 1163.53 421.624 1163.53 428.816ZM1147.49 423.961C1147.4 418.298 1145.38 413.758 1141.43 410.342C1137.48 406.926 1132.58 405.218 1126.74 405.218C1121.45 405.218 1116.91 406.926 1113.14 410.342C1109.36 413.668 1107.12 418.208 1106.4 423.961H1147.49Z"
+    ></path>
+    <path
+      style="fill: var(--color-illustrationHighlight010)"
+      d="M1194 368V467.786H1178.64V368H1194Z"
+    ></path>
+  </g>
+</svg>