newskit 0.0.0-e00e1f6 → 0.0.0-e02a96ba5

package/site/public/static/illustrations/components/pagination/usage/do-03.svg

@@ -0,0 +1,25 @@
+<svg id="nksvg" width="1490" height="838" viewBox="0 0 1490 838" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_3275_104369)">
+<path d="M0 0H1490V838H0V0Z" fill="var(--color-illustrationBackground010)"/>
+<rect x="292" y="-19" width="906" height="649" rx="24" fill="var(--color-illustrationInterface030)"/>
+<path d="M428 527.7L423.243 523L403 543L423.243 563L428 558.3L412.548 543L428 527.7Z" fill="var(--color-illustrationInterface010)"/>
+<path d="M1062 558.3L1066.76 563L1087 543L1066.76 523L1062 527.7L1077.45 543L1062 558.3Z" fill="var(--color-illustrationInterface010)"/>
+<circle cx="524" cy="543" r="12" fill="var(--color-illustrationInterface010)"/>
+<circle cx="634" cy="543" r="12" fill="var(--color-illustrationInterface010)"/>
+<circle cx="744" cy="543" r="12" fill="var(--color-illustrationInterface010)"/>
+<circle cx="854" cy="543" r="12" fill="var(--color-illustrationInterface010)"/>
+<circle cx="964" cy="543" r="12" fill="var(--color-illustrationInterface010)"/>
+<rect x="335" y="-188" width="820" height="649" rx="24" fill="var(--color-illustrationInterface010)"/>
+<path opacity="0.6" fill-rule="evenodd" clip-rule="evenodd" d="M563.367 296C559.85 296 557 298.851 557 302.369C557 305.886 559.85 308.738 563.367 308.738H1066.34C1069.86 308.738 1072.71 305.886 1072.71 302.369C1072.71 298.851 1069.86 296 1066.34 296H563.367ZM563.368 329.118C559.851 329.118 557.001 331.969 557.001 335.486C557.001 339.004 559.851 341.855 563.368 341.855H958.107C961.624 341.855 964.474 339.004 964.474 335.486C964.474 331.969 961.624 329.118 958.107 329.118H563.368Z" fill="var(--color-illustrationInterface020)"/>
+<path opacity="0.6" fill-rule="evenodd" clip-rule="evenodd" d="M563.367 135C559.85 135 557 137.851 557 141.369C557 144.886 559.85 147.738 563.367 147.738H1066.34C1069.86 147.738 1072.71 144.886 1072.71 141.369C1072.71 137.851 1069.86 135 1066.34 135H563.367ZM563.368 168.118C559.851 168.118 557.001 170.969 557.001 174.486C557.001 178.004 559.851 180.855 563.368 180.855H958.107C961.624 180.855 964.474 178.004 964.474 174.486C964.474 170.969 961.624 168.118 958.107 168.118H563.368Z" fill="var(--color-illustrationInterface020)"/>
+<path opacity="0.6" fill-rule="evenodd" clip-rule="evenodd" d="M563.367 -35C559.85 -35 557 -32.1486 557 -28.6312C557 -25.1139 559.85 -22.2625 563.367 -22.2625H1066.34C1069.86 -22.2625 1072.71 -25.1139 1072.71 -28.6312C1072.71 -32.1486 1069.86 -35 1066.34 -35H563.367ZM563.368 -1.88241C559.851 -1.88241 557.001 0.968987 557.001 4.48635C557.001 8.00373 559.851 10.8551 563.368 10.8551H958.107C961.624 10.8551 964.474 8.00373 964.474 4.48635C964.474 0.968987 961.624 -1.88241 958.107 -1.88241H563.368Z" fill="var(--color-illustrationInterface020)"/>
+<circle opacity="0.6" cx="455" cy="319" r="40" fill="var(--color-illustrationInterface020)"/>
+<circle opacity="0.6" cx="455" cy="158" r="40" fill="var(--color-illustrationInterface020)"/>
+<circle opacity="0.6" cx="455" cy="-12" r="40" fill="var(--color-illustrationInterface020)"/>
+</g>
+<defs>
+<clipPath id="clip0_3275_104369">
+<rect width="1490" height="838" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/site/public/static/illustrations/components/placeholder-illustration.svg

@@ -0,0 +1,18 @@
+<svg
+  id="nksvg"
+  style="width: 100%; height: 100%"
+  width="1600"
+  height="1600"
+  viewBox="0 0 1600 1600"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+  class="css-0"
+>
+  <rect width="1600" height="1600" fill="illustration-Background020"></rect>
+  <path
+    style="fill: var(--color-interface040)"
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M1020.59 586.74H579.412C571.29 586.74 564.706 593.339 564.706 601.48V999.458C564.706 1007.6 571.29 1014.2 579.412 1014.2H1020.59C1028.71 1014.2 1035.29 1007.6 1035.29 999.458V601.48C1035.29 593.339 1028.71 586.74 1020.59 586.74ZM579.412 572C563.168 572 550 585.199 550 601.48V999.458C550 1015.74 563.168 1028.94 579.412 1028.94H1020.59C1036.83 1028.94 1050 1015.74 1050 999.458V601.48C1050 585.199 1036.83 572 1020.59 572H579.412ZM722.249 702.981C722.249 728.415 701.898 749.033 676.794 749.033C651.69 749.033 631.339 728.415 631.339 702.981C631.339 677.547 651.69 656.928 676.794 656.928C701.898 656.928 722.249 677.547 722.249 702.981ZM709.872 832.119C703.597 823.903 691.078 824.573 685.706 833.411L609.592 958.639C603.615 968.472 610.654 981.091 622.116 981.091H979.082C990.092 981.091 997.182 969.356 992.108 959.532L892.423 766.558C887.131 756.315 872.718 755.87 866.812 765.768L786.838 899.781C781.512 908.707 768.916 909.432 762.611 901.176L709.872 832.119Z"
+  ></path>
+</svg>

package/site/public/static/illustrations/components/pop-up-illustration.svg

@@ -0,0 +1,96 @@
+<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"
+>
+  <rect
+    style="fill: var(--color-illustrationBackground020)"
+    width="1490"
+    height="838"
+  ></rect>
+  <rect
+    style="fill: var(--color-illustrationPalette080)"
+    x="633"
+    y="564"
+    width="224"
+    height="100"
+    rx="24"
+  ></rect>
+  <rect
+    style="fill: var(--color-illustrationPalette060)"
+    x="533"
+    y="514"
+    width="424"
+    height="100"
+    rx="24"
+  ></rect>
+  <rect
+    style="fill: var(--color-illustrationPalette040)"
+    x="389"
+    y="250"
+    width="712"
+    height="300"
+    rx="24"
+  ></rect>
+  <rect
+    style="fill: var(--color-illustrationPalette010)"
+    width="526"
+    height="18"
+    rx="9"
+    transform="matrix(-1 0 0 1 1008 359)"
+  ></rect>
+  <rect
+    style="fill: var(--color-illustrationPalette010)"
+    width="266"
+    height="18"
+    rx="9"
+    transform="matrix(-1 0 0 1 878 415)"
+  ></rect>
+  <rect
+    style="fill: var(--color-illustrationPalette030)"
+    x="1066.13"
+    y="131"
+    width="12"
+    height="76.5641"
+    rx="6"
+  ></rect>
+  <rect
+    style="fill: var(--color-illustrationPalette030)"
+    x="971"
+    y="201.204"
+    width="12"
+    height="38.6688"
+    rx="6"
+    transform="rotate(-45 971 201.204)"
+  ></rect>
+  <rect
+    style="fill: var(--color-illustrationPalette030)"
+    width="12"
+    height="38.6688"
+    rx="6"
+    transform="matrix(-0.707107 -0.707107 -0.707107 0.707107 1170.63 207.392)"
+  ></rect>
+  <rect
+    style="fill: var(--color-illustrationPalette030)"
+    x="1164.45"
+    y="368.701"
+    width="12"
+    height="38.6688"
+    rx="6"
+    transform="rotate(135 1164.45 368.701)"
+  ></rect>
+  <rect
+    style="fill: var(--color-illustrationPalette030)"
+    x="1154.29"
+    y="288.769"
+    width="12"
+    height="76.5641"
+    rx="6"
+    transform="rotate(-90 1154.29 288.769)"
+  ></rect>
+</svg>

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

