@autoafleveren/ui 1.2.13 → 1.3.3

package/src/modules/icons/HeroPersonIcon.vue

@@ -0,0 +1,402 @@
+<script lang="ts" setup>
+  import { computed } from 'vue';
+  import { useLayout } from '~/modules/composables';
+
+  const props = defineProps<{
+    primaryColor?: string;
+    secondaryColor?: string;
+  }>();
+
+  const { colors } = useLayout();
+
+  const primaryColorWithFallback = computed(() => props.primaryColor ?? colors.primaryColor.value);
+  const primaryActiveColorWithFallback = computed(() => props.secondaryColor ?? colors.primaryColorActive.value);
+</script>
+
+<template>
+  <svg
+    width="497"
+    height="466"
+    viewBox="0 0 497 466"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M51.1882 264.073C49.7918 269.229 48.7013 278.982 47.8369 283.925C47.5044 283.738 47.1851 283.566 46.8793 283.402C44.8888 282.351
+        42.9605 281.464 41.0986 280.728L44.5165 264.472C46.7109 264.304 48.9318 264.166 51.1926 264.069L51.1882 264.073Z"
+      fill="white"
+    ></path>
+
+    <path
+      :fill="primaryColorWithFallback"
+      d="M221.161 295.326C194.407 357.633 135.585 336.292 92.593 311.848C84.3652 307.176 76.7226 302.384 69.9932 298.048C73.0919 293.668
+        79.3159 280.932 81.1955 272.456C81.2 272.447 81.2 272.434 81.2 272.43C81.9403 269.06 81.9934 266.37 80.8896 265.151C85.9388 265.789
+        90.8729 266.689 95.572 267.899C139.096 279.053 210.114 209.799 248.482 145.653C263.186 121.062 260.77 203.079 221.161
+        295.331V295.326Z"
+    ></path>
+
+    <path
+      d="M300.256 104.199C301.386 119.063 290.401 131.179 287.976 133.12C285.552 135.058 298.496 164.303 310.04 164.95C321.584 165.597
+        333.491 146.437 333.916 137.358C334.342 128.279 324.811 122.463 326.105 106.628C327.4 90.7935 300.256 104.203 300.256
+        104.203V104.199Z"
+      fill="#EAAA79"
+    ></path>
+
+    <path
+      d="M298.221 433.053H324.399L337.844 141.051L300.012 146.491L286.159 136.286L270.825 433.053H298.221Z"
+      fill="#EBEFF2"
+    ></path>
+
+    <path
+      d="M298.221 433.053C294.413 433.279 290.06 435.545 288.974 433.053C287.888 430.562 293.607
+        324.474 293.873 306.525C294.138 288.571 301.214 308.564 301.214 308.564L298.221 433.053Z"
+      fill="white"
+    ></path>
+
+    <path
+      d="M290.445 309.681C291.257 314.411 295.774 375.339 296.315 377.697C296.86 380.056
+        315.887 318.76 314.987 315.86C314.087 312.957 290.445 309.681 290.445 309.681Z"
+      fill="#71717A"
+    ></path>
+
+    <path
+      d="M288.309 138.746C297.951 146.579 303.922 172.61 304.357 176.379C304.791 180.147 332.604 146.899 333.092 145.653C333.58 144.407
+        333.092 129.862 333.092 129.862C333.092 129.862 318.215 132.983 314.743 139.784C311.272 146.584 307.398 145.653 307.398
+        145.653C307.398 145.653 303.727 136.72 300.19 136.791C296.652 136.862 288.305 138.751 288.305 138.751L288.309 138.746Z"
+      fill="#71717A"
+    ></path>
+
+    <path
+      :fill="primaryActiveColorWithFallback"
+      d="M278.157 441.826C276.872 447.115 273.609 451.348 268.937 454.691C241.115 474.564 163.226 462.67 153.242 452.213C141.583 440 208.119
+        310.824 216.928 246.23C225.727 181.627 245.783 128.989 277.772 125.238L288.238 132.012L288.314 138.746C294.156 154.856 287.117
+        405.054 278.162 441.826H278.157Z"
+    ></path>
+
+    <path
+      :fill="primaryColorWithFallback"
+      d="M278.157 441.826C276.871 447.115 273.609 451.348 268.936 454.691C271.631 424.187 278.139 349.042 279.194 322.461C280.537 288.779
+        269.88 263.461 261.723 257.313C253.571 251.168 278.241 236.016 277.182 220C276.122 203.983 247.347 204.737 253.762 187.829C260.181
+        170.917 283.375 132.93 277.762 125.238L285.365 126.834L288.3 138.746C294.142 154.856 287.103 405.054 278.148 441.826H278.157Z"
+    ></path>
+
+    <path
+      :fill="primaryActiveColorWithFallback"
+      d="M316.339 435.961C317.172 441.339 320.058 445.834 324.433 449.562C350.464 471.727 429.085 466.501 439.924 456.925C452.58 445.745
+        397.699 290.685 412.111 227.616C426.633 164.055 375.197 127.007 343.642 120.548L332.639 126.409L331.992 133.112C324.801 148.667
+        310.549 398.555 316.343 435.957L316.339 435.961Z"
+    ></path>
+
+    <path
+      :fill="primaryColorWithFallback"
+      d="M316.339 435.961C317.173 441.339 320.059 445.834 324.434 449.562C324.341 418.938 324.243 343.514 325.454 316.938C326.979 283.26
+        339.75 258.94 348.399 253.509C357.044 248.079 333.752 230.883 336.168 215.017C338.584 199.151 367.195 202.347 362.235
+        184.952C357.279 167.557 337.396 127.734 343.638 120.548L335.924 121.493L331.988 133.112C324.798 148.667 310.545 398.555 316.339
+        435.957V435.961Z"
+    ></path>
+
+    <path
+      d="M307.73 145.311C308.001 138.737 334.054 117.192 340.575 119.014C347.096 120.836 340.455 123.026 340.136 129.06C339.817 135.093
+        341.657 137.487 338.664 138.737C335.677 139.987 333.132 131.281 324.727 135.257C316.322 139.229 308.129 150.103 308.129
+        150.103L307.73 145.316V145.311Z"
+      fill="white"
+    ></path>
+
+    <path
+      :fill="primaryColorWithFallback"
+      d="M493.471 279.78L402.678 236.597C410.75 223.506 372.865 190.152 358.71 169.263C340.624
+        142.576 348.124 128.541 387.88 142.545C446.002 163.022 512.312 220.793 493.471 279.78Z"
+    ></path>
+
+    <path
+      :fill="primaryColorWithFallback"
+      d="M402.682 236.602C416.908 229.185 421.86 207.955 415.884 191.486C409.908 175.017
+        356.237 152.657 349.397 158.46C342.557 164.263 402.682 236.602 402.682 236.602Z"
+    ></path>
+
+    <path
+      d="M339.388 56.3352C339.366 62.3198 339.237 66.8238 339.286 67.3824C339.419 68.9828 340.106 112.236 321.372 116.705C302.638 121.173
+        290.997 108.131 284.152 80.4954L282.135 69.3773C282.135 69.3773 281.678 66.4958 281.049 62.2179C279.896 54.3891 278.176 41.8701
+        277.671 33.8551C277.476 30.8096 277.458 28.4068 277.715 27.1656C279.014 20.8706 332.233 15.3559 336.356 23.3842C336.453 23.5704
+        336.547 23.7743 336.635 23.9871C339.078 29.79 339.415 45.4875 339.388 56.3352Z"
+      fill="#F6CBA5"
+    ></path>
+
+    <path
+      d="M283.15 47.7174C293.692 51.9466 316.172 33.8508 330.885 41.5599C345.599 49.269 335.34 28.5577 308.077 33.372C280.809 38.1863
+        282.028 40.8151 281.616 43.4883C281.204 46.1614 283.15 47.7174 283.15 47.7174Z"
+      fill="#EAAA79"
+    ></path>
+
+    <path
+      d="M332.702 69.1734C333.185 59.6689 343.807 49.5083 348.728 56.1934C353.653 62.8829 336.058
+        81.0851 335.109 80.6152C334.161 80.1497 332.702 69.169 332.702 69.169V69.1734Z"
+      fill="#F5CAA4"
+    ></path>
+
+    <path
+      d="M288.346 72.8617C286.298 63.57 274.147 55.2979 270.396 62.71C266.646 70.1221 287.002
+        85.1679 287.862 84.5517C288.722 83.9355 288.346 72.8661 288.346 72.8661V72.8617Z"
+      fill="#F5CAA4"
+    ></path>
+
+    <path
+      d="M289.498 39.7864C281.802 50.6608 281.044 62.2178 281.044 62.2178C279.891 54.389
+        278.171 41.87 277.666 33.855C282.587 34.7771 289.498 39.7864 289.498 39.7864Z"
+      fill="black"
+    ></path>
+
+    <path
+      d="M339.388 56.3354C339.268 55.8832 333.487 34.3696 316.118 36.6216C302.881 38.3372
+        323.943 27.7332 336.63 23.9873C339.073 29.7902 339.41 45.4877 339.383 56.3354H339.388Z"
+      fill="black"
+    ></path>
+
+    <path
+      d="M339.286 46.4406C338.789 36.2357 351.627 4.04713 309.451 0.73119C267.279 -2.58475 251.294 5.43025 253.084
+        23.7034C254.875 41.9765 289.697 45.4964 307.873 39.2103C326.048 32.9242 339.286 46.4406 339.286 46.4406Z"
+      fill="#1F1F1F"
+    ></path>
+
+    <path
+      d="M338.692 67.4403C339.229 63.8141 345.289 59.1904 345.235 62.1206C345.182 65.0509
+        339.765 69.5593 339.162 70.9203C338.559 72.2857 338.692 67.4359 338.692 67.4359V67.4403Z"
+      fill="#EAAA79"
+    ></path>
+
+    <path
+      d="M283.5 73.0126C282.396 69.5902 275.782 66.1014 276.309 68.9253C276.837 71.7491
+        282.808 75.238 283.61 76.457C284.413 77.6806 283.5 73.0126 283.5 73.0126Z"
+      fill="#EAAA79"
+    ></path>
+
+    <path
+      d="M314 70C313.662 71.9231 312.379 76.5769 309.948 79.8077C306.909 83.8462 311.974 82.6923 314 85"
+      stroke="#EAAA79"
+    ></path>
+
+    <path
+      d="M277.767 125.238C283.663 126.112 286.158 143.01 284.163 147.452C282.169 151.894 290.286 137.935 298.292 138.999C306.298 140.062
+        305.345 152.697 307.362 151.801C309.379 150.906 310.332 141.548 301.306 131.471C292.281 121.395 277.771 125.238 277.771
+        125.238H277.767Z"
+      fill="white"
+    ></path>
+
+    <path
+      d="M280.538 382.503C281.865 382.503 282.941 381.427 282.941 380.1C282.941 378.773 281.865 377.697 280.538
+        377.697C279.211 377.697 278.136 378.773 278.136 380.1C278.136 381.427 279.211 382.503 280.538 382.503Z"
+      fill="white"
+    ></path>
+
+    <path
+      d="M282.941 331.735C284.268 331.735 285.344 330.659 285.344 329.332C285.344 328.005 284.268 326.93 282.941
+        326.93C281.614 326.93 280.538 328.005 280.538 329.332C280.538 330.659 281.614 331.735 282.941 331.735Z"
+      fill="white"
+    ></path>
+
+    <path
+      d="M320.799 334.138C322.126 334.138 323.202 333.062 323.202 331.735C323.202 330.408 322.126 329.333 320.799
+        329.333C319.472 329.333 318.396 330.408 318.396 331.735C318.396 333.062 319.472 334.138 320.799 334.138Z"
+      fill="white"
+    ></path>
+
+    <path
+      d="M320.799 381.647C322.126 381.647 323.202 380.572 323.202 379.245C323.202 377.918 322.126 376.842 320.799
+        376.842C319.472 376.842 318.396 377.918 318.396 379.245C318.396 380.572 319.472 381.647 320.799 381.647Z"
+      fill="white"
+    ></path>
+
+    <path
+      :fill="primaryColorWithFallback"
+      d="M69.9933 298.048C69.3283 298.979 68.8141 299.534 68.5082 299.587C66.1941 299.995 46.2054 290.747 47.4289 285.986C47.5575 285.467
+        47.6994 284.767 47.8413 283.925C48.7057 278.977 49.7962 269.229 51.1926 264.073C51.7467 262.016 52.3496 260.695 53.0057
+        260.691C58.3121 260.669 76.4035 260.23 80.8941 265.151C84.782 269.429 74.3333 291.922 69.9977 298.048H69.9933Z"
+    ></path>
+
+    <path
+      d="M44.5169 264.477C44.5169 264.477 44.5169 264.481 44.5125 264.486L41.1034 280.729C38.0179 279.505 35.1099 278.676 32.3791
+        278.162C16.2605 275.068 6.22405 282.373 1.73334 279.594C-6.5299 274.478 15.9059 266.667 44.5214 264.477H44.5169Z"
+      fill="#F5CAA4"
+    ></path>
+
+    <path
+      d="M360.838 249.183C360.838 249.542 360.834 249.945 360.82 250.375C360.825 249.945 360.829 249.546 360.838 249.183Z"
+      fill="#0E53E4"
+    ></path>
+
+    <path
+      :fill="primaryActiveColorWithFallback"
+      d="M92.589 311.849C84.3613 307.176 76.7187 302.384 69.9893 298.049C73.088 293.669 79.312 280.933 81.1916
+        272.457C79.7553 280.365 75.4907 291.607 79.3873 297.548C82.025 301.569 87.5752 307.159 92.589 311.849Z"
+    ></path>
+
+    <path
+      :fill="primaryActiveColorWithFallback"
+      d="M63.4063 293.194C65.7714 293.194 67.6887 291.277 67.6887 288.912C67.6887 286.547 65.7714 284.629 63.4063
+        284.629C61.0413 284.629 59.124 286.547 59.124 288.912C59.124 291.277 61.0413 293.194 63.4063 293.194Z"
+    ></path>
+
+    <path
+      d="M44.5074 264.485L41.0984 280.728C38.013 279.505 35.1048 278.676 32.374 278.161C34.3778 277.847
+        36.3195 277.452 37.3612 277.009C40.0388 275.865 44.3788 264.827 44.5118 264.485H44.5074Z"
+      fill="#EAAA79"
+    ></path>
+
+    <path
+      d="M286.088 179.632C286.008 179.641 285.924 179.632 285.84 179.61C285.476 179.512 285.263 179.14 285.365 178.776C285.445 178.484
+        289.874 137.301 295.207 121.018C295.322 120.663 295.708 120.468 296.062 120.583C296.417 120.699 296.612 121.084 296.497
+        121.439C291.173 137.691 286.757 178.843 286.678 179.135C286.602 179.415 286.363 179.605 286.092 179.632H286.088Z"
+      fill="#18181B"
+    ></path>
+
+    <path
+      d="M285.774 178.843C286.004 179.14 286.43 179.189 286.727 178.958C318.264 154.342 332.871 123.319 328.163 116.767C327.946 116.461
+        327.52 116.394 327.214 116.612C326.908 116.829 326.842 117.254 327.059 117.56C330.809 122.783 318.1 152.746 285.889 177.89C285.592
+        178.121 285.543 178.546 285.774 178.843Z"
+      fill="#18181B"
+    ></path>
+
+    <path
+      d="M279.336 223.001L261.462 216.156C260.916 215.948 260.495 215.553 260.243 215.07C259.946 214.507 259.888 213.82 260.132
+        213.177L274.415 175.868C274.632 175.301 275.054 174.867 275.559 174.618C276.113 174.348 276.769 174.299 277.39 174.539L295.264
+        181.383C295.769 181.578 296.168 181.929 296.425 182.363C296.771 182.948 296.855 183.675 296.594 184.358L282.31 221.667C282.084
+        222.261 281.637 222.708 281.096 222.948C280.559 223.187 279.925 223.223 279.331 222.996L279.336 223.001Z"
+      fill="#575757"
+    ></path>
+
+    <path
+      d="M283.946 197.014L275.391 193.738C274.965 193.574 274.628 193.282 274.411 192.918C274.114 192.422 274.043 191.801 274.265
+        191.22L277.541 182.665C277.731 182.164 278.112 181.782 278.569 181.578C279.026 181.375 279.558 181.344 280.063 181.539L288.619
+        184.815C289.12 185.005 289.501 185.386 289.705 185.843C289.909 186.3 289.94 186.832 289.745 187.337L286.469 195.893C286.278 196.394
+        285.897 196.775 285.44 196.979C284.984 197.183 284.452 197.214 283.946 197.019V197.014Z"
+      fill="#1E1E1E"
+    ></path>
+
+    <path
+      d="M269.437 198.291C270.882 198.694 272.3 199.169 273.719 199.652C275.138 200.131 276.538 200.654 277.935 201.181C279.327 201.722
+        280.723 202.268 282.093 202.857L284.154 203.748C284.833 204.067 285.52 204.364 286.189 204.706C285.462 204.511 284.753 204.276
+        284.035 204.058L281.907 203.345C280.488 202.866 279.087 202.343 277.691 201.815C276.299 201.275 274.907 200.729 273.533
+        200.14C272.154 199.554 270.784 198.96 269.437 198.295V198.291Z"
+      fill="#1E1E1E"
+    ></path>
+
+    <path
+      d="M267.868 202.392C269.313 202.795 270.732 203.269 272.151 203.753C273.569 204.231 274.97 204.754 276.366 205.282C277.758 205.823
+        279.155 206.368 280.525 206.958L282.586 207.849C283.264 208.168 283.951 208.465 284.621 208.806C283.894 208.611 283.185 208.376
+        282.466 208.159L280.338 207.445C278.92 206.967 277.519 206.443 276.123 205.916C274.731 205.375 273.339 204.83 271.964 204.24C270.586
+        203.655 269.216 203.061 267.868 202.396V202.392Z"
+      fill="#1E1E1E"
+    ></path>
+
+    <path
+      d="M266.299 206.492C267.744 206.896 269.163 207.37 270.581 207.853C272 208.332 273.401 208.855 274.797 209.383C276.189 209.923 277.585
+        210.469 278.955 211.058L281.017 211.949C281.695 212.269 282.382 212.566 283.051 212.907C282.324 212.712 281.615 212.477 280.897
+        212.26L278.769 211.546C277.35 211.067 275.95 210.544 274.553 210.017C273.161 209.476 271.769 208.93 270.395 208.341C269.016 207.756
+        267.646 207.162 266.299 206.497V206.492Z"
+      fill="#1E1E1E"
+    ></path>
+
+    <path
+      d="M316.787 136.645C316.406 137.717 282.413 246.687 282.413 246.687C282.413 246.687 416.514 181.999 415.884
+        180.173C415.255 178.351 415.463 167.92 408.295 161.284C401.126 154.647 317.988 133.271 316.787 136.645Z"
+      fill="#D3DCE2"
+    ></path>
+
+    <path
+      d="M321.295 145.918C325.037 142.882 411.632 166.537 415.361 169.369C419.089 172.198 415.884 180.173 415.884 180.173L304.356
+        180.501C304.356 180.501 314.003 150.622 316.219 147.723C318.44 144.824 321.295 145.918 321.295 145.918Z"
+      fill="#EBEFF2"
+    ></path>
+
+    <path
+      d="M377.165 329.031C375.88 329.736 367.719 329.137 356.286 327.821V327.83C322.949 323.999 261.733 314.118 261.44 312.935C261.294
+        312.305 267.429 292.897 275.258 268.692C276.304 265.474 277.377 262.162 278.472 258.802C289.909 223.621 303.426 182.771 306.555
+        174.224C312.225 158.735 315.351 153.215 318.959 154.133C327.728 156.367 417.954 170.584 415.888 180.177C414.443 186.876 398.604
+        255.371 387.468 297.091C382.636 315.155 378.686 328.198 377.165 329.035V329.031Z"
+      fill="white"
+    ></path>
+
+    <path
+      d="M333.876 285.68C330.387 284.31 327.054 282.941 323.906 281.589C304.166 273.121 291.718 265.457 294.187
+        263.107C298.119 259.343 315.683 256.214 335.623 253.031C334.528 259.237 331.744 277.062 333.876 285.676V285.68Z"
+      fill="#F6CBA5"
+    ></path>
+
+    <path
+      :fill="primaryColorWithFallback"
+      d="M493.476 279.78C492.811 281.868 492.04 283.951 491.153 286.039C478.231 316.596 426.789 312.952 379.679 300.624C372.427 298.727
+        365.281 296.621 358.392 294.404C359.083 287.87 360.014 271.845 360.502 260.066C360.506 260.013 360.506 259.955 360.506
+        259.906C360.652 256.382 360.763 253.248 360.812 250.872C360.816 250.703 360.821 250.535 360.821 250.371C360.825 249.941 360.83
+        249.542 360.839 249.178V249.005C377.05 246.292 391.737 243.362 398.883 239.851C400.639 238.982 401.884 237.892 402.687
+        236.597L493.481 279.775L493.476 279.78Z"
+    ></path>
+
+    <path
+      :fill="primaryColorWithFallback"
+      d="M360.838 249.005C360.776 257.853 359.353 285.316 358.391 294.404C358.205 296.115 358.037 297.179 357.899 297.343C356.906 298.518
+        340.867 296.031 335.379 289.115C334.719 288.287 334.231 287.107 333.876 285.675C331.744 277.058 334.533 259.237 335.623
+        253.035C335.862 251.656 336.022 250.849 336.022 250.849C339.387 248.659 360.187 243.752 360.759 246.336C360.829 246.642 360.852
+        247.582 360.843 249.005H360.838Z"
+    ></path>
+
+    <path
+      :fill="primaryActiveColorWithFallback"
+      d="M379.674 300.624C372.422 298.727 365.276 296.621 358.387 294.404C359.078 287.87 360.009 271.845 360.497
+        260.066C360.24 270.767 360.572 284.878 365.675 289.958C370.041 294.307 375.76 298.19 379.674 300.62V300.624Z"
+    ></path>
+
+    <path
+      :fill="primaryActiveColorWithFallback"
+      d="M346.275 287.755C348.78 287.755 350.81 285.724 350.81 283.22C350.81 280.715 348.78 278.685 346.275
+        278.685C343.771 278.685 341.74 280.715 341.74 283.22C341.74 285.724 343.771 287.755 346.275 287.755Z"
+    ></path>
+
+    <path
+      d="M333.876 285.68C330.387 284.31 327.054 282.941 323.906 281.589C325.963 281.376 327.861 280.999 328.96
+        280.343C332.28 278.361 329.683 262.362 335.623 253.031C334.528 259.237 331.744 277.062 333.876 285.676V285.68Z"
+      fill="#EAAA79"
+    ></path>
+
+    <circle
+      cx="329"
+      cy="81"
+      r="7"
+      fill="#FCA573"
+    ></circle>
+
+    <circle
+      cx="298"
+      cy="85"
+      r="7"
+      fill="#FCA573"
+    ></circle>
+
+    <path
+      d="M303.9 93.8193C308.661 102.29 319.903 113.763 326.79 91.8852C321.479 97.2333 310.034 98.2004 303.9 93.8193Z"
+      fill="white"
+    ></path>
+
+    <path
+      d="M303.9 93.8193C308.661 102.29 319.903 113.763 326.79 91.8852C321.561 98.2062 309.357 100.964 303.9 93.8193Z"
+      fill="#FE9661"
+    ></path>
+
+    <ellipse
+      cx="320.545"
+      cy="63.0187"
+      rx="2.5"
+      ry="6"
+      transform="rotate(0.433469 320.545 63.0187)"
+      fill="#232426"
+    ></ellipse>
+
+    <ellipse
+      cx="302.184"
+      cy="64.9246"
+      rx="2.34622"
+      ry="5.63093"
+      transform="rotate(-8.84128 302.184 64.9246)"
+      fill="#232426"
+    ></ellipse>
+  </svg>
+</template>