newskit 0.0.0-e00e1f6 → 0.0.0-e02a96ba5

package/site/public/static/illustrations/components/popover/behaviours/triggering-and-closing.svg

@@ -0,0 +1,57 @@
+<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">
+  <g clip-path="url(#nk-829)">
+    <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="M777.751 120C772.366 120 768 124.366 768 129.751V560.017C768 565.403 772.366 569.768 777.751 569.768H1010.56L1049.56 608.773L1088.57 569.768H1326.25C1331.63 569.768 1336 565.403 1336 560.017V129.751C1336 124.366 1331.63 120 1326.25 120H777.751Z"></path>
+    </g>
+    <path style="fill: var(--color-illustrationHighlight010)" d="M1299.96 168.533L1297.09 165.657L1285.68 177.061L1274.28 165.657L1271.4 168.533L1282.8 179.938L1271.4 191.343L1274.28 194.22L1285.68 182.815L1297.09 194.22L1299.96 191.343L1288.56 179.938L1299.96 168.533Z"></path>
+    <path style="fill: var(--color-illustrationInterface020)" d="M804.893 358.741C804.893 355.156 807.799 352.249 811.385 352.249H1287.9C1291.49 352.249 1294.4 355.156 1294.4 358.741C1294.4 362.326 1291.49 365.233 1287.9 365.233H811.385C807.799 365.233 804.893 362.326 804.893 358.741Z"></path>
+    <path style="fill: var(--color-illustrationInterface020)" d="M804.893 323.397C804.893 319.414 808.122 316.184 812.106 316.184H1287.18C1291.17 316.184 1294.4 319.414 1294.4 323.397C1294.4 327.381 1291.17 330.61 1287.18 330.61H812.106C808.122 330.61 804.893 327.381 804.893 323.397Z"></path>
+    <path style="fill: var(--color-illustrationInterface020)" d="M804.894 288.054C804.894 284.468 807.8 281.562 811.385 281.562H1045.54C1049.13 281.562 1052.04 284.468 1052.04 288.054C1052.04 291.639 1049.13 294.545 1045.54 294.545H811.385C807.8 294.545 804.894 291.639 804.894 288.054Z"></path>
+    <path style="fill: var(--color-illustrationInterface020)" d="M908.272 394.05C908.272 390.352 911.27 387.354 914.968 387.354H936.523C940.22 387.354 943.218 390.352 943.218 394.05C943.218 397.748 940.22 400.746 936.523 400.746H914.968C911.27 400.746 908.272 397.748 908.272 394.05Z"></path>
+    <path style="fill: var(--color-illustrationInterface020)" d="M804.89 394.05C804.89 390.352 807.888 387.354 811.586 387.354H881.191C884.889 387.354 887.886 390.352 887.886 394.05C887.886 397.748 884.889 400.746 881.191 400.746H811.586C807.888 400.746 804.89 397.748 804.89 394.05Z"></path>
+    <path style="fill: var(--color-illustrationHighlight010)" fill-rule="evenodd" clip-rule="evenodd" d="M1294.4 236.159H804.89V234.74H1294.4V236.159Z"></path>
+    <path style="fill: var(--color-illustrationHighlight010)" d="M1058.87 490.843C1058.87 472.428 1073.79 457.5 1092.21 457.5H1268.15C1286.56 457.5 1301.49 472.428 1301.49 490.843C1301.49 509.258 1286.56 524.186 1268.15 524.186H1092.21C1073.79 524.186 1058.87 509.258 1058.87 490.843Z"></path>
+    <path style="fill: var(--color-illustrationHighlight010)" d="M824.591 164.606V169.651H817.842V190.461H811.638V169.651H804.89V164.606H824.591Z"></path>
+    <path style="fill: var(--color-illustrationHighlight010)" d="M830.824 167.773C829.736 167.773 828.841 167.454 828.14 166.815C827.462 166.152 827.124 165.342 827.124 164.385C827.124 163.402 827.462 162.592 828.14 161.954C828.841 161.291 829.736 160.959 830.824 160.959C831.889 160.959 832.759 161.291 833.437 161.954C834.138 162.592 834.489 163.402 834.489 164.385C834.489 165.342 834.138 166.152 833.437 166.815C832.759 167.454 831.889 167.773 830.824 167.773ZM833.908 169.909V190.461H827.704V169.909H833.908Z"></path>
+    <path style="fill: var(--color-illustrationHighlight010)" d="M849.688 185.12V190.461H846.531C844.282 190.461 842.528 189.908 841.27 188.803C840.013 187.674 839.384 185.845 839.384 183.316V175.139H836.917V169.909H839.384V164.9H845.588V169.909H849.651V175.139H845.588V183.389C845.588 184.003 845.733 184.445 846.023 184.715C846.314 184.985 846.797 185.12 847.475 185.12H849.688Z"></path>
+    <path style="fill: var(--color-illustrationHighlight010)" d="M859.347 163.206V190.461H853.143V163.206H859.347Z"></path>
+    <path style="fill: var(--color-illustrationHighlight010)" d="M882.927 179.853C882.927 180.443 882.891 181.057 882.818 181.695H868.778C868.874 182.972 869.273 183.954 869.975 184.641C870.701 185.304 871.583 185.636 872.623 185.636C874.171 185.636 875.248 184.973 875.852 183.647H882.456C882.117 184.997 881.5 186.213 880.605 187.293C879.734 188.374 878.634 189.221 877.304 189.835C875.973 190.448 874.486 190.755 872.841 190.755C870.858 190.755 869.092 190.326 867.544 189.466C865.996 188.607 864.787 187.379 863.916 185.783C863.045 184.187 862.61 182.321 862.61 180.185C862.61 178.049 863.033 176.183 863.88 174.587C864.75 172.991 865.96 171.763 867.508 170.904C869.056 170.044 870.834 169.615 872.841 169.615C874.8 169.615 876.542 170.032 878.066 170.867C879.589 171.702 880.775 172.892 881.621 174.439C882.492 175.986 882.927 177.791 882.927 179.853ZM876.578 178.196C876.578 177.116 876.215 176.256 875.49 175.618C874.764 174.98 873.857 174.66 872.769 174.66C871.728 174.66 870.846 174.967 870.12 175.581C869.419 176.195 868.983 177.067 868.814 178.196H876.578Z"></path>
+    <g clip-path="url(#nk-830)">
+      <path style="fill: var(--color-illustrationInterface010)" d="M-351.26 142.716C-351.26 133.399 -343.707 125.846 -334.39 125.846H586.088C595.406 125.846 602.958 133.399 602.958 142.716V694.159C602.958 703.476 595.405 711.029 586.088 711.029H-334.39C-343.707 711.029 -351.26 703.476 -351.26 694.159V142.716Z"></path>
+      <path style="fill: var(--color-illustrationInterface020)" d="M-334.39 125.846C-343.707 125.846 -351.26 133.399 -351.26 142.716V181.574H602.958V142.716C602.958 133.399 595.406 125.846 586.088 125.846H-334.39Z"></path>
+      <path style="fill: var(--color-illustrationInterface010)" d="M195.266 153.221C195.266 151.061 197.017 149.31 199.177 149.31H258.816C260.975 149.31 262.726 151.061 262.726 153.221C262.726 155.381 260.975 157.131 258.816 157.131H199.177C197.017 157.131 195.266 155.381 195.266 153.221Z"></path>
+      <path style="fill: var(--color-illustrationInterface010)" d="M301.834 153.221C301.834 151.061 303.585 149.31 305.745 149.31H365.384C367.543 149.31 369.294 151.061 369.294 153.221C369.294 155.381 367.543 157.131 365.384 157.131H305.745C303.585 157.131 301.834 155.381 301.834 153.221Z"></path>
+      <path style="fill: var(--color-illustrationInterface010)" d="M408.401 153.221C408.401 151.061 410.152 149.31 412.312 149.31H471.951C474.111 149.31 475.862 151.061 475.862 153.221C475.862 155.381 474.111 157.131 471.951 157.131H412.312C410.152 157.131 408.401 155.381 408.401 153.221Z"></path>
+      <path style="fill: var(--color-illustrationInterface010)" d="M514.969 153.221C514.969 151.061 516.72 149.31 518.88 149.31H578.519C580.679 149.31 582.43 151.061 582.43 153.221C582.43 155.381 580.679 157.131 578.519 157.131H518.88C516.72 157.131 514.969 155.381 514.969 153.221Z"></path>
+      <path style="fill: var(--color-illustrationInterface020)" fill-rule="evenodd" clip-rule="evenodd" d="M-27.6247 419.846C-30.2938 419.846 -32.4575 422.01 -32.4575 424.68C-32.4575 427.35 -30.2938 429.514 -27.6247 429.514H354.167C356.836 429.514 359 427.35 359 424.68C359 422.01 356.836 419.846 354.167 419.846H-27.6247ZM-27.6241 444.984C-30.2932 444.984 -32.4569 447.149 -32.4569 449.819C-32.4569 452.488 -30.2932 454.653 -27.6241 454.653H272.01C274.679 454.653 276.843 452.488 276.843 449.819C276.843 447.149 274.679 444.984 272.01 444.984H-27.6241ZM-27.6241 495.261C-30.2932 495.261 -32.4569 497.426 -32.4569 500.095C-32.4569 502.765 -30.2932 504.93 -27.6241 504.93H354.168C356.837 504.93 359 502.765 359 500.095C359 497.426 356.837 495.261 354.168 495.261H-27.6241ZM-32.4569 550.372C-32.4569 547.703 -30.2932 545.538 -27.6241 545.538H354.168C356.837 545.538 359 547.703 359 550.372C359 553.042 356.837 555.207 354.168 555.207H-27.6241C-30.2932 555.207 -32.4569 553.042 -32.4569 550.372ZM-27.6241 470.123C-30.2932 470.123 -32.4569 472.287 -32.4569 474.957C-32.4569 477.627 -30.2932 479.791 -27.6241 479.791H354.168C356.837 479.791 359 477.627 359 474.957C359 472.287 356.837 470.123 354.168 470.123H-27.6241ZM-32.4569 525.234C-32.4569 522.564 -30.2932 520.4 -27.6241 520.4H354.168C356.837 520.4 359 522.564 359 525.234C359 527.904 356.837 530.068 354.168 530.068H-27.6241C-30.2932 530.068 -32.4569 527.904 -32.4569 525.234Z"></path>
+      <path style="fill: var(--color-illustrationInterface020)" d="M-33.0317 243.375C-33.0317 234.081 -29.1755 226.547 -24.4185 226.547H500.987C505.744 226.547 509.6 234.081 509.6 243.375V352.017C509.6 361.311 505.744 368.846 500.987 368.846H-24.4185C-29.1755 368.846 -33.0317 361.311 -33.0317 352.017V243.375Z"></path>
+      <path style="fill: var(--color-illustrationInterface020)" d="M509.6 711.029H-33.0317V646.674C-33.0317 637.38 -29.1755 629.846 -24.4185 629.846H500.987C505.744 629.846 509.6 637.38 509.6 646.674V711.029Z"></path>
+      <path style="fill: var(--color-illustrationInterface020)" d="M387 424.846C387 422.084 389.239 419.846 392 419.846H510C512.762 419.846 515 422.084 515 424.846V473.846C515 476.607 512.762 478.846 510 478.846H392C389.239 478.846 387 476.607 387 473.846V424.846Z"></path>
+      <circle style="fill: var(--color-illustrationInterface020)" cx="473" cy="543" r="39"></circle>
+      <path style="fill: var(--color-illustrationHighlight010)" d="M470.773 532.536H474.892V536.655H470.773V532.536Z"></path>
+      <path style="fill: var(--color-illustrationHighlight010)" d="M470.773 540.773H474.892V553.13H470.773V540.773Z"></path>
+      <path style="fill: var(--color-illustrationHighlight010)" fill-rule="evenodd" clip-rule="evenodd" d="M452.239 542.833C452.239 531.465 461.465 522.239 472.833 522.239C484.2 522.239 493.426 531.465 493.426 542.833C493.426 554.2 484.2 563.426 472.833 563.426C461.465 563.426 452.239 554.2 452.239 542.833ZM456.358 542.833C456.358 551.915 463.751 559.308 472.833 559.308C481.914 559.308 489.307 551.915 489.307 542.833C489.307 533.751 481.914 526.358 472.833 526.358C463.751 526.358 456.358 533.751 456.358 542.833Z"></path>
+      <g>
+        <path style="fill: var(--color-white)" fill-rule="evenodd" clip-rule="evenodd" d="M478.308 600.143L475.419 595.728C473.446 592.714 469.243 591.614 466.029 593.267L466.778 592.882C465.98 593.292 465.597 594.314 465.926 595.164L469.925 605.512C470.56 607.153 472.179 609.473 473.521 610.638C473.521 610.638 481.567 617.298 481.567 619.795V622.956H494.603H498.167H501.121H504.38V619.795C504.38 617.298 509.297 609.433 509.297 609.433C510.202 607.905 510.956 605.212 510.956 603.424V590.274C510.898 587.363 508.423 585.004 505.369 585.004C503.842 585.004 502.605 586.184 502.605 587.64V588.693C502.605 585.782 500.13 583.423 497.076 583.423C495.549 583.423 494.312 584.602 494.312 586.059V587.112C494.312 584.201 491.837 581.841 488.783 581.841C487.256 581.841 486.018 583.021 486.018 584.477V585.53C486.018 585.063 485.968 584.691 485.872 584.396L485.029 570.817C484.914 568.98 483.367 567.554 481.567 567.554C479.755 567.554 478.308 569.013 478.308 570.812V583.848V600.143Z"></path>
+        <path style="fill: var(--color-black)" fill-rule="evenodd" clip-rule="evenodd" d="M466.802 592.928C469.389 591.981 472.415 592.637 474.397 594.51C474.78 594.871 475.124 595.279 475.419 595.728L478.308 600.143V570.812C478.308 569.012 479.754 567.554 481.567 567.554C483.367 567.554 484.914 568.98 485.028 570.817L485.872 584.396C485.881 584.422 485.889 584.45 485.897 584.477C485.977 584.758 486.018 585.105 486.018 585.53V584.477C486.018 584.447 486.019 584.417 486.02 584.387C486.021 584.373 486.021 584.36 486.022 584.347C486.093 582.951 487.302 581.841 488.783 581.841C489.073 581.841 489.358 581.862 489.635 581.903C490.29 582 490.907 582.206 491.464 582.501C492.854 583.237 493.875 584.527 494.201 586.059C494.273 586.399 494.311 586.751 494.311 587.112V586.059C494.311 584.602 495.549 583.423 497.076 583.423C497.199 583.423 497.321 583.426 497.442 583.434C498.278 583.486 499.063 583.715 499.757 584.082C501.147 584.818 502.168 586.109 502.494 587.64C502.566 587.98 502.604 588.332 502.604 588.693V587.64C502.604 586.184 503.842 585.004 505.369 585.004C505.492 585.004 505.614 585.008 505.735 585.015C508.618 585.195 510.9 587.48 510.956 590.274V603.424C510.956 605.212 510.202 607.905 509.297 609.433C509.297 609.433 504.38 617.298 504.38 619.795V622.956H481.567V619.795C481.567 617.298 473.521 610.638 473.521 610.638C472.179 609.473 470.559 607.153 469.925 605.512L465.926 595.164C465.707 594.597 465.804 593.953 466.131 593.465C466.242 593.299 466.38 593.15 466.541 593.03C466.627 592.994 466.714 592.96 466.802 592.928ZM466.029 593.267C466.197 593.18 466.368 593.101 466.541 593.03C466.615 592.974 466.694 592.925 466.778 592.882L466.029 593.267ZM464.269 589.845C462.176 591.356 461.345 594.159 462.278 596.574L466.278 606.922C467.139 609.151 469.128 612.002 470.956 613.591L470.991 613.621L471.026 613.65L471.027 613.651L471.041 613.663L471.099 613.711C471.152 613.755 471.231 613.822 471.334 613.909C471.54 614.084 471.837 614.339 472.195 614.654C472.916 615.288 473.865 616.148 474.803 617.069C475.758 618.008 476.62 618.932 477.216 619.703C477.421 619.968 477.563 620.175 477.656 620.325V626.867H508.29V619.862C508.291 619.878 508.291 619.886 508.293 619.887C508.307 619.889 508.379 619.521 508.749 618.648C509.142 617.721 509.692 616.625 510.28 615.535C510.861 614.457 511.448 613.445 511.891 612.698C512.112 612.326 512.295 612.024 512.422 611.816C512.485 611.712 512.535 611.633 512.567 611.58L512.603 611.522L512.613 611.507L512.638 611.467L512.662 611.426C513.345 610.272 513.875 608.868 514.235 607.571C514.594 606.276 514.867 604.787 514.867 603.424V590.235L514.866 590.195C514.762 585.03 510.424 581.093 505.369 581.093C504.541 581.093 503.732 581.247 502.979 581.531C501.339 580.257 499.267 579.512 497.076 579.512C496.248 579.512 495.439 579.665 494.686 579.95C493.198 578.794 491.355 578.073 489.39 577.95L488.932 570.574C488.689 566.662 485.419 563.643 481.567 563.643C477.586 563.643 474.397 566.862 474.397 570.812V589.796C471.518 588.362 468.053 588.158 465.005 589.433M477.789 620.568C477.788 620.567 477.781 620.553 477.771 620.526C477.785 620.554 477.79 620.568 477.789 620.568ZM464.269 589.845L464.241 589.789L464.99 589.404"></path>
+      </g>
+    </g>
+    <circle style="fill: var(--color-illustrationInterface020)" cx="1050" cy="701" r="58"></circle>
+    <path style="fill: var(--color-illustrationHighlight010)" d="M1046.69 685.438H1052.81V691.564H1046.69V685.438Z"></path>
+    <path style="fill: var(--color-illustrationHighlight010)" d="M1046.69 697.689H1052.81V716.065H1046.69V697.689Z"></path>
+    <path style="fill: var(--color-illustrationHighlight010)" fill-rule="evenodd" clip-rule="evenodd" d="M1019.12 700.752C1019.12 683.846 1032.85 670.125 1049.75 670.125C1066.66 670.125 1080.38 683.846 1080.38 700.752C1080.38 717.657 1066.66 731.378 1049.75 731.378C1032.85 731.378 1019.12 717.657 1019.12 700.752ZM1025.25 700.752C1025.25 714.258 1036.24 725.252 1049.75 725.252C1063.26 725.252 1074.25 714.258 1074.25 700.752C1074.25 687.245 1063.26 676.251 1049.75 676.251C1036.24 676.251 1025.25 687.245 1025.25 700.752Z"></path>
+    <path style="fill: var(--color-illustrationHighlight010)" d="M827.576 486.978L813.243 494.339C811.589 495.189 809.62 493.989 809.62 492.131L809.62 477.814C809.62 475.98 811.541 474.778 813.193 475.58L827.526 482.535C829.369 483.43 829.399 486.042 827.576 486.978Z"></path>
+    <path style="fill: var(--color-illustrationHighlight010)" fill-rule="evenodd" clip-rule="evenodd" d="M522 543.52C522 544.252 522.573 544.846 523.279 544.846L525.879 544.846C526.586 544.846 527.159 544.252 527.159 543.52C527.159 542.787 526.586 542.194 525.879 542.194H523.279C522.573 542.194 522 542.787 522 543.52ZM529.799 543.52C529.799 544.252 530.372 544.846 531.078 544.846L536.277 544.846C536.984 544.846 537.557 544.252 537.557 543.52C537.557 542.787 536.984 542.194 536.277 542.194L531.078 542.194C530.372 542.194 529.799 542.787 529.799 543.52ZM540.197 543.52C540.197 544.252 540.77 544.846 541.477 544.846L546.676 544.846C547.382 544.846 547.955 544.252 547.955 543.52C547.955 542.787 547.382 542.194 546.676 542.194H541.477C540.77 542.194 540.197 542.787 540.197 543.52ZM550.596 543.52C550.596 544.252 551.168 544.846 551.875 544.846L557.074 544.846C557.781 544.846 558.354 544.252 558.354 543.52C558.354 542.787 557.781 542.194 557.074 542.194H551.875C551.168 542.194 550.596 542.787 550.596 543.52ZM560.994 543.52C560.994 544.252 561.567 544.846 562.273 544.846L567.473 544.846C568.179 544.846 568.752 544.252 568.752 543.52C568.752 542.787 568.179 542.194 567.473 542.194L562.273 542.194C561.567 542.194 560.994 542.787 560.994 543.52ZM571.392 543.52C571.392 544.252 571.965 544.846 572.672 544.846L577.871 544.846C578.578 544.846 579.151 544.252 579.151 543.52C579.151 542.787 578.578 542.194 577.871 542.194H572.672C571.965 542.194 571.392 542.787 571.392 543.52ZM581.791 543.52C581.791 544.252 582.364 544.846 583.07 544.846L588.269 544.846C588.976 544.846 589.549 544.252 589.549 543.52C589.549 542.787 588.976 542.194 588.269 542.194L583.07 542.194C582.364 542.194 581.791 542.787 581.791 543.52ZM592.189 543.52C592.189 544.252 592.762 544.846 593.469 544.846L598.668 544.846C599.374 544.846 599.947 544.252 599.947 543.52C599.947 542.787 599.374 542.194 598.668 542.194H593.469C592.762 542.194 592.189 542.787 592.189 543.52ZM602.588 543.52C602.588 544.252 603.16 544.846 603.867 544.846L609.066 544.846C609.773 544.846 610.346 544.252 610.346 543.52C610.346 542.787 609.773 542.194 609.066 542.194H603.867C603.16 542.194 602.588 542.787 602.588 543.52ZM612.986 543.52C612.986 544.252 613.559 544.846 614.265 544.846L619.465 544.846C620.171 544.846 620.744 544.252 620.744 543.52C620.744 542.787 620.171 542.194 619.465 542.194L614.265 542.194C613.559 542.194 612.986 542.787 612.986 543.52ZM623.384 543.52C623.384 544.252 623.957 544.846 624.664 544.846L629.863 544.846C630.57 544.846 631.142 544.252 631.142 543.52C631.142 542.787 630.57 542.194 629.863 542.194H624.664C623.957 542.194 623.384 542.787 623.384 543.52ZM633.783 543.52C633.783 544.252 634.356 544.846 635.062 544.846L640.261 544.846C640.968 544.846 641.541 544.252 641.541 543.52C641.541 542.787 640.968 542.194 640.261 542.194L635.062 542.194C634.356 542.194 633.783 542.787 633.783 543.52ZM644.181 543.52C644.181 544.252 644.754 544.846 645.461 544.846L648.06 544.846C648.948 544.846 649.827 544.801 650.693 544.714C651.397 544.643 651.911 543.994 651.843 543.265C651.774 542.536 651.149 542.003 650.445 542.074C649.661 542.153 648.865 542.194 648.06 542.194H645.461C644.754 542.194 644.181 542.787 644.181 543.52ZM654.266 542.769C654.471 543.47 655.186 543.866 655.862 543.653C657.562 543.119 659.191 542.416 660.729 541.562C661.352 541.216 661.587 540.412 661.253 539.767C660.919 539.121 660.144 538.878 659.521 539.224C658.129 539.996 656.657 540.632 655.12 541.115C654.444 541.327 654.062 542.068 654.266 542.769ZM663.306 538.342C663.754 538.908 664.561 538.99 665.106 538.525C666.466 537.367 667.714 536.074 668.83 534.665C669.279 534.099 669.2 533.264 668.654 532.799C668.108 532.334 667.302 532.416 666.853 532.982C665.842 534.257 664.713 535.428 663.482 536.476C662.936 536.941 662.857 537.776 663.306 538.342ZM670.029 530.671C670.651 531.017 671.427 530.774 671.761 530.128C672.585 528.534 673.264 526.846 673.779 525.084C673.984 524.383 673.601 523.643 672.925 523.43C672.249 523.218 671.534 523.614 671.33 524.315C670.864 525.908 670.25 527.434 669.505 528.876C669.171 529.522 669.406 530.326 670.029 530.671ZM673.404 520.918C674.108 520.989 674.733 520.456 674.802 519.727C674.886 518.829 674.929 517.918 674.929 516.998V515.672C674.929 514.94 674.357 514.347 673.651 514.346C674.357 514.345 674.929 513.751 674.929 513.02V511.694C674.929 510.859 674.968 510.034 675.045 509.221C675.113 508.492 674.598 507.844 673.895 507.773C673.192 507.702 672.566 508.236 672.498 508.964C672.413 509.863 672.37 510.773 672.37 511.694V513.02C672.37 513.751 672.942 514.345 673.648 514.346C672.942 514.347 672.37 514.94 672.37 515.672V516.998C672.37 517.832 672.331 518.657 672.255 519.47C672.186 520.199 672.701 520.847 673.404 520.918ZM674.374 505.261C675.051 505.474 675.765 505.077 675.97 504.377C676.435 502.784 677.049 501.258 677.795 499.815C678.128 499.17 677.894 498.366 677.271 498.02C676.648 497.674 675.872 497.917 675.539 498.563C674.715 500.158 674.036 501.846 673.521 503.608C673.316 504.308 673.698 505.049 674.374 505.261ZM678.645 495.893C679.191 496.358 679.997 496.276 680.446 495.71C681.457 494.434 682.587 493.264 683.817 492.216C684.363 491.751 684.442 490.915 683.994 490.349C683.545 489.783 682.739 489.702 682.193 490.167C680.833 491.324 679.586 492.617 678.469 494.026C678.02 494.592 678.099 495.428 678.645 495.893ZM686.046 488.925C686.38 489.57 687.155 489.813 687.778 489.468C689.17 488.695 690.643 488.059 692.179 487.576C692.856 487.364 693.238 486.624 693.033 485.923C692.828 485.222 692.114 484.826 691.437 485.038C689.737 485.572 688.109 486.276 686.57 487.13C685.947 487.476 685.713 488.279 686.046 488.925ZM695.457 485.426C695.525 486.155 696.151 486.688 696.854 486.618C697.638 486.538 698.434 486.498 699.239 486.498H701.841C702.548 486.498 703.121 485.904 703.121 485.172C703.121 484.439 702.548 483.846 701.841 483.846H699.239C698.351 483.846 697.473 483.89 696.606 483.978C695.903 484.049 695.388 484.697 695.457 485.426ZM705.765 485.172C705.765 485.904 706.338 486.498 707.045 486.498H712.248C712.955 486.498 713.528 485.904 713.528 485.172C713.528 484.439 712.955 483.846 712.248 483.846H707.045C706.338 483.846 705.765 484.439 705.765 485.172ZM716.173 485.172C716.173 485.904 716.745 486.498 717.452 486.498H722.656C723.362 486.498 723.935 485.904 723.935 485.172C723.935 484.439 723.362 483.846 722.656 483.846H717.452C716.745 483.846 716.173 484.439 716.173 485.172ZM726.58 485.172C726.58 485.904 727.153 486.498 727.86 486.498H733.063C733.77 486.498 734.343 485.904 734.343 485.172C734.343 484.439 733.77 483.846 733.063 483.846H727.86C727.153 483.846 726.58 484.439 726.58 485.172ZM736.987 485.172C736.987 485.904 737.56 486.498 738.267 486.498H743.471C744.177 486.498 744.75 485.904 744.75 485.172C744.75 484.439 744.177 483.846 743.471 483.846H738.267C737.56 483.846 736.987 484.439 736.987 485.172ZM747.395 485.172C747.395 485.904 747.968 486.498 748.674 486.498H753.878C754.585 486.498 755.157 485.904 755.157 485.172C755.157 484.439 754.585 483.846 753.878 483.846H748.674C747.968 483.846 747.395 484.439 747.395 485.172ZM757.802 485.172C757.802 485.904 758.375 486.498 759.082 486.498H764.285C764.992 486.498 765.565 485.904 765.565 485.172C765.565 484.439 764.992 483.846 764.285 483.846H759.082C758.375 483.846 757.802 484.439 757.802 485.172ZM768.21 485.172C768.21 485.904 768.782 486.498 769.489 486.498H774.693C775.399 486.498 775.972 485.904 775.972 485.172C775.972 484.439 775.399 483.846 774.693 483.846H769.489C768.782 483.846 768.21 484.439 768.21 485.172ZM778.617 485.172C778.617 485.904 779.19 486.498 779.897 486.498H785.1C785.807 486.498 786.38 485.904 786.38 485.172C786.38 484.439 785.807 483.846 785.1 483.846H779.897C779.19 483.846 778.617 484.439 778.617 485.172ZM789.024 485.172C789.024 485.904 789.597 486.498 790.304 486.498H795.508C796.214 486.498 796.787 485.904 796.787 485.172C796.787 484.439 796.214 483.846 795.508 483.846H790.304C789.597 483.846 789.024 484.439 789.024 485.172ZM799.432 485.172C799.432 485.904 800.005 486.498 800.711 486.498H805.915C806.622 486.498 807.194 485.904 807.194 485.172C807.194 484.439 806.622 483.846 805.915 483.846H800.711C800.005 483.846 799.432 484.439 799.432 485.172ZM809.839 485.172C809.839 485.904 810.412 486.498 811.119 486.498H813.721C814.427 486.498 815 485.904 815 485.172C815 484.439 814.427 483.846 813.721 483.846H811.119C810.412 483.846 809.839 484.439 809.839 485.172Z"></path>
+  </g>
+  <defs>
+    
+    
+    <clipPath id="nk-829">
+      <rect style="fill: var(--color-white)" width="1490" height="838"></rect>
+    </clipPath>
+    <clipPath id="nk-830">
+      <rect style="fill: var(--color-white)" width="955.26" height="586" transform="translate(-351.26 125.846)"></rect>
+    </clipPath>
+  </defs>
+</svg>