@@ -0,0 +1,164 @@
+<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"
+>
+  <rect
+    style="fill: var(--color-illustrationBackground010)"
+    width="1490"
+    height="838"
+  ></rect>
+  <path
+    style="fill: var(--color-illustrationInterface020)"
+    d="M491.091 281.921C485.855 281.921 481.609 286.166 481.609 291.403V535.292C481.609 540.529 485.855 544.774 491.091 544.774H735.992C738.22 544.774 740.351 545.687 741.887 547.3L759.558 565.855C763.361 569.848 769.756 569.766 773.456 565.677L789.944 547.453C791.488 545.747 793.681 544.774 795.981 544.774H1032.7C1037.94 544.774 1042.18 540.529 1042.18 535.292V291.403C1042.18 286.166 1037.94 281.921 1032.7 281.921H491.091Z"
+    stroke="#2B4AAB"
+    stroke-width="1.34109"
+  ></path>
+  <path
+    style="fill: var(--color-illustrationPalette040)"
+    d="M1003 324.391L1000.82 322.431L992.17 330.2L983.519 322.431L981.337 324.391L989.988 332.16L981.337 339.929L983.519 341.888L992.17 334.119L1000.82 341.888L1003 339.929L994.352 332.16L1003 324.391Z"
+  ></path>
+  <path
+    style="fill: var(--color-illustrationAnatomyBorder020)"
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M482.28 379.482V380.627H1041.51V379.482H482.28Z"
+  ></path>
+  <path
+    style="fill: var(--color-illustrationPalette040)"
+    d="M535.889 322.625V325.886H529.824V342.773H525.26V325.886H519.195V322.625H535.889Z"
+  ></path>
+  <path
+    style="fill: var(--color-illustrationPalette040)"
+    d="M541.535 324.876C540.73 324.876 540.057 324.655 539.513 324.212C538.991 323.75 538.731 323.183 538.731 322.509C538.731 321.836 538.991 321.277 539.513 320.835C540.057 320.373 540.73 320.142 541.535 320.142C542.339 320.142 543.002 320.373 543.524 320.835C544.067 321.277 544.339 321.836 544.339 322.509C544.339 323.183 544.067 323.75 543.524 324.212C543.002 324.655 542.339 324.876 541.535 324.876ZM543.784 326.781V342.773H539.22V326.781H543.784Z"
+  ></path>
+  <path
+    style="fill: var(--color-illustrationPalette040)"
+    d="M553.609 330.101V337.837C553.609 338.376 553.75 338.77 554.033 339.02C554.337 339.251 554.837 339.367 555.533 339.367H557.652V342.773H554.783C550.936 342.773 549.012 341.118 549.012 337.808V330.101H546.86V326.781H549.012V322.827H553.609V326.781H557.652V330.101H553.609Z"
+  ></path>
+  <path
+    style="fill: var(--color-illustrationPalette040)"
+    d="M565.5 321.412V342.773H560.935V321.412H565.5Z"
+  ></path>
+  <path
+    style="fill: var(--color-illustrationPalette040)"
+    d="M586.802 334.431C586.802 335.008 586.759 335.528 586.672 335.99H573.466C573.575 337.144 574.032 338.049 574.836 338.703C575.64 339.357 576.629 339.684 577.803 339.684C579.498 339.684 580.705 339.04 581.422 337.75H586.346C585.824 339.29 584.824 340.56 583.346 341.561C581.868 342.542 580.053 343.033 577.901 343.033C576.162 343.033 574.597 342.696 573.206 342.023C571.836 341.33 570.76 340.358 569.978 339.107C569.217 337.856 568.836 336.413 568.836 334.777C568.836 333.122 569.217 331.669 569.978 330.418C570.738 329.168 571.804 328.205 573.173 327.532C574.542 326.858 576.118 326.521 577.901 326.521C579.618 326.521 581.15 326.849 582.498 327.503C583.868 328.157 584.922 329.091 585.661 330.303C586.422 331.496 586.802 332.872 586.802 334.431ZM582.074 333.276C582.053 332.237 581.629 331.409 580.803 330.794C579.977 330.159 578.966 329.841 577.77 329.841C576.64 329.841 575.684 330.149 574.901 330.765C574.14 331.361 573.673 332.198 573.499 333.276H582.074Z"
+  ></path>
+  <path
+    style="fill: var(--color-illustrationAnatomySubtle)"
+    d="M522.604 421.21C522.604 417.436 525.682 414.376 529.479 414.376H838.84C842.637 414.376 845.714 417.436 845.714 421.21C845.714 424.984 842.637 428.043 838.84 428.043H529.479C525.682 428.043 522.604 424.984 522.604 421.21Z"
+  ></path>
+  <path
+    style="fill: var(--color-illustrationAnatomySubtle)"
+    d="M522.604 451.552C522.604 447.778 524.771 444.718 527.444 444.718H710.161C712.834 444.718 715.001 447.778 715.001 451.552C715.001 455.325 712.834 458.385 710.161 458.385H527.444C524.771 458.385 522.604 455.325 522.604 451.552Z"
+  ></path>
+  <path
+    style="fill: var(--color-illustrationAnatomySubtle)"
+    d="M847.055 487.014C847.055 473.632 857.911 462.783 871.301 462.783H980.097C993.488 462.783 1004.34 473.632 1004.34 487.014C1004.34 500.396 993.488 511.245 980.097 511.245H871.301C857.911 511.245 847.055 500.396 847.055 487.014Z"
+  ></path>
+  <path
+    style="fill: var(--color-illustrationPalette040)"
+    d="M318.446 420.104H411.225V422.255H318.446V420.104Z"
+  ></path>
+  <path
+    style="fill: var(--color-illustrationPalette040)"
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M412.529 522.603C412.529 534.613 422.985 544.349 435.884 544.349L466.614 544.349C467.293 544.349 467.844 544.862 467.844 545.494C467.844 546.126 467.293 546.638 466.614 546.638L435.884 546.638C421.627 546.638 410.07 535.877 410.07 522.603L410.07 418.712C410.07 418.712 410.07 418.712 412.529 418.712L410.07 418.712C410.749 418.712 410.07 418.712 412.529 418.712L412.529 522.603Z"
+  ></path>
+  <path
+    style="fill: var(--color-illustrationPalette040)"
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M412.529 304.615C412.529 292.605 422.985 282.869 435.884 282.869L466.614 282.869C467.293 282.869 467.844 282.357 467.844 281.725C467.844 281.093 467.293 280.58 466.614 280.58L435.884 280.58C421.627 280.58 410.07 291.341 410.07 304.615L410.07 421.394C410.07 421.394 410.07 421.394 412.529 421.394L410.07 421.394C410.07 436.629 410.07 421.394 412.529 421.394L412.529 304.615Z"
+  ></path>
+  <rect
+    style="fill: var(--color-illustrationPalette040)"
+    x="282.458"
+    y="401.948"
+    width="38.8915"
+    height="38.8915"
+    rx="19.4458"
+  ></rect>
+  <path
+    style="fill: var(--color-white)"
+    d="M299.789 418.29V415.673H304.212V427.69H301.37V418.29H299.789Z"
+  ></path>
+  <path
+    style="fill: var(--color-illustrationPalette040)"
+    d="M766.131 586.489C768.338 586.465 770.12 584.792 770.12 582.731C770.12 580.655 768.312 578.972 766.082 578.972C763.853 578.972 762.045 580.655 762.045 582.731C762.045 584.792 763.827 586.465 766.034 586.489H764.929V673.484H767.236V586.489H766.131Z"
+  ></path>
+  <rect
+    style="fill: var(--color-illustrationPalette040)"
+    x="746.474"
+    y="673.484"
+    width="38.8915"
+    height="38.8915"
+    rx="19.4458"
+  ></rect>
+  <path
+    style="fill: var(--color-white)"
+    d="M769.71 688.846H764.223V691.106C764.457 690.866 764.785 690.67 765.208 690.517C765.63 690.364 766.087 690.287 766.579 690.287C767.459 690.287 768.186 690.473 768.761 690.844C769.347 691.216 769.775 691.696 770.045 692.286C770.314 692.875 770.449 693.514 770.449 694.202C770.449 695.479 770.062 696.495 769.288 697.248C768.514 697.99 767.424 698.362 766.017 698.362C765.079 698.362 764.264 698.214 763.572 697.919C762.88 697.614 762.346 697.193 761.971 696.658C761.596 696.123 761.391 695.506 761.356 694.808H764.293C764.363 695.146 764.533 695.43 764.803 695.659C765.073 695.878 765.442 695.987 765.911 695.987C766.462 695.987 766.873 695.823 767.142 695.495C767.412 695.168 767.547 694.731 767.547 694.185C767.547 693.65 767.406 693.241 767.125 692.957C766.843 692.673 766.433 692.531 765.893 692.531C765.495 692.531 765.166 692.624 764.909 692.81C764.651 692.984 764.481 693.219 764.398 693.514H761.496V686.39H769.71V688.846Z"
+  ></path>
+  <path
+    style="fill: var(--color-illustrationPalette040)"
+    d="M1025.44 335.454C1027.67 335.454 1029.47 333.771 1029.47 331.695C1029.47 329.619 1027.67 327.936 1025.44 327.936C1023.21 327.936 1021.4 329.619 1021.4 331.695C1021.4 333.771 1023.21 335.454 1025.44 335.454Z"
+  ></path>
+  <path
+    style="fill: var(--color-illustrationPalette040)"
+    d="M1029.47 330.621H1118.29V332.769H1029.47V330.621Z"
+  ></path>
+  <rect
+    style="fill: var(--color-illustrationPalette040)"
+    x="1112.93"
+    y="313.436"
+    width="39.2177"
+    height="36.516"
+    rx="18.258"
+  ></rect>
+  <path
+    style="fill: var(--color-white)"
+    d="M1129.07 329.532C1129.11 328.459 1129.49 327.632 1130.2 327.051C1130.91 326.469 1131.88 326.179 1133.09 326.179C1133.9 326.179 1134.59 326.309 1135.16 326.57C1135.74 326.83 1136.18 327.186 1136.47 327.637C1136.77 328.088 1136.92 328.594 1136.92 329.156C1136.92 329.817 1136.74 330.359 1136.39 330.78C1136.03 331.191 1135.62 331.471 1135.14 331.622V331.682C1135.76 331.872 1136.24 332.188 1136.6 332.629C1136.95 333.07 1137.13 333.637 1137.13 334.328C1137.13 334.95 1136.97 335.501 1136.66 335.982C1136.36 336.453 1135.91 336.824 1135.32 337.095C1134.74 337.366 1134.04 337.501 1133.24 337.501C1131.95 337.501 1130.91 337.205 1130.14 336.614C1129.37 336.022 1128.97 335.13 1128.93 333.937H1131.61C1131.62 334.378 1131.75 334.729 1132.01 334.99C1132.27 335.24 1132.64 335.366 1133.14 335.366C1133.56 335.366 1133.88 335.255 1134.11 335.035C1134.35 334.804 1134.46 334.504 1134.46 334.133C1134.46 333.652 1134.3 333.306 1133.96 333.095C1133.64 332.875 1133.12 332.764 1132.4 332.764H1131.88V330.674H1132.4C1132.95 330.674 1133.39 330.589 1133.72 330.419C1134.07 330.238 1134.24 329.923 1134.24 329.472C1134.24 329.111 1134.13 328.83 1133.92 328.63C1133.7 328.429 1133.4 328.329 1133.03 328.329C1132.62 328.329 1132.31 328.444 1132.11 328.675C1131.91 328.905 1131.8 329.191 1131.77 329.532H1129.07Z"
+  ></path>
+  <path
+    style="fill: var(--color-illustrationPalette040)"
+    d="M971.792 438.718C974.022 438.718 975.829 437.035 975.829 434.959C975.829 432.883 974.022 431.2 971.792 431.2C969.563 431.2 967.755 432.883 967.755 434.959C967.755 437.035 969.563 438.718 971.792 438.718Z"
+  ></path>
+  <path
+    style="fill: var(--color-illustrationPalette040)"
+    d="M975.83 433.885H1135.39V436.033H975.83V433.885Z"
+  ></path>
+  <rect
+    style="fill: var(--color-illustrationPalette040)"
+    x="1112.93"
+    y="416.7"
+    width="39.2177"
+    height="36.516"
+    rx="18.258"
+  ></rect>
+  <path
+    style="fill: var(--color-white)"
+    d="M1127.78 438.417V436.342L1132.89 429.545H1135.97V436.191H1137.3V438.417H1135.97V440.371H1133.21V438.417H1127.78ZM1133.4 432.372L1130.69 436.191H1133.4V432.372Z"
+  ></path>
+  <rect
+    style="fill: var(--color-illustrationPalette040)"
+    x="534.728"
+    y="192"
+    width="39.2177"
+    height="36.5161"
+    rx="18.258"
+  ></rect>
+  <path
+    style="fill: var(--color-white)"
+    d="M550.706 214.295C551.06 214.015 551.221 213.885 551.189 213.906C552.207 213.065 553.007 212.374 553.588 211.834C554.18 211.294 554.679 210.728 555.084 210.136C555.489 209.544 555.691 208.967 555.691 208.407C555.691 207.981 555.593 207.649 555.395 207.41C555.198 207.171 554.902 207.051 554.508 207.051C554.113 207.051 553.801 207.202 553.573 207.503C553.355 207.794 553.246 208.209 553.246 208.749H550.675C550.696 207.867 550.883 207.129 551.236 206.537C551.6 205.945 552.072 205.509 552.654 205.229C553.246 204.948 553.9 204.808 554.617 204.808C555.852 204.808 556.782 205.125 557.405 205.758C558.039 206.392 558.355 207.218 558.355 208.235C558.355 209.347 557.976 210.38 557.218 211.335C556.46 212.28 555.494 213.205 554.321 214.108H558.527V216.274H550.706V214.295Z"
+  ></path>
+  <path
+    style="fill: var(--color-illustrationPalette040)"
+    d="M555.491 228.516H553.184V290.808H554.297C552.086 290.828 550.3 292.503 550.3 294.567C550.3 296.643 552.108 298.326 554.337 298.326C556.567 298.326 558.374 296.643 558.374 294.567C558.374 292.503 556.588 290.828 554.377 290.808H555.491V228.516Z"
+  ></path>
+</svg>

package/site/public/static/illustrations/components/popover/behaviours/flip.svg

