@blockspoon/cert-badge-renderer 1.0.22 → 1.0.23

package/dist/esm/templates/ribbons/RibbonWing15.js

@@ -0,0 +1,65 @@
+export function createRibbonWing14({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
+    return `
+    <svg
+      width="100%"
+      height="100%"
+      viewBox="0 0 392 149"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      preserveAspectRatio="xMidYMid meet"
+      style="
+        width: 100%;
+        height: 100%;
+        max-width: 100%;
+        max-height: 100%;
+        z-index: 1;
+        mix-blend-mode: normal;
+        pointer-events: none;
+        display: block;
+      "
+    >
+      <g opacity="0.4">
+        <path
+          d="M68.6939 19.8827C67.9137 19.3928 66.3214 10.3248 53.9238 11.6902C54.4545 15.1242 58.7368 18.6988 62.0074 19.665L62.0074 19.9916L56.7272 20.6358C54.1551 16.3853 48.943 14.3303 44.1164 15.0289C39.8115 15.6504 40.1381 16.3127 41.2041 17.6146C42.9324 19.724 47.1058 22.0284 49.9319 22.0329L49.9319 22.3595L44.6517 24.0833C40.4511 19.411 32.6577 19.6741 27.9446 23.3258C35.4838 30.6473 43.4813 23.8565 34.3044 30.0122C28.4163 26.7733 21.9431 27.9664 17.4884 33.0289C20.2284 35.3696 25.4224 35.6554 28.6976 34.104L28.9153 34.3217L24.9279 38.3091C21.0222 37.0072 16.2319 37.6967 13.0747 40.4638C12.308 41.1307 8.93757 44.991 9.84029 45.7486C11.056 46.7647 17.992 45.7713 20.7228 43.485C17.9602 48.8423 15.3156 48.8741 13.1745 51.5686C11.2556 53.9865 10.2531 59.5615 11.7727 62.2425C16.9804 59.6749 19.6296 55.429 19.2122 49.6316C29.7772 32.3167 46.8427 21.8832 66.648 22.1282C67.8683 22.1418 68.8209 21.0894 68.6848 19.8827L68.6939 19.8827Z"
+          fill="${mainColor}"
+        />
+        <path
+          d="M45.8411 26.9958C39.2182 28.5926 36.51 34.8663 38.9415 41.0084C44.1627 38.4544 47.1521 32.7161 45.8411 26.9958Z"
+          fill="${mainColor}"
+        />
+        <path
+          d="M24.2837 58.0303C28.4344 53.8886 29.3099 47.1886 25.5765 42.5117C20.573 46.4446 19.8835 53.367 24.2837 58.0303Z"
+          fill="${mainColor}"
+        />
+        <path
+          d="M30.8613 48.4429C35.697 44.9499 37.3028 38.7897 34.9576 33.3507C34.0639 32.9288 25.3044 39.4747 30.8613 48.4429Z"
+          fill="${mainColor}"
+        />
+        <path
+          d="M57.918 23.3291C47.5481 24.0186 47.4937 34.8693 48.4327 35.4001C53.722 34.1299 58.535 28.8633 57.918 23.3291Z"
+          fill="${mainColor}"
+        />
+        <path
+          d="M183.528 19.8827C184.308 19.3928 185.9 10.3248 198.298 11.6902C197.767 15.1242 193.485 18.6988 190.214 19.665L190.214 19.9916L195.494 20.6358C198.067 16.3853 203.279 14.3303 208.105 15.0289C212.41 15.6504 212.084 16.3127 211.018 17.6146C209.289 19.724 205.116 22.0284 202.29 22.0329L202.29 22.3595L207.57 24.0833C211.771 19.411 219.564 19.6741 224.277 23.3258C216.738 30.6473 208.74 23.8565 217.917 30.0122C223.805 26.7733 230.279 27.9664 234.733 33.0289C231.993 35.3696 226.799 35.6554 223.524 34.104L223.306 34.3217L227.294 38.3091C231.199 37.0072 235.99 37.6967 239.147 40.4638C239.914 41.1306 243.284 44.991 242.381 45.7486C241.166 46.7647 234.23 45.7713 231.499 43.485C234.261 48.8423 236.906 48.8741 239.047 51.5686C240.966 53.9864 241.969 59.5615 240.449 62.2425C235.241 59.6749 232.592 55.429 233.009 49.6316C222.444 32.3167 205.379 21.8832 185.574 22.1282C184.353 22.1418 183.401 21.0894 183.537 19.8827L183.528 19.8827Z"
+          fill="${mainColor}"
+        />
+        <path
+          d="M206.381 26.9958C213.003 28.5926 215.712 34.8663 213.28 41.0084C208.059 38.4544 205.07 32.7161 206.381 26.9958Z"
+          fill="${mainColor}"
+        />
+        <path
+          d="M227.938 58.0312C223.788 53.8896 222.912 47.1895 226.646 42.5126C231.649 46.4456 232.339 53.368 227.938 58.0312Z"
+          fill="${mainColor}"
+        />
+        <path
+          d="M221.36 48.4429C216.525 44.9499 214.919 38.7897 217.264 33.3507C218.158 32.9288 226.917 39.4747 221.36 48.4429Z"
+          fill="${mainColor}"
+        />
+        <path
+          d="M194.304 23.3291C204.674 24.0186 204.728 34.8693 203.789 35.4001C198.5 34.1299 193.687 28.8633 194.304 23.3291Z"
+          fill="${mainColor}"
+        />
+      </g>
+    </svg>
+  `;
+}

package/dist/esm/templates/ribbons/RibbonWing16.d.ts

@@ -0,0 +1,2 @@
+import { ISvgProps } from "../../interface/index.js";
+export declare function createRibbonWing14({ mainColor, subColor, }: ISvgProps): string;

package/dist/esm/templates/ribbons/RibbonWing16.js

@@ -0,0 +1,65 @@
+export function createRibbonWing14({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
+    return `
+    <svg
+      width="100%"
+      height="100%"
+      viewBox="0 0 392 149"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      preserveAspectRatio="xMidYMid meet"
+      style="
+        width: 100%;
+        height: 100%;
+        max-width: 100%;
+        max-height: 100%;
+        z-index: 1;
+        mix-blend-mode: normal;
+        pointer-events: none;
+        display: block;
+      "
+    >
+      <g opacity="0.6">
+        <path
+          d="M123.688 43.3594C122.512 42.3234 122.321 26.6651 101.136 25.564C101.087 31.4739 107.297 38.6466 112.523 41.1637L112.434 41.712L103.393 41.3482C100.239 33.5089 92.0518 28.6327 83.7582 28.4844C76.3614 28.3493 76.7285 29.5505 78.1617 32.0278C80.4856 36.0419 86.8607 41.0526 91.6037 41.8337L91.5143 42.382L82.1786 43.8305C76.4059 34.8373 63.2512 33.1459 54.3397 37.986C64.992 52.3402 80.276 43.1294 63.1859 50.9513C54.1881 43.9025 42.9949 44.1335 34.1313 51.4127C38.0902 56.0919 46.7311 57.9933 52.6538 56.2854L52.9597 56.7105L45.1748 62.3128C38.9746 59.0583 30.7444 58.9046 24.687 62.6856C23.2175 63.5952 16.5029 69.1531 17.811 70.6719C19.5737 72.7104 31.489 72.9411 36.699 69.8506C30.5951 78.0878 26.1469 77.4173 21.8151 81.3546C17.9321 84.8882 14.7233 93.9727 16.5406 98.8891C25.9854 96.0043 31.5947 89.6017 32.4808 79.7555C54.9554 53.5806 86.4588 40.7369 119.639 46.5688C121.684 46.9257 123.571 45.4197 123.673 43.3569L123.688 43.3594Z"
+          fill="${mainColor}"
+        />
+        <path
+          d="M83.3778 49.0449C71.8228 49.9127 65.5595 59.703 67.9601 70.6793C77.424 67.8211 84.0129 59.0063 83.3778 49.0449Z"
+          fill="${mainColor}"
+        />
+        <path
+          d="M38.6953 95.2432C46.7966 89.4267 50.1002 78.4189 45.1131 69.546C35.6372 74.7787 32.5851 86.2106 38.6953 95.2432Z"
+          fill="${mainColor}"
+        />
+        <path
+          d="M52.3614 80.9479C61.4351 76.4079 65.8169 66.5062 63.3686 56.7339C61.9839 55.7811 45.4876 64.3721 52.3614 80.9479Z"
+          fill="${mainColor}"
+        />
+        <path
+          d="M104.655 46.1951C87.0584 44.5143 83.9971 62.7146 85.4282 63.8626C94.655 63.1781 104.176 55.6543 104.655 46.1951Z"
+          fill="${mainColor}"
+        />
+        <path
+          d="M225.83 43.3594C227.006 42.3234 227.197 26.6651 248.382 25.564C248.431 31.4739 242.221 38.6466 236.995 41.1637L237.084 41.712L246.125 41.3482C249.279 33.5089 257.466 28.6327 265.76 28.4844C273.157 28.3493 272.79 29.5505 271.356 32.0278C269.032 36.0419 262.657 41.0526 257.914 41.8337L258.004 42.382L267.34 43.8305C273.112 34.8373 286.267 33.1459 295.178 37.986C284.526 52.3402 269.242 43.1294 286.332 50.9513C295.33 43.9025 306.523 44.1335 315.387 51.4127C311.428 56.0919 302.787 57.9933 296.864 56.2854L296.558 56.7105L304.343 62.3128C310.543 59.0583 318.774 58.9046 324.831 62.6856C326.301 63.5952 333.015 69.1531 331.707 70.6719C329.944 72.7104 318.029 72.9411 312.819 69.8506C318.923 78.0878 323.371 77.4173 327.703 81.3546C331.586 84.8882 334.795 93.9727 332.977 98.8891C323.533 96.0043 317.923 89.6017 317.037 79.7555C294.563 53.5806 263.059 40.7369 229.879 46.5688C227.834 46.9257 225.947 45.4197 225.845 43.3569L225.83 43.3594Z"
+          fill="${mainColor}"
+        />
+        <path
+          d="M266.14 49.0449C277.695 49.9127 283.959 59.703 281.558 70.6793C272.094 67.8211 265.505 59.0063 266.14 49.0449Z"
+          fill="${mainColor}"
+        />
+        <path
+          d="M310.823 95.2432C302.721 89.4267 299.418 78.4189 304.405 69.546C313.881 74.7787 316.933 86.2106 310.823 95.2432Z"
+          fill="${mainColor}"
+        />
+        <path
+          d="M297.157 80.9479C288.083 76.4079 283.701 66.5062 286.149 56.7339C287.534 55.7811 304.03 64.3721 297.157 80.9479Z"
+          fill="${mainColor}"
+        />
+        <path
+          d="M244.863 46.1951C262.46 44.5143 265.521 62.7146 264.09 63.8626C254.863 63.1781 245.342 55.6543 244.863 46.1951Z"
+          fill="${mainColor}"
+        />
+      </g>
+    </svg>
+  `;
+}

package/dist/esm/templates/ribbons/RibbonWing17.d.ts

@@ -0,0 +1,2 @@
+import { ISvgProps } from "../../interface/index.js";
+export declare function createRibbonWing14({ mainColor, subColor, }: ISvgProps): string;

package/dist/esm/templates/ribbons/RibbonWing17.js

@@ -0,0 +1,63 @@
+export function createRibbonWing14({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
+    return `
+    <svg
+      width="100%"
+      height="100%"
+      viewBox="0 0 392 149"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      preserveAspectRatio="xMidYMid meet"
+      style="
+        width: 100%;
+        height: 100%;
+        max-width: 100%;
+        max-height: 100%;
+        z-index: 1;
+        mix-blend-mode: normal;
+        pointer-events: none;
+        display: block;
+      "
+    >
+      <path
+        d="M279.209 92.8479C280.637 93.4913 285.436 108.398 306.004 103.205C304.309 97.543 296.26 92.5197 290.525 91.6548L290.448 91.1046L299.194 88.7874C304.519 95.3485 313.78 97.5947 321.749 95.2917C328.857 93.2403 328.152 92.2006 326.052 90.2559C322.648 87.1053 315.079 84.1965 310.317 84.8481L310.241 84.2979L318.735 80.1618C326.902 87.0537 339.971 84.7923 347.059 77.5403C332.649 66.964 320.759 80.2709 334.784 67.7588C345.46 71.842 356.088 68.3218 362.412 58.7533C357.25 55.4489 348.432 56.1792 343.276 59.5571L342.858 59.241L348.646 51.5929C355.53 52.8751 363.44 50.5959 368.114 45.1973C369.25 43.8949 374.028 36.6047 372.33 35.539C370.045 34.1107 358.591 37.4025 354.523 41.8916C357.928 32.2211 362.376 31.5506 365.355 26.5113C368.024 21.9901 368.412 12.3634 365.226 8.20111C357.051 13.7418 353.579 21.5134 355.634 31.1833C341.874 62.8202 315.557 84.3796 282.132 88.5875C280.072 88.8493 278.713 90.8446 279.224 92.8458L279.209 92.8479Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M316.052 75.5325C326.837 71.2972 329.936 60.0956 324.407 50.3147C316.206 55.8356 312.508 66.201 316.052 75.5325Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M345.13 18.2158C339.104 26.1619 339.192 37.6544 346.573 44.663C354.085 36.8695 353.632 25.0459 345.13 18.2158Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M336.285 35.9047C328.953 42.9177 327.685 53.6711 332.905 62.2875C334.509 62.7898 347.74 49.7178 336.285 35.9047Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M296.56 84.5277C313.87 80.9467 311.43 62.6528 309.724 61.9777C301.109 65.3516 294.229 75.3476 296.56 84.5277Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M108.599 92.8479C107.17 93.4913 102.372 108.398 81.8028 103.205C83.4981 97.543 91.5467 92.5197 97.2825 91.6548L97.3587 91.1046L88.6129 88.7874C83.2879 95.3485 74.0271 97.5947 66.0583 95.2917C58.9504 93.2403 59.6552 92.2006 61.7549 90.2559C65.1589 87.1053 72.7278 84.1965 77.4902 84.8481L77.5664 84.2979L69.0725 80.1618C60.9053 87.0537 47.8366 84.7923 40.7478 77.5403C55.158 66.964 67.0478 80.2709 53.0228 67.7588C42.347 71.842 31.7193 68.3218 25.3952 58.7533C30.5575 55.4489 39.375 56.1792 44.5311 59.5571L44.9487 59.241L39.1611 51.5929C32.277 52.8751 24.3672 50.5959 19.6935 45.1973C18.5575 43.8949 13.7796 36.6047 15.4772 35.539C17.7625 34.1107 29.2164 37.4025 33.2839 41.8916C29.8793 32.2211 25.4311 31.5506 22.4524 26.5113C19.7836 21.9901 19.3952 12.3634 22.581 8.20111C30.7558 13.7418 34.2285 21.5134 32.1729 31.1833C45.933 62.8202 72.2506 84.3796 105.676 88.5875C107.735 88.8493 109.094 90.8446 108.583 92.8458L108.599 92.8479Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M71.7555 75.5325C60.9697 71.2972 57.8707 60.0956 63.4001 50.3147C71.601 55.8356 75.2987 66.201 71.7555 75.5325Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M42.6767 18.2158C48.7035 26.1619 48.6155 37.6544 41.2344 44.663C33.7221 36.8695 34.1754 25.0459 42.6767 18.2158Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M51.5218 35.9047C58.8539 42.9177 60.1223 53.6711 54.9021 62.2875C53.2981 62.7898 40.0672 49.7178 51.5218 35.9047Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M91.2475 84.5277C73.9372 80.9467 76.377 62.6528 78.0828 61.9777C86.6978 65.3516 93.578 75.3476 91.2475 84.5277Z"
+        fill="${mainColor}"
+      />
+    </svg>
+  `;
+}

package/dist/esm/templates/ribbons/RibbonWing2.d.ts

@@ -0,0 +1,2 @@
+import { ISvgProps } from "../../interface/index.js";
+export declare function createRibbonWing2({ mainColor, subColor, }: ISvgProps): string;

package/dist/esm/templates/ribbons/RibbonWing2.js

@@ -0,0 +1,63 @@
+export function createRibbonWing2({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
+    return `
+    <svg
+      width="100%"
+      height="100%"
+      viewBox="0 0 269 78"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      preserveAspectRatio="xMidYMid meet"
+      style="
+        width: 100%;
+        height: 100%;
+        max-width: 100%;
+        max-height: 100%;
+        z-index: 1;
+        mix-blend-mode: normal;
+        pointer-events: none;
+        display: block;
+      "
+    >
+      <path
+        d="M92.4558 29.4173C91.6384 28.6017 92.213 17.0766 76.6816 15.2993C76.3758 19.6437 80.6158 25.2026 84.3444 27.2926L84.2536 27.6918L77.6213 27.0114C75.6593 21.1017 69.8605 17.1415 63.7674 16.6536C58.3334 16.2166 58.5485 17.1168 59.4895 19.0042C61.0154 22.0626 65.4754 26.039 68.928 26.8301L68.8373 27.2293L61.9049 27.8683C58.0698 20.9903 48.4721 19.1457 41.6968 22.2985C48.8759 33.3422 60.5375 27.2658 47.6109 32.2382C41.3151 26.6431 33.0721 26.3019 26.2207 31.2508C28.9187 34.8731 35.1872 36.6661 39.6212 35.6804L39.8268 36.0071L33.8452 39.7719C29.4337 37.0952 23.3876 36.6063 18.7598 39.1106C17.6375 39.7125 12.4452 43.4936 13.3379 44.6704C14.5413 46.2501 23.2942 46.9639 27.2672 44.9288C22.4018 50.7084 19.1608 50.0121 15.795 52.7101C12.7779 55.1317 10.003 61.6667 11.115 65.3656C18.1932 63.6752 22.6112 59.2223 23.7125 52.0211C41.4375 33.7962 65.1942 25.7885 89.3313 31.5929C90.8189 31.9488 92.2756 30.9273 92.4447 29.4148L92.4558 29.4173Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M62.5493 31.7564C54.0112 31.8669 48.9576 38.7816 50.2219 46.964C57.313 45.294 62.5615 39.1118 62.5493 31.7564Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M27.5801 63.6966C33.8041 59.7886 36.7364 51.8434 33.4737 45.0898C26.2654 48.5057 23.4986 56.7743 27.5801 63.6966Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M38.2785 53.8072C45.1593 50.8824 48.8342 43.8 47.4798 36.5008C46.5049 35.7368 33.9799 41.302 38.2785 53.8072Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M78.3291 30.6345C65.4638 28.5948 62.3812 41.841 63.3812 42.7506C70.1986 42.6685 77.5447 37.5697 78.3291 30.6345Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M176.116 29.4173C176.934 28.6017 176.359 17.0766 191.891 15.2993C192.196 19.6436 187.957 25.2026 184.228 27.2926L184.319 27.6918L190.951 27.0114C192.913 21.1017 198.712 17.1414 204.805 16.6536C210.239 16.2166 210.024 17.1168 209.083 19.0042C207.557 22.0626 203.097 26.039 199.644 26.8301L199.735 27.2292L206.667 27.8683C210.502 20.9903 220.1 19.1457 226.875 22.2985C219.696 33.3422 208.035 27.2658 220.961 32.2382C227.257 26.6431 235.5 26.3019 242.352 31.2508C239.654 34.8731 233.385 36.6661 228.951 35.6804L228.746 36.0071L234.727 39.7719C239.139 37.0952 245.185 36.6063 249.813 39.1106C250.935 39.7125 256.127 43.4936 255.234 44.6704C254.031 46.2502 245.278 46.9639 241.305 44.9288C246.17 50.7084 249.411 50.0121 252.777 52.7101C255.794 55.1317 258.569 61.6667 257.457 65.3656C250.379 63.6752 245.961 59.2223 244.86 52.0211C227.135 33.7962 203.378 25.7884 179.241 31.5929C177.753 31.9487 176.297 30.9273 176.128 29.4148L176.116 29.4173Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M206.023 31.7564C214.561 31.8669 219.615 38.7816 218.35 46.964C211.259 45.294 206.011 39.1118 206.023 31.7564Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M240.992 63.6966C234.768 59.7886 231.836 51.8434 235.099 45.0898C242.307 48.5057 245.074 56.7743 240.992 63.6966Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M230.294 53.8072C223.413 50.8824 219.738 43.8 221.092 36.5008C222.067 35.7368 234.592 41.302 230.294 53.8072Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M190.243 30.6345C203.109 28.5948 206.191 41.841 205.191 42.7506C198.374 42.6685 191.028 37.5697 190.243 30.6345Z"
+        fill="${mainColor}"
+      />
+    </svg>
+  `;
+}

package/dist/esm/templates/ribbons/RibbonWing3.d.ts

@@ -0,0 +1,2 @@
+import { ISvgProps } from "../../interface/index.js";
+export declare function createRibbonWing3({ mainColor, subColor, }: ISvgProps): string;

package/dist/esm/templates/ribbons/RibbonWing3.js

@@ -0,0 +1,79 @@
+export function createRibbonWing3({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
+    return `
+    <svg
+      width="100%"
+      height="100%"
+      viewBox="0 0 302 128"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      preserveAspectRatio="xMidYMid meet"
+      style="
+        width: 100%;
+        height: 100%;
+        max-width: 100%;
+        max-height: 100%;
+        z-index: 1;
+        mix-blend-mode: normal;
+        pointer-events: none;
+        display: block;
+      "
+    >
+      <path
+        d="M105.168 97.4654C103.766 98.0627 98.8037 112.464 78.9028 107.006C80.6639 101.534 88.5911 96.8078 94.1865 96.0805L94.2716 95.5469L85.812 93.1199C80.503 99.3952 71.452 101.396 63.7477 98.998C56.8757 96.8619 57.5818 95.8648 59.6624 94.0152C63.0354 91.0186 70.4541 88.3398 75.0729 89.0681L75.1579 88.5345L66.9793 84.3435C58.8997 90.8841 46.2348 88.4255 39.4846 81.2321C53.7089 71.2321 65.008 84.4094 51.6165 71.9627C41.1529 75.7219 30.8869 72.0875 24.9264 62.6564C30.0124 59.5452 38.5733 60.4303 43.5207 63.8177L43.9331 63.5186L38.4562 55.9657C31.7358 57.0762 24.0884 54.7026 19.6502 49.3595C18.5712 48.0704 14.0692 40.8856 15.7413 39.8828C17.9922 38.5391 29.0662 41.9678 32.9329 46.4142C29.8137 36.9418 25.5009 36.2015 22.704 31.2415C20.1983 26.7915 20.0115 17.4215 23.1924 13.4367C31.0327 18.9874 34.2559 26.6145 32.0648 35.9781C44.8194 67.019 69.9865 88.5085 102.41 93.264C104.407 93.5594 105.69 95.5269 105.153 97.463L105.168 97.4654Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M69.6778 79.9012C59.2723 75.5682 56.4806 64.6127 62.0522 55.2102C69.9183 60.7422 73.3089 70.8963 69.6778 79.9012Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M42.543 23.5746C48.2466 31.422 47.9329 42.5971 40.6155 49.2668C33.4642 41.5382 34.1396 30.0484 42.543 23.5746Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M50.7887 40.9527C57.7804 47.9186 58.8005 58.4018 53.5528 66.678C51.9828 67.1346 39.3747 54.1592 50.7887 40.9527Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M88.4609 89.0288C71.6971 85.2027 74.4328 67.4596 76.1052 66.8369C84.4167 70.2891 90.9096 80.147 88.4609 89.0288Z"
+        fill="${mainColor}"
+      />
+      <ellipse
+        cx="2.50028"
+        cy="2.50028"
+        rx="2.50028"
+        ry="2.50028"
+        transform="matrix(0.92806 0.372431 0.372431 -0.92806 112.18 95.4478)"
+        fill="${mainColor}"
+      />
+      <path
+        d="M196.355 97.4654C197.758 98.0627 202.72 112.464 222.621 107.006C220.86 101.534 212.932 96.8078 207.337 96.0805L207.252 95.5469L215.711 93.1199C221.02 99.3951 230.071 101.396 237.776 98.998C244.648 96.8619 243.942 95.8648 241.861 94.0152C238.488 91.0186 231.069 88.3398 226.451 89.0681L226.366 88.5345L234.544 84.3435C242.624 90.8841 255.289 88.4254 262.039 81.232C247.815 71.2321 236.515 84.4094 249.907 71.9627C260.371 75.7219 270.637 72.0875 276.597 62.6564C271.511 59.5452 262.95 60.4303 258.003 63.8177L257.59 63.5186L263.067 55.9657C269.788 57.0762 277.435 54.7026 281.873 49.3595C282.952 48.0704 287.454 40.8856 285.782 39.8828C283.531 38.5391 272.457 41.9678 268.591 46.4142C271.71 36.9418 276.023 36.2014 278.819 31.2415C281.325 26.7915 281.512 17.4215 278.331 13.4367C270.491 18.9874 267.268 26.6145 269.459 35.9781C256.704 67.019 231.537 88.5085 199.113 93.264C197.116 93.5594 195.834 95.5269 196.37 97.463L196.355 97.4654Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M231.846 79.9012C242.251 75.5682 245.043 64.6127 239.471 55.2102C231.605 60.7422 228.215 70.8963 231.846 79.9012Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M258.979 23.5746C253.275 31.422 253.589 42.5971 260.906 49.2667C268.057 41.5382 267.382 30.0484 258.979 23.5746Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M250.735 40.9527C243.743 47.9186 242.723 58.4018 247.971 66.678C249.541 67.1346 262.149 54.1592 250.735 40.9527Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M213.063 89.0288C229.826 85.2027 227.091 67.4596 225.418 66.8369C217.107 70.2891 210.614 80.147 213.063 89.0288Z"
+        fill="${mainColor}"
+      />
+      <ellipse
+        cx="186.094"
+        cy="94.055"
+        rx="2.50028"
+        ry="2.50028"
+        transform="rotate(158.134 186.094 94.055)"
+        fill="${mainColor}"
+      />
+    </svg>
+  `;
+}

package/dist/esm/templates/ribbons/RibbonWing4.d.ts

@@ -0,0 +1,2 @@
+import { ISvgProps } from "../../interface/index.js";
+export declare function createRibbonWing4({ mainColor, subColor, }: ISvgProps): string;

package/dist/esm/templates/ribbons/RibbonWing4.js

@@ -0,0 +1,91 @@
+export function createRibbonWing4({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
+    return `
+    <svg
+      width="100%"
+      height="100%"
+      viewBox="0 0 407 151"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      preserveAspectRatio="xMidYMid meet"
+      style="
+        width: 100%;
+        height: 100%;
+        max-width: 100%;
+        max-height: 100%;
+        z-index: 1;
+        mix-blend-mode: normal;
+        pointer-events: none;
+        display: block;
+      "
+    >
+      <path
+        d="M282.418 52.1738C283.653 51.2744 285.252 36.0939 305.914 36.9373C305.428 42.6778 298.753 49.079 293.453 51.0505L293.49 51.5907L302.298 52.0535C306.067 44.7295 314.453 40.7356 322.516 41.3402C329.708 41.8768 329.243 43.0095 327.629 45.2846C325.011 48.9708 318.371 53.2588 313.697 53.5888L313.734 54.1291L322.664 56.3776C329.079 48.1699 342 47.7156 350.212 53.2177C338.578 66.1882 324.574 55.8688 340.456 65.0032C349.825 58.9739 360.668 60.2084 368.614 68.0734C364.35 72.2578 355.791 73.3233 350.197 71.131L349.861 71.516L356.912 77.6562C363.223 75.057 371.225 75.6507 376.763 79.8673C378.108 80.8827 384.123 86.8832 382.716 88.2393C380.821 90.0587 369.236 89.2072 364.458 85.7373C369.639 94.2832 374.017 94.0339 377.866 98.2463C381.316 102.026 383.61 111.133 381.403 115.741C372.496 112.089 367.629 105.368 367.658 95.7316C348.207 68.298 318.789 52.9886 286.059 55.6543C284.042 55.8161 282.346 54.1841 282.433 52.1728L282.418 52.1738Z"
+        fill="${mainColor}"
+        fill-opacity="0.4"
+      />
+      <path
+        d="M321.03 61.3277C332.167 63.2129 337.362 73.2806 334.042 83.7173C325.114 80.089 319.514 70.9388 321.03 61.3277Z"
+        fill="${mainColor}"
+        fill-opacity="0.4"
+      />
+      <path
+        d="M360.223 110.202C352.885 103.826 350.672 92.8436 356.313 84.6818C365.038 90.6159 366.968 101.987 360.223 110.202Z"
+        fill="${mainColor}"
+        fill-opacity="0.4"
+      />
+      <path
+        d="M348.254 95.0963C339.857 89.8708 336.498 79.8648 339.756 70.6009C341.186 69.8011 356.422 79.6283 348.254 95.0963Z"
+        fill="${mainColor}"
+        fill-opacity="0.4"
+      />
+      <path
+        d="M300.634 56.6466C317.864 56.6035 319.193 74.5447 317.7 75.5298C308.807 74.0326 300.245 65.8708 300.634 56.6466Z"
+        fill="${mainColor}"
+        fill-opacity="0.4"
+      />
+      <ellipse
+        cx="3.3407"
+        cy="3.3407"
+        rx="3.3407"
+        ry="3.3407"
+        transform="matrix(-0.988053 -0.154118 -0.154118 0.988053 276.027 55.7272)"
+        fill="${mainColor}"
+        fill-opacity="0.4"
+      />
+      <path
+        d="M123.75 52.1738C122.515 51.2744 120.916 36.0939 100.254 36.9373C100.74 42.6778 107.415 49.079 112.715 51.0505L112.677 51.5907L103.87 52.0535C100.101 44.7295 91.7146 40.7356 83.6516 41.3402C76.4601 41.8768 76.9248 43.0095 78.5394 45.2846C81.1574 48.9708 87.7972 53.2588 92.4711 53.5888L92.4339 54.1291L83.5035 56.3776C77.0889 48.1699 64.1685 47.7156 55.9559 53.2177C67.5904 66.1882 81.5936 55.8688 65.7121 65.0032C56.3427 58.9739 45.4996 60.2084 37.5537 68.0734C41.8184 72.2578 50.3769 73.3233 55.9712 71.131L56.3065 71.516L49.2562 77.6562C42.9446 75.057 34.9426 75.6507 29.4046 79.8673C28.0604 80.8827 22.045 86.8832 23.4516 88.2393C25.3465 90.0587 36.9322 89.2072 41.71 85.7373C36.5291 94.2832 32.1512 94.0339 28.3022 98.2463C24.8524 102.026 22.5578 111.133 24.7654 115.741C33.672 112.089 38.5385 105.368 38.5099 95.7316C57.961 68.298 87.3786 52.9886 120.109 55.6543C122.126 55.8161 123.822 54.1841 123.735 52.1728L123.75 52.1738Z"
+        fill="${mainColor}"
+        fill-opacity="0.4"
+      />
+      <path
+        d="M85.138 61.3277C74.0011 63.2129 68.8057 73.2806 72.1263 83.7173C81.0539 80.089 86.6535 70.9388 85.138 61.3277Z"
+        fill="${mainColor}"
+        fill-opacity="0.4"
+      />
+      <path
+        d="M45.9453 110.202C53.2834 103.826 55.4962 92.8436 49.8549 84.6818C41.1301 90.6159 39.1995 101.987 45.9453 110.202Z"
+        fill="${mainColor}"
+        fill-opacity="0.4"
+      />
+      <path
+        d="M57.914 95.0963C66.3111 89.8708 69.6703 79.8648 66.412 70.6009C64.982 69.8011 49.7463 79.6283 57.914 95.0963Z"
+        fill="${mainColor}"
+        fill-opacity="0.4"
+      />
+      <path
+        d="M105.534 56.6466C88.3036 56.6035 86.9751 74.5447 88.4677 75.5298C97.3613 74.0326 105.923 65.8708 105.534 56.6466Z"
+        fill="${mainColor}"
+        fill-opacity="0.4"
+      />
+      <ellipse
+        cx="133.956"
+        cy="58.5131"
+        rx="3.3407"
+        ry="3.3407"
+        transform="rotate(-8.86564 133.956 58.5131)"
+        fill="${mainColor}"
+        fill-opacity="0.4"
+      />
+    </svg>
+  `;
+}

package/dist/esm/templates/ribbons/RibbonWing5.d.ts

@@ -0,0 +1,2 @@
+import { ISvgProps } from "../../interface/index.js";
+export declare function createRibbonWing5({ mainColor, subColor, }: ISvgProps): string;

package/dist/esm/templates/ribbons/RibbonWing5.js

@@ -0,0 +1,63 @@
+export function createRibbonWing5({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
+    return `
+    <svg
+      width="100%"
+      height="100%"
+      viewBox="0 0 200 57"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      preserveAspectRatio="xMidYMid meet"
+      style="
+        width: 100%;
+        height: 100%;
+        max-width: 100%;
+        max-height: 100%;
+        z-index: 1;
+        mix-blend-mode: normal;
+        pointer-events: none;
+        display: block;
+      "
+    >
+      <path
+        d="M12.7422 55.4097C12.5491 54.4792 4.35544 49.6795 10.1331 38.1855C13.2619 39.9333 15.1778 45.3582 14.9359 48.8675L15.2516 48.9849L17.7729 44.112C14.5887 40.0973 14.4762 34.3197 16.887 29.9049C19.0356 25.9667 19.5584 26.5206 20.4337 28.0193C21.8514 30.4485 22.5786 35.3115 21.5669 38.0452L21.8826 38.1626L25.4476 33.678C22.441 27.9372 25.4975 20.4979 30.7224 17.2545C35.0894 27.1754 25.6491 32.465 34.8996 25.8069C33.8856 18.9502 37.3664 13.1214 43.8621 10.6352C45.1397 14.1256 43.5485 19.2495 40.8711 21.8579L41.0033 22.1467L46.2916 19.7257C46.4374 15.4818 48.8263 11.0989 52.6366 9.04165C53.5569 8.54029 58.5006 6.67004 58.9084 7.8151C59.4536 9.35571 55.9993 15.7036 52.8072 17.5215C58.9796 16.7772 59.9612 14.2319 63.3359 13.1309C66.3632 12.1453 72.1132 13.1807 74.1585 15.6137C69.804 19.7249 64.7468 20.7592 59.2924 18.2713C38.7551 22.2589 22.5329 35.005 15.6485 54.2393C15.2229 55.4238 13.863 55.9663 12.7455 55.4009L12.7422 55.4097Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M27.8365 35.8754C31.7615 30.047 38.8001 29.6847 43.8635 34.2437C39.5173 38.3729 32.895 39.1995 27.8365 35.8754Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M65.5898 26.1902C60.0937 28.7136 53.3018 27.1509 50.1229 21.8602C55.724 18.4374 62.6639 20.2598 65.5898 26.1902Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M53.9565 29.1064C48.8411 32.5252 42.3085 31.8626 37.8938 27.6398C37.8073 26.6242 47.2848 20.5098 53.9565 29.1064Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M19.9457 46.2331C24.3409 36.4562 34.8501 40.3051 35.0255 41.4036C31.8958 46.0602 25.074 48.8194 19.9457 46.2331Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M186.32 55.4097C186.513 54.4792 194.707 49.6795 188.929 38.1855C185.8 39.9333 183.884 45.3582 184.126 48.8675L183.811 48.9849L181.289 44.112C184.473 40.0973 184.586 34.3197 182.175 29.9049C180.027 25.9667 179.504 26.5206 178.629 28.0193C177.211 30.4485 176.484 35.3115 177.495 38.0452L177.18 38.1626L173.615 33.678C176.621 27.9372 173.565 20.4979 168.34 17.2545C163.973 27.1754 173.413 32.465 164.163 25.8069C165.177 18.9502 161.696 13.1214 155.2 10.6352C153.922 14.1256 155.514 19.2495 158.191 21.8579L158.059 22.1467L152.771 19.7257C152.625 15.4818 150.236 11.0989 146.426 9.04165C145.505 8.54029 140.562 6.67004 140.154 7.8151C139.609 9.35571 143.063 15.7036 146.255 17.5215C140.083 16.7772 139.101 14.2319 135.727 13.1309C132.699 12.1453 126.949 13.1807 124.904 15.6137C129.258 19.7249 134.316 20.7592 139.77 18.2713C160.307 22.2589 176.529 35.005 183.414 54.2393C183.839 55.4238 185.199 55.9663 186.317 55.4009L186.32 55.4097Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M171.226 35.8754C167.301 30.047 160.262 29.6847 155.199 34.2437C159.545 38.3729 166.167 39.1995 171.226 35.8754Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M133.473 26.1902C138.969 28.7136 145.761 27.1509 148.94 21.8602C143.338 18.4374 136.398 20.2598 133.473 26.1902Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M145.106 29.1064C150.221 32.5252 156.754 31.8626 161.169 27.6398C161.255 26.6242 151.778 20.5098 145.106 29.1064Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M179.117 46.2331C174.722 36.4562 164.213 40.3051 164.037 41.4036C167.167 46.0602 173.989 48.8194 179.117 46.2331Z"
+        fill="${mainColor}"
+      />
+    </svg>
+  `;
+}

package/dist/esm/templates/ribbons/RibbonWing6.d.ts

@@ -0,0 +1,2 @@
+import { ISvgProps } from "../../interface/index.js";
+export declare function createRibbonWing6({ mainColor, subColor, }: ISvgProps): string;