package/site/public/static/illustrations/components/popover/hero.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/options/close-position.svg

@@ -0,0 +1,43 @@
+<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="M101.329 204.401C95.5484 204.401 90.8624 209.087 90.8624 214.868V676.695C90.8624 682.476 95.5484 687.162 101.329 687.162L351.213 687.162L393.078 729.027L434.944 687.162L690.061 687.162C695.841 687.162 700.527 682.476 700.527 676.695V214.868C700.527 209.087 695.841 204.401 690.061 204.401H101.329Z"></path>
+  </g>
+  <path style="fill: var(--color-illustrationHighlight010)" d="M661.846 256.495L658.758 253.407L646.517 265.649L634.275 253.407L631.188 256.495L643.429 268.736L631.188 280.978L634.275 284.065L646.517 271.824L658.758 284.065L661.846 280.978L649.604 268.736L661.846 256.495Z"></path>
+  <path style="fill: var(--color-illustrationInterface020)" d="M130.462 460.655C130.462 456.807 133.581 453.687 137.43 453.687H648.903C652.751 453.687 655.87 456.807 655.87 460.655C655.87 464.503 652.751 467.623 648.903 467.623H137.43C133.581 467.623 130.462 464.503 130.462 460.655Z"></path>
+  <path style="fill: var(--color-illustrationInterface020)" d="M130.462 422.719C130.462 418.443 133.928 414.977 138.204 414.977H648.128C652.404 414.977 655.87 418.443 655.87 422.719C655.87 426.995 652.404 430.461 648.128 430.461H138.204C133.928 430.461 130.462 426.995 130.462 422.719Z"></path>
+  <path style="fill: var(--color-illustrationInterface020)" d="M130.462 384.782C130.462 380.934 133.582 377.815 137.43 377.815H388.766C392.614 377.815 395.734 380.934 395.734 384.782C395.734 388.631 392.614 391.75 388.766 391.75H137.43C133.582 391.75 130.462 388.631 130.462 384.782Z"></path>
+  <path style="fill: var(--color-illustrationInterface020)" d="M241.424 498.554C241.424 494.585 244.642 491.367 248.611 491.367H271.747C275.716 491.367 278.933 494.585 278.933 498.554C278.933 502.523 275.716 505.741 271.747 505.741H248.611C244.642 505.741 241.424 502.523 241.424 498.554Z"></path>
+  <path style="fill: var(--color-illustrationInterface020)" d="M130.459 498.554C130.459 494.585 133.676 491.367 137.646 491.367H212.356C216.325 491.367 219.543 494.585 219.543 498.554C219.543 502.523 216.325 505.741 212.356 505.741H137.646C133.676 505.741 130.459 502.523 130.459 498.554Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" fill-rule="evenodd" clip-rule="evenodd" d="M655.871 329.081H130.459V327.558H655.871V329.081Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" d="M403.064 602.447C403.064 582.682 419.087 566.658 438.853 566.658H627.697C647.462 566.658 663.486 582.682 663.486 602.447C663.486 622.213 647.462 638.236 627.697 638.236H438.853C419.087 638.236 403.064 622.213 403.064 602.447Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" d="M151.604 252.279V257.695H144.361V280.031H137.702V257.695H130.459V252.279H151.604Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" d="M158.295 255.679C157.127 255.679 156.167 255.336 155.414 254.651C154.687 253.939 154.323 253.07 154.323 252.042C154.323 250.988 154.687 250.118 155.414 249.433C156.167 248.721 157.127 248.365 158.295 248.365C159.438 248.365 160.372 248.721 161.099 249.433C161.852 250.118 162.229 250.988 162.229 252.042C162.229 253.07 161.852 253.939 161.099 254.651C160.372 255.336 159.438 255.679 158.295 255.679ZM161.605 257.972V280.031H154.946V257.972H161.605Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" d="M178.542 274.298V280.031H175.154C172.74 280.031 170.858 279.438 169.508 278.252C168.158 277.039 167.483 275.076 167.483 272.361V263.585H164.835V257.972H167.483V252.595H174.142V257.972H178.503V263.585H174.142V272.44C174.142 273.099 174.298 273.574 174.609 273.864C174.921 274.154 175.44 274.298 176.167 274.298H178.542Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" d="M188.911 250.777V280.031H182.252V250.777H188.911Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" d="M214.22 268.645C214.22 269.278 214.181 269.937 214.103 270.622H199.033C199.136 271.992 199.565 273.047 200.318 273.785C201.097 274.496 202.044 274.852 203.16 274.852C204.822 274.852 205.977 274.14 206.626 272.717H213.714C213.35 274.167 212.688 275.471 211.728 276.631C210.793 277.791 209.612 278.7 208.184 279.359C206.756 280.017 205.16 280.347 203.394 280.347C201.265 280.347 199.37 279.886 197.709 278.963C196.047 278.041 194.749 276.723 193.814 275.01C192.88 273.297 192.412 271.294 192.412 269.001C192.412 266.708 192.867 264.705 193.775 262.992C194.71 261.279 196.008 259.961 197.67 259.039C199.331 258.117 201.239 257.655 203.394 257.655C205.497 257.655 207.366 258.103 209.002 259C210.637 259.896 211.909 261.174 212.818 262.834C213.753 264.494 214.22 266.432 214.22 268.645ZM207.405 266.866C207.405 265.707 207.016 264.784 206.237 264.099C205.458 263.414 204.485 263.071 203.316 263.071C202.2 263.071 201.252 263.401 200.473 264.06C199.721 264.719 199.253 265.654 199.072 266.866H207.405Z"></path>
+  <g>
+    <path style="fill: var(--color-illustrationInterface010)" fill-rule="evenodd" clip-rule="evenodd" d="M801.04 204.602C795.26 204.602 790.574 209.288 790.574 215.068V676.896C790.574 682.676 795.26 687.362 801.04 687.362H1050.92L1092.79 729.227L1134.66 687.362H1389.77C1395.55 687.362 1400.24 682.676 1400.24 676.896V215.068C1400.24 209.288 1395.55 204.602 1389.77 204.602H801.04Z"></path>
+  </g>
+  <path style="fill: var(--color-illustrationHighlight010)" d="M860.946 256.695L857.859 253.608L845.617 265.849L833.376 253.608L830.288 256.695L842.53 268.937L830.288 281.178L833.376 284.266L845.617 272.024L857.859 284.266L860.946 281.178L848.705 268.937L860.946 256.695Z"></path>
+  <path style="fill: var(--color-illustrationInterface020)" d="M830.173 460.855C830.173 457.007 833.293 453.887 837.141 453.887H1348.61C1352.46 453.887 1355.58 457.007 1355.58 460.855C1355.58 464.704 1352.46 467.823 1348.61 467.823H837.141C833.293 467.823 830.173 464.704 830.173 460.855Z"></path>
+  <path style="fill: var(--color-illustrationInterface020)" d="M830.173 422.919C830.173 418.643 833.64 415.177 837.916 415.177H1347.84C1352.12 415.177 1355.58 418.643 1355.58 422.919C1355.58 427.195 1352.12 430.661 1347.84 430.661H837.916C833.64 430.661 830.173 427.195 830.173 422.919Z"></path>
+  <path style="fill: var(--color-illustrationInterface020)" d="M830.174 384.983C830.174 381.135 833.294 378.015 837.142 378.015H1088.48C1092.33 378.015 1095.45 381.135 1095.45 384.983C1095.45 388.831 1092.33 391.951 1088.48 391.951H837.142C833.294 391.951 830.174 388.831 830.174 384.983Z"></path>
+  <path style="fill: var(--color-illustrationInterface020)" d="M941.136 498.754C941.136 494.785 944.354 491.568 948.323 491.568H971.458C975.427 491.568 978.645 494.785 978.645 498.754C978.645 502.724 975.427 505.941 971.458 505.941H948.323C944.354 505.941 941.136 502.724 941.136 498.754Z"></path>
+  <path style="fill: var(--color-illustrationInterface020)" d="M830.17 498.754C830.17 494.785 833.388 491.568 837.357 491.568H912.068C916.037 491.568 919.255 494.785 919.255 498.754C919.255 502.724 916.037 505.941 912.068 505.941H837.357C833.388 505.941 830.17 502.724 830.17 498.754Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" fill-rule="evenodd" clip-rule="evenodd" d="M1355.7 329.281H830.288V327.758H1355.7V329.281Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" d="M1102.78 602.648C1102.78 582.882 1118.8 566.859 1138.56 566.859H1327.41C1347.17 566.859 1363.2 582.882 1363.2 602.648C1363.2 622.413 1347.17 638.437 1327.41 638.437H1138.56C1118.8 638.437 1102.78 622.413 1102.78 602.648Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" d="M921.202 252.479V257.895H913.959V280.231H907.299V257.895H900.056V252.479H921.202Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" d="M927.893 255.879C926.725 255.879 925.764 255.537 925.011 254.851C924.284 254.14 923.921 253.27 923.921 252.242C923.921 251.188 924.284 250.318 925.011 249.633C925.764 248.921 926.725 248.566 927.893 248.566C929.035 248.566 929.97 248.921 930.697 249.633C931.45 250.318 931.826 251.188 931.826 252.242C931.826 253.27 931.45 254.14 930.697 254.851C929.97 255.537 929.035 255.879 927.893 255.879ZM931.203 258.172V280.231H924.544V258.172H931.203Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" d="M948.14 274.499V280.231H944.752C942.337 280.231 940.455 279.638 939.105 278.452C937.755 277.24 937.08 275.276 937.08 272.562V263.786H934.432V258.172H937.08V252.796H943.739V258.172H948.101V263.786H943.739V272.641C943.739 273.3 943.895 273.774 944.207 274.064C944.518 274.354 945.037 274.499 945.764 274.499H948.14Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" d="M958.508 250.977V280.231H951.849V250.977H958.508Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" d="M983.817 268.846C983.817 269.478 983.779 270.137 983.701 270.822H968.63C968.734 272.193 969.162 273.247 969.915 273.985C970.694 274.697 971.642 275.052 972.758 275.052C974.419 275.052 975.575 274.341 976.224 272.918H983.311C982.948 274.367 982.286 275.672 981.325 276.831C980.391 277.991 979.209 278.9 977.781 279.559C976.354 280.218 974.757 280.547 972.992 280.547C970.863 280.547 968.968 280.086 967.306 279.164C965.644 278.241 964.346 276.923 963.412 275.21C962.477 273.497 962.01 271.494 962.01 269.202C962.01 266.909 962.464 264.906 963.373 263.193C964.307 261.48 965.606 260.162 967.267 259.239C968.929 258.317 970.837 257.856 972.992 257.856C975.094 257.856 976.964 258.304 978.599 259.2C980.235 260.096 981.507 261.374 982.416 263.034C983.35 264.695 983.817 266.632 983.817 268.846ZM977.003 267.067C977.003 265.907 976.613 264.985 975.834 264.3C975.055 263.614 974.082 263.272 972.914 263.272C971.797 263.272 970.85 263.601 970.071 264.26C969.318 264.919 968.851 265.854 968.669 267.067H977.003Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" d="M625.774 119.741C624.825 118.438 625.755 116.609 627.366 116.609L665.588 116.609C667.2 116.609 668.13 118.438 667.18 119.741L648.07 145.962C647.283 147.042 645.673 147.042 644.886 145.962L625.774 119.741Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" d="M625.774 155.22C624.825 153.918 625.755 152.088 627.366 152.088L665.588 152.088C667.2 152.088 668.13 153.917 667.18 155.22L648.07 181.441C647.283 182.521 645.673 182.521 644.886 181.441L625.774 155.22Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" d="M824.23 111.132C823.28 109.83 824.21 108 825.822 108L864.044 108C865.655 108 866.585 109.83 865.636 111.132L846.525 137.354C845.738 138.433 844.129 138.433 843.342 137.354L824.23 111.132Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" d="M824.23 146.612C823.28 145.309 824.21 143.479 825.822 143.479L864.044 143.479C865.655 143.479 866.585 145.309 865.636 146.611L846.525 172.833C845.738 173.912 844.129 173.912 843.342 172.833L824.23 146.612Z"></path>
+  <defs>
+    
+    
+  </defs>
+</svg>

