@blockspoon/cert-badge-renderer 1.0.1

package/dist/templates/ribbons/RibbonType7_1.js

@@ -0,0 +1,110 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createRibbonType7_1 = createRibbonType7_1;
+function createRibbonType7_1({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
+    const paintId0 = `paint0_linear_${Math.random().toString(36).substr(2, 9)}`;
+    const paintId1 = `paint1_linear_${Math.random().toString(36).substr(2, 9)}`;
+    return `
+    <svg
+      width="100%"
+      height="100%"
+      viewBox="0 0 502 199"
+      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="M26.1447 0H495V170L11 35.5L26.1447 0Z" fill="white" />
+      <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M14.8398 6C7.10786 6 0.839844 12.268 0.839844 20V162C0.839844 162.03 0.839939 162.06 0.840128 162.09V182.635C1.93276 181.298 6.78412 176.901 17.4946 176H484.494C495.204 176.901 500.056 181.298 501.148 182.635V162.592C501.157 162.396 501.161 162.198 501.161 162V20C501.161 12.268 494.893 6 487.161 6H14.8398Z"
+        fill="url(#${paintId0})"
+      />
+      <path
+        d="M0.839844 25.1651C5.05834 19.9148 8.77052 18.8231 17.0894 18.9453H487.107C494.077 19.6574 497.205 21.2604 501.16 27.3069V167.679C496.025 163.48 489.896 162.805 476.177 162.941H14.0422C7.88738 163.423 5.08344 164.87 0.839844 168.689V25.1651Z"
+        fill="white"
+        fill-opacity="0.3"
+      />
+      <mask
+        id="mask0_2481_282"
+        style="mask-type: alpha"
+        maskUnits="userSpaceOnUse"
+        x="0"
+        y="6"
+        width="502"
+        height="170"
+      >
+        <path
+          d="M0.839844 20C0.839844 12.268 7.10786 6 14.8398 6H487.161C494.893 6 501.161 12.268 501.161 20V176H0.839844V20Z"
+          fill="url(#${paintId0})"
+        />
+      </mask>
+      <g mask="url(#mask0_2481_282)">
+        <path
+          d="M-0.107422 24.8841C4.22475 19.5386 7.41907 18.1694 14.1601 18.0085L483.561 18.0085C492.634 17.8688 496.914 19.3999 502.109 27"
+          stroke="white"
+          stroke-width="2"
+          stroke-linecap="round"
+        />
+        <path
+          d="M-0.751953 173.805C-0.125749 168.939 7.4186 163.83 14.1596 163.991L483.561 163.991C492.634 164.13 502.108 166.022 502.108 172.533"
+          stroke="white"
+          stroke-width="2"
+          stroke-linecap="round"
+        />
+      </g>
+      <path
+        d="M29.8435 198.084C15.0673 196.321 0.0959688 190.089 0.855885 182.644C4.09354 175.31 11.1137 175.994 21 176.034L25.5 188.034L29.8435 198.084Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M29.8435 198.084C15.0673 196.321 0.0959688 190.089 0.855885 182.644C4.09354 175.31 11.1137 175.994 21 176.034L25.5 188.034L29.8435 198.084Z"
+        fill="black"
+        fill-opacity="0.4"
+      />
+      <path
+        d="M472 198.084C486.776 196.321 501.748 190.089 500.988 182.644C497.75 175.31 490.73 175.994 480.844 176.034L476.344 188.034L472 198.084Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M472 198.084C486.776 196.321 501.748 190.089 500.988 182.644C497.75 175.31 490.73 175.994 480.844 176.034L476.344 188.034L472 198.084Z"
+        fill="black"
+        fill-opacity="0.4"
+      />
+      <defs>
+        <linearGradient
+          id="${paintId0}"
+          x1="6.9991"
+          y1="14"
+          x2="505.119"
+          y2="151.122"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stop-color="${mainColor}" />
+          <stop offset="1" stop-color="${subColor}" />
+        </linearGradient>
+        <linearGradient
+          id="${paintId1}"
+          x1="6.9991"
+          y1="14"
+          x2="505.119"
+          y2="151.122"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stop-color="${mainColor}" />
+          <stop offset="1" stop-color="${subColor}" />
+        </linearGradient>
+      </defs>
+    </svg>
+  `;
+}

package/dist/templates/ribbons/RibbonType8.d.ts

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

package/dist/templates/ribbons/RibbonType8.js

@@ -0,0 +1,104 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createRibbonType8 = createRibbonType8;
+function createRibbonType8({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
+    const paintId0 = `paint0_linear_${Math.random().toString(36).substr(2, 9)}`;
+    const paintId2 = `paint2_linear_${Math.random().toString(36).substr(2, 9)}`;
+    return `
+    <svg
+      width="100%"
+      height="100%"
+      viewBox="0 0 528 177"
+      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="M501.5 170.5L522 151L505 154C504.667 157.167 503.5 164.9 501.5 170.5Z"
+        fill="#FF1B64"
+      />
+      <path
+        opacity="0.4"
+        d="M501.5 170.5L522 151L505 154C504.833 155.667 504.4 159.5 504 161.5C503.6 163.5 502.167 168.333 501.5 170.5Z"
+        fill="black"
+      />
+      <path
+        d="M26.5 170.5L6 151L23 154C23.3333 157.167 24.5 164.9 26.5 170.5Z"
+        fill="#FF1B64"
+      />
+      <path
+        opacity="0.4"
+        d="M26.5 170.5L6 151L23 154C23.1667 155.667 23.6 159.5 24 161.5C24.4 163.5 25.8333 168.333 26.5 170.5Z"
+        fill="black"
+      />
+      <rect width="528" height="154" rx="14" fill="url(#${paintId0})" />
+      <rect
+        y="9.25781"
+        width="528"
+        height="135.59"
+        fill="url(#paint1_linear_2481_331)"
+        fill-opacity="0.3"
+      />
+      <mask
+        id="mask0_2481_331"
+        style="mask-type: alpha"
+        maskUnits="userSpaceOnUse"
+        x="0"
+        y="0"
+        width="528"
+        height="154"
+      >
+        <rect width="528" height="154" rx="14" fill="url(#${paintId2})" />
+      </mask>
+      <g mask="url(#mask0_2481_331)">
+        <path d="M-3 9H531" stroke="${mainColor}" stroke-width="3" />
+        <path d="M-3 145L531 145" stroke="${mainColor}" stroke-width="3" />
+      </g>
+      <defs>
+        <linearGradient
+          id="${paintId0}"
+          x1="-5.75303e-07"
+          y1="3.5"
+          x2="528"
+          y2="148"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stop-color="${mainColor}" />
+          <stop offset="1" stop-color="${subColor}" />
+        </linearGradient>
+        <linearGradient
+          id="paint1_linear_2481_331"
+          x1="264"
+          y1="9.25781"
+          x2="264"
+          y2="144.848"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop offset="0.34088" stop-color="white" />
+          <stop offset="1" stop-color="white" stop-opacity="0.5" />
+        </linearGradient>
+        <linearGradient
+          id="${paintId2}"
+          x1="-5.75303e-07"
+          y1="3.5"
+          x2="528"
+          y2="148"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stop-color="${mainColor}" />
+          <stop offset="1" stop-color="${subColor}" />
+        </linearGradient>
+      </defs>
+    </svg>
+  `;
+}

package/dist/templates/ribbons/RibbonWing1.d.ts

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

package/dist/templates/ribbons/RibbonWing1.js

@@ -0,0 +1,97 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createRibbonWing1 = createRibbonWing1;
+function createRibbonWing1({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
+    const paintId0 = `paint0_linear_${Math.random().toString(36).substr(2, 9)}`;
+    const paintId1 = `paint1_linear_${Math.random().toString(36).substr(2, 9)}`;
+    return `
+    <svg
+      width="100%"
+      height="100%"
+      viewBox="0 0 285 84"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      preserveAspectRatio="xMidYMid meet"
+      style="
+        width: 100%;
+        height: 100%;
+        object-fit: contain;
+        position: absolute;
+        left: 50%;
+        top: 50%;
+        transform: translate(-50%, -50%);
+        max-width: 100%;
+        max-height: 100%;
+        z-index: 1;
+        mix-blend-mode: normal;
+        pointer-events: none;
+        display: block;
+      "
+    >
+      <path
+        d="M184.111 51.6348C184.997 52.5183 184.374 65.0022 201.198 66.9274C201.529 62.2216 196.937 56.2001 192.898 53.9362L192.996 53.5039L200.18 54.2409C202.305 60.6423 208.587 64.932 215.187 65.4604C221.073 65.9338 220.84 64.9587 219.82 62.9142C218.168 59.6014 213.337 55.2942 209.597 54.4373L209.695 54.0049L217.204 53.3127C221.358 60.7628 231.754 62.761 239.093 59.3458C231.317 47.3834 218.685 53.9653 232.687 48.5792C239.507 54.6398 248.436 55.0094 255.857 49.6488C252.935 45.7251 246.145 43.7829 241.342 44.8506L241.119 44.4968L247.598 40.4187C252.377 43.3182 258.926 43.8477 263.939 41.1351C265.154 40.4831 270.779 36.3874 269.812 35.1128C268.508 33.4015 259.027 32.6284 254.723 34.8328C259.994 28.5724 263.504 29.3266 267.15 26.4041C270.418 23.7811 273.424 16.7024 272.219 12.6958C264.552 14.5268 259.767 19.3501 258.574 27.1505C239.374 46.8916 213.641 55.5656 187.496 49.2782C185.885 48.8927 184.307 49.9991 184.124 51.6375L184.111 51.6348Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M216.506 49.1001C225.754 48.9803 231.228 41.4904 229.859 32.6272C222.177 34.4361 216.492 41.1327 216.506 49.1001Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M254.387 14.5078C247.645 18.7409 244.469 27.3471 248.003 34.6626C255.811 30.9625 258.808 22.0061 254.387 14.5078Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M242.795 25.2131C235.342 28.3812 231.361 36.0528 232.828 43.9592C233.884 44.7868 247.451 38.7586 242.795 25.2131Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M199.416 50.3179C213.351 52.5274 216.69 38.1792 215.607 37.1938C208.223 37.2828 200.265 42.8058 199.416 50.3179Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M100.148 51.6348C99.2629 52.5183 99.8853 65.0022 83.0618 66.9274C82.7305 62.2216 87.3232 56.2001 91.3621 53.9362L91.2637 53.5039L84.0797 54.2409C81.9544 60.6423 75.6731 64.932 69.0732 65.4604C63.1871 65.9338 63.42 64.9587 64.4393 62.9142C66.0922 59.6014 70.9232 55.2942 74.6631 54.4373L74.5648 54.0049L67.0557 53.3127C62.9016 60.7628 52.5053 62.761 45.1664 59.3458C52.9427 47.3834 65.5746 53.9653 51.5725 48.5792C44.7529 54.6398 35.8242 55.0094 28.4028 49.6488C31.3252 45.7251 38.1152 43.7829 42.9181 44.8506L43.1408 44.4968L36.6616 40.4187C31.883 43.3182 25.3339 43.8477 20.3211 41.1351C19.1054 40.4831 13.4812 36.3874 14.4482 35.1128C15.7516 33.4015 25.2328 32.6284 29.5363 34.8328C24.2661 28.5724 20.7555 29.3266 17.1097 26.4041C13.8415 23.7811 10.8358 16.7024 12.0403 12.6958C19.7074 14.5268 24.4929 19.3501 25.6859 27.1505C44.8855 46.8916 70.6186 55.5656 96.7638 49.2782C98.3751 48.8927 99.9531 49.9991 100.136 51.6375L100.148 51.6348Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M67.7542 49.1001C58.5058 48.9803 53.0317 41.4904 54.4013 32.6272C62.0823 34.4361 67.7675 41.1327 67.7542 49.1001Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M29.873 14.5078C36.6148 18.7409 39.7912 27.3471 36.257 34.6626C28.449 30.9625 25.452 22.0061 29.873 14.5078Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M41.4646 25.2131C48.9179 28.3812 52.8985 36.0528 51.4314 43.9592C50.3754 44.7868 36.8084 38.7586 41.4646 25.2131Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M84.846 50.3179C70.9103 52.5274 67.5713 38.1792 68.6546 37.1938C76.0391 37.2828 83.9964 42.8058 84.846 50.3179Z"
+        fill="${mainColor}"
+      />
+      <defs>
+        <linearGradient
+          id="${paintId0}"
+          x1="142.5"
+          y1="0"
+          x2="142.5"
+          y2="84"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stop-color="${mainColor}" />
+          <stop offset="1" stop-color="${subColor}" />
+        </linearGradient>
+        <linearGradient
+          id="${paintId1}"
+          x1="142.5"
+          y1="0"
+          x2="142.5"
+          y2="84"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stop-color="${mainColor}" />
+          <stop offset="1" stop-color="${subColor}" />
+        </linearGradient>
+      </defs>
+    </svg>
+  `;
+}

package/dist/templates/ribbons/RibbonWing10.d.ts

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

package/dist/templates/ribbons/RibbonWing10.js

@@ -0,0 +1,70 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createRibbonWing10 = createRibbonWing10;
+function createRibbonWing10({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
+    return `
+    <svg
+      width="100%"
+      height="100%"
+      viewBox="0 0 189 62"
+      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="M115.117 38.0328C115.769 38.6835 115.311 47.8789 127.702 49.2969C127.946 45.8307 124.563 41.3955 121.589 39.728L121.661 39.4095L126.953 39.9524C128.518 44.6674 133.145 47.8271 138.006 48.2163C142.341 48.565 142.17 47.8468 141.419 46.3409C140.202 43.9008 136.643 40.7282 133.889 40.097L133.961 39.7785L139.492 39.2687C142.552 44.7563 150.209 46.228 155.615 43.7125C149.887 34.9013 140.583 39.7494 150.896 35.7821C155.92 40.2462 162.496 40.5184 167.963 36.5699C165.81 33.6799 160.809 32.2493 157.271 33.0357L157.107 32.7751L161.879 29.7713C165.399 31.907 170.223 32.297 173.915 30.299C174.811 29.8188 178.953 26.802 178.241 25.8631C177.281 24.6027 170.298 24.0332 167.128 25.6569C171.01 21.0456 173.595 21.6012 176.281 19.4486C178.688 17.5165 180.902 12.3026 180.015 9.35136C174.367 10.7001 170.843 14.2528 169.964 19.9983C155.822 34.5391 136.868 40.9281 117.61 36.297C116.423 36.0131 115.261 36.828 115.126 38.0348L115.117 38.0328Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M138.98 36.1657C145.792 36.0775 149.824 30.5606 148.815 24.0322C143.158 25.3646 138.97 30.2971 138.98 36.1657Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M166.879 10.6828C161.913 13.8008 159.573 20.1399 162.177 25.5282C167.928 22.8029 170.135 16.2058 166.879 10.6828Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M158.342 18.5737C152.852 20.9072 149.92 26.5579 151.001 32.3816C151.778 32.9912 161.771 28.5509 158.342 18.5737Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M126.389 37.062C136.653 38.6894 139.113 28.1209 138.315 27.3951C132.876 27.4606 127.015 31.5287 126.389 37.062Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M73.766 38.0328C73.1138 38.6835 73.5722 47.8789 61.1805 49.2969C60.9365 45.8307 64.3193 41.3955 67.2943 39.728L67.2218 39.4095L61.9303 39.9524C60.3649 44.6674 55.7382 47.8271 50.8769 48.2163C46.5413 48.565 46.7129 47.8468 47.4637 46.3409C48.6812 43.9008 52.2396 40.7282 54.9943 40.097L54.9218 39.7785L49.3908 39.2687C46.331 44.7563 38.6734 46.228 33.2677 43.7125C38.9956 34.9013 48.2999 39.7494 37.9864 35.7821C32.9632 40.2462 26.3865 40.5184 20.9201 36.5699C23.0727 33.6799 28.074 32.2493 31.6117 33.0357L31.7758 32.7751L27.0034 29.7713C23.4836 31.907 18.6597 32.297 14.9674 30.299C14.072 29.8188 9.92933 26.802 10.6416 25.8631C11.6017 24.6027 18.5852 24.0332 21.7551 25.6569C17.8732 21.0456 15.2874 21.6012 12.602 19.4486C10.1947 17.5165 7.98076 12.3026 8.86802 9.35136C14.5154 10.7001 18.0402 14.2528 18.919 19.9983C33.0608 34.5391 52.0152 40.9281 71.2731 36.297C72.4599 36.0131 73.6222 36.828 73.7571 38.0348L73.766 38.0328Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M49.903 36.1657C43.0909 36.0775 39.0588 30.5606 40.0676 24.0322C45.7252 25.3646 49.9128 30.2971 49.903 36.1657Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M22.0039 10.6828C26.9697 13.8008 29.3093 20.1399 26.7061 25.5282C20.955 22.8029 18.7475 16.2058 22.0039 10.6828Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M30.541 18.5737C36.0309 20.9072 38.9629 26.5579 37.8823 32.3816C37.1044 32.9912 27.1113 28.5509 30.541 18.5737Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M62.4939 37.062C52.2293 38.6894 49.7698 28.1209 50.5678 27.3951C56.007 27.4606 61.8682 31.5287 62.4939 37.062Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M93.1109 44.8181C93.9117 43.7989 95.4555 43.7989 96.2563 44.8181L97.6017 46.5305C98.1715 47.2557 98.1715 48.2765 97.6017 49.0017L96.2563 50.7142C95.4555 51.7334 93.9117 51.7334 93.1109 50.7142L91.7655 49.0017C91.1957 48.2765 91.1957 47.2557 91.7655 46.5305L93.1109 44.8181Z"
+        fill="${mainColor}"
+      />
+    </svg>
+  `;
+}

package/dist/templates/ribbons/RibbonWing11.d.ts

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

package/dist/templates/ribbons/RibbonWing11.js

@@ -0,0 +1,76 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createRibbonWing11 = createRibbonWing11;
+function createRibbonWing11({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
+    return `
+    <svg
+      width="100%"
+      height="100%"
+      viewBox="0 0 181 71"
+      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="M111.99 50.1729C112.77 50.6629 114.362 59.7309 126.76 58.3654C126.229 54.9315 121.947 51.3569 118.676 50.3907L118.676 50.0641L123.956 49.4199C126.528 53.6704 131.741 55.7253 136.567 55.0267C140.872 54.4053 140.546 53.743 139.48 52.4411C137.751 50.3317 133.578 48.0273 130.752 48.0227L130.752 47.6961L136.032 45.9723C140.233 50.6447 148.026 50.3816 152.739 46.7299C145.2 39.4084 137.202 46.1992 146.379 40.0434C152.267 43.2823 158.741 42.0893 163.195 37.0268C160.455 34.6861 155.261 34.4003 151.986 35.9517L151.768 35.734L155.756 31.7466C159.661 33.0485 164.452 32.359 167.609 29.5919C168.376 28.925 171.746 25.0647 170.843 24.3071C169.628 23.291 162.692 24.2844 159.961 26.5707C162.723 21.2134 165.368 21.1816 167.509 18.4871C169.428 16.0692 170.431 10.4941 168.911 7.81321C163.703 10.3807 161.054 14.6267 161.471 20.4241C150.906 37.739 133.841 48.1724 114.036 47.9275C112.815 47.9139 111.863 48.9663 111.999 50.1729L111.99 50.1729Z"
+        fill="${mainColor}"
+        fill-opacity="0.3"
+      />
+      <path
+        d="M134.844 43.0601C141.467 41.4634 144.175 35.1897 141.744 29.0476C136.522 31.6015 133.533 37.3399 134.844 43.0601Z"
+        fill="${mainColor}"
+        fill-opacity="0.3"
+      />
+      <path
+        d="M156.398 12.025C152.248 16.1666 151.372 22.8667 155.106 27.5436C160.109 23.6106 160.799 16.6883 156.398 12.025Z"
+        fill="${mainColor}"
+        fill-opacity="0.3"
+      />
+      <path
+        d="M149.824 21.613C144.988 25.106 143.382 31.2662 145.727 36.7052C146.621 37.1271 155.381 30.5813 149.824 21.613Z"
+        fill="${mainColor}"
+        fill-opacity="0.3"
+      />
+      <path
+        d="M122.766 46.7269C133.135 46.0374 133.19 35.1866 132.251 34.6558C126.962 35.926 122.149 41.1926 122.766 46.7269Z"
+        fill="${mainColor}"
+        fill-opacity="0.3"
+      />
+      <path
+        d="M69.1549 50.1729C68.3746 50.6628 66.7824 59.7309 54.3847 58.3654C54.9155 54.9315 59.1977 51.3569 62.4684 50.3907L62.4684 50.0641L57.1882 49.4199C54.6161 53.6704 49.4039 55.7253 44.5773 55.0267C40.2724 54.4053 40.599 53.743 41.665 52.4411C43.3934 50.3317 47.5667 48.0273 50.3928 48.0227L50.3928 47.6961L45.1126 45.9723C40.912 50.6447 33.1187 50.3816 28.4055 46.7299C35.9448 39.4083 43.9422 46.1991 34.7654 40.0434C28.8773 43.2823 22.404 42.0893 17.9494 37.0268C20.6893 34.6861 25.8833 34.4003 29.1585 35.9517L29.3763 35.734L25.3889 31.7466C21.4831 33.0485 16.6928 32.359 13.5356 29.5918C12.769 28.925 9.39851 25.0646 10.3012 24.3071C11.5169 23.291 18.4529 24.2844 21.1838 26.5707C18.4212 21.2133 15.7765 21.1816 13.6354 18.487C11.7165 16.0692 10.714 10.4941 12.2337 7.81319C17.4413 10.3807 20.0905 14.6267 19.6732 20.424C30.2382 37.739 47.3036 48.1724 67.109 47.9275C68.3293 47.9139 69.2819 48.9663 69.1458 50.1729L69.1549 50.1729Z"
+        fill="${mainColor}"
+        fill-opacity="0.3"
+      />
+      <path
+        d="M46.3006 43.06C39.6777 41.4632 36.9695 35.1895 39.4009 29.0474C44.6222 31.6013 47.6116 37.3397 46.3006 43.06Z"
+        fill="${mainColor}"
+        fill-opacity="0.3"
+      />
+      <path
+        d="M24.7461 12.0248C28.8968 16.1664 29.7723 22.8665 26.0389 27.5434C21.0354 23.6104 20.3459 16.6881 24.7461 12.0248Z"
+        fill="${mainColor}"
+        fill-opacity="0.3"
+      />
+      <path
+        d="M31.3208 21.6129C36.1565 25.1058 37.7623 31.2661 35.4171 36.7051C34.5234 37.1269 25.7639 30.5811 31.3208 21.6129Z"
+        fill="${mainColor}"
+        fill-opacity="0.3"
+      />
+      <path
+        d="M58.379 46.7267C48.009 46.0372 47.9546 35.1864 48.8936 34.6557C54.1829 35.9258 58.9959 41.1925 58.379 46.7267Z"
+        fill="${mainColor}"
+        fill-opacity="0.3"
+      />
+    </svg>
+  `;
+}

package/dist/templates/ribbons/RibbonWing12.d.ts

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

package/dist/templates/ribbons/RibbonWing12.js

@@ -0,0 +1,82 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createRibbonWing12 = createRibbonWing12;
+function createRibbonWing12({ 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="M269.044 116.444C270.751 117.101 277.304 134.163 300.939 126.784C298.598 120.296 288.895 114.961 282.154 114.323L282.03 113.687L292.073 110.422C298.702 117.725 309.639 119.745 318.777 116.547C326.928 113.698 326.039 112.532 323.467 110.401C319.297 106.949 310.289 104.047 304.781 105.114L304.656 104.478L314.288 99.1095C324.25 106.614 339.334 103.136 347.128 94.2272C329.652 82.8315 316.655 99.106 332.192 83.62C344.896 87.6896 357.055 82.9016 363.807 71.3428C357.578 67.825 347.349 69.245 341.559 73.5141L341.051 73.1727L347.303 63.8864C355.408 64.9366 364.479 61.7701 369.577 55.1772C370.817 53.5862 375.915 44.7821 373.867 43.6497C371.112 42.1326 357.977 46.7078 353.526 52.2016C356.87 40.7123 362.01 39.6439 365.156 33.5791C367.975 28.1381 367.806 16.8944 363.825 12.2493C354.656 19.2337 351.11 28.5145 354.13 39.6509C340.135 77.4072 310.857 104.23 272.176 111.29C269.793 111.728 268.337 114.141 269.062 116.44L269.044 116.444Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M310.866 93.8918C323.162 88.2602 326.051 75.0062 318.976 63.9646C309.775 70.9276 306.135 83.2457 310.866 93.8918Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M341.047 25.2165C334.536 34.8655 335.38 48.2527 344.434 55.9442C352.686 46.3772 351.395 32.6276 341.047 25.2165Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M331.885 46.3978C323.793 55.0436 323.009 67.657 329.648 77.3615C331.55 77.8434 346.125 61.7562 331.885 46.3978Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M288.726 105.626C308.668 100.336 304.644 79.1743 302.613 78.4976C292.791 82.9852 285.418 95.0781 288.726 105.626Z"
+        fill="${mainColor}"
+      />
+      <ellipse
+        cx="255.278"
+        cy="112.277"
+        rx="4"
+        ry="4"
+        transform="rotate(156.134 255.278 112.277)"
+        fill="${mainColor}"
+      />
+      <path
+        d="M122.198 116.444C120.492 117.101 113.938 134.163 90.303 126.784C92.6439 120.296 102.348 114.961 109.088 114.323L109.212 113.687L99.1695 110.422C92.5405 117.725 81.6034 119.745 72.4653 116.547C64.3144 113.698 65.2028 112.532 67.7752 110.401C71.9454 106.949 80.9535 104.047 86.4615 105.114L86.5858 104.478L76.9541 99.1095C66.9917 106.614 51.9078 103.136 44.1146 94.2272C61.5901 82.8315 74.5875 99.106 59.0505 83.62C46.3458 87.6896 34.1877 82.9016 27.4352 71.3428C33.6643 67.825 43.8928 69.245 49.6836 73.5141L50.1907 73.1727L43.9394 63.8864C35.8342 64.9366 26.7634 61.7701 21.6651 55.1772C20.4252 53.5862 15.3276 44.7821 17.3747 43.6497C20.1301 42.1326 33.2657 46.7078 37.7162 52.2016C34.3726 40.7123 29.2319 39.6439 26.0858 33.5791C23.2674 28.1381 23.4359 16.8944 27.417 12.2493C36.5861 19.2337 40.1317 28.5145 37.1123 39.6509C51.1069 77.4072 80.3857 104.23 119.067 111.29C121.449 111.728 122.905 114.141 122.18 116.44L122.198 116.444Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M80.376 93.8918C68.0799 88.2602 65.1911 75.0062 72.2659 63.9646C81.4667 70.9276 85.1073 83.2457 80.376 93.8918Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M50.1953 25.2165C56.7061 34.8655 55.862 48.2527 46.8082 55.9442C38.5564 46.3772 39.8475 32.6276 50.1953 25.2165Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M59.3571 46.3978C67.4494 55.0436 68.2337 67.657 61.5944 77.3615C59.6927 77.8434 45.1172 61.7562 59.3571 46.3978Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M102.516 105.626C82.5746 100.336 86.5981 79.1743 88.6296 78.4976C98.4516 82.9852 105.825 95.0781 102.516 105.626Z"
+        fill="${mainColor}"
+      />
+      <ellipse
+        cx="4"
+        cy="4"
+        rx="4"
+        ry="4"
+        transform="matrix(0.914497 0.404593 0.404593 -0.914497 130.691 114.316)"
+        fill="${mainColor}"
+      />
+    </svg>
+  `;
+}

package/dist/templates/ribbons/RibbonWing14.d.ts

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

package/dist/templates/ribbons/RibbonWing14.js

@@ -0,0 +1,66 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createRibbonWing14 = createRibbonWing14;
+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="M259.696 36.0451C261.085 35.1533 263.772 18.8809 286.005 21.1016C285.116 27.2624 277.51 33.7434 271.669 35.5336L271.675 36.1186L281.145 37.1766C285.675 29.516 294.975 25.7403 303.633 26.904C311.356 27.939 310.783 29.1313 308.897 31.4827C305.839 35.2926 298.405 39.4964 293.343 39.5558L293.349 40.1409L302.839 43.1328C310.278 34.6869 324.243 35.0166 332.752 41.4722C319.38 54.7243 304.931 42.7052 321.482 53.5652C331.97 47.6564 343.587 49.6759 351.659 58.6633C346.793 62.906 337.494 63.5123 331.599 60.7928L331.213 61.1868L338.428 68.2569C345.401 65.8539 353.994 67.002 359.7 71.9013C361.086 73.0819 367.193 79.9357 365.59 81.3091C363.431 83.1514 350.988 81.4979 346.055 77.4521C351.101 86.9985 355.839 87.0073 359.723 91.7951C363.204 96.0913 365.101 106.06 362.428 110.89C353.053 106.385 348.23 98.8275 348.873 88.4351C329.633 57.6109 298.874 39.2316 263.401 40.0302C261.216 40.0767 259.49 38.2089 259.712 36.0449L259.696 36.0451Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M300.759 48.3695C312.652 51.1094 317.617 62.2982 313.373 73.3447C303.974 68.8647 298.515 58.6399 300.759 48.3695Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M339.941 103.573C332.431 96.2298 330.741 84.2439 337.344 75.7984C346.378 82.7525 347.739 95.14 339.941 103.573Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M327.984 86.5203C319.259 80.3513 316.27 69.3456 320.372 59.5602C321.966 58.7882 337.775 70.3546 327.984 86.5203Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M279.063 42.0212C297.651 43.0679 297.946 62.5038 296.274 63.4716C286.776 61.2925 278.059 51.9459 279.063 42.0212Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M123.605 36.0451C122.216 35.1533 119.529 18.8809 97.2962 21.1016C98.1845 27.2624 105.79 33.7434 111.631 35.5336L111.626 36.1186L102.155 37.1766C97.6253 29.516 88.3261 25.7403 79.6676 26.904C71.9449 27.939 72.5179 29.1313 74.4038 31.4827C77.4614 35.2926 84.8953 39.4964 89.9576 39.5558L89.9516 40.1409L80.4619 43.1328C73.0223 34.6869 59.0574 35.0166 50.5483 41.4722C63.9204 54.7243 78.3696 42.7052 61.8192 53.5652C51.3308 47.6564 39.7136 49.6759 31.6421 58.6633C36.5075 62.906 45.8064 63.5123 51.7014 60.7928L52.0875 61.1868L44.8724 68.2569C37.8998 65.8539 29.3064 67.002 23.6006 71.9013C22.2152 73.0819 16.1076 79.9357 17.7109 81.3091C19.8701 83.1514 32.3125 81.4979 37.2458 77.4521C32.1998 86.9985 27.4619 87.0073 23.5776 91.7951C20.0964 96.0913 18.1994 106.06 20.8728 110.89C30.2479 106.385 35.0705 98.8275 34.4282 88.4351C53.6678 57.6109 84.4266 39.2316 119.899 40.0302C122.085 40.0767 123.811 38.2089 123.589 36.0449L123.605 36.0451Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M82.5413 48.3695C70.6486 51.1094 65.6835 62.2982 69.9274 73.3447C79.3266 68.8647 84.7857 58.6399 82.5413 48.3695Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M43.3594 103.573C50.8697 96.2298 52.5597 84.2439 45.9572 75.7984C36.923 82.7525 35.5621 95.14 43.3594 103.573Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M55.3165 86.5203C64.0421 80.3513 67.0305 69.3456 62.9283 59.5602C61.3352 58.7882 45.5254 70.3546 55.3165 86.5203Z"
+        fill="${mainColor}"
+      />
+      <path
+        d="M104.238 42.0212C85.6494 43.0679 85.3548 62.5038 87.0272 63.4716C96.5249 61.2925 105.242 51.9459 104.238 42.0212Z"
+        fill="${mainColor}"
+      />
+    </svg>
+  `;
+}

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

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