@@ -0,0 +1,47 @@
+<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">
+  <rect style="fill: var(--color-illustrationBackground020)" width="1490" height="838"></rect>
+  <circle style="fill: var(--color-illustrationInterface020)" cx="181" cy="686" r="58"></circle>
+  <path style="fill: var(--color-illustrationHighlight010)" d="M177.689 670.438H183.814V676.563H177.689V670.438Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" d="M177.689 682.689H183.814V701.064H177.689V682.689Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" fill-rule="evenodd" clip-rule="evenodd" d="M150.125 685.751C150.125 668.846 163.846 655.125 180.751 655.125C197.657 655.125 211.378 668.846 211.378 685.751C211.378 702.657 197.657 716.377 180.751 716.377C163.846 716.377 150.125 702.657 150.125 685.751ZM156.25 685.751C156.25 699.257 167.245 710.252 180.751 710.252C194.258 710.252 205.252 699.257 205.252 685.751C205.252 672.245 194.258 661.25 180.751 661.25C167.245 661.25 156.25 672.245 156.25 685.751Z"></path>
+  <g>
+    <path style="fill: var(--color-illustrationInterface010)" fill-rule="evenodd" clip-rule="evenodd" d="M116.592 124C111.295 124 107 128.295 107 133.592V556.854C107 562.151 111.295 566.446 116.592 566.446H140.546L178.915 604.815L217.285 566.446H656.161C661.458 566.446 665.753 562.151 665.753 556.854V133.592C665.753 128.295 661.458 124 656.161 124H116.592Z"></path>
+  </g>
+  <path style="fill: var(--color-illustrationHighlight010)" d="M629.852 171.743L627.022 168.913L615.803 180.132L604.584 168.913L601.754 171.743L612.973 182.962L601.754 194.181L604.584 197.011L615.803 185.792L627.022 197.011L629.852 194.181L618.633 182.962L629.852 171.743Z"></path>
+  <path style="fill: var(--color-illustrationInterface020)" d="M142.843 358.855C142.843 355.328 145.702 352.469 149.229 352.469H617.99C621.517 352.469 624.376 355.328 624.376 358.855C624.376 362.382 621.517 365.241 617.99 365.241H149.229C145.702 365.241 142.843 362.382 142.843 358.855Z"></path>
+  <path style="fill: var(--color-illustrationInterface020)" d="M142.843 324.086C142.843 320.168 146.02 316.991 149.938 316.991H617.28C621.199 316.991 624.376 320.168 624.376 324.086C624.376 328.005 621.199 331.182 617.28 331.182H149.938C146.02 331.182 142.843 328.005 142.843 324.086Z"></path>
+  <path style="fill: var(--color-illustrationInterface020)" d="M142.844 289.318C142.844 285.791 145.703 282.932 149.23 282.932H379.577C383.104 282.932 385.963 285.791 385.963 289.318C385.963 292.845 383.104 295.704 379.577 295.704H149.23C145.703 295.704 142.844 292.845 142.844 289.318Z"></path>
+  <path style="fill: var(--color-illustrationInterface020)" d="M244.539 393.589C244.539 389.951 247.488 387.002 251.126 387.002H272.329C275.967 387.002 278.916 389.951 278.916 393.589C278.916 397.227 275.967 400.176 272.329 400.176H251.126C247.488 400.176 244.539 397.227 244.539 393.589Z"></path>
+  <path style="fill: var(--color-illustrationInterface020)" d="M142.84 393.589C142.84 389.951 145.789 387.002 149.427 387.002H217.898C221.536 387.002 224.485 389.951 224.485 393.589C224.485 397.227 221.536 400.176 217.898 400.176H149.427C145.789 400.176 142.84 397.227 142.84 393.589Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" fill-rule="evenodd" clip-rule="evenodd" d="M624.376 238.268H142.84V236.872H624.376V238.268Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" d="M392.68 488.807C392.68 470.692 407.366 456.006 425.481 456.006H598.554C616.67 456.006 631.355 470.692 631.355 488.807C631.355 506.922 616.67 521.607 598.555 521.607H425.481C407.366 521.607 392.68 506.922 392.68 488.807Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" d="M162.22 167.879V172.843H155.581V193.314H149.478V172.843H142.84V167.879H162.22Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" d="M168.352 170.995C167.281 170.995 166.401 170.681 165.711 170.053C165.045 169.401 164.712 168.604 164.712 167.662C164.712 166.696 165.045 165.899 165.711 165.271C166.401 164.619 167.281 164.292 168.352 164.292C169.399 164.292 170.256 164.619 170.922 165.271C171.612 165.899 171.957 166.696 171.957 167.662C171.957 168.604 171.612 169.401 170.922 170.053C170.256 170.681 169.399 170.995 168.352 170.995ZM171.386 173.097V193.314H165.283V173.097H171.386Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" d="M186.908 188.06V193.314H183.803C181.59 193.314 179.865 192.77 178.628 191.683C177.391 190.572 176.772 188.773 176.772 186.285V178.241H174.345V173.097H176.772V168.169H182.875V173.097H186.873V178.241H182.875V186.357C182.875 186.961 183.018 187.396 183.303 187.661C183.589 187.927 184.065 188.06 184.731 188.06H186.908Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" d="M196.411 166.503V193.314H190.308V166.503H196.411Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" d="M219.607 182.879C219.607 183.459 219.571 184.063 219.5 184.691H205.687C205.783 185.947 206.175 186.913 206.865 187.589C207.579 188.241 208.447 188.567 209.471 188.567C210.993 188.567 212.052 187.915 212.647 186.611H219.143C218.81 187.939 218.203 189.135 217.322 190.198C216.466 191.26 215.383 192.094 214.075 192.698C212.766 193.301 211.303 193.603 209.685 193.603C207.734 193.603 205.997 193.181 204.474 192.335C202.951 191.49 201.761 190.282 200.905 188.712C200.048 187.142 199.62 185.306 199.62 183.205C199.62 181.104 200.036 179.268 200.869 177.698C201.726 176.128 202.915 174.92 204.438 174.075C205.961 173.229 207.71 172.807 209.685 172.807C211.612 172.807 213.325 173.217 214.824 174.039C216.323 174.86 217.489 176.031 218.322 177.553C219.178 179.075 219.607 180.85 219.607 182.879ZM213.361 181.249C213.361 180.186 213.004 179.34 212.29 178.712C211.576 178.084 210.684 177.77 209.613 177.77C208.59 177.77 207.722 178.072 207.008 178.676C206.318 179.28 205.89 180.138 205.723 181.249H213.361Z"></path>
+  <g>
+    <path style="fill: var(--color-illustrationInterface010)" fill-rule="evenodd" clip-rule="evenodd" d="M858.836 291.543L896.915 253.463L934.995 291.543H1374.16C1379.46 291.543 1383.75 295.838 1383.75 301.135V724.397C1383.75 729.694 1379.46 733.989 1374.16 733.989H834.592C829.295 733.989 825 729.694 825 724.397V301.135C825 295.838 829.295 291.543 834.592 291.543H858.836Z"></path>
+  </g>
+  <path style="fill: var(--color-illustrationHighlight010)" d="M1347.85 339.286L1345.02 336.456L1333.8 347.675L1322.58 336.456L1319.75 339.286L1330.97 350.505L1319.75 361.724L1322.58 364.554L1333.8 353.335L1345.02 364.554L1347.85 361.724L1336.63 350.505L1347.85 339.286Z"></path>
+  <path style="fill: var(--color-illustrationInterface020)" d="M860.843 526.397C860.843 522.87 863.702 520.011 867.229 520.011H1335.99C1339.52 520.011 1342.38 522.87 1342.38 526.397C1342.38 529.924 1339.52 532.783 1335.99 532.783H867.229C863.702 532.783 860.843 529.924 860.843 526.397Z"></path>
+  <path style="fill: var(--color-illustrationInterface020)" d="M860.843 491.629C860.843 487.71 864.02 484.534 867.938 484.534H1335.28C1339.2 484.534 1342.38 487.71 1342.38 491.629C1342.38 495.548 1339.2 498.725 1335.28 498.725H867.938C864.02 498.725 860.843 495.548 860.843 491.629Z"></path>
+  <path style="fill: var(--color-illustrationInterface020)" d="M860.844 456.861C860.844 453.334 863.703 450.475 867.23 450.475H1097.58C1101.1 450.475 1103.96 453.334 1103.96 456.861C1103.96 460.388 1101.1 463.247 1097.58 463.247H867.23C863.703 463.247 860.844 460.388 860.844 456.861Z"></path>
+  <path style="fill: var(--color-illustrationInterface020)" d="M962.539 561.132C962.539 557.494 965.488 554.545 969.126 554.545H990.329C993.967 554.545 996.916 557.494 996.916 561.132C996.916 564.769 993.967 567.718 990.329 567.718H969.126C965.488 567.718 962.539 564.769 962.539 561.132Z"></path>
+  <path style="fill: var(--color-illustrationInterface020)" d="M860.84 561.132C860.84 557.494 863.789 554.545 867.427 554.545H935.898C939.536 554.545 942.485 557.494 942.485 561.132C942.485 564.769 939.536 567.718 935.898 567.718H867.427C863.789 567.718 860.84 564.769 860.84 561.132Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" fill-rule="evenodd" clip-rule="evenodd" d="M1342.38 405.81H860.84V404.415H1342.38V405.81Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" d="M1110.68 656.349C1110.68 638.234 1125.37 623.549 1143.48 623.549H1316.55C1334.67 623.549 1349.35 638.234 1349.35 656.349C1349.35 674.464 1334.67 689.149 1316.55 689.149H1143.48C1125.37 689.149 1110.68 674.464 1110.68 656.349Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" d="M880.22 335.422V340.386H873.581V360.856H867.478V340.386H860.84V335.422H880.22Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" d="M886.352 338.538C885.281 338.538 884.401 338.224 883.711 337.596C883.045 336.944 882.712 336.147 882.712 335.205C882.712 334.239 883.045 333.442 883.711 332.814C884.401 332.162 885.281 331.835 886.352 331.835C887.399 331.835 888.256 332.162 888.922 332.814C889.612 333.442 889.957 334.239 889.957 335.205C889.957 336.147 889.612 336.944 888.922 337.596C888.256 338.224 887.399 338.538 886.352 338.538ZM889.386 340.64V360.856H883.283V340.64H889.386Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" d="M904.908 355.603V360.856H901.803C899.59 360.856 897.865 360.313 896.628 359.226C895.391 358.115 894.772 356.316 894.772 353.828V345.784H892.345V340.64H894.772V335.712H900.875V340.64H904.873V345.784H900.875V353.9C900.875 354.504 901.018 354.939 901.304 355.204C901.589 355.47 902.065 355.603 902.731 355.603H904.908Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" d="M914.411 334.046V360.856H908.308V334.046H914.411Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" d="M937.607 350.422C937.607 351.002 937.571 351.606 937.5 352.234H923.687C923.783 353.49 924.175 354.456 924.865 355.132C925.579 355.784 926.447 356.11 927.471 356.11C928.993 356.11 930.052 355.458 930.647 354.154H937.143C936.81 355.482 936.203 356.678 935.322 357.741C934.466 358.803 933.383 359.637 932.075 360.241C930.766 360.844 929.303 361.146 927.685 361.146C925.734 361.146 923.997 360.724 922.474 359.878C920.951 359.033 919.762 357.825 918.905 356.255C918.048 354.685 917.62 352.849 917.62 350.748C917.62 348.647 918.036 346.811 918.869 345.241C919.726 343.671 920.916 342.463 922.438 341.618C923.961 340.772 925.71 340.35 927.685 340.35C929.612 340.35 931.325 340.76 932.824 341.582C934.323 342.403 935.489 343.574 936.322 345.096C937.178 346.618 937.607 348.393 937.607 350.422ZM931.361 348.792C931.361 347.729 931.004 346.883 930.29 346.255C929.576 345.627 928.684 345.313 927.613 345.313C926.59 345.313 925.722 345.615 925.008 346.219C924.318 346.823 923.89 347.68 923.723 348.792H931.361Z"></path>
+  <circle style="fill: var(--color-illustrationInterface020)" cx="899" cy="182" r="58"></circle>
+  <path style="fill: var(--color-illustrationHighlight010)" d="M895.689 166.438H901.814V172.563H895.689V166.438Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" d="M895.689 178.689H901.814V197.064H895.689V178.689Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" fill-rule="evenodd" clip-rule="evenodd" d="M868.125 181.751C868.125 164.846 881.846 151.125 898.751 151.125C915.657 151.125 929.378 164.846 929.378 181.751C929.378 198.657 915.657 212.377 898.751 212.377C881.846 212.377 868.125 198.657 868.125 181.751ZM874.25 181.751C874.25 195.257 885.245 206.252 898.751 206.252C912.258 206.252 923.252 195.257 923.252 181.751C923.252 168.245 912.258 157.25 898.751 157.25C885.245 157.25 874.25 168.245 874.25 181.751Z"></path>
+  <defs>
+    
+    
+  </defs>
+</svg>