package/site/public/static/illustrations/components/popover/options/offset.svg

@@ -0,0 +1,29 @@
+<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">
+  <g clip-path="url(#nk-929)">
+    <rect style="fill: var(--color-illustrationBackground020)" width="1490" height="838"></rect>
+    <circle style="fill: var(--color-illustrationInterface020)" cx="745" cy="658" r="85"></circle>
+    <path style="fill: var(--color-illustrationHighlight010)" d="M740.147 635.194H749.124V644.171H740.147V635.194Z"></path>
+    <path style="fill: var(--color-illustrationHighlight010)" d="M740.147 653.148H749.124V680.077H740.147V653.148Z"></path>
+    <path style="fill: var(--color-illustrationHighlight010)" fill-rule="evenodd" clip-rule="evenodd" d="M699.752 657.636C699.752 632.86 719.86 612.753 744.636 612.753C769.411 612.753 789.519 632.86 789.519 657.636C789.519 682.411 769.411 702.519 744.636 702.519C719.86 702.519 699.752 682.411 699.752 657.636ZM708.729 657.636C708.729 677.429 724.842 693.542 744.636 693.542C764.429 693.542 780.542 677.429 780.542 657.636C780.542 637.842 764.429 621.729 744.636 621.729C724.842 621.729 708.729 637.842 708.729 657.636Z"></path>
+    <g>
+      <path style="fill: var(--color-illustrationInterface010)" fill-rule="evenodd" clip-rule="evenodd" d="M338.455 -192C330.472 -192 324 -185.528 324 -177.545V460.279C324 468.262 330.472 474.734 338.455 474.734L683.567 474.734L741.386 532.554L799.206 474.734L1151.55 474.734C1159.53 474.734 1166 468.262 1166 460.279V-177.545C1166 -185.528 1159.53 -192 1151.55 -192H338.455Z"></path>
+    </g>
+    <path style="fill: var(--color-illustrationInterface020)" d="M378.69 161.908C378.69 156.594 382.999 152.285 388.313 152.285H1094.7C1100.02 152.285 1104.33 156.594 1104.33 161.908C1104.33 167.223 1100.02 171.532 1094.7 171.532H388.313C382.999 171.532 378.69 167.223 378.69 161.908Z"></path>
+    <path style="fill: var(--color-illustrationInterface020)" d="M378.69 109.515C378.69 103.61 383.477 98.8228 389.383 98.8228H1093.63C1099.54 98.8228 1104.33 103.61 1104.33 109.515C1104.33 115.421 1099.54 120.208 1093.63 120.208H389.383C383.477 120.208 378.69 115.421 378.69 109.515Z"></path>
+    <path style="fill: var(--color-illustrationInterface020)" d="M378.691 57.1219C378.691 51.8071 382.999 47.4987 388.314 47.4987H735.431C740.745 47.4987 745.054 51.8071 745.054 57.1219C745.054 62.4367 740.745 66.7452 735.431 66.7452H388.314C382.999 66.7452 378.691 62.4367 378.691 57.1219Z"></path>
+    <path style="fill: var(--color-illustrationInterface020)" d="M531.939 214.251C531.939 208.769 536.383 204.325 541.865 204.325H573.817C579.299 204.325 583.743 208.769 583.743 214.251C583.743 219.732 579.299 224.176 573.817 224.176H541.865C536.383 224.176 531.939 219.732 531.939 214.251Z"></path>
+    <path style="fill: var(--color-illustrationInterface020)" d="M378.686 214.251C378.686 208.769 383.13 204.325 388.612 204.325H491.793C497.275 204.325 501.719 208.769 501.719 214.251C501.719 219.732 497.275 224.176 491.793 224.176H388.612C383.13 224.176 378.686 219.732 378.686 214.251Z"></path>
+    <path style="fill: var(--color-illustrationHighlight010)" d="M755.177 357.736C755.177 330.438 777.307 308.308 804.605 308.308H1065.41C1092.71 308.308 1114.84 330.438 1114.84 357.736C1114.84 385.034 1092.71 407.164 1065.41 407.164H804.605C777.307 407.164 755.177 385.034 755.177 357.736Z"></path>
+    <path style="fill: var(--color-red020)" opacity="0.6" d="M1163 533L1163 573L326 573L326 533L1163 533Z"></path>
+    <path style="fill: var(--color-illustrationHighlight010)" d="M180.051 549.987C177.749 548.835 176.598 547.02 176.598 544.541C176.598 543.346 176.896 542.25 177.494 541.254C178.092 540.258 178.988 539.472 180.184 538.896C181.379 538.299 182.84 538 184.567 538C186.271 538 187.721 538.299 188.916 538.896C190.134 539.472 191.041 540.258 191.639 541.254C192.237 542.25 192.535 543.346 192.535 544.541C192.535 545.781 192.214 546.876 191.573 547.828C190.953 548.758 190.123 549.477 189.082 549.987C190.344 550.451 191.34 551.215 192.071 552.278C192.801 553.318 193.166 554.546 193.166 555.963C193.166 557.402 192.801 558.675 192.071 559.782C191.34 560.888 190.322 561.741 189.016 562.338C187.71 562.936 186.227 563.235 184.567 563.235C182.906 563.235 181.423 562.936 180.117 562.338C178.833 561.741 177.826 560.888 177.096 559.782C176.365 558.675 176 557.402 176 555.963C176 554.524 176.365 553.285 177.096 552.244C177.826 551.204 178.811 550.451 180.051 549.987ZM188.916 545.006C188.916 543.766 188.529 542.815 187.754 542.15C186.979 541.486 185.917 541.154 184.567 541.154C183.238 541.154 182.187 541.486 181.412 542.15C180.637 542.815 180.25 543.777 180.25 545.039C180.25 546.146 180.649 547.054 181.445 547.762C182.264 548.448 183.305 548.791 184.567 548.791C185.828 548.791 186.869 548.437 187.688 547.729C188.507 547.02 188.916 546.113 188.916 545.006ZM184.567 551.647C183.106 551.647 181.91 552.012 180.981 552.742C180.073 553.451 179.619 554.48 179.619 555.83C179.619 557.092 180.062 558.121 180.947 558.918C181.833 559.693 183.039 560.08 184.567 560.08C186.072 560.08 187.256 559.682 188.119 558.885C189.005 558.088 189.447 557.07 189.447 555.83C189.447 554.502 188.994 553.473 188.086 552.742C187.201 552.012 186.028 551.647 184.567 551.647Z"></path>
+    <path style="fill: var(--color-illustrationHighlight010)" d="M210.049 547.031C210.691 546.19 211.565 545.482 212.672 544.906C213.779 544.331 215.03 544.043 216.424 544.043C218.018 544.043 219.468 544.442 220.774 545.238C222.102 546.013 223.142 547.109 223.895 548.526C224.648 549.942 225.024 551.569 225.024 553.407C225.024 555.244 224.648 556.893 223.895 558.354C223.142 559.793 222.102 560.922 220.774 561.741C219.468 562.538 218.018 562.936 216.424 562.936C215.03 562.936 213.79 562.659 212.705 562.106C211.621 561.53 210.735 560.822 210.049 559.981V571.336H206.264V544.342H210.049V547.031ZM221.172 553.407C221.172 552.145 220.907 551.06 220.375 550.153C219.866 549.223 219.18 548.526 218.317 548.061C217.476 547.574 216.568 547.33 215.594 547.33C214.642 547.33 213.735 547.574 212.871 548.061C212.03 548.548 211.344 549.256 210.813 550.186C210.304 551.115 210.049 552.211 210.049 553.473C210.049 554.735 210.304 555.841 210.813 556.793C211.344 557.723 212.03 558.431 212.871 558.918C213.735 559.405 214.642 559.649 215.594 559.649C216.568 559.649 217.476 559.405 218.317 558.918C219.18 558.409 219.866 557.679 220.375 556.727C220.907 555.775 221.172 554.668 221.172 553.407Z"></path>
+    <path style="fill: var(--color-illustrationHighlight010)" d="M236.603 553.373L242.513 562.637H238.23L234.279 556.428L230.56 562.637H226.609L232.519 553.639L226.609 544.342H230.892L234.843 550.551L238.562 544.342H242.513L236.603 553.373Z"></path>
+    <path style="fill: var(--color-illustrationHighlight010)" fill-rule="evenodd" clip-rule="evenodd" d="M269 533L294.67 533L294.67 535L282.67 535L282.67 571L294.669 571L294.669 573L269 573L269 571L280.67 571L280.67 535L269 535L269 533Z"></path>
+  </g>
+  <defs>
+    
+    <clipPath id="nk-929">
+      <rect style="fill: var(--color-white)" width="1490" height="838"></rect>
+    </clipPath>
+  </defs>
+</svg>

package/site/public/static/illustrations/components/popover/options/placement.svg

@@ -0,0 +1,46 @@
+<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>
+  <path style="fill: var(--color-illustrationHighlight010)" d="M725.806 105.007C724.94 106.195 725.788 107.864 727.257 107.864L762.115 107.864C763.585 107.864 764.433 106.195 763.567 105.007L746.139 81.0944C745.421 80.1098 743.953 80.1098 743.235 81.0944L725.806 105.007Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" d="M725.806 72.6514C724.94 73.8393 725.788 75.5081 727.257 75.5081L762.115 75.5081C763.585 75.5081 764.433 73.8393 763.567 72.6514L746.139 48.7385C745.421 47.7539 743.953 47.7539 743.235 48.7385L725.806 72.6514Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" d="M1164.26 105.143C1163.4 106.331 1164.25 108 1165.71 108L1200.57 108C1202.04 108 1202.89 106.331 1202.02 105.143L1184.6 81.2304C1183.88 80.2458 1182.41 80.2458 1181.69 81.2304L1164.26 105.143Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" d="M1164.26 72.7874C1163.4 73.9753 1164.25 75.6441 1165.71 75.6441L1200.57 75.6441C1202.04 75.6441 1202.89 73.9753 1202.02 72.7874L1184.6 48.8745C1183.88 47.8899 1182.41 47.8899 1181.69 48.8745L1164.26 72.7874Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" d="M287.348 105.143C286.482 106.331 287.331 108 288.8 108L323.658 108C325.127 108 325.975 106.331 325.109 105.143L307.681 81.2304C306.963 80.2458 305.495 80.2458 304.778 81.2304L287.348 105.143Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" d="M287.348 72.7874C286.482 73.9753 287.331 75.6441 288.8 75.6441L323.658 75.6441C325.127 75.6441 325.975 73.9753 325.109 72.7874L307.681 48.8745C306.963 47.8899 305.495 47.8899 304.778 48.8745L287.348 72.7874Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" d="M725.806 733.993C724.94 732.805 725.788 731.136 727.257 731.136L762.115 731.136C763.585 731.136 764.433 732.805 763.567 733.993L746.139 757.906C745.421 758.89 743.953 758.89 743.235 757.906L725.806 733.993Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" d="M725.806 766.349C724.94 765.161 725.788 763.492 727.257 763.492L762.115 763.492C763.585 763.492 764.433 765.161 763.567 766.349L746.139 790.261C745.421 791.246 743.953 791.246 743.235 790.262L725.806 766.349Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" d="M1164.26 733.857C1163.4 732.669 1164.25 731 1165.71 731L1200.57 731C1202.04 731 1202.89 732.669 1202.02 733.857L1184.6 757.77C1183.88 758.754 1182.41 758.754 1181.69 757.77L1164.26 733.857Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" d="M1164.26 766.213C1163.4 765.025 1164.25 763.356 1165.71 763.356L1200.57 763.356C1202.04 763.356 1202.89 765.025 1202.02 766.213L1184.6 790.125C1183.88 791.11 1182.41 791.11 1181.69 790.126L1164.26 766.213Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" d="M287.348 733.857C286.482 732.669 287.331 731 288.8 731L323.658 731C325.127 731 325.975 732.669 325.109 733.857L307.681 757.77C306.963 758.754 305.495 758.754 304.778 757.77L287.348 733.857Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" d="M287.348 766.213C286.482 765.025 287.331 763.356 288.8 763.356L323.658 763.356C325.127 763.356 325.975 765.025 325.109 766.213L307.681 790.125C306.963 791.11 305.495 791.11 304.778 790.126L287.348 766.213Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" d="M114.007 437.194C115.195 438.06 116.864 437.212 116.864 435.743L116.864 400.885C116.864 399.415 115.195 398.567 114.007 399.433L90.0944 416.861C89.1098 417.579 89.1098 419.047 90.0944 419.765L114.007 437.194Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" d="M81.6514 437.194C82.8393 438.06 84.5081 437.212 84.5081 435.743L84.5081 400.885C84.5081 399.415 82.8393 398.567 81.6514 399.433L57.7385 416.861C56.7539 417.579 56.7539 419.047 57.7385 419.765L81.6514 437.194Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" d="M114.143 198.737C115.331 199.603 117 198.755 117 197.285L117 162.428C117 160.958 115.331 160.11 114.143 160.976L90.2304 178.404C89.2458 179.122 89.2458 180.59 90.2304 181.308L114.143 198.737Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" d="M81.7874 198.737C82.9753 199.603 84.6441 198.755 84.6441 197.285L84.6441 162.428C84.6441 160.958 82.9753 160.11 81.7874 160.976L57.8745 178.404C56.8899 179.122 56.8899 180.59 57.8745 181.308L81.7874 198.737Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" d="M114.143 675.652C115.331 676.518 117 675.67 117 674.2L117 639.342C117 637.873 115.331 637.025 114.143 637.891L90.2304 655.319C89.2458 656.037 89.2458 657.505 90.2304 658.222L114.143 675.652Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" d="M81.7874 675.652C82.9753 676.518 84.6441 675.669 84.6441 674.2L84.6441 639.342C84.6441 637.873 82.9753 637.025 81.7874 637.891L57.8745 655.319C56.8899 656.037 56.8899 657.505 57.8745 658.222L81.7874 675.652Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" d="M1375.99 399.806C1374.8 398.94 1373.14 399.788 1373.14 401.257L1373.14 436.115C1373.14 437.585 1374.8 438.433 1375.99 437.567L1399.91 420.139C1400.89 419.421 1400.89 417.953 1399.91 417.235L1375.99 399.806Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" d="M1408.35 399.806C1407.16 398.94 1405.49 399.788 1405.49 401.257L1405.49 436.115C1405.49 437.585 1407.16 438.433 1408.35 437.567L1432.26 420.139C1433.25 419.421 1433.25 417.953 1432.26 417.235L1408.35 399.806Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" d="M1375.86 638.263C1374.67 637.397 1373 638.246 1373 639.715L1373 674.573C1373 676.042 1374.67 676.89 1375.86 676.024L1399.77 658.596C1400.75 657.879 1400.75 656.41 1399.77 655.693L1375.86 638.263Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" d="M1408.21 638.263C1407.02 637.397 1405.36 638.246 1405.36 639.715L1405.36 674.573C1405.36 676.042 1407.02 676.89 1408.21 676.024L1432.13 658.596C1433.11 657.879 1433.11 656.41 1432.13 655.693L1408.21 638.263Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" d="M1375.86 161.348C1374.67 160.482 1373 161.33 1373 162.8L1373 197.658C1373 199.127 1374.67 199.975 1375.86 199.109L1399.77 181.681C1400.75 180.963 1400.75 179.495 1399.77 178.778L1375.86 161.348Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" d="M1408.21 161.348C1407.02 160.482 1405.36 161.331 1405.36 162.8L1405.36 197.658C1405.36 199.127 1407.02 199.975 1408.21 199.109L1432.13 181.681C1433.11 180.963 1433.11 179.495 1432.13 178.778L1408.21 161.348Z"></path>
+  <g>
+    <path style="fill: var(--color-illustrationInterface010)" fill-rule="evenodd" clip-rule="evenodd" d="M470.751 174C465.366 174 461 178.366 461 183.751V614.017C461 619.403 465.366 623.768 470.751 623.768H703.558L742.562 662.773L781.567 623.768H1019.25C1024.63 623.768 1029 619.403 1029 614.017V183.751C1029 178.366 1024.63 174 1019.25 174H470.751Z"></path>
+  </g>
+  <path style="fill: var(--color-illustrationHighlight010)" d="M992.962 222.533L990.086 219.657L978.681 231.062L967.276 219.657L964.399 222.533L975.804 233.938L964.399 245.343L967.276 248.22L978.681 236.815L990.086 248.22L992.962 245.343L981.557 233.938L992.962 222.533Z"></path>
+  <path style="fill: var(--color-illustrationInterface020)" d="M497.893 412.491C497.893 408.906 500.799 406 504.385 406H980.903C984.489 406 987.395 408.906 987.395 412.491C987.395 416.077 984.489 418.983 980.903 418.983H504.385C500.799 418.983 497.893 416.077 497.893 412.491Z"></path>
+  <path style="fill: var(--color-illustrationInterface020)" d="M497.893 377.397C497.893 373.414 501.122 370.184 505.106 370.184H980.182C984.166 370.184 987.395 373.414 987.395 377.397C987.395 381.381 984.166 384.61 980.182 384.61H505.106C501.122 384.61 497.893 381.381 497.893 377.397Z"></path>
+  <path style="fill: var(--color-illustrationInterface020)" d="M497.894 342.054C497.894 338.468 500.8 335.562 504.385 335.562H738.545C742.13 335.562 745.036 338.468 745.036 342.054C745.036 345.639 742.13 348.545 738.545 348.545H504.385C500.8 348.545 497.894 345.639 497.894 342.054Z"></path>
+  <path style="fill: var(--color-illustrationInterface020)" d="M601.272 448.05C601.272 444.352 604.27 441.354 607.968 441.354H629.523C633.22 441.354 636.218 444.352 636.218 448.05C636.218 451.748 633.22 454.746 629.523 454.746H607.968C604.27 454.746 601.272 451.748 601.272 448.05Z"></path>
+  <path style="fill: var(--color-illustrationInterface020)" d="M497.89 448.05C497.89 444.352 500.888 441.354 504.586 441.354H574.191C577.889 441.354 580.887 444.352 580.887 448.05C580.887 451.748 577.889 454.746 574.191 454.746H504.586C500.888 454.746 497.89 451.748 497.89 448.05Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" fill-rule="evenodd" clip-rule="evenodd" d="M987.395 290.159H497.89V288.74H987.395V290.159Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" d="M751.865 544.843C751.865 526.428 766.794 511.5 785.209 511.5H961.147C979.561 511.5 994.49 526.428 994.49 544.843C994.49 563.258 979.562 578.186 961.147 578.186H785.209C766.794 578.186 751.865 563.258 751.865 544.843Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" d="M517.591 218.606V223.651H510.843V244.461H504.639V223.651H497.89V218.606H517.591Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" d="M523.825 221.773C522.736 221.773 521.841 221.454 521.14 220.816C520.463 220.153 520.124 219.342 520.124 218.385C520.124 217.403 520.463 216.592 521.14 215.954C521.841 215.291 522.736 214.959 523.825 214.959C524.889 214.959 525.76 215.291 526.437 215.954C527.138 216.592 527.489 217.403 527.489 218.385C527.489 219.342 527.138 220.153 526.437 220.816C525.76 221.454 524.889 221.773 523.825 221.773ZM526.908 223.909V244.461H520.704V223.909H526.908Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" d="M542.688 239.12V244.461H539.531C537.282 244.461 535.528 243.908 534.271 242.803C533.013 241.674 532.384 239.845 532.384 237.316V229.139H529.917V223.909H532.384V218.9H538.588V223.909H542.652V229.139H538.588V237.389C538.588 238.003 538.733 238.445 539.023 238.715C539.314 238.985 539.797 239.12 540.475 239.12H542.688Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" d="M552.348 217.206V244.461H546.144V217.206H552.348Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" d="M575.927 233.854C575.927 234.443 575.891 235.057 575.818 235.695H561.778C561.875 236.972 562.274 237.954 562.975 238.642C563.701 239.305 564.583 239.636 565.624 239.636C567.172 239.636 568.248 238.973 568.853 237.647H575.456C575.117 238.998 574.5 240.213 573.605 241.293C572.735 242.374 571.634 243.221 570.304 243.835C568.973 244.449 567.486 244.755 565.841 244.755C563.858 244.755 562.092 244.326 560.544 243.466C558.996 242.607 557.787 241.379 556.916 239.783C556.045 238.187 555.61 236.321 555.61 234.185C555.61 232.049 556.033 230.183 556.88 228.587C557.751 226.991 558.96 225.763 560.508 224.904C562.056 224.044 563.834 223.615 565.841 223.615C567.8 223.615 569.542 224.032 571.066 224.867C572.589 225.702 573.775 226.893 574.621 228.439C575.492 229.986 575.927 231.791 575.927 233.854ZM569.578 232.196C569.578 231.116 569.215 230.256 568.49 229.618C567.764 228.98 566.857 228.66 565.769 228.66C564.729 228.66 563.846 228.967 563.12 229.581C562.419 230.195 561.983 231.067 561.814 232.196H569.578Z"></path>
+  <defs>
+    
+  </defs>
+</svg>