package/site/public/static/illustrations/components/popover/behaviours/focus.svg

@@ -0,0 +1,35 @@
+<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">
+  <rect style="fill: var(--color-illustrationBackground020)" width="1490" height="838"></rect>
+  <g>
+    <path style="fill: var(--color-illustrationInterface010)" fill-rule="evenodd" clip-rule="evenodd" d="M566.192 148C560.011 148 555 153.011 555 159.192V653.04C555 659.221 560.011 664.232 566.192 664.232H833.401L878.17 709L922.938 664.232H1195.74C1201.92 664.232 1206.94 659.221 1206.94 653.04V159.192C1206.94 153.011 1201.92 148 1195.74 148H566.192Z"></path>
+  </g>
+  <path style="fill: var(--color-illustrationHighlight010)" d="M1165.57 203.705L1162.27 200.404L1149.18 213.494L1136.09 200.404L1132.79 203.705L1145.88 216.796L1132.79 229.886L1136.09 233.187L1149.18 220.097L1162.27 233.187L1165.57 229.886L1152.48 216.796L1165.57 203.705Z"></path>
+  <path style="fill: var(--color-illustrationInterface020)" d="M597.345 422.02C597.345 417.905 600.681 414.569 604.796 414.569H1151.73C1155.85 414.569 1159.18 417.905 1159.18 422.02C1159.18 426.135 1155.85 429.471 1151.73 429.471H604.796C600.681 429.471 597.345 426.135 597.345 422.02Z"></path>
+  <path style="fill: var(--color-illustrationInterface020)" d="M597.345 381.454C597.345 376.882 601.051 373.175 605.624 373.175H1150.9C1155.48 373.175 1159.18 376.882 1159.18 381.454C1159.18 386.026 1155.48 389.733 1150.9 389.733H605.624C601.051 389.733 597.345 386.026 597.345 381.454Z"></path>
+  <path style="fill: var(--color-illustrationInterface020)" d="M597.346 340.888C597.346 336.772 600.682 333.437 604.797 333.437H873.558C877.673 333.437 881.009 336.772 881.009 340.888C881.009 345.003 877.673 348.339 873.558 348.339H604.797C600.681 348.339 597.346 345.003 597.346 340.888Z"></path>
+  <path style="fill: var(--color-illustrationInterface020)" d="M716.001 462.547C716.001 458.303 719.442 454.862 723.686 454.862H748.426C752.67 454.862 756.111 458.303 756.111 462.547C756.111 466.792 752.67 470.232 748.426 470.232H723.686C719.442 470.232 716.001 466.792 716.001 462.547Z"></path>
+  <path style="fill: var(--color-illustrationInterface020)" d="M597.342 462.547C597.342 458.303 600.782 454.862 605.027 454.862H684.917C689.162 454.862 692.603 458.303 692.603 462.547C692.603 466.792 689.162 470.232 684.917 470.232H605.027C600.782 470.232 597.342 466.792 597.342 462.547Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" fill-rule="evenodd" clip-rule="evenodd" d="M1159.18 281.324H597.342V279.695H1159.18V281.324Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" d="M888.848 573.644C888.848 552.508 905.982 535.374 927.118 535.374H1129.05C1150.19 535.374 1167.33 552.508 1167.33 573.644C1167.33 594.78 1150.19 611.914 1129.05 611.914H927.118C905.982 611.914 888.848 594.78 888.848 573.644Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" d="M619.953 199.197V204.989H612.208V228.873H605.087V204.989H597.342V199.197H619.953Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" d="M627.108 202.833C625.859 202.833 624.832 202.466 624.027 201.734C623.25 200.973 622.861 200.043 622.861 198.944C622.861 197.816 623.25 196.886 624.027 196.154C624.832 195.393 625.859 195.012 627.108 195.012C628.33 195.012 629.329 195.393 630.107 196.154C630.912 196.886 631.314 197.816 631.314 198.944C631.314 200.043 630.912 200.973 630.107 201.734C629.329 202.466 628.33 202.833 627.108 202.833ZM630.648 205.285V228.873H623.527V205.285H630.648Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" d="M648.759 222.743V228.873H645.136C642.554 228.873 640.542 228.239 639.098 226.971C637.654 225.674 636.933 223.575 636.933 220.672V211.287H634.101V205.285H636.933V199.535H644.054V205.285H648.717V211.287H644.054V220.757C644.054 221.461 644.22 221.968 644.553 222.278C644.886 222.588 645.442 222.743 646.219 222.743H648.759Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" d="M659.846 197.591V228.873H652.726V197.591H659.846Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" d="M686.911 216.698C686.911 217.375 686.869 218.079 686.786 218.812H670.67C670.781 220.277 671.239 221.405 672.044 222.194C672.877 222.955 673.89 223.335 675.084 223.335C676.861 223.335 678.096 222.574 678.79 221.052H686.369C685.981 222.603 685.273 223.998 684.245 225.238C683.246 226.478 681.983 227.45 680.456 228.154C678.929 228.859 677.222 229.211 675.334 229.211C673.058 229.211 671.031 228.718 669.254 227.732C667.477 226.745 666.089 225.336 665.09 223.504C664.091 221.672 663.591 219.531 663.591 217.079C663.591 214.627 664.077 212.485 665.048 210.653C666.048 208.821 667.436 207.412 669.213 206.426C670.989 205.44 673.03 204.946 675.334 204.946C677.583 204.946 679.581 205.426 681.33 206.384C683.079 207.342 684.44 208.709 685.411 210.484C686.411 212.26 686.911 214.331 686.911 216.698ZM679.623 214.796C679.623 213.556 679.207 212.57 678.374 211.837C677.541 211.104 676.5 210.738 675.251 210.738C674.057 210.738 673.044 211.09 672.211 211.795C671.406 212.499 670.906 213.5 670.712 214.796H679.623Z"></path>
+  <path d="M281 382.519C281 377.814 284.814 374 289.52 374H408.795C413.501 374 417.315 377.814 417.315 382.519V450.677C417.315 455.382 413.501 459.196 408.795 459.196H289.52C284.814 459.196 281 455.382 281 450.677V382.519Z" fill="#E7E7E7"></path>
+  <path style="fill: var(--color-neutral070)" fill-rule="evenodd" clip-rule="evenodd" d="M408.795 376.839H289.52C286.383 376.839 283.84 379.382 283.84 382.519V450.677C283.84 453.814 286.383 456.356 289.52 456.356H408.795C411.932 456.356 414.475 453.814 414.475 450.677V382.519C414.475 379.382 411.932 376.839 408.795 376.839ZM289.52 374C284.814 374 281 377.814 281 382.519V450.677C281 455.382 284.814 459.196 289.52 459.196H408.795C413.501 459.196 417.315 455.382 417.315 450.677V382.519C417.315 377.814 413.501 374 408.795 374H289.52Z"></path>
+  <path style="fill: var(--color-neutral090)" d="M296.097 431.845V438.266C296.097 438.796 296.21 439.174 296.435 439.399C296.661 439.612 297.052 439.718 297.608 439.718H298.94V441.248H297.31C296.303 441.248 295.547 441.016 295.044 440.552C294.54 440.089 294.288 439.327 294.288 438.266V431.845H292.877V430.354H294.288V427.611H296.097V430.354H298.94V431.845H296.097Z"></path>
+  <path style="fill: var(--color-neutral090)" d="M300.456 435.762C300.456 434.648 300.681 433.674 301.132 432.839C301.583 431.991 302.199 431.335 302.981 430.871C303.776 430.407 304.657 430.176 305.625 430.176C306.579 430.176 307.407 430.381 308.11 430.792C308.812 431.203 309.335 431.719 309.68 432.342V430.354H311.509V441.248H309.68V439.221C309.322 439.857 308.785 440.387 308.07 440.811C307.367 441.222 306.546 441.427 305.605 441.427C304.637 441.427 303.763 441.189 302.981 440.712C302.199 440.234 301.583 439.565 301.132 438.704C300.681 437.842 300.456 436.862 300.456 435.762ZM309.68 435.781C309.68 434.96 309.514 434.244 309.183 433.634C308.852 433.025 308.401 432.561 307.831 432.243C307.275 431.912 306.658 431.746 305.983 431.746C305.307 431.746 304.69 431.905 304.134 432.223C303.577 432.541 303.133 433.005 302.802 433.615C302.471 434.224 302.305 434.94 302.305 435.762C302.305 436.597 302.471 437.325 302.802 437.948C303.133 438.558 303.577 439.028 304.134 439.36C304.69 439.678 305.307 439.837 305.983 439.837C306.658 439.837 307.275 439.678 307.831 439.36C308.401 439.028 308.852 438.558 309.183 437.948C309.514 437.325 309.68 436.603 309.68 435.781Z"></path>
+  <path style="fill: var(--color-neutral090)" d="M316.375 432.382C316.746 431.733 317.289 431.203 318.005 430.792C318.721 430.381 319.536 430.176 320.45 430.176C321.431 430.176 322.312 430.407 323.094 430.871C323.876 431.335 324.492 431.991 324.943 432.839C325.394 433.674 325.619 434.648 325.619 435.762C325.619 436.862 325.394 437.842 324.943 438.704C324.492 439.565 323.87 440.234 323.074 440.712C322.292 441.189 321.418 441.427 320.45 441.427C319.509 441.427 318.681 441.222 317.965 440.811C317.263 440.4 316.733 439.877 316.375 439.24V441.248H314.566V426.538H316.375V432.382ZM323.77 435.762C323.77 434.94 323.604 434.224 323.273 433.615C322.942 433.005 322.491 432.541 321.921 432.223C321.365 431.905 320.748 431.746 320.073 431.746C319.41 431.746 318.794 431.912 318.224 432.243C317.667 432.561 317.217 433.031 316.872 433.654C316.541 434.264 316.375 434.973 316.375 435.781C316.375 436.603 316.541 437.325 316.872 437.948C317.217 438.558 317.667 439.028 318.224 439.36C318.794 439.678 319.41 439.837 320.073 439.837C320.748 439.837 321.365 439.678 321.921 439.36C322.491 439.028 322.942 438.558 323.273 437.948C323.604 437.325 323.77 436.597 323.77 435.762Z"></path>
+  <path style="fill: var(--color-neutral090)" fill-rule="evenodd" clip-rule="evenodd" d="M353.129 434.235L345.223 429.152L345.991 427.958L356.859 434.944L345.991 441.931L345.223 440.737L353.129 435.654H332.117V434.235H353.129ZM359.806 441.334H358.386V428.555H359.806V441.334Z"></path>
+  <g>
+    <path style="fill: var(--color-white)" fill-rule="evenodd" clip-rule="evenodd" d="M385.092 484.959L380.99 478.69C378.188 474.41 372.221 472.848 367.656 475.195L368.72 474.648C367.587 475.23 367.044 476.682 367.51 477.889L373.19 492.582C374.09 494.912 376.389 498.206 378.295 499.861C378.295 499.861 389.72 509.318 389.72 512.863V517.352H408.23H413.292H417.485H422.113V512.863C422.113 509.318 429.095 498.151 429.095 498.151C430.38 495.98 431.452 492.156 431.452 489.617V470.946C431.368 466.812 427.854 463.462 423.518 463.462C421.349 463.462 419.592 465.137 419.592 467.205V468.7C419.592 464.567 416.078 461.217 411.743 461.217C409.574 461.217 407.817 462.892 407.817 464.96V466.455C407.817 462.321 404.303 458.971 399.967 458.971C397.798 458.971 396.041 460.646 396.041 462.714V464.21C396.041 463.545 395.97 463.017 395.833 462.599L394.635 443.317C394.473 440.709 392.276 438.684 389.72 438.684C387.146 438.684 385.092 440.755 385.092 443.31V461.821V484.959Z"></path>
+    <path style="fill: var(--color-black)" fill-rule="evenodd" clip-rule="evenodd" d="M368.754 474.714C372.428 473.37 376.724 474.301 379.539 476.96C380.083 477.474 380.572 478.052 380.99 478.69L385.092 484.959V443.31C385.092 440.755 387.146 438.684 389.72 438.684C392.276 438.684 394.473 440.709 394.635 443.317L395.833 462.599C395.845 462.636 395.857 462.675 395.868 462.714C395.982 463.113 396.041 463.605 396.041 464.21V462.714C396.041 462.671 396.042 462.628 396.043 462.586C396.044 462.567 396.045 462.548 396.046 462.529C396.147 460.547 397.863 458.971 399.967 458.971C400.378 458.971 400.782 459.001 401.177 459.06C402.106 459.197 402.982 459.489 403.773 459.908C405.746 460.953 407.197 462.785 407.66 464.96C407.763 465.443 407.817 465.943 407.817 466.455V464.96C407.817 462.892 409.573 461.217 411.743 461.217C411.917 461.217 412.09 461.222 412.261 461.233C413.449 461.307 414.564 461.632 415.549 462.154C417.522 463.199 418.973 465.031 419.435 467.205C419.538 467.688 419.592 468.188 419.592 468.701V467.205C419.592 465.137 421.349 463.462 423.518 463.462C423.692 463.462 423.866 463.467 424.037 463.478C428.131 463.733 431.371 466.978 431.451 470.946V489.617C431.451 492.156 430.38 495.98 429.095 498.151C429.095 498.151 422.113 509.318 422.113 512.863V517.352H389.72V512.863C389.72 509.318 378.295 499.861 378.295 499.861C376.389 498.206 374.09 494.912 373.19 492.583L367.51 477.889C367.199 477.083 367.338 476.169 367.801 475.476C367.959 475.24 368.155 475.03 368.384 474.858C368.507 474.808 368.63 474.76 368.754 474.714ZM367.656 475.195C367.895 475.072 368.138 474.96 368.384 474.858C368.489 474.78 368.601 474.709 368.72 474.648L367.656 475.195ZM365.158 470.336C362.186 472.482 361.005 476.462 362.331 479.891L368.01 494.585C369.233 497.749 372.057 501.799 374.653 504.054L374.703 504.097L374.753 504.138L374.754 504.139L374.774 504.156L374.856 504.224C374.931 504.287 375.044 504.382 375.19 504.506C375.482 504.754 375.904 505.117 376.413 505.564C377.436 506.464 378.783 507.684 380.115 508.993C381.471 510.326 382.695 511.638 383.542 512.733C383.833 513.11 384.035 513.403 384.167 513.616V522.905H427.666V512.958C427.666 512.981 427.667 512.993 427.67 512.994C427.689 512.997 427.792 512.475 428.317 511.234C428.874 509.918 429.656 508.362 430.491 506.814C431.317 505.284 432.149 503.847 432.779 502.786C433.092 502.258 433.352 501.829 433.533 501.534C433.623 501.387 433.693 501.274 433.739 501.199L433.79 501.116L433.803 501.095L433.839 501.038L433.873 500.98C434.843 499.342 435.595 497.348 436.106 495.506C436.616 493.668 437.005 491.553 437.005 489.617V470.89L437.003 470.834C436.855 463.499 430.695 457.909 423.518 457.909C422.342 457.909 421.194 458.127 420.125 458.531C417.795 456.722 414.853 455.664 411.743 455.664C410.567 455.664 409.418 455.882 408.349 456.285C406.235 454.644 403.618 453.621 400.828 453.445L400.178 442.973C399.833 437.418 395.189 433.131 389.72 433.131C384.067 433.131 379.539 437.701 379.539 443.31V470.266C375.451 468.23 370.531 467.94 366.202 469.751M384.355 513.961C384.354 513.96 384.344 513.94 384.329 513.902C384.349 513.942 384.356 513.961 384.355 513.961ZM365.158 470.336L365.117 470.256L366.181 469.709"></path>
+  </g>
+  <path style="fill: var(--color-illustrationHighlight010)" fill-rule="evenodd" clip-rule="evenodd" d="M929.893 622H927.5C926.702 622 925.908 621.981 925.119 621.943L924.974 624.939C925.811 624.98 926.653 625 927.5 625H929.893V622ZM920.381 621.481C918.798 621.248 917.24 620.939 915.711 620.557L914.984 623.468C916.609 623.874 918.264 624.202 919.944 624.449L920.381 621.481ZM911.156 619.177L910.145 622.002C908.55 621.431 906.992 620.784 905.474 620.065L906.759 617.354C908.188 618.031 909.655 618.64 911.156 619.177ZM902.563 615.106L901.018 617.678C899.57 616.809 898.169 615.87 896.818 614.867L898.607 612.458C899.879 613.403 901.199 614.287 902.563 615.106ZM894.929 609.437L892.914 611.659C891.666 610.527 890.473 609.334 889.341 608.086L891.563 606.071C892.63 607.247 893.753 608.37 894.929 609.437ZM888.542 602.393L886.133 604.182C885.13 602.831 884.191 601.43 883.322 599.982L885.894 598.437C886.713 599.801 887.597 601.121 888.542 602.393ZM883.646 594.241L880.935 595.526C880.216 594.008 879.569 592.45 878.998 590.855L881.823 589.844C882.36 591.345 882.969 592.812 883.646 594.241ZM880.443 585.289L877.532 586.016C877.126 584.391 876.798 582.736 876.551 581.056L879.519 580.619C879.752 582.202 880.061 583.76 880.443 585.289ZM879.057 575.881L876.061 576.026C876.02 575.189 876 574.347 876 573.5C876 572.653 876.02 571.811 876.061 570.974L879.057 571.119C879.019 571.908 879 572.702 879 573.5C879 574.298 879.019 575.092 879.057 575.881ZM879.519 566.381L876.551 565.944C876.798 564.264 877.126 562.609 877.532 560.984L880.443 561.711C880.061 563.24 879.752 564.798 879.519 566.381ZM881.823 557.156L878.998 556.145C879.569 554.55 880.216 552.992 880.935 551.474L883.646 552.759C882.969 554.188 882.36 555.655 881.823 557.156ZM885.894 548.563L883.322 547.018C884.191 545.57 885.13 544.169 886.133 542.818L888.542 544.607C887.597 545.879 886.713 547.199 885.894 548.563ZM891.563 540.929L889.341 538.914C890.473 537.666 891.666 536.473 892.914 535.341L894.929 537.563C893.753 538.63 892.63 539.753 891.563 540.929ZM898.607 534.542C899.879 533.597 901.199 532.713 902.563 531.894L901.018 529.322C899.57 530.191 898.169 531.13 896.818 532.133L898.607 534.542ZM906.759 529.646L905.474 526.935C906.992 526.216 908.55 525.569 910.145 524.998L911.156 527.823C909.655 528.36 908.188 528.969 906.759 529.646ZM915.711 526.443L914.984 523.532C916.609 523.126 918.264 522.798 919.944 522.551L920.381 525.519C918.798 525.752 917.24 526.061 915.711 526.443ZM925.119 525.057C925.908 525.019 926.702 525 927.5 525H929.893V522H927.5C926.653 522 925.811 522.02 924.974 522.061L925.119 525.057ZM1126.11 525V522H1128.5C1129.35 522 1130.19 522.02 1131.03 522.061L1130.88 525.057C1130.09 525.019 1129.3 525 1128.5 525H1126.11ZM1135.62 525.519L1136.06 522.551C1137.74 522.798 1139.39 523.126 1141.02 523.532L1140.29 526.443C1138.76 526.061 1137.2 525.752 1135.62 525.519ZM1144.84 527.823L1145.86 524.998C1147.45 525.569 1149.01 526.216 1150.53 526.935L1149.24 529.646C1147.81 528.969 1146.35 528.36 1144.84 527.823ZM1153.44 531.894L1154.98 529.322C1156.43 530.191 1157.83 531.13 1159.18 532.133L1157.39 534.542C1156.12 533.597 1154.8 532.713 1153.44 531.894ZM1161.07 537.563L1163.09 535.341C1164.33 536.473 1165.53 537.666 1166.66 538.914L1164.44 540.929C1163.37 539.753 1162.25 538.63 1161.07 537.563ZM1167.46 544.607L1169.87 542.818C1170.87 544.169 1171.81 545.57 1172.68 547.018L1170.11 548.563C1169.29 547.199 1168.4 545.879 1167.46 544.607ZM1172.35 552.759L1175.06 551.474C1175.78 552.992 1176.43 554.55 1177 556.145L1174.18 557.156C1173.64 555.655 1173.03 554.188 1172.35 552.759ZM1175.56 561.711L1178.47 560.984C1178.87 562.609 1179.2 564.264 1179.45 565.944L1176.48 566.381C1176.25 564.798 1175.94 563.24 1175.56 561.711ZM1176.94 571.119L1179.94 570.974C1179.98 571.811 1180 572.653 1180 573.5C1180 574.347 1179.98 575.189 1179.94 576.026L1176.94 575.881C1176.98 575.092 1177 574.298 1177 573.5C1177 572.702 1176.98 571.908 1176.94 571.119ZM1176.48 580.619L1179.45 581.056C1179.2 582.736 1178.87 584.391 1178.47 586.016L1175.56 585.289C1175.94 583.76 1176.25 582.202 1176.48 580.619ZM1174.18 589.844L1177 590.855C1176.43 592.45 1175.78 594.008 1175.06 595.526L1172.35 594.241C1173.03 592.812 1173.64 591.345 1174.18 589.844ZM1170.11 598.437L1172.68 599.982C1171.81 601.43 1170.87 602.831 1169.87 604.182L1167.46 602.393C1168.4 601.121 1169.29 599.801 1170.11 598.437ZM1164.44 606.071L1166.66 608.086C1165.53 609.334 1164.33 610.527 1163.09 611.659L1161.07 609.437C1162.25 608.37 1163.37 607.247 1164.44 606.071ZM1157.39 612.458L1159.18 614.867C1157.83 615.87 1156.43 616.809 1154.98 617.678L1153.44 615.106C1154.8 614.287 1156.12 613.403 1157.39 612.458ZM1149.24 617.354L1150.53 620.065C1149.01 620.784 1147.45 621.431 1145.86 622.002L1144.84 619.177C1146.35 618.64 1147.81 618.031 1149.24 617.354ZM1140.29 620.557L1141.02 623.468C1139.39 623.874 1137.74 624.202 1136.06 624.449L1135.62 621.481C1137.2 621.248 1138.76 620.939 1140.29 620.557ZM934.679 622V625H939.464V622H934.679ZM944.25 622V625H949.036V622H944.25ZM953.821 622V625H958.607V622H953.821ZM963.393 622V625H968.179V622H963.393ZM972.964 622V625H977.75V622H972.964ZM982.536 622V625H987.321V622H982.536ZM992.107 622V625H996.893V622H992.107ZM1001.68 622V625H1006.46V622H1001.68ZM1011.25 622V625H1016.04V622H1011.25ZM1020.82 622V625H1025.61V622H1020.82ZM1030.39 622V625H1035.18V622H1030.39ZM1039.96 622V625H1044.75V622H1039.96ZM1049.54 622V625H1054.32V622H1049.54ZM1059.11 622V625H1063.89V622H1059.11ZM1068.68 622V625H1073.46V622H1068.68ZM1078.25 622V625H1083.04V622H1078.25ZM1087.82 622V625H1092.61V622H1087.82ZM1097.39 622V625H1102.18V622H1097.39ZM1106.96 622V625H1111.75V622H1106.96ZM1116.54 622V625H1121.32V622H1116.54ZM1126.11 622V625H1128.5C1129.35 625 1130.19 624.98 1131.03 624.939L1130.88 621.943C1130.09 621.981 1129.3 622 1128.5 622H1126.11ZM1121.32 525V522H1116.54V525H1121.32ZM1111.75 525V522H1106.96V525H1111.75ZM1102.18 525V522H1097.39V525H1102.18ZM1092.61 525V522H1087.82V525H1092.61ZM1083.04 525V522H1078.25V525H1083.04ZM1073.46 525V522H1068.68V525H1073.46ZM1063.89 525V522H1059.11V525H1063.89ZM1054.32 525V522H1049.54V525H1054.32ZM1044.75 525V522H1039.96V525H1044.75ZM1035.18 525V522H1030.39V525H1035.18ZM1025.61 525V522H1020.82V525H1025.61ZM1016.04 525V522H1011.25V525H1016.04ZM1006.46 525V522H1001.68V525H1006.46ZM996.893 525V522H992.107V525H996.893ZM987.321 525V522H982.536V525H987.321ZM977.75 525V522H972.964V525H977.75ZM968.179 525V522H963.393V525H968.179ZM958.607 525V522H953.821V525H958.607ZM949.036 525V522H944.25V525H949.036ZM939.464 525V522H934.679V525H939.464Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" fill-rule="evenodd" clip-rule="evenodd" d="M1183.93 218.759C1183.98 218.012 1184 217.259 1184 216.5C1184 215.741 1183.98 214.988 1183.93 214.241L1186.92 214.048C1186.97 214.859 1187 215.677 1187 216.5C1187 217.323 1186.97 218.141 1186.92 218.952L1183.93 218.759ZM1183.34 209.767L1186.29 209.185C1185.97 207.564 1185.54 205.981 1185.02 204.442L1182.18 205.406C1182.66 206.821 1183.05 208.277 1183.34 209.767ZM1180.45 201.238L1183.14 199.909C1182.41 198.436 1181.59 197.018 1180.68 195.662L1178.19 197.331C1179.02 198.578 1179.78 199.883 1180.45 201.238ZM1175.44 193.752L1177.69 191.773C1176.61 190.544 1175.46 189.386 1174.23 188.306L1172.25 190.561C1173.38 191.554 1174.45 192.621 1175.44 193.752ZM1168.67 187.811L1170.34 185.318C1168.98 184.411 1167.56 183.589 1166.09 182.861L1164.76 185.551C1166.12 186.22 1167.42 186.976 1168.67 187.811ZM1160.59 183.822L1161.56 180.982C1160.02 180.459 1158.44 180.034 1156.82 179.714L1156.23 182.657C1157.72 182.951 1159.18 183.342 1160.59 183.822ZM1151.76 182.073L1151.95 179.079C1151.14 179.027 1150.32 179 1149.5 179C1148.68 179 1147.86 179.027 1147.05 179.079L1147.24 182.073C1147.99 182.024 1148.74 182 1149.5 182C1150.26 182 1151.01 182.024 1151.76 182.073ZM1142.77 182.657L1142.18 179.714C1140.56 180.034 1138.98 180.459 1137.44 180.982L1138.41 183.822C1139.82 183.342 1141.28 182.951 1142.77 182.657ZM1134.24 185.551L1132.91 182.861C1131.44 183.589 1130.02 184.411 1128.66 185.318L1130.33 187.811C1131.58 186.976 1132.88 186.22 1134.24 185.551ZM1126.75 190.561L1124.77 188.306C1123.54 189.386 1122.39 190.544 1121.31 191.773L1123.56 193.752C1124.55 192.621 1125.62 191.554 1126.75 190.561ZM1120.81 197.331L1118.32 195.662C1117.41 197.018 1116.59 198.436 1115.86 199.909L1118.55 201.238C1119.22 199.883 1119.98 198.578 1120.81 197.331ZM1116.82 205.406L1113.98 204.442C1113.46 205.981 1113.03 207.564 1112.71 209.185L1115.66 209.767C1115.95 208.277 1116.34 206.821 1116.82 205.406ZM1115.07 214.241C1115.02 214.988 1115 215.741 1115 216.5C1115 217.259 1115.02 218.012 1115.07 218.759L1112.08 218.952C1112.03 218.141 1112 217.323 1112 216.5C1112 215.677 1112.03 214.859 1112.08 214.048L1115.07 214.241ZM1115.66 223.233L1112.71 223.815C1113.03 225.436 1113.46 227.019 1113.98 228.558L1116.82 227.594C1116.34 226.179 1115.95 224.723 1115.66 223.233ZM1118.55 231.762L1115.86 233.091C1116.59 234.564 1117.41 235.982 1118.32 237.338L1120.81 235.669C1119.98 234.422 1119.22 233.117 1118.55 231.762ZM1123.56 239.248L1121.31 241.227C1122.39 242.456 1123.54 243.614 1124.77 244.694L1126.75 242.439C1125.62 241.446 1124.55 240.379 1123.56 239.248ZM1130.33 245.189L1128.66 247.682C1130.02 248.589 1131.44 249.411 1132.91 250.139L1134.24 247.449C1132.88 246.78 1131.58 246.024 1130.33 245.189ZM1138.41 249.178L1137.44 252.018C1138.98 252.541 1140.56 252.966 1142.18 253.286L1142.77 250.343C1141.28 250.049 1139.82 249.658 1138.41 249.178ZM1147.24 250.927L1147.05 253.921C1147.86 253.973 1148.68 254 1149.5 254C1150.32 254 1151.14 253.973 1151.95 253.921L1151.76 250.927C1151.01 250.976 1150.26 251 1149.5 251C1148.74 251 1147.99 250.976 1147.24 250.927ZM1156.23 250.343L1156.82 253.286C1158.44 252.966 1160.02 252.541 1161.56 252.018L1160.59 249.178C1159.18 249.658 1157.72 250.049 1156.23 250.343ZM1164.76 247.449L1166.09 250.139C1167.56 249.411 1168.98 248.589 1170.34 247.682L1168.67 245.189C1167.42 246.024 1166.12 246.78 1164.76 247.449ZM1172.25 242.439L1174.23 244.694C1175.46 243.614 1176.61 242.456 1177.69 241.227L1175.44 239.248C1174.45 240.379 1173.38 241.446 1172.25 242.439ZM1178.19 235.669L1180.68 237.338C1181.59 235.982 1182.41 234.564 1183.14 233.091L1180.45 231.762C1179.78 233.117 1179.02 234.422 1178.19 235.669ZM1182.18 227.594L1185.02 228.558C1185.54 227.019 1185.97 225.436 1186.29 223.815L1183.34 223.233C1183.05 224.723 1182.66 226.179 1182.18 227.594Z"></path>
+  <defs>
+    
+    
+  </defs>
+</svg>