package/site/public/static/illustrations/components/popover/options/pointer.svg

@@ -0,0 +1,51 @@
+<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">
+  <g clip-path="url(#nk-932)">
+    <rect style="fill: var(--color-illustrationBackground020)" width="1490" height="838"></rect>
+    <circle style="fill: var(--color-illustrationInterface020)" cx="914" cy="417" r="58"></circle>
+    <path style="fill: var(--color-illustrationHighlight010)" d="M910.689 401.438H916.814V407.564H910.689V401.438Z"></path>
+    <path style="fill: var(--color-illustrationHighlight010)" d="M910.689 413.689H916.814V432.065H910.689V413.689Z"></path>
+    <path style="fill: var(--color-illustrationHighlight010)" fill-rule="evenodd" clip-rule="evenodd" d="M883.125 416.751C883.125 399.846 896.846 386.125 913.751 386.125C930.657 386.125 944.378 399.846 944.378 416.751C944.378 433.657 930.657 447.378 913.751 447.378C896.846 447.378 883.125 433.657 883.125 416.751ZM889.25 416.751C889.25 430.258 900.245 441.252 913.751 441.252C927.258 441.252 938.252 430.258 938.252 416.751C938.252 403.245 927.258 392.25 913.751 392.25C900.245 392.25 889.25 403.245 889.25 416.751Z"></path>
+    <circle style="fill: var(--color-illustrationInterface020)" cx="435" cy="707" r="58"></circle>
+    <path style="fill: var(--color-illustrationHighlight010)" d="M431.689 691.438H437.814V697.564H431.689V691.438Z"></path>
+    <path style="fill: var(--color-illustrationHighlight010)" d="M431.689 703.689H437.814V722.065H431.689V703.689Z"></path>
+    <path style="fill: var(--color-illustrationHighlight010)" fill-rule="evenodd" clip-rule="evenodd" d="M404.125 706.751C404.125 689.846 417.846 676.125 434.751 676.125C451.657 676.125 465.378 689.846 465.378 706.751C465.378 723.657 451.657 737.378 434.751 737.378C417.846 737.378 404.125 723.657 404.125 706.751ZM410.25 706.751C410.25 720.258 421.245 731.252 434.751 731.252C448.258 731.252 459.252 720.258 459.252 706.751C459.252 693.245 448.258 682.25 434.751 682.25C421.245 682.25 410.25 693.245 410.25 706.751Z"></path>
+    <g>
+      <path style="fill: var(--color-illustrationInterface010)" fill-rule="evenodd" clip-rule="evenodd" d="M1049.08 175C1043.24 175 1038.5 179.737 1038.5 185.58V376.019L996.184 418.339L1038.5 460.659L1038.5 652.42C1038.5 658.263 1043.24 663 1049.08 663H1644.21C1650.05 663 1654.79 658.263 1654.79 652.42V185.58C1654.79 179.737 1650.05 175 1644.21 175H1049.08Z"></path>
+    </g>
+    <path style="fill: var(--color-illustrationInterface020)" d="M1078.53 434.035C1078.53 430.145 1081.69 426.991 1085.58 426.991H1602.6C1606.49 426.991 1609.64 430.145 1609.64 434.035C1609.64 437.925 1606.49 441.078 1602.6 441.078H1085.58C1081.69 441.078 1078.53 437.925 1078.53 434.035Z"></path>
+    <path style="fill: var(--color-illustrationInterface020)" d="M1078.53 395.687C1078.53 391.364 1082.04 387.861 1086.36 387.861H1601.82C1606.14 387.861 1609.64 391.364 1609.64 395.687C1609.64 400.009 1606.14 403.513 1601.82 403.513H1086.36C1082.04 403.513 1078.53 400.009 1078.53 395.687Z"></path>
+    <path style="fill: var(--color-illustrationInterface020)" d="M1078.53 357.339C1078.53 353.449 1081.69 350.295 1085.58 350.295H1339.64C1343.53 350.295 1346.68 353.449 1346.68 357.339C1346.68 361.229 1343.53 364.382 1339.64 364.382H1085.58C1081.69 364.382 1078.53 361.229 1078.53 357.339Z"></path>
+    <path style="fill: var(--color-illustrationInterface020)" d="M1190.7 472.345C1190.7 468.333 1193.95 465.08 1197.97 465.08H1221.35C1225.36 465.08 1228.62 468.333 1228.62 472.345C1228.62 476.357 1225.36 479.61 1221.35 479.61H1197.97C1193.95 479.61 1190.7 476.357 1190.7 472.345Z"></path>
+    <path style="fill: var(--color-illustrationInterface020)" d="M1078.53 472.345C1078.53 468.333 1081.78 465.08 1085.8 465.08H1161.32C1165.33 465.08 1168.58 468.333 1168.58 472.345C1168.58 476.357 1165.33 479.61 1161.32 479.61H1085.8C1081.78 479.61 1078.53 476.357 1078.53 472.345Z"></path>
+    <path style="fill: var(--color-illustrationHighlight010)" fill-rule="evenodd" clip-rule="evenodd" d="M1609.64 301.032H1078.53V299.493H1609.64V301.032Z"></path>
+    <path style="fill: var(--color-illustrationHighlight010)" d="M1354.09 577.366C1354.09 557.386 1370.29 541.188 1390.27 541.188H1581.16C1601.14 541.188 1617.34 557.386 1617.34 577.366C1617.34 597.346 1601.15 613.543 1581.16 613.543H1390.27C1370.29 613.543 1354.09 597.346 1354.09 577.366Z"></path>
+    <path style="fill: var(--color-illustrationHighlight010)" d="M1099.91 223.397V228.872H1092.58V251.45H1085.85V228.872H1078.53V223.397H1099.91Z"></path>
+    <path style="fill: var(--color-illustrationHighlight010)" d="M1106.67 226.834C1105.49 226.834 1104.52 226.488 1103.76 225.795C1103.02 225.076 1102.65 224.197 1102.65 223.158C1102.65 222.092 1103.02 221.213 1103.76 220.52C1104.52 219.801 1105.49 219.441 1106.67 219.441C1107.82 219.441 1108.77 219.801 1109.5 220.52C1110.26 221.213 1110.64 222.092 1110.64 223.158C1110.64 224.197 1110.26 225.076 1109.5 225.795C1108.77 226.488 1107.82 226.834 1106.67 226.834ZM1110.01 229.152V251.45H1103.28V229.152H1110.01Z"></path>
+    <path style="fill: var(--color-illustrationHighlight010)" d="M1127.14 245.656V251.45H1123.71C1121.27 251.45 1119.37 250.851 1118 249.652C1116.64 248.426 1115.96 246.442 1115.96 243.698V234.826H1113.28V229.152H1115.96V223.717H1122.69V229.152H1127.1V234.826H1122.69V243.778C1122.69 244.444 1122.84 244.923 1123.16 245.216C1123.47 245.509 1124 245.656 1124.73 245.656H1127.14Z"></path>
+    <path style="fill: var(--color-illustrationHighlight010)" d="M1137.62 221.879V251.45H1130.89V221.879H1137.62Z"></path>
+    <path style="fill: var(--color-illustrationHighlight010)" d="M1163.2 239.941C1163.2 240.581 1163.16 241.247 1163.08 241.939H1147.85C1147.95 243.325 1148.39 244.39 1149.15 245.136C1149.93 245.856 1150.89 246.215 1152.02 246.215C1153.7 246.215 1154.87 245.496 1155.52 244.057H1162.69C1162.32 245.523 1161.65 246.841 1160.68 248.014C1159.74 249.186 1158.54 250.105 1157.1 250.771C1155.66 251.437 1154.04 251.77 1152.26 251.77C1150.11 251.77 1148.19 251.304 1146.51 250.371C1144.83 249.439 1143.52 248.107 1142.57 246.375C1141.63 244.643 1141.16 242.619 1141.16 240.301C1141.16 237.983 1141.62 235.959 1142.53 234.227C1143.48 232.495 1144.79 231.163 1146.47 230.231C1148.15 229.298 1150.08 228.832 1152.26 228.832C1154.38 228.832 1156.27 229.285 1157.93 230.191C1159.58 231.097 1160.86 232.389 1161.78 234.067C1162.73 235.745 1163.2 237.703 1163.2 239.941ZM1156.31 238.143C1156.31 236.971 1155.92 236.038 1155.13 235.346C1154.34 234.653 1153.36 234.307 1152.18 234.307C1151.05 234.307 1150.09 234.64 1149.3 235.306C1148.54 235.972 1148.07 236.918 1147.89 238.143H1156.31Z"></path>
+    <g>
+      <path style="fill: var(--color-illustrationInterface010)" fill-rule="evenodd" clip-rule="evenodd" d="M137.58 99C131.737 99 127 103.737 127 109.58V576.42C127 582.263 131.737 587 137.58 587H399L434.32 622.32L469.64 587H732.702C738.545 587 743.282 582.263 743.282 576.42V109.58C743.282 103.737 738.545 99 732.702 99H137.58Z"></path>
+    </g>
+    <path style="fill: var(--color-illustrationHighlight010)" d="M703.685 151.659L700.564 148.538L688.189 160.912L675.815 148.538L672.694 151.659L685.068 164.033L672.694 176.407L675.815 179.529L688.189 167.154L700.564 179.529L703.685 176.407L691.31 164.033L703.685 151.659Z"></path>
+    <path style="fill: var(--color-illustrationInterface020)" d="M166.533 358.035C166.533 354.145 169.687 350.991 173.577 350.991H690.601C694.491 350.991 697.645 354.145 697.645 358.035C697.645 361.925 694.491 365.078 690.601 365.078H173.577C169.687 365.078 166.533 361.925 166.533 358.035Z"></path>
+    <path style="fill: var(--color-illustrationInterface020)" d="M166.533 319.687C166.533 315.364 170.037 311.861 174.359 311.861H689.818C694.141 311.861 697.645 315.364 697.645 319.687C697.645 324.009 694.141 327.513 689.818 327.513H174.359C170.037 327.513 166.533 324.009 166.533 319.687Z"></path>
+    <path style="fill: var(--color-illustrationInterface020)" d="M166.534 281.339C166.534 277.449 169.687 274.295 173.577 274.295H427.641C431.531 274.295 434.685 277.449 434.685 281.339C434.685 285.229 431.531 288.382 427.641 288.382H173.577C169.687 288.382 166.534 285.229 166.534 281.339Z"></path>
+    <path style="fill: var(--color-illustrationInterface020)" d="M278.7 396.345C278.7 392.333 281.953 389.08 285.965 389.08H309.351C313.364 389.08 316.616 392.333 316.616 396.345C316.616 400.357 313.364 403.61 309.351 403.61H285.965C281.953 403.61 278.7 400.357 278.7 396.345Z"></path>
+    <path style="fill: var(--color-illustrationInterface020)" d="M166.53 396.345C166.53 392.333 169.783 389.08 173.795 389.08H249.316C253.329 389.08 256.581 392.333 256.581 396.345C256.581 400.357 253.329 403.61 249.316 403.61H173.795C169.783 403.61 166.53 400.357 166.53 396.345Z"></path>
+    <path style="fill: var(--color-illustrationHighlight010)" fill-rule="evenodd" clip-rule="evenodd" d="M697.645 225.032H166.53V223.493H697.645V225.032Z"></path>
+    <path style="fill: var(--color-illustrationHighlight010)" d="M442.094 501.366C442.094 481.386 458.291 465.188 478.271 465.188H669.165C689.145 465.188 705.342 481.386 705.342 501.366C705.342 521.346 689.145 537.543 669.165 537.543H478.271C458.291 537.543 442.094 521.346 442.094 501.366Z"></path>
+    <path style="fill: var(--color-illustrationHighlight010)" d="M187.905 147.397V152.872H180.583V175.45H173.852V152.872H166.53V147.397H187.905Z"></path>
+    <path style="fill: var(--color-illustrationHighlight010)" d="M194.669 150.834C193.488 150.834 192.517 150.488 191.756 149.795C191.021 149.076 190.654 148.197 190.654 147.158C190.654 146.092 191.021 145.213 191.756 144.52C192.517 143.801 193.488 143.441 194.669 143.441C195.824 143.441 196.768 143.801 197.503 144.52C198.264 145.213 198.645 146.092 198.645 147.158C198.645 148.197 198.264 149.076 197.503 149.795C196.768 150.488 195.824 150.834 194.669 150.834ZM198.015 153.152V175.45H191.284V153.152H198.015Z"></path>
+    <path style="fill: var(--color-illustrationHighlight010)" d="M215.136 169.656V175.45H211.711C209.27 175.45 207.368 174.851 206.003 173.652C204.638 172.426 203.956 170.442 203.956 167.698V158.826H201.279V153.152H203.956V147.717H210.687V153.152H215.096V158.826H210.687V167.778C210.687 168.444 210.845 168.923 211.16 169.216C211.475 169.509 212 169.656 212.734 169.656H215.136Z"></path>
+    <path style="fill: var(--color-illustrationHighlight010)" d="M225.617 145.879V175.45H218.885V145.879H225.617Z"></path>
+    <path style="fill: var(--color-illustrationHighlight010)" d="M251.201 163.941C251.201 164.581 251.161 165.247 251.083 165.939H235.848C235.953 167.325 236.386 168.39 237.147 169.136C237.935 169.856 238.893 170.215 240.021 170.215C241.701 170.215 242.868 169.496 243.524 168.057H250.689C250.321 169.523 249.652 170.841 248.681 172.014C247.736 173.186 246.542 174.105 245.099 174.771C243.656 175.437 242.042 175.77 240.257 175.77C238.105 175.77 236.189 175.304 234.51 174.371C232.83 173.439 231.518 172.107 230.573 170.375C229.629 168.643 229.156 166.619 229.156 164.301C229.156 161.983 229.616 159.959 230.534 158.227C231.479 156.495 232.791 155.163 234.471 154.231C236.15 153.298 238.079 152.832 240.257 152.832C242.383 152.832 244.272 153.285 245.926 154.191C247.579 155.097 248.865 156.389 249.783 158.067C250.728 159.745 251.201 161.703 251.201 163.941ZM244.312 162.143C244.312 160.971 243.918 160.038 243.131 159.346C242.344 158.653 241.359 158.307 240.178 158.307C239.05 158.307 238.092 158.64 237.305 159.306C236.544 159.972 236.071 160.918 235.888 162.143H244.312Z"></path>
+  </g>
+  <defs>
+    
+    
+    <clipPath id="nk-932">
+      <rect style="fill: var(--color-white)" width="1490" height="838"></rect>
+    </clipPath>
+  </defs>
+</svg>

package/site/public/static/illustrations/components/popover/options/size.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="M470.751 220C465.366 220 461 224.366 461 229.751V660.017C461 665.403 465.366 669.768 470.751 669.768H703.558L742.562 708.773L781.567 669.768H1019.25C1024.63 669.768 1029 665.403 1029 660.017V229.751C1029 224.366 1024.63 220 1019.25 220H470.751Z"></path>
+  </g>
+  <path style="fill: var(--color-illustrationHighlight010)" d="M992.962 268.533L990.086 265.657L978.681 277.062L967.276 265.657L964.399 268.533L975.804 279.938L964.399 291.343L967.276 294.22L978.681 282.815L990.086 294.22L992.962 291.343L981.557 279.938L992.962 268.533Z"></path>
+  <path style="fill: var(--color-illustrationInterface020)" d="M497.893 458.492C497.893 454.906 500.799 452 504.385 452H980.903C984.489 452 987.395 454.906 987.395 458.492C987.395 462.077 984.489 464.983 980.903 464.983H504.385C500.799 464.983 497.893 462.077 497.893 458.492Z"></path>
+  <path style="fill: var(--color-illustrationInterface020)" d="M497.893 423.398C497.893 419.414 501.122 416.185 505.106 416.185H980.182C984.166 416.185 987.395 419.414 987.395 423.398C987.395 427.381 984.166 430.611 980.182 430.611H505.106C501.122 430.611 497.893 427.381 497.893 423.398Z"></path>
+  <path style="fill: var(--color-illustrationInterface020)" d="M497.894 388.054C497.894 384.468 500.8 381.562 504.385 381.562H738.545C742.13 381.562 745.036 384.468 745.036 388.054C745.036 391.639 742.13 394.545 738.545 394.545H504.385C500.8 394.545 497.894 391.639 497.894 388.054Z"></path>
+  <path style="fill: var(--color-illustrationInterface020)" d="M601.272 494.05C601.272 490.352 604.27 487.354 607.968 487.354H629.523C633.22 487.354 636.218 490.352 636.218 494.05C636.218 497.748 633.22 500.746 629.523 500.746H607.968C604.27 500.746 601.272 497.748 601.272 494.05Z"></path>
+  <path style="fill: var(--color-illustrationInterface020)" d="M497.89 494.05C497.89 490.352 500.888 487.354 504.586 487.354H574.191C577.889 487.354 580.887 490.352 580.887 494.05C580.887 497.748 577.889 500.746 574.191 500.746H504.586C500.888 500.746 497.89 497.748 497.89 494.05Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" fill-rule="evenodd" clip-rule="evenodd" d="M987.395 336.159H497.89V334.74H987.395V336.159Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" d="M751.865 590.843C751.865 572.428 766.794 557.5 785.209 557.5H961.147C979.561 557.5 994.49 572.428 994.49 590.843C994.49 609.258 979.562 624.186 961.147 624.186H785.209C766.794 624.186 751.865 609.258 751.865 590.843Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" d="M517.591 264.606V269.651H510.843V290.461H504.639V269.651H497.89V264.606H517.591Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" d="M523.825 267.773C522.736 267.773 521.841 267.454 521.14 266.816C520.463 266.153 520.124 265.342 520.124 264.385C520.124 263.403 520.463 262.592 521.14 261.954C521.841 261.291 522.736 260.959 523.825 260.959C524.889 260.959 525.76 261.291 526.437 261.954C527.138 262.592 527.489 263.403 527.489 264.385C527.489 265.342 527.138 266.153 526.437 266.816C525.76 267.454 524.889 267.773 523.825 267.773ZM526.908 269.909V290.461H520.704V269.909H526.908Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" d="M542.688 285.12V290.461H539.531C537.282 290.461 535.528 289.908 534.271 288.803C533.013 287.674 532.384 285.845 532.384 283.316V275.139H529.917V269.909H532.384V264.9H538.588V269.909H542.652V275.139H538.588V283.389C538.588 284.003 538.733 284.445 539.023 284.715C539.314 284.985 539.797 285.12 540.475 285.12H542.688Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" d="M552.348 263.206V290.461H546.144V263.206H552.348Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" d="M575.927 279.854C575.927 280.443 575.891 281.057 575.818 281.695H561.778C561.875 282.972 562.274 283.954 562.975 284.642C563.701 285.305 564.583 285.636 565.624 285.636C567.172 285.636 568.248 284.973 568.853 283.647H575.456C575.117 284.998 574.5 286.213 573.605 287.293C572.735 288.374 571.634 289.221 570.304 289.835C568.973 290.449 567.486 290.755 565.841 290.755C563.858 290.755 562.092 290.326 560.544 289.466C558.996 288.607 557.787 287.379 556.916 285.783C556.045 284.187 555.61 282.321 555.61 280.185C555.61 278.049 556.033 276.183 556.88 274.587C557.751 272.991 558.96 271.763 560.508 270.904C562.056 270.044 563.834 269.615 565.841 269.615C567.8 269.615 569.542 270.032 571.066 270.867C572.589 271.702 573.775 272.893 574.621 274.439C575.492 275.986 575.927 277.791 575.927 279.854ZM569.578 278.196C569.578 277.116 569.215 276.256 568.49 275.618C567.764 274.98 566.857 274.66 565.769 274.66C564.729 274.66 563.846 274.967 563.12 275.581C562.419 276.195 561.983 277.067 561.814 278.196H569.578Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" fill-rule="evenodd" clip-rule="evenodd" d="M421.98 668.842L381 668.842L381 665L399 665L399 224.842L381 224.842L381 221L421.98 221L421.98 224.842L403 224.842L403 665L421.98 665L421.98 668.842Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" fill-rule="evenodd" clip-rule="evenodd" d="M460 184.98L460 144L463.842 144L463.842 162L1023 162L1023 144L1026.84 144L1026.84 184.98L1023 184.98L1023 166L463.842 166L463.842 184.98L460 184.98Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" d="M690.228 107.96C691.701 107.96 693.016 108.266 694.172 108.878C695.351 109.49 696.269 110.396 696.926 111.598C697.606 112.799 697.946 114.25 697.946 115.95V127H694.104V116.528C694.104 114.85 693.685 113.57 692.846 112.686C692.007 111.779 690.863 111.326 689.412 111.326C687.961 111.326 686.805 111.779 685.944 112.686C685.105 113.57 684.686 114.85 684.686 116.528V127H680.844V116.528C680.844 114.85 680.425 113.57 679.586 112.686C678.747 111.779 677.603 111.326 676.152 111.326C674.701 111.326 673.545 111.779 672.684 112.686C671.845 113.57 671.426 114.85 671.426 116.528V127H667.55V108.266H671.426V110.408C672.061 109.637 672.865 109.036 673.84 108.606C674.815 108.175 675.857 107.96 676.968 107.96C678.464 107.96 679.801 108.277 680.98 108.912C682.159 109.546 683.065 110.464 683.7 111.666C684.267 110.532 685.151 109.637 686.352 108.98C687.553 108.3 688.845 107.96 690.228 107.96Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" d="M704.85 105.784C704.148 105.784 703.558 105.546 703.082 105.07C702.606 104.594 702.368 104.004 702.368 103.302C702.368 102.599 702.606 102.01 703.082 101.534C703.558 101.058 704.148 100.82 704.85 100.82C705.53 100.82 706.108 101.058 706.584 101.534C707.06 102.01 707.298 102.599 707.298 103.302C707.298 104.004 707.06 104.594 706.584 105.07C706.108 105.546 705.53 105.784 704.85 105.784ZM706.754 108.266V127H702.878V108.266H706.754Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" d="M721.295 107.96C722.768 107.96 724.083 108.266 725.239 108.878C726.418 109.49 727.336 110.396 727.993 111.598C728.65 112.799 728.979 114.25 728.979 115.95V127H725.137V116.528C725.137 114.85 724.718 113.57 723.879 112.686C723.04 111.779 721.896 111.326 720.445 111.326C718.994 111.326 717.838 111.779 716.977 112.686C716.138 113.57 715.719 114.85 715.719 116.528V127H711.843V108.266H715.719V110.408C716.354 109.637 717.158 109.036 718.133 108.606C719.13 108.175 720.184 107.96 721.295 107.96Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" d="M746.503 94.9038L737.255 132.95H733.447L742.661 94.9038H746.503Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" d="M774.066 107.96C775.539 107.96 776.854 108.266 778.01 108.878C779.189 109.49 780.107 110.396 780.764 111.598C781.444 112.799 781.784 114.25 781.784 115.95V127H777.942V116.528C777.942 114.85 777.523 113.57 776.684 112.686C775.845 111.779 774.701 111.326 773.25 111.326C771.799 111.326 770.643 111.779 769.782 112.686C768.943 113.57 768.524 114.85 768.524 116.528V127H764.682V116.528C764.682 114.85 764.263 113.57 763.424 112.686C762.585 111.779 761.441 111.326 759.99 111.326C758.539 111.326 757.383 111.779 756.522 112.686C755.683 113.57 755.264 114.85 755.264 116.528V127H751.388V108.266H755.264V110.408C755.899 109.637 756.703 109.036 757.678 108.606C758.653 108.175 759.695 107.96 760.806 107.96C762.302 107.96 763.639 108.277 764.818 108.912C765.997 109.546 766.903 110.464 767.538 111.666C768.105 110.532 768.989 109.637 770.19 108.98C771.391 108.3 772.683 107.96 774.066 107.96Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" d="M785.424 117.548C785.424 115.666 785.809 114 786.58 112.55C787.373 111.099 788.439 109.977 789.776 109.184C791.136 108.368 792.632 107.96 794.264 107.96C795.737 107.96 797.018 108.254 798.106 108.844C799.217 109.41 800.101 110.124 800.758 110.986V108.266H804.668V127H800.758V124.212C800.101 125.096 799.205 125.832 798.072 126.422C796.939 127.011 795.647 127.306 794.196 127.306C792.587 127.306 791.113 126.898 789.776 126.082C788.439 125.243 787.373 124.087 786.58 122.614C785.809 121.118 785.424 119.429 785.424 117.548ZM800.758 117.616C800.758 116.324 800.486 115.202 799.942 114.25C799.421 113.298 798.729 112.572 797.868 112.074C797.007 111.575 796.077 111.326 795.08 111.326C794.083 111.326 793.153 111.575 792.292 112.074C791.431 112.55 790.728 113.264 790.184 114.216C789.663 115.145 789.402 116.256 789.402 117.548C789.402 118.84 789.663 119.973 790.184 120.948C790.728 121.922 791.431 122.67 792.292 123.192C793.176 123.69 794.105 123.94 795.08 123.94C796.077 123.94 797.007 123.69 797.868 123.192C798.729 122.693 799.421 121.968 799.942 121.016C800.486 120.041 800.758 118.908 800.758 117.616Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" d="M817.783 117.514L823.835 127H819.449L815.403 120.642L811.595 127H807.549L813.601 117.786L807.549 108.266H811.935L815.981 114.624L819.789 108.266H823.835L817.783 117.514Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" d="M285.258 447.548C285.258 445.667 285.643 444.001 286.414 442.55C287.207 441.099 288.273 439.977 289.61 439.184C290.97 438.368 292.466 437.96 294.098 437.96C295.571 437.96 296.852 438.255 297.94 438.844C299.051 439.411 299.935 440.125 300.592 440.986V438.266H304.502V457H300.592V454.212C299.935 455.096 299.039 455.833 297.906 456.422C296.773 457.011 295.481 457.306 294.03 457.306C292.421 457.306 290.947 456.898 289.61 456.082C288.273 455.243 287.207 454.087 286.414 452.614C285.643 451.118 285.258 449.429 285.258 447.548ZM300.592 447.616C300.592 446.324 300.32 445.202 299.776 444.25C299.255 443.298 298.563 442.573 297.702 442.074C296.841 441.575 295.911 441.326 294.914 441.326C293.917 441.326 292.987 441.575 292.126 442.074C291.265 442.55 290.562 443.264 290.018 444.216C289.497 445.145 289.236 446.256 289.236 447.548C289.236 448.84 289.497 449.973 290.018 450.948C290.562 451.923 291.265 452.671 292.126 453.192C293.01 453.691 293.939 453.94 294.914 453.94C295.911 453.94 296.841 453.691 297.702 453.192C298.563 452.693 299.255 451.968 299.776 451.016C300.32 450.041 300.592 448.908 300.592 447.616Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" d="M326.559 438.266V457H322.683V454.79C322.071 455.561 321.266 456.173 320.269 456.626C319.294 457.057 318.252 457.272 317.141 457.272C315.668 457.272 314.342 456.966 313.163 456.354C312.007 455.742 311.089 454.835 310.409 453.634C309.752 452.433 309.423 450.982 309.423 449.282V438.266H313.265V448.704C313.265 450.381 313.684 451.673 314.523 452.58C315.362 453.464 316.506 453.906 317.957 453.906C319.408 453.906 320.552 453.464 321.391 452.58C322.252 451.673 322.683 450.381 322.683 448.704V438.266H326.559Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" d="M336.195 441.428V451.798C336.195 452.501 336.354 453.011 336.671 453.328C337.011 453.623 337.578 453.77 338.371 453.77H340.751V457H337.691C335.946 457 334.608 456.592 333.679 455.776C332.75 454.96 332.285 453.634 332.285 451.798V441.428H330.075V438.266H332.285V433.608H336.195V438.266H340.751V441.428H336.195Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" d="M352.449 457.306C350.681 457.306 349.083 456.909 347.655 456.116C346.227 455.3 345.105 454.167 344.289 452.716C343.473 451.243 343.065 449.543 343.065 447.616C343.065 445.712 343.485 444.023 344.323 442.55C345.162 441.077 346.307 439.943 347.757 439.15C349.208 438.357 350.829 437.96 352.619 437.96C354.41 437.96 356.031 438.357 357.481 439.15C358.932 439.943 360.077 441.077 360.915 442.55C361.754 444.023 362.173 445.712 362.173 447.616C362.173 449.52 361.743 451.209 360.881 452.682C360.02 454.155 358.841 455.3 357.345 456.116C355.872 456.909 354.24 457.306 352.449 457.306ZM352.449 453.94C353.447 453.94 354.376 453.702 355.237 453.226C356.121 452.75 356.835 452.036 357.379 451.084C357.923 450.132 358.195 448.976 358.195 447.616C358.195 446.256 357.935 445.111 357.413 444.182C356.892 443.23 356.201 442.516 355.339 442.04C354.478 441.564 353.549 441.326 352.551 441.326C351.554 441.326 350.625 441.564 349.763 442.04C348.925 442.516 348.256 443.23 347.757 444.182C347.259 445.111 347.009 446.256 347.009 447.616C347.009 449.633 347.519 451.197 348.539 452.308C349.582 453.396 350.885 453.94 352.449 453.94Z"></path>
+  <defs>
+    
+  </defs>
+</svg>