package/site/public/static/illustrations/components/popover/behaviours/shift.svg

@@ -0,0 +1,54 @@
+<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">
+  <rect style="fill: var(--color-illustrationBackground020)" width="1490" height="838"></rect>
+  <g clip-path="url(#nk-918)">
+    <g>
+      <path style="fill: var(--color-illustrationInterface010)" fill-rule="evenodd" clip-rule="evenodd" d="M-113.42 91C-119.263 91 -124 95.7368 -124 101.58V568.42C-124 574.263 -119.263 579 -113.42 579H148L183.32 614.32L218.64 579H481.702C487.545 579 492.282 574.263 492.282 568.42V101.58C492.282 95.7368 487.545 91 481.702 91H-113.42Z"></path>
+    </g>
+    <path style="fill: var(--color-illustrationHighlight010)" d="M452.685 143.659L449.564 140.538L437.189 152.912L424.815 140.538L421.694 143.659L434.068 156.033L421.694 168.407L424.815 171.529L437.189 159.154L449.564 171.529L452.685 168.407L440.31 156.033L452.685 143.659Z"></path>
+    <path style="fill: var(--color-illustrationInterface020)" d="M-84.4668 350.035C-84.4668 346.145 -81.3133 342.991 -77.4233 342.991H439.601C443.491 342.991 446.645 346.145 446.645 350.035C446.645 353.925 443.491 357.078 439.601 357.078H-77.4233C-81.3133 357.078 -84.4668 353.925 -84.4668 350.035Z"></path>
+    <path style="fill: var(--color-illustrationInterface020)" d="M-84.4668 311.687C-84.4668 307.364 -80.9629 303.861 -76.6407 303.861H438.818C443.141 303.861 446.645 307.364 446.645 311.687C446.645 316.009 443.141 319.513 438.818 319.513H-76.6407C-80.9629 319.513 -84.4668 316.009 -84.4668 311.687Z"></path>
+    <path style="fill: var(--color-illustrationInterface020)" d="M-84.4661 273.339C-84.4661 269.449 -81.3126 266.295 -77.4225 266.295H176.641C180.531 266.295 183.685 269.449 183.685 273.339C183.685 277.229 180.531 280.382 176.641 280.382H-77.4226C-81.3126 280.382 -84.4661 277.229 -84.4661 273.339Z"></path>
+    <path style="fill: var(--color-illustrationInterface020)" d="M27.7001 388.345C27.7001 384.333 30.9527 381.08 34.965 381.08H58.3515C62.3638 381.08 65.6164 384.333 65.6164 388.345C65.6164 392.357 62.3638 395.61 58.3515 395.61H34.965C30.9527 395.61 27.7001 392.357 27.7001 388.345Z"></path>
+    <path style="fill: var(--color-illustrationInterface020)" d="M-84.4698 388.345C-84.4698 384.333 -81.2173 381.08 -77.205 381.08H-1.68351C2.32877 381.08 5.58137 384.333 5.58137 388.345C5.58137 392.357 2.32877 395.61 -1.68351 395.61H-77.205C-81.2173 395.61 -84.4698 392.357 -84.4698 388.345Z"></path>
+    <path style="fill: var(--color-illustrationHighlight010)" fill-rule="evenodd" clip-rule="evenodd" d="M446.645 217.032H-84.4698V215.493H446.645V217.032Z"></path>
+    <path style="fill: var(--color-illustrationHighlight010)" d="M191.094 493.366C191.094 473.386 207.291 457.188 227.271 457.188H418.165C438.145 457.188 454.342 473.386 454.342 493.366C454.342 513.346 438.145 529.543 418.165 529.543H227.271C207.291 529.543 191.094 513.346 191.094 493.366Z"></path>
+    <path style="fill: var(--color-illustrationHighlight010)" d="M-63.0947 139.397V144.872H-70.4166V167.45H-77.148V144.872H-84.4698V139.397H-63.0947Z"></path>
+    <path style="fill: var(--color-illustrationHighlight010)" d="M-56.331 142.834C-57.512 142.834 -58.483 142.488 -59.244 141.795C-59.9789 141.076 -60.3463 140.197 -60.3463 139.158C-60.3463 138.092 -59.9789 137.213 -59.244 136.52C-58.483 135.801 -57.512 135.441 -56.331 135.441C-55.1763 135.441 -54.2316 135.801 -53.4968 136.52C-52.7357 137.213 -52.3552 138.092 -52.3552 139.158C-52.3552 140.197 -52.7357 141.076 -53.4968 141.795C-54.2316 142.488 -55.1763 142.834 -56.331 142.834ZM-52.985 145.152V167.45H-59.7164V145.152H-52.985Z"></path>
+    <path style="fill: var(--color-illustrationHighlight010)" d="M-35.8644 161.656V167.45H-39.2891C-41.7298 167.45 -43.6324 166.851 -44.997 165.652C-46.3617 164.426 -47.044 162.442 -47.044 159.698V150.826H-49.7208V145.152H-47.044V139.717H-40.3126V145.152H-35.9038V150.826H-40.3126V159.778C-40.3126 160.444 -40.1552 160.923 -39.8402 161.216C-39.5253 161.509 -39.0005 161.656 -38.2656 161.656H-35.8644Z"></path>
+    <path style="fill: var(--color-illustrationHighlight010)" d="M-25.3835 137.879V167.45H-32.1149V137.879H-25.3835Z"></path>
+    <path style="fill: var(--color-illustrationHighlight010)" d="M0.2006 155.941C0.2006 156.581 0.16124 157.247 0.0825119 157.939H-15.1517C-15.0467 159.325 -14.6137 160.39 -13.8527 161.136C-13.0654 161.856 -12.1075 162.215 -10.979 162.215C-9.29945 162.215 -8.13163 161.496 -7.47555 160.057H-0.311134C-0.678543 161.523 -1.34776 162.841 -2.31875 164.014C-3.2635 165.186 -4.45757 166.105 -5.90096 166.771C-7.34433 167.437 -8.95829 167.77 -10.7428 167.77C-12.8948 167.77 -14.8105 167.304 -16.4901 166.371C-18.1697 165.439 -19.4818 164.107 -20.4266 162.375C-21.3713 160.643 -21.8437 158.619 -21.8437 156.301C-21.8437 153.983 -21.3845 151.959 -20.466 150.227C-19.5212 148.495 -18.209 147.163 -16.5295 146.231C-14.8499 145.298 -12.921 144.832 -10.7428 144.832C-8.61713 144.832 -6.72761 145.285 -5.07429 146.191C-3.42097 147.097 -2.13505 148.389 -1.21654 150.067C-0.271782 151.745 0.2006 153.703 0.2006 155.941ZM-6.68825 154.143C-6.68825 152.971 -7.08189 152.038 -7.86919 151.346C-8.65649 150.653 -9.64061 150.307 -10.8216 150.307C-11.95 150.307 -12.9079 150.64 -13.6952 151.306C-14.4562 151.972 -14.9286 152.918 -15.1123 154.143H-6.68825Z"></path>
+    <circle style="fill: var(--color-illustrationInterface020)" cx="181" cy="698" r="58"></circle>
+    <path style="fill: var(--color-illustrationHighlight010)" d="M177.689 682.438H183.814V688.563H177.689V682.438Z"></path>
+    <path style="fill: var(--color-illustrationHighlight010)" d="M177.689 694.689H183.814V713.064H177.689V694.689Z"></path>
+    <path style="fill: var(--color-illustrationHighlight010)" fill-rule="evenodd" clip-rule="evenodd" d="M150.125 697.751C150.125 680.846 163.846 667.125 180.751 667.125C197.657 667.125 211.378 680.846 211.378 697.751C211.378 714.657 197.657 728.377 180.751 728.377C163.846 728.377 150.125 714.657 150.125 697.751ZM156.25 697.751C156.25 711.257 167.245 722.252 180.751 722.252C194.258 722.252 205.252 711.257 205.252 697.751C205.252 684.245 194.258 673.25 180.751 673.25C167.245 673.25 156.25 684.245 156.25 697.751Z"></path>
+  </g>
+  <circle style="fill: var(--color-illustrationInterface020)" cx="820" cy="698" r="58"></circle>
+  <path style="fill: var(--color-illustrationHighlight010)" d="M816.689 682.438H822.814V688.563H816.689V682.438Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" d="M816.689 694.689H822.814V713.064H816.689V694.689Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" fill-rule="evenodd" clip-rule="evenodd" d="M789.125 697.751C789.125 680.846 802.846 667.125 819.751 667.125C836.657 667.125 850.378 680.846 850.378 697.751C850.378 714.657 836.657 728.377 819.751 728.377C802.846 728.377 789.125 714.657 789.125 697.751ZM795.25 697.751C795.25 711.257 806.245 722.252 819.751 722.252C833.258 722.252 844.252 711.257 844.252 697.751C844.252 684.245 833.258 673.25 819.751 673.25C806.245 673.25 795.25 684.245 795.25 697.751Z"></path>
+  <g>
+    <path style="fill: var(--color-illustrationInterface010)" fill-rule="evenodd" clip-rule="evenodd" d="M745.58 91C739.737 91 735 95.7368 735 101.58V568.42C735 574.263 739.737 579 745.58 579H782L817.32 614.32L852.64 579H1340.7C1346.55 579 1351.28 574.263 1351.28 568.42V101.58C1351.28 95.7368 1346.55 91 1340.7 91H745.58Z"></path>
+  </g>
+  <path style="fill: var(--color-illustrationHighlight010)" d="M1311.68 143.659L1308.56 140.538L1296.19 152.912L1283.81 140.538L1280.69 143.659L1293.07 156.033L1280.69 168.407L1283.81 171.529L1296.19 159.154L1308.56 171.529L1311.68 168.407L1299.31 156.033L1311.68 143.659Z"></path>
+  <path style="fill: var(--color-illustrationInterface020)" d="M774.533 350.035C774.533 346.145 777.687 342.991 781.577 342.991H1298.6C1302.49 342.991 1305.64 346.145 1305.64 350.035C1305.64 353.925 1302.49 357.078 1298.6 357.078H781.577C777.687 357.078 774.533 353.925 774.533 350.035Z"></path>
+  <path style="fill: var(--color-illustrationInterface020)" d="M774.533 311.687C774.533 307.364 778.037 303.861 782.359 303.861H1297.82C1302.14 303.861 1305.64 307.364 1305.64 311.687C1305.64 316.009 1302.14 319.513 1297.82 319.513H782.359C778.037 319.513 774.533 316.009 774.533 311.687Z"></path>
+  <path style="fill: var(--color-illustrationInterface020)" d="M774.534 273.339C774.534 269.449 777.687 266.295 781.577 266.295H1035.64C1039.53 266.295 1042.68 269.449 1042.68 273.339C1042.68 277.229 1039.53 280.382 1035.64 280.382H781.577C777.687 280.382 774.534 277.229 774.534 273.339Z"></path>
+  <path style="fill: var(--color-illustrationInterface020)" d="M886.7 388.345C886.7 384.333 889.953 381.08 893.965 381.08H917.352C921.364 381.08 924.616 384.333 924.616 388.345C924.616 392.357 921.364 395.61 917.352 395.61H893.965C889.953 395.61 886.7 392.357 886.7 388.345Z"></path>
+  <path style="fill: var(--color-illustrationInterface020)" d="M774.53 388.345C774.53 384.333 777.783 381.08 781.795 381.08H857.316C861.329 381.08 864.581 384.333 864.581 388.345C864.581 392.357 861.329 395.61 857.316 395.61H781.795C777.783 395.61 774.53 392.357 774.53 388.345Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" fill-rule="evenodd" clip-rule="evenodd" d="M1305.64 217.032H774.53V215.493H1305.64V217.032Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" d="M1050.09 493.366C1050.09 473.386 1066.29 457.188 1086.27 457.188H1277.16C1297.14 457.188 1313.34 473.386 1313.34 493.366C1313.34 513.346 1297.14 529.543 1277.16 529.543H1086.27C1066.29 529.543 1050.09 513.346 1050.09 493.366Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" d="M795.905 139.397V144.872H788.583V167.45H781.852V144.872H774.53V139.397H795.905Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" d="M802.669 142.834C801.488 142.834 800.517 142.488 799.756 141.795C799.021 141.076 798.654 140.197 798.654 139.158C798.654 138.092 799.021 137.213 799.756 136.52C800.517 135.801 801.488 135.441 802.669 135.441C803.824 135.441 804.768 135.801 805.503 136.52C806.264 137.213 806.645 138.092 806.645 139.158C806.645 140.197 806.264 141.076 805.503 141.795C804.768 142.488 803.824 142.834 802.669 142.834ZM806.015 145.152V167.45H799.284V145.152H806.015Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" d="M823.136 161.656V167.45H819.711C817.27 167.45 815.368 166.851 814.003 165.652C812.638 164.426 811.956 162.442 811.956 159.698V150.826H809.279V145.152H811.956V139.717H818.687V145.152H823.096V150.826H818.687V159.778C818.687 160.444 818.845 160.923 819.16 161.216C819.475 161.509 819.999 161.656 820.734 161.656H823.136Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" d="M833.616 137.879V167.45H826.885V137.879H833.616Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" d="M859.201 155.941C859.201 156.581 859.161 157.247 859.082 157.939H843.848C843.953 159.325 844.386 160.39 845.147 161.136C845.935 161.856 846.892 162.215 848.021 162.215C849.7 162.215 850.868 161.496 851.524 160.057H858.689C858.321 161.523 857.652 162.841 856.681 164.014C855.736 165.186 854.542 166.105 853.099 166.771C851.656 167.437 850.042 167.77 848.257 167.77C846.105 167.77 844.189 167.304 842.51 166.371C840.83 165.439 839.518 164.107 838.573 162.375C837.629 160.643 837.156 158.619 837.156 156.301C837.156 153.983 837.615 151.959 838.534 150.227C839.479 148.495 840.791 147.163 842.47 146.231C844.15 145.298 846.079 144.832 848.257 144.832C850.383 144.832 852.272 145.285 853.926 146.191C855.579 147.097 856.865 148.389 857.783 150.067C858.728 151.745 859.201 153.703 859.201 155.941ZM852.312 154.143C852.312 152.971 851.918 152.038 851.131 151.346C850.343 150.653 849.359 150.307 848.178 150.307C847.05 150.307 846.092 150.64 845.305 151.306C844.544 151.972 844.071 152.918 843.888 154.143H852.312Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" d="M675.64 354.681L661.513 347.417C659.881 346.578 657.941 347.763 657.941 349.597L657.941 363.724C657.941 365.534 659.835 366.72 661.463 365.929L675.59 359.065C677.407 358.183 677.436 355.605 675.64 354.681Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" fill-rule="evenodd" clip-rule="evenodd" d="M543.221 356.611C543.221 357.626 544.044 358.449 545.059 358.449L549.763 358.449C550.778 358.449 551.601 357.626 551.601 356.611C551.601 355.596 550.778 354.773 549.763 354.773L545.059 354.773C544.044 354.773 543.221 355.596 543.221 356.611ZM557.331 356.611C557.331 357.626 558.154 358.449 559.17 358.449L568.576 358.449C569.592 358.449 570.415 357.626 570.415 356.611C570.415 355.596 569.592 354.773 568.576 354.773L559.17 354.773C558.154 354.773 557.331 355.596 557.331 356.611ZM576.145 356.611C576.145 357.626 576.968 358.449 577.983 358.449L587.39 358.449C588.405 358.449 589.228 357.626 589.228 356.611C589.228 355.596 588.405 354.773 587.39 354.773L577.983 354.773C576.968 354.773 576.145 355.596 576.145 356.611ZM594.958 356.611C594.958 357.626 595.781 358.449 596.797 358.449L606.203 358.449C607.219 358.449 608.042 357.626 608.042 356.611C608.042 355.596 607.219 354.773 606.203 354.773L596.797 354.773C595.781 354.773 594.958 355.596 594.958 356.611ZM613.772 356.611C613.772 357.626 614.595 358.449 615.61 358.449L625.017 358.449C626.032 358.449 626.855 357.626 626.855 356.611C626.855 355.596 626.032 354.773 625.017 354.773L615.61 354.773C614.595 354.773 613.772 355.596 613.772 356.611ZM632.585 356.611C632.585 357.626 633.408 358.449 634.424 358.449L643.83 358.449C644.846 358.449 645.669 357.626 645.669 356.611C645.669 355.596 644.846 354.773 643.83 354.773L634.424 354.773C633.408 354.773 632.585 355.596 632.585 356.611ZM651.399 356.611C651.399 357.626 652.222 358.449 653.237 358.449L657.94 358.449C658.956 358.449 659.779 357.626 659.779 356.611C659.779 355.596 658.956 354.773 657.94 354.773L653.237 354.773C652.222 354.773 651.399 355.596 651.399 356.611Z"></path>
+  <defs>
+    
+    
+    <clipPath id="nk-918">
+      <rect style="fill: var(--color-white)" y="48" width="710" height="742" rx="50"></rect>
+    </clipPath>
+  </defs>
+</svg>