package/site/public/static/illustrations/components/popover/usage/do1.svg

@@ -0,0 +1,32 @@
+<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>
+  <g>
+    <path style="fill: var(--color-illustrationInterface010)" fill-rule="evenodd" clip-rule="evenodd" d="M447.58 157C441.737 157 437 161.737 437 167.58V634.42C437 640.263 441.737 645 447.58 645H709L744.32 680.32L779.64 645H1042.7C1048.55 645 1053.28 640.263 1053.28 634.42V167.58C1053.28 161.737 1048.55 157 1042.7 157H447.58Z"></path>
+  </g>
+  <path style="fill: var(--color-illustrationHighlight010)" d="M1013.68 209.659L1010.56 206.538L998.189 218.912L985.815 206.538L982.694 209.659L995.068 222.033L982.694 234.407L985.815 237.529L998.189 225.154L1010.56 237.529L1013.68 234.407L1001.31 222.033L1013.68 209.659Z"></path>
+  <path style="fill: var(--color-illustrationInterface020)" d="M476.533 416.035C476.533 412.145 479.687 408.991 483.577 408.991H1000.6C1004.49 408.991 1007.64 412.145 1007.64 416.035C1007.64 419.925 1004.49 423.078 1000.6 423.078H483.577C479.687 423.078 476.533 419.925 476.533 416.035Z"></path>
+  <path style="fill: var(--color-illustrationInterface020)" d="M476.533 377.687C476.533 373.365 480.037 369.861 484.359 369.861H999.818C1004.14 369.861 1007.64 373.365 1007.64 377.687C1007.64 382.009 1004.14 385.513 999.818 385.513H484.359C480.037 385.513 476.533 382.009 476.533 377.687Z"></path>
+  <path style="fill: var(--color-illustrationInterface020)" d="M476.534 339.339C476.534 335.449 479.687 332.295 483.577 332.295H737.641C741.531 332.295 744.685 335.449 744.685 339.339C744.685 343.229 741.531 346.382 737.641 346.382H483.577C479.687 346.382 476.534 343.229 476.534 339.339Z"></path>
+  <path style="fill: var(--color-illustrationInterface020)" d="M588.7 454.345C588.7 450.333 591.953 447.08 595.965 447.08H619.351C623.364 447.08 626.616 450.333 626.616 454.345C626.616 458.357 623.364 461.61 619.351 461.61H595.965C591.953 461.61 588.7 458.357 588.7 454.345Z"></path>
+  <path style="fill: var(--color-illustrationInterface020)" d="M476.53 454.345C476.53 450.333 479.783 447.08 483.795 447.08H559.316C563.329 447.08 566.581 450.333 566.581 454.345C566.581 458.357 563.329 461.61 559.316 461.61H483.795C479.783 461.61 476.53 458.357 476.53 454.345Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" fill-rule="evenodd" clip-rule="evenodd" d="M1007.64 283.032H476.53V281.493H1007.64V283.032Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" d="M752.094 559.366C752.094 539.386 768.291 523.188 788.271 523.188H979.165C999.145 523.188 1015.34 539.386 1015.34 559.366C1015.34 579.346 999.145 595.543 979.165 595.543H788.271C768.291 595.543 752.094 579.346 752.094 559.366Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" d="M512.521 213.903V243H505.433V225.55L498.926 243H493.206L486.657 225.509V243H479.57V213.903H487.942L496.108 234.047L504.19 213.903H512.521Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" d="M528.146 243.331C525.88 243.331 523.835 242.848 522.011 241.881C520.215 240.914 518.792 239.532 517.742 237.736C516.72 235.94 516.209 233.84 516.209 231.436C516.209 229.059 516.734 226.973 517.784 225.177C518.834 223.353 520.271 221.958 522.094 220.991C523.918 220.024 525.963 219.54 528.229 219.54C530.495 219.54 532.539 220.024 534.363 220.991C536.187 221.958 537.624 223.353 538.674 225.177C539.724 226.973 540.249 229.059 540.249 231.436C540.249 233.812 539.71 235.912 538.632 237.736C537.582 239.532 536.131 240.914 534.28 241.881C532.456 242.848 530.412 243.331 528.146 243.331ZM528.146 237.197C529.5 237.197 530.647 236.7 531.586 235.705C532.553 234.71 533.037 233.287 533.037 231.436C533.037 229.584 532.567 228.161 531.627 227.167C530.716 226.172 529.583 225.674 528.229 225.674C526.847 225.674 525.7 226.172 524.789 227.167C523.877 228.134 523.421 229.557 523.421 231.436C523.421 233.287 523.863 234.71 524.747 235.705C525.659 236.7 526.792 237.197 528.146 237.197Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" d="M551.096 223.726C551.925 222.455 552.962 221.461 554.205 220.742C555.449 219.996 556.83 219.623 558.35 219.623V227.125H556.402C554.633 227.125 553.307 227.512 552.423 228.286C551.539 229.032 551.096 230.358 551.096 232.265V243H544.009V219.872H551.096V223.726Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" d="M583.539 231.063C583.539 231.726 583.498 232.417 583.415 233.135H567.375C567.485 234.572 567.941 235.677 568.742 236.451C569.571 237.197 570.58 237.57 571.768 237.57C573.537 237.57 574.766 236.824 575.457 235.332H583.001C582.614 236.852 581.909 238.219 580.887 239.435C579.892 240.651 578.635 241.604 577.115 242.295C575.595 242.986 573.896 243.331 572.017 243.331C569.751 243.331 567.734 242.848 565.965 241.881C564.197 240.914 562.815 239.532 561.821 237.736C560.826 235.94 560.328 233.84 560.328 231.436C560.328 229.032 560.812 226.932 561.779 225.136C562.774 223.34 564.155 221.958 565.924 220.991C567.692 220.024 569.723 219.54 572.017 219.54C574.255 219.54 576.244 220.01 577.985 220.949C579.726 221.889 581.08 223.229 582.047 224.97C583.042 226.711 583.539 228.742 583.539 231.063ZM576.286 229.198C576.286 227.982 575.871 227.015 575.042 226.296C574.214 225.578 573.177 225.219 571.934 225.219C570.746 225.219 569.737 225.564 568.908 226.255C568.107 226.946 567.609 227.926 567.416 229.198H576.286Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" d="M599.626 217.468C598.383 217.468 597.361 217.109 596.559 216.39C595.786 215.644 595.399 214.732 595.399 213.654C595.399 212.549 595.786 211.637 596.559 210.919C597.361 210.173 598.383 209.8 599.626 209.8C600.842 209.8 601.837 210.173 602.611 210.919C603.412 211.637 603.813 212.549 603.813 213.654C603.813 214.732 603.412 215.644 602.611 216.39C601.837 217.109 600.842 217.468 599.626 217.468ZM603.15 219.872V243H596.062V219.872H603.15Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" d="M622.378 219.623C625.086 219.623 627.242 220.507 628.844 222.276C630.474 224.017 631.29 226.421 631.29 229.488V243H624.243V230.441C624.243 228.894 623.843 227.692 623.041 226.835C622.24 225.978 621.162 225.55 619.808 225.55C618.454 225.55 617.377 225.978 616.576 226.835C615.774 227.692 615.374 228.894 615.374 230.441V243H608.286V219.872H615.374V222.939C616.092 221.916 617.059 221.115 618.275 220.535C619.491 219.927 620.858 219.623 622.378 219.623Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" d="M647.82 225.757H644.007V243H636.919V225.757H634.35V219.872H636.919V219.209C636.919 216.362 637.735 214.207 639.365 212.743C640.995 211.25 643.385 210.504 646.535 210.504C647.06 210.504 647.447 210.518 647.696 210.546V216.556C646.342 216.473 645.389 216.666 644.836 217.136C644.283 217.606 644.007 218.449 644.007 219.664V219.872H647.82V225.757Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" d="M661.679 243.331C659.413 243.331 657.368 242.848 655.544 241.881C653.748 240.914 652.325 239.532 651.275 237.736C650.253 235.94 649.742 233.84 649.742 231.436C649.742 229.059 650.267 226.973 651.317 225.177C652.367 223.353 653.803 221.958 655.627 220.991C657.451 220.024 659.496 219.54 661.761 219.54C664.027 219.54 666.072 220.024 667.896 220.991C669.72 221.958 671.156 223.353 672.206 225.177C673.256 226.973 673.781 229.059 673.781 231.436C673.781 233.812 673.243 235.912 672.165 237.736C671.115 239.532 669.664 240.914 667.813 241.881C665.989 242.848 663.944 243.331 661.679 243.331ZM661.679 237.197C663.033 237.197 664.179 236.7 665.119 235.705C666.086 234.71 666.569 233.287 666.569 231.436C666.569 229.584 666.1 228.161 665.16 227.167C664.248 226.172 663.115 225.674 661.761 225.674C660.38 225.674 659.233 226.172 658.321 227.167C657.409 228.134 656.953 229.557 656.953 231.436C656.953 233.287 657.396 234.71 658.28 235.705C659.192 236.7 660.325 237.197 661.679 237.197Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" d="M684.629 223.726C685.458 222.455 686.494 221.461 687.738 220.742C688.981 219.996 690.363 219.623 691.883 219.623V227.125H689.935C688.166 227.125 686.84 227.512 685.956 228.286C685.071 229.032 684.629 230.358 684.629 232.265V243H677.542V219.872H684.629V223.726Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" d="M724.782 219.623C727.655 219.623 729.935 220.493 731.62 222.234C733.334 223.975 734.19 226.393 734.19 229.488V243H727.144V230.441C727.144 228.949 726.743 227.802 725.942 227.001C725.168 226.172 724.091 225.757 722.709 225.757C721.327 225.757 720.236 226.172 719.435 227.001C718.661 227.802 718.274 228.949 718.274 230.441V243H711.228V230.441C711.228 228.949 710.827 227.802 710.026 227.001C709.252 226.172 708.175 225.757 706.793 225.757C705.411 225.757 704.32 226.172 703.519 227.001C702.745 227.802 702.358 228.949 702.358 230.441V243H695.27V219.872H702.358V222.773C703.076 221.806 704.016 221.046 705.177 220.493C706.337 219.913 707.65 219.623 709.114 219.623C710.855 219.623 712.402 219.996 713.756 220.742C715.138 221.488 716.216 222.552 716.989 223.934C717.791 222.663 718.882 221.626 720.264 220.825C721.645 220.024 723.151 219.623 724.782 219.623Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" d="M737.738 231.394C737.738 229.018 738.18 226.932 739.064 225.136C739.976 223.34 741.206 221.958 742.753 220.991C744.301 220.024 746.028 219.54 747.934 219.54C749.564 219.54 750.988 219.872 752.203 220.535C753.447 221.198 754.4 222.068 755.063 223.146V219.872H762.151V243H755.063V239.725C754.372 240.803 753.405 241.673 752.162 242.337C750.946 243 749.523 243.331 747.893 243.331C746.014 243.331 744.301 242.848 742.753 241.881C741.206 240.886 739.976 239.491 739.064 237.694C738.18 235.871 737.738 233.771 737.738 231.394ZM755.063 231.436C755.063 229.667 754.566 228.272 753.571 227.249C752.604 226.227 751.416 225.716 750.007 225.716C748.597 225.716 747.395 226.227 746.401 227.249C745.433 228.244 744.95 229.626 744.95 231.394C744.95 233.163 745.433 234.572 746.401 235.622C747.395 236.644 748.597 237.156 750.007 237.156C751.416 237.156 752.604 236.644 753.571 235.622C754.566 234.6 755.063 233.204 755.063 231.436Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" d="M780.169 236.99V243H776.563C773.993 243 771.99 242.378 770.553 241.135C769.116 239.864 768.398 237.805 768.398 234.959V225.757H765.579V219.872H768.398V214.235H775.485V219.872H780.127V225.757H775.485V235.042C775.485 235.733 775.651 236.23 775.983 236.534C776.314 236.838 776.867 236.99 777.641 236.99H780.169Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" d="M787.681 217.468C786.438 217.468 785.416 217.109 784.614 216.39C783.841 215.644 783.454 214.732 783.454 213.654C783.454 212.549 783.841 211.637 784.614 210.919C785.416 210.173 786.438 209.8 787.681 209.8C788.897 209.8 789.892 210.173 790.666 210.919C791.467 211.637 791.868 212.549 791.868 213.654C791.868 214.732 791.467 215.644 790.666 216.39C789.892 217.109 788.897 217.468 787.681 217.468ZM791.204 219.872V243H784.117V219.872H791.204Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" d="M806.869 243.331C804.603 243.331 802.558 242.848 800.734 241.881C798.938 240.914 797.515 239.532 796.465 237.736C795.443 235.94 794.932 233.84 794.932 231.436C794.932 229.059 795.457 226.973 796.507 225.177C797.557 223.353 798.994 221.958 800.817 220.991C802.641 220.024 804.686 219.54 806.952 219.54C809.217 219.54 811.262 220.024 813.086 220.991C814.91 221.958 816.346 223.353 817.397 225.177C818.447 226.973 818.972 229.059 818.972 231.436C818.972 233.812 818.433 235.912 817.355 237.736C816.305 239.532 814.854 240.914 813.003 241.881C811.179 242.848 809.135 243.331 806.869 243.331ZM806.869 237.197C808.223 237.197 809.369 236.7 810.309 235.705C811.276 234.71 811.76 233.287 811.76 231.436C811.76 229.584 811.29 228.161 810.35 227.167C809.438 226.172 808.306 225.674 806.952 225.674C805.57 225.674 804.423 226.172 803.511 227.167C802.6 228.134 802.144 229.557 802.144 231.436C802.144 233.287 802.586 234.71 803.47 235.705C804.382 236.7 805.515 237.197 806.869 237.197Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" d="M836.824 219.623C839.532 219.623 841.687 220.507 843.29 222.276C844.92 224.017 845.735 226.421 845.735 229.488V243H838.689V230.441C838.689 228.894 838.289 227.692 837.487 226.835C836.686 225.978 835.608 225.55 834.254 225.55C832.9 225.55 831.823 225.978 831.021 226.835C830.22 227.692 829.819 228.894 829.819 230.441V243H822.732V219.872H829.819V222.939C830.538 221.916 831.505 221.115 832.721 220.535C833.937 219.927 835.304 219.623 836.824 219.623Z"></path>
+  <defs>
+    
+  </defs>
+</svg>

package/site/public/static/illustrations/components/popover/usage/do2.svg

@@ -0,0 +1,22 @@
+<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>
+  <g>
+    <path style="fill: var(--color-illustrationInterface010)" fill-rule="evenodd" clip-rule="evenodd" d="M402.605 196C396.196 196 391 201.196 391 207.605V588.395C391 594.804 396.196 600 402.605 600H680.678L726.099 645.421L771.519 600H1055.39C1061.8 600 1067 594.804 1067 588.395V207.605C1067 201.196 1061.8 196 1055.39 196H402.605Z"></path>
+  </g>
+  <path style="fill: var(--color-illustrationHighlight010)" d="M1024.11 253.767L1020.69 250.344L1007.11 263.917L993.54 250.344L990.116 253.767L1003.69 267.341L990.116 280.914L993.54 284.338L1007.11 270.764L1020.69 284.338L1024.11 280.914L1010.54 267.341L1024.11 253.767Z"></path>
+  <path style="fill: var(--color-illustrationInterface020)" d="M434.908 480.142C434.908 475.875 438.367 472.416 442.634 472.416H1009.76C1014.03 472.416 1017.48 475.875 1017.48 480.142C1017.48 484.409 1014.03 487.868 1009.76 487.868H442.634C438.367 487.868 434.908 484.409 434.908 480.142Z"></path>
+  <path style="fill: var(--color-illustrationInterface020)" d="M434.908 438.079C434.908 433.338 438.751 429.494 443.492 429.494H1008.9C1013.64 429.494 1017.48 433.338 1017.48 438.079C1017.48 442.82 1013.64 446.663 1008.9 446.663H443.492C438.751 446.663 434.908 442.82 434.908 438.079Z"></path>
+  <path style="fill: var(--color-illustrationInterface020)" d="M434.909 396.014C434.909 391.747 438.368 388.288 442.635 388.288H721.317C725.584 388.288 729.043 391.747 729.043 396.014C729.043 400.281 725.584 403.74 721.317 403.74H442.635C438.368 403.74 434.909 400.281 434.909 396.014Z"></path>
+  <path style="fill: var(--color-illustrationInterface020)" d="M557.944 522.165C557.944 517.764 561.512 514.196 565.913 514.196H591.566C595.967 514.196 599.535 517.764 599.535 522.165C599.535 526.566 595.967 530.134 591.566 530.134H565.913C561.512 530.134 557.944 526.566 557.944 522.165Z"></path>
+  <path style="fill: var(--color-illustrationInterface020)" d="M434.905 522.165C434.905 517.764 438.472 514.196 442.874 514.196H525.713C530.114 514.196 533.682 517.764 533.682 522.165C533.682 526.566 530.114 530.134 525.713 530.134H442.874C438.472 530.134 434.905 526.566 434.905 522.165Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" fill-rule="evenodd" clip-rule="evenodd" d="M1017.48 334.252H434.905V332.563H1017.48V334.252Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" d="M458.351 249.093V255.099H450.32V279.865H442.936V255.099H434.905V249.093H458.351Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" d="M465.77 252.863C464.475 252.863 463.41 252.483 462.575 251.723C461.769 250.934 461.366 249.97 461.366 248.83C461.366 247.662 461.769 246.697 462.575 245.937C463.41 245.148 464.475 244.754 465.77 244.754C467.037 244.754 468.073 245.148 468.879 245.937C469.714 246.697 470.131 247.662 470.131 248.83C470.131 249.97 469.714 250.934 468.879 251.723C468.073 252.483 467.037 252.863 465.77 252.863ZM469.44 255.405V279.865H462.057V255.405H469.44Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" d="M488.22 273.509V279.865H484.463C481.786 279.865 479.699 279.207 478.202 277.892C476.705 276.548 475.957 274.371 475.957 271.361V261.63H473.021V255.405H475.957V249.444H483.341V255.405H488.177V261.63H483.341V271.449C483.341 272.179 483.513 272.705 483.859 273.027C484.204 273.348 484.78 273.509 485.586 273.509H488.22Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" d="M499.716 247.428V279.865H492.333V247.428H499.716Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" d="M527.78 267.241C527.78 267.942 527.736 268.672 527.65 269.432H510.94C511.055 270.952 511.53 272.121 512.365 272.939C513.228 273.728 514.279 274.122 515.517 274.122C517.359 274.122 518.64 273.333 519.36 271.755H527.218C526.815 273.363 526.081 274.809 525.016 276.095C523.98 277.381 522.67 278.389 521.087 279.119C519.504 279.85 517.733 280.215 515.776 280.215C513.415 280.215 511.314 279.704 509.472 278.681C507.629 277.658 506.19 276.197 505.154 274.298C504.117 272.398 503.599 270.177 503.599 267.635C503.599 265.093 504.103 262.872 505.11 260.972C506.147 259.073 507.586 257.612 509.428 256.589C511.271 255.566 513.387 255.055 515.776 255.055C518.107 255.055 520.18 255.552 521.994 256.545C523.807 257.539 525.218 258.956 526.225 260.797C527.261 262.638 527.78 264.786 527.78 267.241ZM520.223 265.268C520.223 263.982 519.791 262.959 518.928 262.2C518.064 261.44 516.985 261.06 515.689 261.06C514.452 261.06 513.401 261.425 512.537 262.156C511.703 262.886 511.184 263.924 510.983 265.268H520.223Z"></path>
+  <path style="fill: var(--color-illustrationHighlight010)" fill-rule="evenodd" clip-rule="evenodd" d="M351.98 603.842L311 603.842L311 600L329 600L329 207.842L311 207.842L311 204L351.98 204L351.98 207.842L333 207.842L333 600L351.98 600L351.98 603.842Z"></path>
+  <defs>
+    
+  </defs>
+</svg>