package/site/public/static/illustrations/components/popover/behaviours/transition.svg

@@ -0,0 +1,41 @@
+<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">
+  <rect style="fill: var(--color-illustrationBackground020)" width="1490" height="838"></rect>
+  <g>
+    <path style="fill: var(--color-illustrationInterface010)" fill-rule="evenodd" clip-rule="evenodd" d="M774.751 175C769.366 175 765 179.366 765 184.751V615.017C765 620.403 769.366 624.768 774.751 624.768H1007.56L1046.56 663.773L1085.57 624.768H1323.25C1328.63 624.768 1333 620.403 1333 615.017V184.751C1333 179.366 1328.63 175 1323.25 175H774.751Z"></path>
+  </g>
+  <path style="fill: var(--color-illustrationHighlight010)" d="M1296.96 223.533L1294.09 220.657L1282.68 232.062L1271.28 220.657L1268.4 223.533L1279.8 234.938L1268.4 246.343L1271.28 249.22L1282.68 237.815L1294.09 249.22L1296.96 246.343L1285.56 234.938L1296.96 223.533Z"></path>
+  <path style="fill: var(--color-illustrationInterface020)" d="M801.893 413.741C801.893 410.156 804.8 407.25 808.385 407.25H1284.9C1288.49 407.25 1291.4 410.156 1291.4 413.741C1291.4 417.326 1288.49 420.233 1284.9 420.233H808.385C804.8 420.233 801.893 417.326 801.893 413.741Z"></path>
+  <path style="fill: var(--color-illustrationInterface020)" d="M801.893 378.398C801.893 374.414 805.122 371.185 809.106 371.185H1284.18C1288.17 371.185 1291.4 374.414 1291.4 378.398C1291.4 382.381 1288.17 385.611 1284.18 385.611H809.106C805.123 385.611 801.893 382.381 801.893 378.398Z"></path>
+  <path style="fill: var(--color-illustrationInterface020)" d="M801.894 343.054C801.894 339.468 804.8 336.562 808.385 336.562H1042.54C1046.13 336.562 1049.04 339.468 1049.04 343.054C1049.04 346.639 1046.13 349.545 1042.54 349.545H808.385C804.8 349.545 801.894 346.639 801.894 343.054Z"></path>
+  <path style="fill: var(--color-illustrationInterface020)" d="M905.272 449.05C905.272 445.352 908.27 442.354 911.968 442.354H933.522C937.22 442.354 940.218 445.352 940.218 449.05C940.218 452.748 937.22 455.746 933.522 455.746H911.968C908.27 455.746 905.272 452.748 905.272 449.05Z"></path>
+  <path style="fill: var(--color-illustrationInterface020)" d="M801.89 449.05C801.89 445.352 804.888 442.354 808.586 442.354H878.191C881.889 442.354 884.887 445.352 884.887 449.05C884.887 452.748 881.889 455.746 878.191 455.746H808.586C804.888 455.746 801.89 452.748 801.89 449.05Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" fill-rule="evenodd" clip-rule="evenodd" d="M1291.4 291.159H801.89V289.74H1291.4V291.159Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" d="M1055.87 545.843C1055.87 527.428 1070.79 512.5 1089.21 512.5H1265.15C1283.56 512.5 1298.49 527.428 1298.49 545.843C1298.49 564.258 1283.56 579.186 1265.15 579.186H1089.21C1070.79 579.186 1055.87 564.258 1055.87 545.843Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" d="M821.591 219.606V224.651H814.843V245.461H808.639V224.651H801.89V219.606H821.591Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" d="M827.825 222.773C826.736 222.773 825.841 222.454 825.14 221.816C824.463 221.153 824.124 220.342 824.124 219.385C824.124 218.403 824.463 217.592 825.14 216.954C825.841 216.291 826.736 215.959 827.825 215.959C828.889 215.959 829.76 216.291 830.437 216.954C831.138 217.592 831.489 218.403 831.489 219.385C831.489 220.342 831.138 221.153 830.437 221.816C829.76 222.454 828.889 222.773 827.825 222.773ZM830.908 224.909V245.461H824.704V224.909H830.908Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" d="M846.688 240.12V245.461H843.531C841.282 245.461 839.528 244.908 838.271 243.803C837.013 242.674 836.384 240.845 836.384 238.316V230.139H833.917V224.909H836.384V219.9H842.588V224.909H846.652V230.139H842.588V238.389C842.588 239.003 842.733 239.445 843.023 239.715C843.314 239.985 843.797 240.12 844.475 240.12H846.688Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" d="M856.348 218.206V245.461H850.144V218.206H856.348Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" d="M879.927 234.854C879.927 235.443 879.891 236.057 879.818 236.695H865.778C865.875 237.972 866.274 238.954 866.975 239.642C867.701 240.305 868.583 240.636 869.624 240.636C871.172 240.636 872.248 239.973 872.853 238.647H879.456C879.117 239.998 878.5 241.213 877.605 242.293C876.735 243.374 875.634 244.221 874.304 244.835C872.973 245.449 871.486 245.755 869.841 245.755C867.858 245.755 866.092 245.326 864.544 244.466C862.996 243.607 861.787 242.379 860.916 240.783C860.045 239.187 859.61 237.321 859.61 235.185C859.61 233.049 860.033 231.183 860.88 229.587C861.751 227.991 862.96 226.763 864.508 225.904C866.056 225.044 867.834 224.615 869.841 224.615C871.8 224.615 873.542 225.032 875.066 225.867C876.589 226.702 877.775 227.893 878.621 229.439C879.492 230.986 879.927 232.791 879.927 234.854ZM873.578 233.196C873.578 232.116 873.215 231.256 872.49 230.618C871.764 229.98 870.857 229.66 869.769 229.66C868.729 229.66 867.846 229.967 867.12 230.581C866.419 231.195 865.983 232.067 865.814 233.196H873.578Z"></path>
+  <g opacity="0.3">
+    <g>
+      <path style="fill: var(--color-illustrationInterface010)" fill-rule="evenodd" clip-rule="evenodd" d="M166.751 175C161.366 175 157 179.366 157 184.751V615.017C157 620.403 161.366 624.768 166.751 624.768H399.558L438.562 663.773L477.567 624.768H715.249C720.634 624.768 725 620.403 725 615.017V184.751C725 179.366 720.634 175 715.249 175H166.751Z"></path>
+    </g>
+    <path style="fill: var(--color-illustrationHighlight010)" d="M688.962 223.533L686.086 220.657L674.681 232.062L663.276 220.657L660.399 223.533L671.804 234.938L660.399 246.343L663.276 249.22L674.681 237.815L686.086 249.22L688.962 246.343L677.557 234.938L688.962 223.533Z"></path>
+    <path style="fill: var(--color-illustrationInterface020)" d="M193.893 413.741C193.893 410.156 196.799 407.25 200.385 407.25H676.903C680.489 407.25 683.395 410.156 683.395 413.741C683.395 417.326 680.489 420.233 676.903 420.233H200.385C196.799 420.233 193.893 417.326 193.893 413.741Z"></path>
+    <path style="fill: var(--color-illustrationInterface020)" d="M193.893 378.398C193.893 374.414 197.122 371.185 201.106 371.185H676.182C680.166 371.185 683.395 374.414 683.395 378.398C683.395 382.381 680.166 385.611 676.182 385.611H201.106C197.122 385.611 193.893 382.381 193.893 378.398Z"></path>
+    <path style="fill: var(--color-illustrationInterface020)" d="M193.894 343.054C193.894 339.468 196.8 336.562 200.385 336.562H434.545C438.13 336.562 441.036 339.468 441.036 343.054C441.036 346.639 438.13 349.545 434.545 349.545H200.385C196.8 349.545 193.894 346.639 193.894 343.054Z"></path>
+    <path style="fill: var(--color-illustrationInterface020)" d="M297.272 449.05C297.272 445.352 300.27 442.354 303.968 442.354H325.523C329.22 442.354 332.218 445.352 332.218 449.05C332.218 452.748 329.22 455.746 325.523 455.746H303.968C300.27 455.746 297.272 452.748 297.272 449.05Z"></path>
+    <path style="fill: var(--color-illustrationInterface020)" d="M193.89 449.05C193.89 445.352 196.888 442.354 200.586 442.354H270.191C273.889 442.354 276.887 445.352 276.887 449.05C276.887 452.748 273.889 455.746 270.191 455.746H200.586C196.888 455.746 193.89 452.748 193.89 449.05Z"></path>
+    <path style="fill: var(--color-illustrationHighlight010)" fill-rule="evenodd" clip-rule="evenodd" d="M683.395 291.159H193.89V289.74H683.395V291.159Z"></path>
+    <path style="fill: var(--color-illustrationHighlight010)" d="M447.865 545.843C447.865 527.428 462.794 512.5 481.209 512.5H657.147C675.561 512.5 690.49 527.428 690.49 545.843C690.49 564.258 675.562 579.186 657.147 579.186H481.209C462.794 579.186 447.865 564.258 447.865 545.843Z"></path>
+    <path style="fill: var(--color-illustrationHighlight010)" d="M213.591 219.606V224.651H206.843V245.461H200.639V224.651H193.89V219.606H213.591Z"></path>
+    <path style="fill: var(--color-illustrationHighlight010)" d="M219.825 222.773C218.736 222.773 217.841 222.454 217.14 221.816C216.463 221.153 216.124 220.342 216.124 219.385C216.124 218.403 216.463 217.592 217.14 216.954C217.841 216.291 218.736 215.959 219.825 215.959C220.889 215.959 221.76 216.291 222.437 216.954C223.138 217.592 223.489 218.403 223.489 219.385C223.489 220.342 223.138 221.153 222.437 221.816C221.76 222.454 220.889 222.773 219.825 222.773ZM222.908 224.909V245.461H216.704V224.909H222.908Z"></path>
+    <path style="fill: var(--color-illustrationHighlight010)" d="M238.688 240.12V245.461H235.531C233.282 245.461 231.528 244.908 230.271 243.803C229.013 242.674 228.384 240.845 228.384 238.316V230.139H225.917V224.909H228.384V219.9H234.588V224.909H238.652V230.139H234.588V238.389C234.588 239.003 234.733 239.445 235.023 239.715C235.314 239.985 235.797 240.12 236.475 240.12H238.688Z"></path>
+    <path style="fill: var(--color-illustrationHighlight010)" d="M248.348 218.206V245.461H242.144V218.206H248.348Z"></path>
+    <path style="fill: var(--color-illustrationHighlight010)" d="M271.927 234.854C271.927 235.443 271.891 236.057 271.818 236.695H257.778C257.875 237.972 258.274 238.954 258.975 239.642C259.701 240.305 260.583 240.636 261.624 240.636C263.172 240.636 264.248 239.973 264.853 238.647H271.456C271.117 239.998 270.5 241.213 269.605 242.293C268.735 243.374 267.634 244.221 266.304 244.835C264.973 245.449 263.486 245.755 261.841 245.755C259.858 245.755 258.092 245.326 256.544 244.466C254.996 243.607 253.787 242.379 252.916 240.783C252.045 239.187 251.61 237.321 251.61 235.185C251.61 233.049 252.033 231.183 252.88 229.587C253.751 227.991 254.96 226.763 256.508 225.904C258.056 225.044 259.834 224.615 261.841 224.615C263.8 224.615 265.542 225.032 267.066 225.867C268.589 226.702 269.775 227.893 270.621 229.439C271.492 230.986 271.927 232.791 271.927 234.854ZM265.578 233.196C265.578 232.116 265.215 231.256 264.49 230.618C263.764 229.98 262.857 229.66 261.769 229.66C260.729 229.66 259.846 229.967 259.12 230.581C258.419 231.195 257.983 232.067 257.814 233.196H265.578Z"></path>
+  </g>
+  <defs>
+    
+    
+  </defs>
+</svg>