@mobileaction/action-kit 1.42.7-beta.2 → 1.42.7-beta.3

package/src/components/icon/icon.test.ts

@@ -0,0 +1,89 @@
+import { describe, it, expect } from 'vitest';
+import { mount } from '@vue/test-utils';
+import { waitFor } from "@testing-library/vue";
+import MaIcon from './index.vue';
+// import iconNames from './icons.json';
+// import flagIconNames from './flags.json';
+// import paymentIconNames from './payment.json';
+
+describe('Ma Icon Test Group', () => {
+    it('should render icon ✔ ', async () => {
+        const wrapper = mount(MaIcon, {
+            props: {
+                name: 'flag-tr',
+            },
+        })
+        // Assert the presence of the SVG icon
+        await waitFor(() => {
+            expect(wrapper.find('svg').exists()).toBeTruthy();
+        });
+    });
+
+    // it.each(iconNames)('should render "%s" icon  ✔ ', async (iconName) => {
+    //     const wrapper = mount(MaIcon, {
+    //         props: {
+    //             name: iconName,
+    //             size: 'md',
+    //             spin: false,
+    //         },
+    //     });
+    //     await waitFor(() => {
+    //         expect(wrapper.find('svg').exists()).toBeTruthy();
+    //     });
+    // });
+
+    // it.each(flagIconNames)('should render "flag-%s" flag icon  ✔ ', async (flagIconName) => {
+    //     const wrapper = mount(MaIcon, {
+    //         props: {
+    //             name:  'flag-' + flagIconName,
+    //             size: 'md',
+    //             spin: false,
+    //         },
+    //     });
+    //     await waitFor(() => {
+    //         expect(wrapper.find('svg').exists()).toBeTruthy();
+    //     });
+    // });
+
+    // it.each(paymentIconNames)('should render "pay-%s" payment icon  ✔ ', async (paymentIconNames) => {
+    //     const wrapper = mount(MaIcon, {
+    //         props: {
+    //             name:  'pay-' + paymentIconNames,
+    //             size: 'md',
+    //             spin: false,
+    //         },
+    //     });
+    //     await waitFor(() => {
+    //         expect(wrapper.find('svg').exists()).toBeTruthy();
+    //     });
+    // });
+
+
+    it('should display correct icon size ✔ ', async () => {
+        const wrapper = mount(MaIcon, {
+            props: {
+                name: 'flag-tr',
+            },
+        });
+        await waitFor(() => {
+            expect(wrapper.find('svg').exists()).toBeTruthy();
+        });
+        await wrapper.setProps({ size: 'lg' })
+        expect(wrapper.find('.w-8').exists()).toBeTruthy();
+        expect(wrapper.find('.h-8').exists()).toBeTruthy();
+    });
+
+    it('should spin the icon ✔ ', async () => {
+        const wrapper = mount(MaIcon, {
+            props: {
+                name: 'flag-tr',
+            },
+        });
+        await waitFor(() => {
+            expect(wrapper.find('svg').exists()).toBeTruthy();
+        });
+        await wrapper.setProps({ spin: true })
+        expect(wrapper.find('.animate-spin').exists()).toBeTruthy();
+    });
+});
+

package/src/components/icon/icons/403.svg

@@ -0,0 +1,29 @@
+<svg viewBox="0 0 213 206" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path opacity="0.88" d="M112.783 151.205L119 175H14V170.357L21.5987 159.911L23.6711 150.625L28.5066 147.723L31.9605 143.661L35.4145 142.5L37.4868 140.179V136.696L38.9408 135.054L41.3224 134.25L43.7039 134.089L48.5395 135.83L52.6842 136.411L57.5197 133.795L63.0461 129.152L66.5 127.991L67.1908 125.089L72.6447 119.866L73.3355 115.223L76.7895 111.161L80.2434 110L89.9145 115.223L91.9868 119.286L91.3684 125.089L95.5132 134.955L103.112 140.759L105.875 141.339L109.329 147.143L112.783 151.205Z" fill="#AFB5D9"/>
+    <path d="M108.566 159.5L103 180H197V176L190.197 167L188.342 159L184.013 156.5L180.921 153L177.829 152L175.974 150V147L172.882 143L171.645 138L170.408 137L166.079 138.5L162.368 139L158.039 144.5L153.092 140.5L150 139.5L149.382 137L146.289 132.5L145.671 128.5L142.579 125L139.487 124L130.829 128.5L128.974 132L127.737 137L124.026 145.5L117.224 150.5L114.75 151L111.658 156L108.566 159.5Z" fill="#AFB5D9"/>
+    <path d="M3 178.5L0 182.5L2 185.5L8 186L12 186.5H17L22 189.5L30 190L34 188H41.5L47 190H57L62 188L67 189.5L73 190L76.5 191.5H86H91.5L95.5 191H101.5L107.5 189.5H117H121.5L127 191.5L133 193L140 194.5L146 193L151.5 191.5L157 189.5L170 191L177 193.5L183.5 191.5L188.5 191L195 188H198.5L201.5 186.5H205.5L211 186L213 183.5L211 181.5H206L204 180.5L198.5 180L193 176.5L191 172.5L184 167H174L167 170H161L155 168.5L149 162.5L143.5 160L138.5 162.5H133L127 160L121.5 156.5L114.5 150L106 146L99.5 148.5L92.5 153.5H86L80 152L70.5 155.5L54.5 159.5L44.5 161.5L34.5 167H30.5L20.5 170L17 174L11 176L3 178.5Z" fill="#D5D9EB"/>
+    <path opacity="0.4" d="M23.5 175.5L22 176H23L24.5 175.5H26.5L28 175L29 175.5H31H33L31 175L29.5 174.5L28 174L26.5 174.5L24.5 175L23.5 175.5Z" fill="#717BBC"/>
+    <path opacity="0.4" d="M172.5 176.5L171 177H172L173.5 176.5H175.5L177 176L178 176.5H180H182L180 176L178.5 175.5L177 175L175.5 175.5L173.5 176L172.5 176.5Z" fill="#717BBC"/>
+    <path opacity="0.6" d="M62.7229 170.111L58 171.778L59.1807 172.889H62.1325L64.494 174L70.988 173.444L78.0723 174L81.6145 173.444L91.6506 174L97.5542 173.444L102.277 172.889L107 171.778L106.41 170.667L102.277 170.111L98.7349 169.556L91.6506 169H85.1566H73.9398L66.8554 170.111H62.7229Z" fill="#717BBC"/>
+    <path opacity="0.4" d="M44.9091 181.25L42 182H45L46.8088 181.25L50 181L51.5 180.5L53 181L55.5 181.5H59.5L55 180.5L53 179.5L51 178.5L49 180L46.1818 180.5L44.9091 181.25Z" fill="#717BBC"/>
+    <path opacity="0.4" d="M97.9091 159.75L95 160.5H98L99.8088 159.75L103 159.5L104.5 159L106 159.5L108.5 160H112.5L108 159L106 158L104 157L102 158.5L99.1818 159L97.9091 159.75Z" fill="#717BBC"/>
+    <path opacity="0.4" d="M106.909 183.75L104 184.5H107L108.809 183.75L112 183.5L113.5 183L115 183.5H117L119.5 184H122L119.5 183.5L118.5 183L115 182L113.5 181L111 182.5L108.182 183L106.909 183.75Z" fill="#717BBC"/>
+    <path opacity="0.4" d="M139.909 172.75L137 173.5H140L141.809 172.75L145 172.5L146.5 172L148 172.5H150L152.5 173H155L152.5 172.5L151.5 172L148 171L146.5 170L144 171.5L141.182 172L139.909 172.75Z" fill="#717BBC"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M99.2944 119.366L104.53 124.602C104.946 125.018 104.916 125.701 104.452 126.063C100.174 129.396 92.0176 134.247 86.4123 132.6C85.765 132.41 85.637 131.609 86.1141 131.132L97.8801 119.366C98.2707 118.975 98.9038 118.975 99.2944 119.366ZM97.173 117.244L91.937 112.008C91.5212 111.593 90.8377 111.623 90.4762 112.087C87.1426 116.364 82.2915 124.521 83.9384 130.127C84.1286 130.774 84.9299 130.902 85.407 130.425L97.173 118.659C97.5636 118.268 97.5636 117.635 97.173 117.244Z" fill="#6172F3"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M125.104 109.82C122.982 108.405 117.043 106.991 110.254 112.648L122.629 98.8594C123.69 99.9201 127.154 101.971 132.528 101.688L133.708 101.215L125.104 109.82ZM106.719 91.4348C108.133 93.5561 109.547 99.4958 103.891 106.284L117.679 93.9097C116.618 92.849 114.568 89.3842 114.851 84.0101L115.323 82.8304L106.719 91.4348Z" fill="#101323"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M100.925 124.275C94.3035 131.707 85.8015 137.217 76.3134 140.225C79.3218 130.737 84.832 122.235 92.264 115.614L119.8 91.0813L122.629 93.9097L125.457 96.7381L100.925 124.275Z" fill="url(#paint0_linear_2691_26061)"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M128.993 104.516C130.123 103.386 131.468 102.404 132.796 101.433C134.091 100.487 135.37 99.553 136.417 98.5057L137.125 99.2128L137.832 99.9201C136.999 100.753 136.113 101.952 135.175 103.222C134.121 104.649 133.002 106.164 131.821 107.345C125.963 113.202 120.581 117.318 119.8 116.537C119.019 115.756 123.135 110.374 128.993 104.516ZM119.093 94.6168C120.223 93.487 121.569 92.5042 122.897 91.5339C124.192 90.5879 125.471 89.6537 126.518 88.6064L127.225 89.3135L127.932 90.0207C127.1 90.8532 126.214 92.0531 125.276 93.3229C124.222 94.7497 123.103 96.2645 121.922 97.4452C116.064 103.303 110.682 107.419 109.901 106.638C109.12 105.857 113.236 100.475 119.093 94.6168ZM115.105 83.7425C114.135 85.0708 113.152 86.4161 112.023 87.5459C106.165 93.4038 100.783 97.5194 100.002 96.7383C99.2207 95.9573 103.336 90.5754 109.194 84.7175C110.375 83.5368 111.89 82.4177 113.316 81.3638C114.586 80.4258 115.786 79.5394 116.619 78.707L117.326 79.4142L118.033 80.1213C116.986 81.1685 116.052 82.4474 115.105 83.7425Z" fill="#444CE7"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M86.5665 129.972C87.9807 129.501 91.3041 128.063 93.284 126.083C95.2639 124.103 97.1731 120.308 97.8802 118.659C96.2303 119.366 92.4355 121.275 90.4556 123.255C88.4757 125.235 87.0379 128.558 86.5665 129.972Z" fill="#6172F3"/>
+    <circle cx="84" cy="30" r="19" fill="#FEDF89"/>
+    <circle cx="137" cy="71" r="9" fill="#FEDF89"/>
+    <circle cx="166" cy="42" r="5" fill="#FEDF89"/>
+    <path d="M154.328 181.328V177.632H146V174.704L154.688 164.288H157.952V174.32H160.136V177.632H157.952V181.328H154.328ZM150.416 174.32H154.328V169.64L150.416 174.32Z" fill="white"/>
+    <path d="M168.598 181.592C166.694 181.592 165.142 180.952 163.942 179.672C162.742 178.392 162.142 176.76 162.142 174.776V170.816C162.142 168.832 162.742 167.2 163.942 165.92C165.142 164.64 166.694 164 168.598 164C170.486 164 172.03 164.64 173.23 165.92C174.43 167.2 175.03 168.832 175.03 170.816V174.776C175.03 176.76 174.43 178.392 173.23 179.672C172.03 180.952 170.486 181.592 168.598 181.592ZM168.598 178.016C169.446 178.016 170.126 177.728 170.638 177.152C171.15 176.576 171.406 175.784 171.406 174.776V170.816C171.406 169.808 171.15 169.016 170.638 168.44C170.126 167.864 169.446 167.576 168.598 167.576C167.734 167.576 167.046 167.864 166.534 168.44C166.022 169.016 165.766 169.808 165.766 170.816V174.776C165.766 175.784 166.022 176.576 166.534 177.152C167.046 177.728 167.734 178.016 168.598 178.016Z" fill="white"/>
+    <path d="M183.353 181.592C181.641 181.592 180.161 181.08 178.913 180.056C177.665 179.016 177.009 177.568 176.945 175.712H180.545C180.625 176.48 180.913 177.056 181.409 177.44C181.905 177.824 182.553 178.016 183.353 178.016C184.057 178.016 184.617 177.848 185.033 177.512C185.465 177.16 185.689 176.704 185.705 176.144C185.721 175.536 185.497 175.04 185.033 174.656C184.569 174.272 183.953 174.08 183.185 174.08H181.697V171.176H182.993C184.449 171.176 185.193 170.56 185.225 169.328C185.241 168.816 185.065 168.4 184.697 168.08C184.329 167.744 183.857 167.576 183.281 167.576C182.577 167.576 182.001 167.784 181.553 168.2C181.105 168.616 180.889 169.12 180.905 169.712H177.281C177.281 167.984 177.881 166.6 179.081 165.56C180.297 164.52 181.697 164 183.281 164C185.025 164 186.393 164.488 187.385 165.464C188.377 166.424 188.873 167.608 188.873 169.016C188.873 169.784 188.697 170.496 188.345 171.152C188.009 171.792 187.593 172.304 187.097 172.688C187.737 173.008 188.273 173.488 188.705 174.128C189.137 174.768 189.353 175.544 189.353 176.456C189.353 177.96 188.793 179.192 187.673 180.152C186.569 181.112 185.129 181.592 183.353 181.592Z" fill="white"/>
+    <defs>
+        <linearGradient id="paint0_linear_2691_26061" x1="127.024" y1="98.3055" x2="106.833" y2="84.5562" gradientUnits="userSpaceOnUse">
+            <stop stop-color="#344054"/>
+            <stop offset="1" stop-color="#475467"/>
+        </linearGradient>
+    </defs>
+</svg>

package/src/components/icon/icons/404.svg

@@ -0,0 +1,28 @@
+<svg viewBox="0 0 213 206" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M125.5 159.5L121 180H197V176L191.5 167L190 159L186.5 156.5L184 153L181.5 152L180 150V147L177.5 143L176.5 138L175.5 137L172 138.5L169 139L165.5 144.5L161.5 140.5L159 139.5L158.5 137L156 132.5L155.5 128.5L153 125L150.5 124L143.5 128.5L142 132L141 137L138 145.5L132.5 150.5L130.5 151L128 156L125.5 159.5Z" fill="#AFB5D9"/>
+    <path d="M3 178.5L0 182.5L2 185.5L8 186L12 186.5H17L22 189.5L30 190L34 188H41.5L47 190H57L62 188L67 189.5L73 190L76.5 191.5H86H91.5L95.5 191H101.5L107.5 189.5H117H121.5L127 191.5L133 193L140 194.5L146 193L151.5 191.5L157 189.5L170 191L177 193.5L183.5 191.5L188.5 191L195 188H198.5L201.5 186.5H205.5L211 186L213 183.5L211 181.5H206L204 180.5L198.5 180L193 176.5L191 172.5L184 167H174L167 170H161L155 168.5L149 162.5L143.5 160L138.5 162.5H133L127 160L121.5 156.5L114.5 150L106 146L99.5 148.5L92.5 153.5H86L80 152L70.5 155.5L54.5 159.5L44.5 161.5L34.5 167H30.5L20.5 170L17 174L11 176L3 178.5Z" fill="#D5D9EB"/>
+    <path opacity="0.4" d="M23.5 175.5L22 176H23L24.5 175.5H26.5L28 175L29 175.5H31H33L31 175L29.5 174.5L28 174L26.5 174.5L24.5 175L23.5 175.5Z" fill="#717BBC"/>
+    <path opacity="0.4" d="M172.5 176.5L171 177H172L173.5 176.5H175.5L177 176L178 176.5H180H182L180 176L178.5 175.5L177 175L175.5 175.5L173.5 176L172.5 176.5Z" fill="#717BBC"/>
+    <path opacity="0.6" d="M54 170.5L50 172L51 173H53.5L55.5 174L61 173.5L67 174L70 173.5L78.5 174L83.5 173.5L87.5 173L91.5 172L91 171L87.5 170.5L84.5 170L78.5 169.5H73H63.5L57.5 170.5H54Z" fill="#717BBC"/>
+    <path opacity="0.4" d="M44.9091 181.25L42 182H45L46.8088 181.25L50 181L51.5 180.5L53 181L55.5 181.5H59.5L55 180.5L53 179.5L51 178.5L49 180L46.1818 180.5L44.9091 181.25Z" fill="#717BBC"/>
+    <path opacity="0.4" d="M97.9091 159.75L95 160.5H98L99.8088 159.75L103 159.5L104.5 159L106 159.5L108.5 160H112.5L108 159L106 158L104 157L102 158.5L99.1818 159L97.9091 159.75Z" fill="#717BBC"/>
+    <path opacity="0.4" d="M106.909 183.75L104 184.5H107L108.809 183.75L112 183.5L113.5 183L115 183.5H117L119.5 184H122L119.5 183.5L118.5 183L115 182L113.5 181L111 182.5L108.182 183L106.909 183.75Z" fill="#717BBC"/>
+    <path opacity="0.4" d="M139.909 172.75L137 173.5H140L141.809 172.75L145 172.5L146.5 172L148 172.5H150L152.5 173H155L152.5 172.5L151.5 172L148 171L146.5 170L144 171.5L141.182 172L139.909 172.75Z" fill="#717BBC"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M69.4999 131.5H62.095C61.507 131.5 61.0452 130.995 61.1176 130.412C61.785 125.03 64.1226 115.832 69.2507 113.033C69.8429 112.709 70.4999 113.186 70.4999 113.86V130.5C70.4999 131.052 70.0522 131.5 69.4999 131.5ZM72.4999 131.5H79.9049C80.4929 131.5 80.9547 130.995 80.8823 130.412C80.2149 125.03 77.8773 115.832 72.7492 113.033C72.157 112.709 71.4999 113.186 71.4999 113.86V130.5C71.4999 131.052 71.9477 131.5 72.4999 131.5Z" fill="#6172F3"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M58 156.5C60.5 156 65.7 152.8 66.5 144L67.5 162.5C66 162.5 62.1 163.5 58.5 167.5L58 168.668V156.5ZM84 156.5C81.5 156 76.3 152.8 75.5 144L74.5 162.5C76 162.5 79.9 163.5 83.5 167.5L84 168.668V156.5Z" fill="#101323"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M64.8759 129.182C64.3026 119.244 66.4181 109.336 71 100.5C75.5818 109.336 77.6973 119.244 77.124 129.182L74.9999 166H71H67L64.8759 129.182Z" fill="url(#paint0_linear_2691_26016)"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M59.0002 163C59.0002 164.598 58.7439 166.244 58.4908 167.869C58.244 169.454 58.0002 171.019 58.0002 172.5H57.0002H56.0001C56 171.323 55.7783 169.847 55.5437 168.286C55.2801 166.532 55.0002 164.67 55.0002 163C55.0002 154.716 55.8957 148 57.0002 148C58.1048 148 59.0002 154.716 59.0002 163ZM73 163C73 164.598 72.7436 166.244 72.4905 167.869C72.2437 169.454 72 171.019 72 172.5H71H69.9998C69.9998 171.323 69.7781 169.847 69.5435 168.286C69.2799 166.532 69 164.67 69 163C69 154.716 69.8954 148 71 148C72.1046 148 73 154.716 73 163ZM83.5092 167.869C83.2561 166.244 82.9998 164.598 82.9998 163C82.9998 154.716 83.8952 148 84.9998 148C86.1043 148 86.9998 154.716 86.9998 163C86.9998 164.67 86.7199 166.532 86.4563 168.286C86.2217 169.847 86 171.323 85.9999 172.5H84.9998H83.9998C83.9998 171.019 83.756 169.454 83.5092 167.869Z" fill="#444CE7"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M71 115C70.3333 116.333 69 119.7 69 122.5C69 125.3 70.3333 129.333 71 131C71.6667 129.333 73 125.3 73 122.5C73 119.7 71.6667 116.333 71 115Z" fill="#6172F3"/>
+    <circle cx="84" cy="30" r="19" fill="#FEDF89"/>
+    <circle cx="137" cy="71" r="9" fill="#FEDF89"/>
+    <circle cx="166" cy="42" r="5" fill="#FEDF89"/>
+    <path d="M147.328 184.328V180.632H139V177.704L147.688 167.288H150.952V177.32H153.136V180.632H150.952V184.328H147.328ZM143.416 177.32H147.328V172.64L143.416 177.32Z" fill="white"/>
+    <path d="M161.598 184.592C159.694 184.592 158.142 183.952 156.942 182.672C155.742 181.392 155.142 179.76 155.142 177.776V173.816C155.142 171.832 155.742 170.2 156.942 168.92C158.142 167.64 159.694 167 161.598 167C163.486 167 165.03 167.64 166.23 168.92C167.43 170.2 168.03 171.832 168.03 173.816V177.776C168.03 179.76 167.43 181.392 166.23 182.672C165.03 183.952 163.486 184.592 161.598 184.592ZM161.598 181.016C162.446 181.016 163.126 180.728 163.638 180.152C164.15 179.576 164.406 178.784 164.406 177.776V173.816C164.406 172.808 164.15 172.016 163.638 171.44C163.126 170.864 162.446 170.576 161.598 170.576C160.734 170.576 160.046 170.864 159.534 171.44C159.022 172.016 158.766 172.808 158.766 173.816V177.776C158.766 178.784 159.022 179.576 159.534 180.152C160.046 180.728 160.734 181.016 161.598 181.016Z" fill="white"/>
+    <path d="M177.937 184.328V180.632H169.609V177.704L178.297 167.288H181.561V177.32H183.745V180.632H181.561V184.328H177.937ZM174.025 177.32H177.937V172.64L174.025 177.32Z" fill="white"/>
+    <defs>
+        <linearGradient id="paint0_linear_2691_26016" x1="64.7837" y1="166" x2="88.7834" y2="161.444" gradientUnits="userSpaceOnUse">
+            <stop stop-color="#344054"/>
+            <stop offset="1" stop-color="#475467"/>
+        </linearGradient>
+    </defs>
+</svg>

package/src/components/icon/icons/500.svg

@@ -0,0 +1,29 @@
+<svg viewBox="0 0 214 206" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path opacity="0.88" d="M112.783 151.205L119 175H14V170.357L21.5987 159.911L23.6711 150.625L28.5066 147.723L31.9605 143.661L35.4145 142.5L37.4868 140.179V136.696L38.9408 135.054L41.3224 134.25L43.7039 134.089L48.5395 135.83L52.6842 136.411L57.5197 133.795L63.0461 129.152L66.5 127.991L67.1908 125.089L72.6447 119.866L73.3355 115.223L76.7895 111.161L80.2434 110L89.9145 115.223L91.9868 119.286L91.3684 125.089L95.5132 134.955L103.112 140.759L105.875 141.339L109.329 147.143L112.783 151.205Z" fill="#AFB5D9"/>
+    <path d="M108.566 159.5L103 180H197V176L190.197 167L188.342 159L184.013 156.5L180.921 153L177.829 152L175.974 150V147L172.882 143L171.645 138L170.408 137L166.079 138.5L162.368 139L158.039 144.5L153.092 140.5L150 139.5L149.382 137L146.289 132.5L145.671 128.5L142.579 125L139.487 124L130.829 128.5L128.974 132L127.737 137L124.026 145.5L117.224 150.5L114.75 151L111.658 156L108.566 159.5Z" fill="#AFB5D9"/>
+    <path d="M3 178.5L0 182.5L2 185.5L8 186L12 186.5H17L22 189.5L30 190L34 188H41.5L47 190H57L62 188L67 189.5L73 190L76.5 191.5H86H91.5L95.5 191H101.5L107.5 189.5H117H121.5L127 191.5L133 193L140 194.5L146 193L151.5 191.5L157 189.5L170 191L177 193.5L183.5 191.5L188.5 191L195 188H198.5L201.5 186.5H205.5L211 186L213 183.5L211 181.5H206L204 180.5L198.5 180L193 176.5L191 172.5L184 167H174L167 170H161L155 168.5L149 162.5L143.5 160L138.5 162.5H133L127 160L121.5 156.5L114.5 150L106 146L99.5 148.5L92.5 153.5H86L80 152L70.5 155.5L54.5 159.5L44.5 161.5L34.5 167H30.5L20.5 170L17 174L11 176L3 178.5Z" fill="#D5D9EB"/>
+    <path opacity="0.4" d="M23.5 175.5L22 176H23L24.5 175.5H26.5L28 175L29 175.5H31H33L31 175L29.5 174.5L28 174L26.5 174.5L24.5 175L23.5 175.5Z" fill="#717BBC"/>
+    <path opacity="0.4" d="M172.5 176.5L171 177H172L173.5 176.5H175.5L177 176L178 176.5H180H182L180 176L178.5 175.5L177 175L175.5 175.5L173.5 176L172.5 176.5Z" fill="#717BBC"/>
+    <path opacity="0.6" d="M59.4578 168.556L53 170.889L54.6145 172.444H58.6506L61.8795 174L70.759 173.222L80.4458 174L85.2892 173.222L99.012 174L107.084 173.222L113.542 172.444L120 170.889L119.193 169.333L113.542 168.556L108.699 167.778L99.012 167H90.1325H74.7952L65.1084 168.556H59.4578Z" fill="#717BBC"/>
+    <path opacity="0.4" d="M44.9091 181.25L42 182H45L46.8088 181.25L50 181L51.5 180.5L53 181L55.5 181.5H59.5L55 180.5L53 179.5L51 178.5L49 180L46.1818 180.5L44.9091 181.25Z" fill="#717BBC"/>
+    <path opacity="0.4" d="M97.9091 159.75L95 160.5H98L99.8088 159.75L103 159.5L104.5 159L106 159.5L108.5 160H112.5L108 159L106 158L104 157L102 158.5L99.1818 159L97.9091 159.75Z" fill="#717BBC"/>
+    <path opacity="0.4" d="M106.909 183.75L104 184.5H107L108.809 183.75L112 183.5L113.5 183L115 183.5H117L119.5 184H122L119.5 183.5L118.5 183L115 182L113.5 181L111 182.5L108.182 183L106.909 183.75Z" fill="#717BBC"/>
+    <path opacity="0.4" d="M139.909 172.75L137 173.5H140L141.809 172.75L145 172.5L146.5 172L148 172.5H150L152.5 173H155L152.5 172.5L151.5 172L148 171L146.5 170L144 171.5L141.182 172L139.909 172.75Z" fill="#717BBC"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M94.4875 157.854L96.1906 150.648C96.3258 150.076 96.9233 149.742 97.4746 149.947C102.559 151.834 110.973 156.225 112.517 161.859C112.695 162.51 112.081 163.04 111.424 162.884L95.2307 159.057C94.6933 158.93 94.3605 158.392 94.4875 157.854ZM93.7976 160.774L92.0945 167.98C91.9593 168.553 92.3444 169.118 92.929 169.182C98.3201 169.77 107.809 169.611 111.713 165.264C112.163 164.762 111.851 164.013 111.194 163.858L95.0008 160.031C94.4633 159.904 93.9246 160.236 93.7976 160.774Z" fill="#6172F3"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M72.8023 140.913C72.7139 143.461 74.6322 149.257 83.0124 152.06L64.7783 148.778C65.1232 147.318 65.047 143.293 61.9821 138.869L60.9601 138.114L72.8023 140.913ZM66.8226 166.216C67.8842 163.898 72.1944 159.573 80.9425 160.818L63.1683 155.591C62.8234 157.05 60.9532 160.616 56.2325 163.199L54.9804 163.417L66.8226 166.216Z" fill="#101323"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M97.807 153.887C107.61 155.615 116.766 159.952 124.311 166.444C114.658 168.87 104.529 168.651 94.9901 165.807L59.6472 155.272L60.5672 151.38L61.4871 147.487L97.807 153.887Z" fill="url(#paint0_linear_2691_26038)"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M66.2466 140.391C64.6915 140.024 63.1484 139.396 61.6249 138.776C60.1394 138.171 58.6725 137.574 57.2312 137.233L57.4612 136.26L57.6912 135.287C58.8369 135.558 60.3236 135.681 61.8968 135.812C63.6646 135.959 65.5415 136.115 67.1665 136.499C75.2287 138.404 81.5585 140.82 81.3044 141.895C81.0504 142.97 74.3088 142.297 66.2466 140.391ZM63.0268 154.016C61.4717 153.648 59.9287 153.02 58.4051 152.4C56.9196 151.796 55.4527 151.198 54.0114 150.858L54.2414 149.885L54.4714 148.911C55.6171 149.182 57.1038 149.306 58.6771 149.436C60.4448 149.583 62.3217 149.739 63.9467 150.123C72.0089 152.028 78.3387 154.444 78.0847 155.519C77.8306 156.594 71.089 155.921 63.0268 154.016ZM55.8709 163.124C57.5109 163.251 59.1719 163.38 60.727 163.748C68.7892 165.653 75.1189 168.069 74.8649 169.144C74.6109 170.219 67.8692 169.546 59.807 167.64C58.182 167.256 56.4338 166.556 54.7873 165.896C53.322 165.308 51.9373 164.753 50.7916 164.482L51.0217 163.509L51.2516 162.536C52.693 162.877 54.272 162.999 55.8709 163.124Z" fill="#444CE7"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M110.2 163.109C109.056 162.153 106.086 160.081 103.361 159.437C100.636 158.793 96.4044 159.163 94.6291 159.429C96.0977 160.461 99.7163 162.686 102.441 163.33C105.166 163.974 108.749 163.451 110.2 163.109Z" fill="#6172F3"/>
+    <circle cx="84" cy="30" r="19" fill="#FEDF89"/>
+    <circle cx="137" cy="71" r="9" fill="#FEDF89"/>
+    <circle cx="166" cy="42" r="5" fill="#FEDF89"/>
+    <path d="M146.168 183.592C144.552 183.592 143.136 183.096 141.92 182.104C140.704 181.096 140.064 179.824 140 178.288H143.744C143.872 178.8 144.16 179.216 144.608 179.536C145.056 179.856 145.576 180.016 146.168 180.016C146.92 180.016 147.504 179.8 147.92 179.368C148.336 178.936 148.544 178.368 148.544 177.664C148.544 176.992 148.32 176.432 147.872 175.984C147.424 175.536 146.864 175.312 146.192 175.312C145.568 175.312 145.04 175.48 144.608 175.816C144.176 176.136 143.864 176.56 143.672 177.088L140.528 176.104L142.496 166.288H150.872V169.792H145.28L144.704 172.504C145.264 172.2 145.992 172.048 146.888 172.048C148.488 172.048 149.768 172.592 150.728 173.68C151.688 174.768 152.168 176.184 152.168 177.928C152.168 179.688 151.624 181.072 150.536 182.08C149.464 183.088 148.008 183.592 146.168 183.592Z" fill="white"/>
+    <path d="M160.716 183.592C158.812 183.592 157.26 182.952 156.06 181.672C154.86 180.392 154.26 178.76 154.26 176.776V172.816C154.26 170.832 154.86 169.2 156.06 167.92C157.26 166.64 158.812 166 160.716 166C162.604 166 164.148 166.64 165.348 167.92C166.548 169.2 167.148 170.832 167.148 172.816V176.776C167.148 178.76 166.548 180.392 165.348 181.672C164.148 182.952 162.604 183.592 160.716 183.592ZM160.716 180.016C161.564 180.016 162.244 179.728 162.756 179.152C163.268 178.576 163.524 177.784 163.524 176.776V172.816C163.524 171.808 163.268 171.016 162.756 170.44C162.244 169.864 161.564 169.576 160.716 169.576C159.852 169.576 159.164 169.864 158.652 170.44C158.14 171.016 157.884 171.808 157.884 172.816V176.776C157.884 177.784 158.14 178.576 158.652 179.152C159.164 179.728 159.852 180.016 160.716 180.016Z" fill="white"/>
+    <path d="M175.904 183.592C174 183.592 172.448 182.952 171.248 181.672C170.048 180.392 169.448 178.76 169.448 176.776V172.816C169.448 170.832 170.048 169.2 171.248 167.92C172.448 166.64 174 166 175.904 166C177.792 166 179.336 166.64 180.536 167.92C181.736 169.2 182.336 170.832 182.336 172.816V176.776C182.336 178.76 181.736 180.392 180.536 181.672C179.336 182.952 177.792 183.592 175.904 183.592ZM175.904 180.016C176.752 180.016 177.432 179.728 177.944 179.152C178.456 178.576 178.712 177.784 178.712 176.776V172.816C178.712 171.808 178.456 171.016 177.944 170.44C177.432 169.864 176.752 169.576 175.904 169.576C175.04 169.576 174.352 169.864 173.84 170.44C173.328 171.016 173.072 171.808 173.072 172.816V176.776C173.072 177.784 173.328 178.576 173.84 179.152C174.352 179.728 175.04 180.016 175.904 180.016Z" fill="white"/>
+    <defs>
+        <linearGradient id="paint0_linear_2691_26038" x1="61.9972" y1="145.33" x2="60.9107" y2="169.734" gradientUnits="userSpaceOnUse">
+            <stop stop-color="#344054"/>
+            <stop offset="1" stop-color="#475467"/>
+        </linearGradient>
+    </defs>
+</svg>

package/src/components/icon/icons/activity-bulk.svg

@@ -0,0 +1,8 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path opacity="0.4"
+    d="M16.19 2H7.81C4.17 2 2 4.17 2 7.81V16.18C2 19.83 4.17 22 7.81 22H16.18C19.82 22 21.99 19.83 21.99 16.19V7.81C22 4.17 19.83 2 16.19 2Z"
+    fill="currentColor" />
+  <path
+    d="M7.33011 15.24C7.17011 15.24 7.01011 15.19 6.87011 15.08C6.54011 14.83 6.48011 14.36 6.73011 14.03L9.11011 10.94C9.40011 10.57 9.81011 10.33 10.2801 10.27C10.7401 10.21 11.2101 10.34 11.5801 10.63L13.4101 12.07C13.4801 12.13 13.5501 12.13 13.6001 12.12C13.6401 12.12 13.7101 12.1 13.7701 12.02L16.0801 9.04001C16.3301 8.71001 16.8101 8.65001 17.1301 8.91001C17.4601 9.16001 17.5201 9.63001 17.2601 9.96001L14.9501 12.94C14.6601 13.31 14.2501 13.55 13.7801 13.6C13.3101 13.66 12.8501 13.53 12.4801 13.24L10.6501 11.8C10.5801 11.74 10.5001 11.74 10.4601 11.75C10.4201 11.75 10.3501 11.77 10.2901 11.85L7.91011 14.94C7.78011 15.14 7.56011 15.24 7.33011 15.24Z"
+    fill="currentColor" />
+</svg>

package/src/components/icon/icons/add-app.svg

@@ -0,0 +1,81 @@
+<svg viewBox="0 0 120 120" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g filter="url(#filter0_i_589_74941)">
+        <rect width="120" height="120" rx="60" fill="#F2F4F7" />
+        <path
+            d="M18 31.8C18 29.149 20.149 27 22.8 27H97.2C99.851 27 102 29.149 102 31.8V120H18V31.8Z"
+            fill="white" />
+        <rect x="23" y="76" width="24" height="24" rx="6" fill="#EAECF0" />
+        <rect x="50" y="76" width="24" height="24" rx="6" fill="#EAECF0" />
+        <rect x="35" y="47" width="24" height="24" rx="6" fill="#EAECF0" />
+        <rect x="62" y="47" width="24" height="24" rx="6" fill="#EAECF0" />
+        <rect x="76" y="76" width="24" height="24" rx="6" fill="#EAECF0" />
+        <g filter="url(#filter1_ddddd_589_74941)">
+            <rect x="40" y="17" width="40" height="40" rx="10" fill="white" />
+            <path d="M54 37.5H66" stroke="#D0D5DD" stroke-width="1.5" stroke-linecap="round"
+                stroke-linejoin="round" />
+            <path d="M60 43.5V31.5" stroke="#D0D5DD" stroke-width="1.5" stroke-linecap="round"
+                stroke-linejoin="round" />
+            <rect x="40.75" y="17.75" width="38.5" height="38.5" rx="9.25" stroke="#D0D5DD"
+                stroke-width="1.5" />
+        </g>
+    </g>
+    <defs>
+        <filter id="filter0_i_589_74941" x="0" y="-0.6" width="120" height="120.6"
+            filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+            <feFlood flood-opacity="0" result="BackgroundImageFix" />
+            <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
+            <feColorMatrix in="SourceAlpha" type="matrix"
+                values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" />
+            <feOffset dy="-0.6" />
+            <feGaussianBlur stdDeviation="1.2" />
+            <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1" />
+            <feColorMatrix type="matrix"
+                values="0 0 0 0 0.20434 0 0 0 0 0.329917 0 0 0 0 0.445833 0 0 0 0.12 0" />
+            <feBlend mode="normal" in2="shape" result="effect1_innerShadow_589_74941" />
+        </filter>
+        <filter id="filter1_ddddd_589_74941" x="38.3333" y="15.3333" width="56.6667"
+            height="58.3333" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+            <feFlood flood-opacity="0" result="BackgroundImageFix" />
+            <feColorMatrix in="SourceAlpha" type="matrix"
+                values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" />
+            <feOffset />
+            <feColorMatrix type="matrix"
+                values="0 0 0 0 0.301961 0 0 0 0 0.301961 0 0 0 0 0.301961 0 0 0 0.1 0" />
+            <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_589_74941" />
+            <feColorMatrix in="SourceAlpha" type="matrix"
+                values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" />
+            <feOffset />
+            <feGaussianBlur stdDeviation="0.833333" />
+            <feColorMatrix type="matrix"
+                values="0 0 0 0 0.301961 0 0 0 0 0.301961 0 0 0 0 0.301961 0 0 0 0.1 0" />
+            <feBlend mode="normal" in2="effect1_dropShadow_589_74941"
+                result="effect2_dropShadow_589_74941" />
+            <feColorMatrix in="SourceAlpha" type="matrix"
+                values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" />
+            <feOffset dx="1.66667" dy="3.33333" />
+            <feGaussianBlur stdDeviation="1.66667" />
+            <feColorMatrix type="matrix"
+                values="0 0 0 0 0.301961 0 0 0 0 0.301961 0 0 0 0 0.301961 0 0 0 0.09 0" />
+            <feBlend mode="normal" in2="effect2_dropShadow_589_74941"
+                result="effect3_dropShadow_589_74941" />
+            <feColorMatrix in="SourceAlpha" type="matrix"
+                values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" />
+            <feOffset dx="5" dy="6.66667" />
+            <feGaussianBlur stdDeviation="2.5" />
+            <feColorMatrix type="matrix"
+                values="0 0 0 0 0.301961 0 0 0 0 0.301961 0 0 0 0 0.301961 0 0 0 0.05 0" />
+            <feBlend mode="normal" in2="effect3_dropShadow_589_74941"
+                result="effect4_dropShadow_589_74941" />
+            <feColorMatrix in="SourceAlpha" type="matrix"
+                values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" />
+            <feOffset dx="10" dy="11.6667" />
+            <feGaussianBlur stdDeviation="2.5" />
+            <feColorMatrix type="matrix"
+                values="0 0 0 0 0.301961 0 0 0 0 0.301961 0 0 0 0 0.301961 0 0 0 0.01 0" />
+            <feBlend mode="normal" in2="effect4_dropShadow_589_74941"
+                result="effect5_dropShadow_589_74941" />
+            <feBlend mode="normal" in="SourceGraphic" in2="effect5_dropShadow_589_74941"
+                result="shape" />
+        </filter>
+    </defs>
+</svg>

package/src/components/icon/icons/add-bold.svg

@@ -0,0 +1,3 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16.19 2H7.81C4.17 2 2 4.17 2 7.81V16.18C2 19.83 4.17 22 7.81 22H16.18C19.82 22 21.99 19.83 21.99 16.19V7.81C22 4.17 19.83 2 16.19 2ZM18 12.75H12.75V18C12.75 18.41 12.41 18.75 12 18.75C11.59 18.75 11.25 18.41 11.25 18V12.75H6C5.59 12.75 5.25 12.41 5.25 12C5.25 11.59 5.59 11.25 6 11.25H11.25V6C11.25 5.59 11.59 5.25 12 5.25C12.41 5.25 12.75 5.59 12.75 6V11.25H18C18.41 11.25 18.75 11.59 18.75 12C18.75 12.41 18.41 12.75 18 12.75Z" fill="currentColor"/>
+</svg>

package/src/components/icon/icons/add-bulk.svg

@@ -0,0 +1,8 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path opacity="0.4"
+        d="M16.19 2H7.81C4.17 2 2 4.17 2 7.81V16.18C2 19.83 4.17 22 7.81 22H16.18C19.82 22 21.99 19.83 21.99 16.19V7.81C22 4.17 19.83 2 16.19 2Z"
+        fill="currentColor" />
+    <path
+        d="M18 11.25H12.75V6C12.75 5.59 12.41 5.25 12 5.25C11.59 5.25 11.25 5.59 11.25 6V11.25H6C5.59 11.25 5.25 11.59 5.25 12C5.25 12.41 5.59 12.75 6 12.75H11.25V18C11.25 18.41 11.59 18.75 12 18.75C12.41 18.75 12.75 18.41 12.75 18V12.75H18C18.41 12.75 18.75 12.41 18.75 12C18.75 11.59 18.41 11.25 18 11.25Z"
+        fill="currentColor" />
+</svg>

package/src/components/icon/icons/add-button.svg

@@ -0,0 +1,5 @@
+<svg viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="1" y="1" width="24" height="24" rx="12" fill="white"/>
+<path d="M12.9999 8.33334V17.6667M8.33325 13H17.6666" stroke="#98A2B3" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"/>
+<rect x="1" y="1" width="24" height="24" rx="12" stroke="#D0D5DD" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="1 3"/>
+</svg>

package/src/components/icon/icons/add-circle-bold.svg

@@ -0,0 +1,3 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 2C6.49 2 2 6.49 2 12C2 17.51 6.49 22 12 22C17.51 22 22 17.51 22 12C22 6.49 17.51 2 12 2ZM16 12.75H12.75V16C12.75 16.41 12.41 16.75 12 16.75C11.59 16.75 11.25 16.41 11.25 16V12.75H8C7.59 12.75 7.25 12.41 7.25 12C7.25 11.59 7.59 11.25 8 11.25H11.25V8C11.25 7.59 11.59 7.25 12 7.25C12.41 7.25 12.75 7.59 12.75 8V11.25H16C16.41 11.25 16.75 11.59 16.75 12C16.75 12.41 16.41 12.75 16 12.75Z" fill="currentColor"/>
+</svg>

package/src/components/icon/icons/add-circle-bulk.svg

@@ -0,0 +1,8 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path opacity="0.4"
+        d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z"
+        fill="currentColor" />
+    <path
+        d="M16 11.25H12.75V8C12.75 7.59 12.41 7.25 12 7.25C11.59 7.25 11.25 7.59 11.25 8V11.25H8C7.59 11.25 7.25 11.59 7.25 12C7.25 12.41 7.59 12.75 8 12.75H11.25V16C11.25 16.41 11.59 16.75 12 16.75C12.41 16.75 12.75 16.41 12.75 16V12.75H16C16.41 12.75 16.75 12.41 16.75 12C16.75 11.59 16.41 11.25 16 11.25Z"
+        fill="currentColor" />
+</svg>

package/src/components/icon/icons/add-circle.svg

@@ -0,0 +1,8 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M12 22C17.5 22 22 17.5 22 12C22 6.5 17.5 2 12 2C6.5 2 2 6.5 2 12C2 17.5 6.5 22 12 22Z"
+        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
+    <path d="M8 12H16" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
+        stroke-linejoin="round" />
+    <path d="M12 16V8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
+        stroke-linejoin="round" />
+</svg>

package/src/components/icon/icons/add-square-bold.svg

@@ -0,0 +1,3 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16.19 2H7.81C4.17 2 2 4.17 2 7.81V16.18C2 19.83 4.17 22 7.81 22H16.18C19.82 22 21.99 19.83 21.99 16.19V7.81C22 4.17 19.83 2 16.19 2ZM16 12.75H12.75V16C12.75 16.41 12.41 16.75 12 16.75C11.59 16.75 11.25 16.41 11.25 16V12.75H8C7.59 12.75 7.25 12.41 7.25 12C7.25 11.59 7.59 11.25 8 11.25H11.25V8C11.25 7.59 11.59 7.25 12 7.25C12.41 7.25 12.75 7.59 12.75 8V11.25H16C16.41 11.25 16.75 11.59 16.75 12C16.75 12.41 16.41 12.75 16 12.75Z" fill="currentColor"/>
+</svg>

package/src/components/icon/icons/add-square.svg

@@ -0,0 +1,5 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8 12H16" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M12 16V8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M9 22H15C20 22 22 20 22 15V9C22 4 20 2 15 2H9C4 2 2 4 2 9V15C2 20 4 22 9 22Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/src/components/icon/icons/add.svg

@@ -0,0 +1,4 @@
+<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5 10H15" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M10 15V5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/src/components/icon/icons/aim-outlined.svg

@@ -0,0 +1 @@
+<svg fill="currentColor" viewBox="64 64 896 896"><defs><style></style></defs><path d="M952 474H829.8C812.5 327.6 696.4 211.5 550 194.2V72c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v122.2C327.6 211.5 211.5 327.6 194.2 474H72c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h122.2C211.5 696.4 327.6 812.5 474 829.8V952c0 4.4 3.6 8 8 8h60c4.4 0 8-3.6 8-8V829.8C696.4 812.5 812.5 696.4 829.8 550H952c4.4 0 8-3.6 8-8v-60c0-4.4-3.6-8-8-8zM512 756c-134.8 0-244-109.2-244-244s109.2-244 244-244 244 109.2 244 244-109.2 244-244 244z"></path><path d="M512 392c-32.1 0-62.1 12.4-84.8 35.2-22.7 22.7-35.2 52.7-35.2 84.8s12.5 62.1 35.2 84.8C449.9 619.4 480 632 512 632s62.1-12.5 84.8-35.2C619.4 574.1 632 544 632 512s-12.5-62.1-35.2-84.8A118.57 118.57 0 00512 392z"></path></svg>

package/src/components/icon/icons/airplane-bulk.svg

@@ -0,0 +1,4 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M9.96006 14.0401V12.9301C9.96006 12.5001 9.64006 12.2901 9.25006 12.4601L4.24006 14.6201C3.45006 14.9601 2.81006 14.5401 2.81006 13.6901V12.3701C2.81006 11.6901 3.32006 10.9001 3.95006 10.6401L9.65006 8.19006C9.81006 8.11006 9.95006 7.90006 9.95006 7.72006V4.66006C9.95006 3.70006 10.6601 2.55006 11.5101 2.11006C11.8101 1.96006 12.1701 1.96006 12.4701 2.11006C13.3301 2.55006 14.0401 3.69006 14.0401 4.65006V7.71006C14.0401 7.89006 14.1801 8.10006 14.3401 8.18006L15.3801 8.62006L9.96006 14.0401Z" fill="currentColor"/>
+    <path opacity="0.4" d="M21.1902 12.37V13.69C21.1902 14.54 20.5502 14.96 19.7602 14.62L14.7502 12.46C14.3502 12.3 14.0402 12.5 14.0402 12.93V15.84C14.0402 16.07 14.1702 16.4 14.3402 16.56L16.6602 18.89C16.9002 19.13 17.0102 19.61 16.9002 19.94L16.4502 21.3C16.2502 21.89 15.5802 22.16 15.0302 21.89L12.6502 19.89C12.2902 19.58 11.7002 19.58 11.3402 19.89L8.96016 21.89C8.41016 22.17 7.74016 21.89 7.56016 21.3L7.11016 19.94C7.00016 19.6 7.11016 19.13 7.35016 18.89L9.67016 16.56C9.83016 16.4 9.96016 16.07 9.96016 15.84V14.04L15.3802 8.62L20.0502 10.63C20.6802 10.9 21.1902 11.69 21.1902 12.37Z" fill="currentColor"/>
+</svg>

package/src/components/icon/icons/align-left-bold.svg

@@ -0,0 +1,11 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path
+        d="M19.38 15.98V17.02C19.38 18.61 18.78 19.25 17.26 19.25H5.38V13.75H17.26C18.78 13.75 19.38 14.39 19.38 15.98Z"
+        fill="currentColor" />
+    <path
+        d="M14.38 7.48V8.52C14.38 10.11 13.77 10.75 12.26 10.75H5.38V5.25H12.26C13.77 5.25 14.38 5.89 14.38 7.48Z"
+        fill="currentColor" />
+    <path
+        d="M5.37998 22C4.96998 22 4.62998 21.66 4.62998 21.25V2.75C4.61998 2.33 4.95998 2 5.37998 2C5.79998 2 6.12998 2.34 6.12998 2.75V21.25C6.11998 21.66 5.78998 22 5.37998 22Z"
+        fill="currentColor" />
+</svg>

package/src/components/icon/icons/align-left-bulk.svg

@@ -0,0 +1,11 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path
+        d="M19.38 15.98V17.02C19.38 18.61 18.78 19.25 17.26 19.25H5.38V13.75H17.26C18.78 13.75 19.38 14.39 19.38 15.98Z"
+        fill="currentColor" />
+    <path opacity="0.4"
+        d="M14.38 7.48V8.52C14.38 10.11 13.77 10.75 12.26 10.75H5.38V5.25H12.26C13.77 5.25 14.38 5.89 14.38 7.48Z"
+        fill="currentColor" />
+    <path
+        d="M5.37998 22C4.96998 22 4.62998 21.66 4.62998 21.25V2.75C4.61998 2.33 4.95998 2 5.37998 2C5.79998 2 6.12998 2.34 6.12998 2.75V21.25C6.11998 21.66 5.78998 22 5.37998 22Z"
+        fill="currentColor" />
+</svg>

package/src/components/icon/icons/align-left.svg

@@ -0,0 +1,10 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path
+        d="M5.09998 19.25H16.9C18.4 19.25 19 18.61 19 17.02V15.98C19 14.39 18.4 13.75 16.9 13.75H5.09998"
+        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
+    <path
+        d="M5.09998 5.25H11.9C13.4 5.25 14 5.89 14 7.48V8.52C14 10.11 13.4 10.75 11.9 10.75H5.09998"
+        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
+    <path d="M5 1.99001V21.99" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
+        stroke-linejoin="round" />
+</svg>

package/src/components/icon/icons/android-storefront.svg

@@ -0,0 +1,8 @@
+<svg class="no-color" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <rect x="0.5" y="0.5" width="23" height="23" rx="11.5" fill="#97C024"/>
+    <path d="M7.6646 9.88672C7.45784 9.88672 7.28241 9.95882 7.1382 10.103C6.994 10.2472 6.92188 10.4203 6.92188 10.6222V13.7232C6.92188 13.9302 6.99398 14.1055 7.1382 14.2497C7.28241 14.3939 7.45784 14.466 7.6646 14.466C7.8712 14.466 8.04557 14.3939 8.18754 14.2497C8.32923 14.1055 8.40026 13.9302 8.40026 13.7232V10.6222C8.40026 10.4202 8.32816 10.2472 8.18394 10.103C8.03971 9.95882 7.86656 9.88672 7.6646 9.88672Z" fill="#FCFCFD"/>
+    <path d="M13.6359 7.10327L14.148 6.15872C14.1816 6.09618 14.1696 6.04823 14.112 6.01451C14.0494 5.98544 14.0014 6.00017 13.9678 6.05767L13.4486 7.00977C12.9918 6.80779 12.5086 6.70661 11.999 6.70661C11.4894 6.70661 11.0062 6.80781 10.5495 7.00977L10.0303 6.05767C9.99653 6.00017 9.94847 5.98557 9.88607 6.01451C9.82831 6.04838 9.81635 6.09618 9.85009 6.15872L10.3621 7.10327C9.84293 7.36805 9.42941 7.73681 9.12174 8.21034C8.81406 8.68414 8.66016 9.20189 8.66016 9.76452H15.3307C15.3307 9.20202 15.1767 8.68425 14.8691 8.21034C14.5614 7.73681 14.1503 7.36805 13.6359 7.10327ZM10.6756 8.47714C10.6203 8.53264 10.5541 8.56026 10.4772 8.56026C10.4002 8.56026 10.3354 8.53264 10.2826 8.47714C10.2297 8.4219 10.2033 8.35602 10.2033 8.27889C10.2033 8.20201 10.2297 8.13601 10.2826 8.08063C10.3354 8.02539 10.4004 7.99777 10.4772 7.99777C10.5541 7.99777 10.6203 8.02539 10.6756 8.08063C10.7309 8.13614 10.7586 8.20201 10.7586 8.27889C10.7585 8.35589 10.7307 8.4219 10.6756 8.47714ZM13.7152 8.47714C13.6622 8.53264 13.5973 8.56026 13.5206 8.56026C13.4435 8.56026 13.3774 8.53264 13.3221 8.47714C13.2668 8.4219 13.2392 8.35602 13.2392 8.27889C13.2392 8.20201 13.2668 8.13601 13.3221 8.08063C13.3774 8.02539 13.4435 7.99777 13.5206 7.99777C13.5974 7.99777 13.6622 8.02539 13.7152 8.08063C13.7681 8.13614 13.7945 8.20201 13.7945 8.27889C13.7945 8.35589 13.7681 8.4219 13.7152 8.47714Z" fill="#FCFCFD"/>
+    <path d="M8.6875 14.8269C8.6875 15.0482 8.76438 15.2356 8.91815 15.3894C9.07205 15.5431 9.25944 15.62 9.48065 15.62H10.0143L10.0216 17.2572C10.0216 17.464 10.0937 17.6395 10.2379 17.7837C10.3822 17.928 10.5553 18.0001 10.7572 18.0001C10.9638 18.0001 11.1393 17.928 11.2835 17.7837C11.4278 17.6395 11.4999 17.464 11.4999 17.2572V15.6202H12.495V17.2572C12.495 17.464 12.5671 17.6395 12.7113 17.7837C12.8556 17.928 13.0309 18.0001 13.2377 18.0001C13.4444 18.0001 13.6199 17.928 13.7641 17.7837C13.9083 17.6395 13.9804 17.464 13.9804 17.2572V15.6202H14.5213C14.7376 15.6202 14.9226 15.5433 15.0767 15.3895C15.2304 15.2357 15.3073 15.0483 15.3073 14.827V10.0239H8.6875V14.8269Z" fill="#FCFCFD"/>
+    <path d="M16.3332 9.88672C16.1312 9.88672 15.9582 9.95776 15.814 10.0994C15.6698 10.2414 15.5977 10.4158 15.5977 10.6222V13.7232C15.5977 13.9302 15.6697 14.1055 15.814 14.2497C15.9582 14.3939 16.1313 14.466 16.3332 14.466C16.5398 14.466 16.7154 14.3939 16.8596 14.2497C17.0038 14.1055 17.0759 13.9302 17.0759 13.7232V10.6222C17.0759 10.4157 17.0038 10.2414 16.8596 10.0994C16.7154 9.95776 16.5398 9.88672 16.3332 9.88672Z" fill="#FCFCFD"/>
+    <rect x="0.5" y="0.5" width="23" height="23" rx="11.5" stroke="white"/>
+</svg>

package/src/components/icon/icons/android.svg

@@ -0,0 +1,6 @@
+<svg viewBox="0 0 14 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M1.22076 5.18262C0.945083 5.18262 0.711179 5.27875 0.518907 5.47103C0.326634 5.6633 0.230469 5.89402 0.230469 6.16331V10.2979C0.230469 10.5739 0.326605 10.8076 0.518907 10.9999C0.711179 11.1922 0.945083 11.2884 1.22076 11.2884C1.49624 11.2884 1.72873 11.1922 1.91802 10.9999C2.10694 10.8076 2.20165 10.5739 2.20165 10.2979V6.16331C2.20165 5.89399 2.10552 5.6633 1.91322 5.47103C1.72091 5.27875 1.49005 5.18262 1.22076 5.18262Z" fill="currentColor"/>
+<path d="M9.18322 1.47103L9.86592 0.211621C9.91074 0.128243 9.89479 0.0643063 9.81795 0.0193481C9.73455 -0.0194188 9.67047 0.00022502 9.62568 0.0768911L8.93343 1.34636C8.3243 1.07705 7.68004 0.942147 7.00067 0.942147C6.32114 0.942147 5.67683 1.07708 5.06793 1.34636L4.37565 0.0768911C4.33066 0.00022502 4.26658 -0.0192453 4.18338 0.0193481C4.10636 0.0645088 4.09042 0.128243 4.13541 0.211621L4.81814 1.47103C4.12586 1.82407 3.5745 2.31574 3.16427 2.94712C2.75403 3.57885 2.54883 4.26919 2.54883 5.01936H11.4428C11.4428 4.26937 11.2376 3.579 10.8274 2.94712C10.4171 2.31574 9.86896 1.82407 9.18322 1.47103ZM5.23613 3.30285C5.1623 3.37686 5.07412 3.41369 4.97162 3.41369C4.86892 3.41369 4.78253 3.37686 4.71205 3.30285C4.64158 3.2292 4.60634 3.14136 4.60634 3.03851C4.60634 2.93601 4.64158 2.84801 4.71205 2.77418C4.78253 2.70052 4.86912 2.66369 4.97162 2.66369C5.07412 2.66369 5.1623 2.70052 5.23613 2.77418C5.30979 2.84818 5.34679 2.93601 5.34679 3.03851C5.34659 3.14119 5.30962 3.2292 5.23613 3.30285ZM9.2889 3.30285C9.21828 3.37686 9.13169 3.41369 9.02936 3.41369C8.92663 3.41369 8.83848 3.37686 8.76479 3.30285C8.69099 3.2292 8.65416 3.14136 8.65416 3.03851C8.65416 2.93601 8.69099 2.84801 8.76479 2.77418C8.83848 2.70052 8.92663 2.66369 9.02936 2.66369C9.13187 2.66369 9.21825 2.70052 9.2889 2.77418C9.35943 2.84818 9.39461 2.93601 9.39461 3.03851C9.39461 3.14119 9.35941 3.2292 9.2889 3.30285Z" fill="currentColor"/>
+<path d="M2.58594 11.7691C2.58594 12.0643 2.68844 12.3141 2.89347 12.5192C3.09867 12.7242 3.34852 12.8267 3.64347 12.8267H4.35504L4.36479 15.0096C4.36479 15.2853 4.46093 15.5193 4.6532 15.7116C4.84547 15.9039 5.07637 16.0001 5.34548 16.0001C5.62099 16.0001 5.85504 15.9039 6.04734 15.7116C6.23964 15.5193 6.33578 15.2853 6.33578 15.0096V12.8269H7.66265V15.0096C7.66265 15.2853 7.75876 15.5193 7.95106 15.7116C8.14336 15.9039 8.3772 16.0001 8.65291 16.0001C8.92842 16.0001 9.16247 15.9039 9.35477 15.7116C9.54707 15.5193 9.64318 15.2853 9.64318 15.0096V12.8269H10.3644C10.6528 12.8269 10.8994 12.7244 11.1048 12.5193C11.3098 12.3143 11.4124 12.0645 11.4124 11.7693V5.36523H2.58594V11.7691Z" fill="currentColor"/>
+<path d="M12.7776 5.18262C12.5083 5.18262 12.2776 5.27734 12.0853 5.46625C11.893 5.65552 11.7969 5.888 11.7969 6.16331V10.2979C11.7969 10.5739 11.893 10.8076 12.0853 10.9999C12.2776 11.1922 12.5085 11.2884 12.7776 11.2884C13.0531 11.2884 13.2871 11.1922 13.4794 10.9999C13.6718 10.8076 13.7679 10.5739 13.7679 10.2979V6.16331C13.7679 5.88797 13.6718 5.65552 13.4794 5.46625C13.2871 5.27734 13.0531 5.18262 12.7776 5.18262Z" fill="currentColor"/>
+</svg>

package/src/components/icon/icons/angle-double-right.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 992 1280">
+<g transform="translate(992 0) scale(-1 1)">
+<path fill="currentColor" d="M595 1120q0 13-10 23l-50 50q-10 10-23 10t-23-10L23 727q-10-10-10-23t10-23l466-466q10-10 23-10t23 10l50 50q10 10 10 23t-10 23L192 704l393 393q10 10 10 23zm384 0q0 13-10 23l-50 50q-10 10-23 10t-23-10L407 727q-10-10-10-23t10-23l466-466q10-10 23-10t23 10l50 50q10 10 10 23t-10 23L576 704l393 393q10 10 10 23z"/>
+</g>
+</svg>

package/src/components/icon/icons/app-store-colorful.svg

@@ -0,0 +1,21 @@
+<svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path
+        d="M12.4 0H3.6C1.61156 0 0 1.61156 0 3.6V12.4C0 14.388 1.61156 16 3.6 16H12.4C14.3884 16 16 14.388 16 12.4V3.6C16 1.61156 14.3884 0 12.4 0Z"
+        fill="url(#paint0_linear_231_22091)" />
+    <path
+        d="M8.57815 9.61329C8.51237 9.51374 8.43948 9.4204 8.35681 9.33729H6.28748L9.47548 3.8964C9.6617 3.57862 9.55503 3.17018 9.2377 2.98396C8.91948 2.79774 8.51103 2.9044 8.3257 3.22218L7.93903 3.88174L7.55237 3.22174C7.36659 2.90396 6.95815 2.79774 6.64037 2.98351C6.32259 3.16929 6.21592 3.57774 6.40215 3.89551L7.16659 5.19996L4.74215 9.33729H2.79948C2.43103 9.33729 2.13281 9.63285 2.13281 9.99685C2.13281 10.3608 2.43103 10.6564 2.79948 10.6564H8.75237C8.83859 10.3662 8.81503 10.0422 8.65415 9.74174L8.57815 9.61329Z"
+        fill="white" />
+    <path
+        d="M3.83374 11.5563C3.69285 11.5523 3.55463 11.5678 3.41952 11.595L3.20307 11.9643C3.01685 12.2821 3.12352 12.6905 3.44129 12.8767C3.54707 12.939 3.66352 12.9683 3.77774 12.9683C4.00663 12.9683 4.22974 12.8501 4.35329 12.639L4.73774 11.9825C4.52129 11.7354 4.20885 11.5674 3.83552 11.5563H3.83374Z"
+        fill="white" />
+    <path
+        d="M13.2005 9.33727H11.137L9.29387 6.19238L8.95476 6.77149C8.75743 7.19372 8.73076 7.67105 8.87254 8.10972L11.5268 12.639C11.6508 12.8506 11.8734 12.9684 12.1023 12.9684C12.2165 12.9684 12.333 12.939 12.4388 12.8768C12.7565 12.6906 12.8628 12.2822 12.6765 11.9644L11.9099 10.6564H13.2005C13.569 10.6564 13.8672 10.3608 13.8672 9.99683C13.8672 9.63283 13.569 9.33727 13.2005 9.33727Z"
+        fill="white" />
+    <defs>
+        <linearGradient id="paint0_linear_231_22091" x1="8" y1="-0.614667" x2="8" y2="15.1538"
+            gradientUnits="userSpaceOnUse">
+            <stop stop-color="#18BDFB" />
+            <stop offset="1" stop-color="#2073F3" />
+        </linearGradient>
+    </defs>
+</svg>

package/src/components/icon/icons/app-store.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 448 512">
+<path d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM127 384.5c-5.5 9.6-17.8 12.8-27.3 7.3-9.6-5.5-12.8-17.8-7.3-27.3l14.3-24.7c16.1-4.9 29.3-1.1 39.6 11.4L127 384.5zm138.9-53.9H84c-11 0-20-9-20-20s9-20 20-20h51l65.4-113.2-20.5-35.4c-5.5-9.6-2.2-21.8 7.3-27.3 9.6-5.5 21.8-2.2 27.3 7.3l8.9 15.4 8.9-15.4c5.5-9.6 17.8-12.8 27.3-7.3 9.6 5.5 12.8 17.8 7.3 27.3l-85.8 148.6h62.1c20.2 0 31.5 23.7 22.7 40zm98.1 0h-29l19.6 33.9c5.5 9.6 2.2 21.8-7.3 27.3-9.6 5.5-21.8 2.2-27.3-7.3-32.9-56.9-57.5-99.7-74-128.1-16.7-29-4.8-58 7.1-67.8 13.1 22.7 32.7 56.7 58.9 102h52c11 0 20 9 20 20 0 11.1-9 20-20 20z"/>
+</svg>

package/src/components/icon/icons/app.svg

@@ -0,0 +1,5 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path
+        d="M7.76 2.5H16.24C17.5827 2.5 18.3495 2.74815 18.7996 3.20295C19.2512 3.65926 19.5 4.44047 19.5 5.81V18.19C19.5 19.5596 19.2512 20.3405 18.7987 20.7967C18.3475 21.2517 17.5781 21.5 16.23 21.5H7.76C6.4173 21.5 5.65047 21.2519 5.2004 20.797C4.74883 20.3407 4.5 19.5595 4.5 18.19V5.81C4.5 4.44047 4.74883 3.65926 5.2004 3.20295C5.65047 2.74815 6.4173 2.5 7.76 2.5ZM9.75 17.55C9.75 18.7861 10.7639 19.8 12 19.8C13.2361 19.8 14.25 18.7861 14.25 17.55C14.25 16.3139 13.2361 15.3 12 15.3C10.7639 15.3 9.75 16.3139 9.75 17.55ZM10 6.75H14C14.6861 6.75 15.25 6.18614 15.25 5.5C15.25 4.81386 14.6861 4.25 14 4.25H10C9.31386 4.25 8.75 4.81386 8.75 5.5C8.75 6.18614 9.31386 6.75 10 6.75Z"
+        fill="currentColor" stroke="currentColor" />
+</svg>

package/src/components/icon/icons/apple-bold.svg

@@ -0,0 +1,5 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path
+        d="M20.8426 17.1449C20.5099 17.9135 20.1161 18.6211 19.6598 19.2715C19.0378 20.1583 18.5286 20.7721 18.1361 21.113C17.5277 21.6724 16.8759 21.959 16.1779 21.9753C15.6768 21.9753 15.0725 21.8327 14.3691 21.5434C13.6633 21.2555 13.0148 21.113 12.4217 21.113C11.7998 21.113 11.1327 21.2555 10.4193 21.5434C9.70469 21.8327 9.12904 21.9834 8.68892 21.9984C8.01957 22.0269 7.35239 21.7322 6.68644 21.113C6.26139 20.7422 5.72974 20.1067 5.09285 19.2063C4.40951 18.2449 3.84772 17.13 3.4076 15.8589C2.93624 14.486 2.69995 13.1565 2.69995 11.8694C2.69995 10.3951 3.01853 9.12345 3.65665 8.05784C4.15815 7.20191 4.82533 6.52672 5.66035 6.03105C6.49537 5.53539 7.39762 5.2828 8.36925 5.26664C8.9009 5.26664 9.59809 5.43109 10.4645 5.75429C11.3284 6.07858 11.8832 6.24303 12.1264 6.24303C12.3082 6.24303 12.9245 6.05074 13.9692 5.66738C14.9571 5.31186 15.7909 5.16466 16.474 5.22264C18.3249 5.37202 19.7155 6.10167 20.6402 7.41619C18.9849 8.4192 18.166 9.82403 18.1823 11.6262C18.1972 13.03 18.7065 14.1981 19.7073 15.1256C20.1609 15.5561 20.6674 15.8888 21.231 16.1251C21.1087 16.4795 20.9797 16.819 20.8426 17.1449V17.1449ZM16.5975 0.440369C16.5975 1.54062 16.1956 2.56792 15.3944 3.51878C14.4275 4.64917 13.258 5.30236 11.9898 5.19929C11.9736 5.06729 11.9642 4.92837 11.9642 4.78239C11.9642 3.72615 12.424 2.59576 13.2406 1.67152C13.6483 1.20356 14.1667 0.814453 14.7955 0.504058C15.4229 0.198295 16.0163 0.0292007 16.5744 0.000244141C16.5907 0.147331 16.5975 0.294426 16.5975 0.440355V0.440369Z"
+        fill="currentColor" />
+</svg>

package/src/components/icon/icons/apple-storefront.svg

@@ -0,0 +1,5 @@
+<svg class="no-color" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <rect x="0.5" y="0.5" width="23" height="23" rx="11.5" fill="#101828"/>
+    <path d="M15.3517 12.384C15.369 14.2426 16.9821 14.861 17 14.8689C16.9864 14.9126 16.7422 15.7503 16.1501 16.6157C15.6382 17.3638 15.107 18.1092 14.2701 18.1247C13.4477 18.1398 13.1833 17.637 12.2432 17.637C11.3033 17.637 11.0095 18.1092 10.2311 18.1398C9.42324 18.1704 8.8081 17.3308 8.29197 16.5854C7.23732 15.0606 6.43134 12.2768 7.51356 10.3977C8.05118 9.46449 9.01196 8.87356 10.0548 8.8584C10.848 8.84327 11.5968 9.39208 12.0817 9.39208C12.5663 9.39208 13.4762 8.73209 14.4327 8.82902C14.8332 8.84568 15.9572 8.99077 16.6789 10.0472C16.6208 10.0833 15.3377 10.8302 15.3517 12.384M13.8062 7.82026C14.2351 7.30113 14.5237 6.57844 14.445 5.85938C13.8268 5.88422 13.0793 6.27132 12.6359 6.79017C12.2385 7.24964 11.8905 7.98504 11.9844 8.68987C12.6734 8.74319 13.3773 8.33973 13.8062 7.82026" fill="white"/>
+    <rect x="0.5" y="0.5" width="23" height="23" rx="11.5" stroke="white"/>
+</svg>

package/src/components/icon/icons/apple-vision-pro.svg

@@ -0,0 +1,16 @@
+<svg viewBox="0 0 33 32" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1853_386049)">
+<path d="M25.6133 9.77337C22.7333 8.33337 18.2067 8.33337 16.5 8.33337C14.7933 8.33337 10.5867 8.33337 7.70666 9.62671C7.44666 9.20004 6.90666 9.01337 6.44 9.22671C5.88 9.48004 5.48 9.91337 5.4 9.99337C5.04666 10.3867 5.07333 10.9667 5.43333 11.34C3.68 13.42 2.95333 16.6 3.52666 18.9C4.35333 22.1934 6.82666 24.3267 9.83333 24.3267C12.06 24.3267 13.16 23.4934 14.04 22.8267C14.36 22.58 14.64 22.3734 14.9467 22.22C15.9933 21.7 17.0067 21.7 18.0533 22.22C18.36 22.3734 18.64 22.58 18.96 22.8267C19.8467 23.4934 20.94 24.3267 23.1667 24.3267C26.1733 24.3267 28.6467 22.2 29.4733 18.9C30.2267 15.8734 28.74 11.3267 25.62 9.76004L25.6133 9.77337ZM27.5267 18.4267C26.9333 20.8 25.22 22.3334 23.1667 22.3334C21.6133 22.3334 20.94 21.8267 20.1667 21.24C19.8 20.96 19.42 20.6734 18.9467 20.44C18.1333 20.0334 17.32 19.8334 16.5 19.8334C15.68 19.8334 14.8667 20.0334 14.0533 20.44C13.58 20.6734 13.2 20.96 12.8333 21.24C12.8299 21.2427 12.8264 21.2453 12.8229 21.2479C12.0474 21.8312 11.3798 22.3334 9.83333 22.3334C7.77333 22.3334 6.06666 20.8 5.47333 18.4267C4.92666 16.2267 6.05333 12.68 8.28666 11.5667C10.74 10.34 14.9267 10.34 16.5067 10.34C18.0867 10.34 22.2733 10.34 24.7267 11.5667C26.9533 12.68 28.0867 16.2334 27.54 18.4267H27.5267Z"/>
+<path d="M27.5267 18.4267C26.9333 20.8 25.22 22.3334 23.1667 22.3334C21.6133 22.3334 20.94 21.8267 20.1667 21.24C19.8 20.96 19.42 20.6734 18.9467 20.44C18.1333 20.0334 17.32 19.8334 16.5 19.8334C15.68 19.8334 14.8667 20.0334 14.0533 20.44C13.58 20.6734 13.2 20.96 12.8333 21.24L12.8229 21.2479C12.0474 21.8312 11.3798 22.3334 9.83333 22.3334C7.77333 22.3334 6.06666 20.8 5.47333 18.4267C4.92666 16.2267 6.05333 12.68 8.28666 11.5667C10.74 10.34 14.9267 10.34 16.5067 10.34C18.0867 10.34 22.2733 10.34 24.7267 11.5667C26.9533 12.68 28.0867 16.2334 27.54 18.4267H27.5267Z" fill="url(#paint0_linear_1853_386049)" fill-opacity="0.74"/>
+<path d="M24.2601 12.6733C23.9001 12.42 23.2001 12.12 21.9401 11.7333C20.8268 11.3933 18.7535 11.1666 16.5001 11.1666C14.2468 11.1666 12.1735 11.3933 11.0601 11.7333C9.80015 12.12 9.10681 12.42 8.74015 12.6733C8.38015 12.9266 8.34681 13.14 8.41348 13.34C8.48015 13.54 8.84015 13.5266 9.52015 13.4333C10.2001 13.3466 11.2068 13.1866 12.5601 13.1066C13.7335 13.04 16.0268 13.0066 16.4868 13.0066C16.9468 13.0066 19.2401 13.04 20.4135 13.1066C21.7735 13.1866 22.7735 13.3466 23.4535 13.4333C24.1335 13.52 24.4935 13.54 24.5601 13.34C24.6268 13.14 24.6001 12.9266 24.2335 12.6733H24.2601Z" fill="white" fill-opacity="0.48"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_1853_386049" x1="16.5002" y1="8.33337" x2="16.5002" y2="24.3267" gradientUnits="userSpaceOnUse">
+<stop stop-color="#444444"/>
+<stop offset="1" stop-color="#444444" stop-opacity="0"/>
+</linearGradient>
+<clipPath id="clip0_1853_386049">
+<rect width="32" height="32" fill="white" transform="translate(0.5)"/>
+</clipPath>
+</defs>
+</svg>

package/src/components/icon/icons/apple.svg

@@ -0,0 +1,3 @@
+<svg viewBox="0 0 20 22" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M17.3689 15.8827C17.0916 16.5499 16.7634 17.1641 16.3832 17.7287C15.8649 18.4985 15.4405 19.0313 15.1135 19.3272C14.6065 19.8129 14.0633 20.0616 13.4816 20.0757C13.0641 20.0757 12.5605 19.952 11.9743 19.7009C11.3862 19.451 10.8457 19.3272 10.3515 19.3272C9.83319 19.3272 9.27733 19.451 8.68276 19.7009C8.08728 19.952 7.60757 20.0828 7.24081 20.0958C6.68302 20.1205 6.12704 19.8647 5.57207 19.3272C5.21787 19.0054 4.77483 18.4537 4.24408 17.6721C3.67464 16.8375 3.20647 15.8698 2.8397 14.7664C2.44691 13.5746 2.25 12.4206 2.25 11.3033C2.25 10.0235 2.51549 8.91963 3.04725 7.99463C3.46517 7.25162 4.02115 6.66552 4.717 6.23526C5.41285 5.80499 6.16472 5.58574 6.97442 5.57171C7.41746 5.57171 7.99845 5.71446 8.72044 5.99502C9.4404 6.27652 9.90268 6.41927 10.1054 6.41927C10.2569 6.41927 10.7704 6.25235 11.641 5.91957C12.4643 5.61096 13.1591 5.48318 13.7283 5.53352C15.2708 5.66318 16.4296 6.29656 17.2002 7.43764C15.8208 8.30831 15.1384 9.52778 15.152 11.0922C15.1644 12.3107 15.5888 13.3247 16.4228 14.1298C16.8008 14.5035 17.2229 14.7923 17.6925 14.9974C17.5907 15.3051 17.4832 15.5998 17.3689 15.8827V15.8827ZM13.8313 1.38224C13.8313 2.33732 13.4963 3.22907 12.8287 4.05447C12.0229 5.03571 11.0484 5.60271 9.99151 5.51324C9.97804 5.39866 9.97024 5.27807 9.97024 5.15135C9.97024 4.23447 10.3534 3.25324 11.0339 2.45094C11.3736 2.04472 11.8057 1.70696 12.3296 1.43752C12.8524 1.1721 13.347 1.02532 13.8121 1.00018C13.8257 1.12786 13.8313 1.25555 13.8313 1.38222V1.38224Z" stroke="currentColor" stroke-width="1.5"/>
+</svg>

package/src/components/icon/icons/arcade-bulk.svg

@@ -0,0 +1,9 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M9.5 16.5V23H20C20.2652 23 20.5196 22.8946 20.7071 22.7071C20.8946 22.5196 21 22.2652 21 22V16.5H9.5Z" fill="currentColor"/>
+    <path d="M20 1H9.5V4H20C20.2652 4 20.5196 3.89464 20.7071 3.70711C20.8946 3.51957 21 3.26522 21 3V2C21 1.73478 20.8946 1.48043 20.7071 1.29289C20.5196 1.10536 20.2652 1 20 1Z" fill="currentColor"/>
+    <path opacity="0.4" d="M11.4997 9.50002C11.3671 9.49999 11.24 9.4473 11.1462 9.35352L10.1462 8.35352C10.0551 8.25922 10.0047 8.13292 10.0059 8.00182C10.007 7.87072 10.0596 7.74532 10.1523 7.65261C10.245 7.55991 10.3704 7.50732 10.5015 7.50618C10.6326 7.50504 10.7589 7.55544 10.8532 7.64652L11.8532 8.64652C11.9231 8.71645 11.9707 8.80553 11.99 8.9025C12.0093 8.99948 11.9994 9.1 11.9616 9.19135C11.9237 9.2827 11.8596 9.36078 11.7774 9.41572C11.6952 9.47066 11.5986 9.5 11.4997 9.50002Z" fill="currentColor"/>
+    <path opacity="0.4" d="M14.9997 10C14.8671 9.99999 14.74 9.9473 14.6462 9.85352L13.1462 8.35352C13.0551 8.25922 13.0047 8.13292 13.0059 8.00182C13.007 7.87072 13.0596 7.74532 13.1523 7.65261C13.245 7.55991 13.3704 7.50732 13.5015 7.50618C13.6326 7.50504 13.7589 7.55544 13.8532 7.64652L15.3532 9.14652C15.4231 9.21645 15.4707 9.30553 15.49 9.4025C15.5093 9.49948 15.4994 9.6 15.4616 9.69135C15.4237 9.7827 15.3596 9.86078 15.2774 9.91572C15.1952 9.97066 15.0986 10 14.9997 10Z" fill="currentColor"/>
+    <path d="M7 5V12.5H9.2745C9.1398 12.2772 9.05223 12.0291 9.01723 11.7711C8.98223 11.5131 9.00053 11.2507 9.071 11H9C8.86739 11 8.74021 10.9473 8.64645 10.8536C8.55268 10.7598 8.5 10.6326 8.5 10.5V7C8.5 6.86739 8.55268 6.74021 8.64645 6.64645C8.74021 6.55268 8.86739 6.5 9 6.5H16.5C16.6326 6.5 16.7598 6.55268 16.8536 6.64645C16.9473 6.74021 17 6.86739 17 7V10.5C17 10.6326 16.9473 10.7598 16.8536 10.8536C16.7598 10.9473 16.6326 11 16.5 11H12.929C12.9995 11.2507 13.0178 11.5131 12.9828 11.7711C12.9478 12.0291 12.8602 12.2772 12.7255 12.5H18.5V5H7Z" fill="currentColor"/>
+    <path d="M18.5 13.5H11.5V12.3615C11.6906 12.2514 11.8396 12.0815 11.9239 11.8782C12.0081 11.6748 12.0229 11.4493 11.9659 11.2367C11.909 11.024 11.7834 10.8361 11.6088 10.7021C11.4341 10.5681 11.2201 10.4955 11 10.4955C10.7799 10.4955 10.5659 10.5681 10.3912 10.7021C10.2166 10.8361 10.091 11.024 10.0341 11.2367C9.9771 11.4493 9.99188 11.6748 10.0761 11.8782C10.1604 12.0815 10.3094 12.2514 10.5 12.3615V13.5H7L9.5 15.5H21L18.5 13.5Z" fill="currentColor"/>
+    <path opacity="0.4" d="M8.5 15.9805L6.3755 14.2805C6.25841 14.1869 6.16386 14.0681 6.09886 13.933C6.03387 13.7979 6.00008 13.6499 6 13.5V5C6 4.73478 6.10536 4.48043 6.29289 4.29289C6.48043 4.10536 6.73478 4 7 4H8.5V1H4C3.73478 1 3.48043 1.10536 3.29289 1.29289C3.10536 1.48043 3 1.73478 3 2V22C3 22.2652 3.10536 22.5196 3.29289 22.7071C3.48043 22.8946 3.73478 23 4 23H8.5V15.9805Z" fill="currentColor"/>
+</svg>

package/src/components/icon/icons/area-chart-outlined.svg

@@ -0,0 +1,3 @@
+<svg fill="currentColor" viewBox="64 64 896 896">
+<path d="M888 792H200V168c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v688c0 4.4 3.6 8 8 8h752c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zm-616-64h536c4.4 0 8-3.6 8-8V284c0-7.2-8.7-10.7-13.7-5.7L592 488.6l-125.4-124a8.03 8.03 0 00-11.3 0l-189 189.6a7.87 7.87 0 00-2.3 5.6V720c0 4.4 3.6 8 8 8z"></path>
+</svg>

package/src/components/icon/icons/arrow-down-bold.svg

@@ -0,0 +1,3 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16.19 2H7.81C4.17 2 2 4.17 2 7.81V16.18C2 19.83 4.17 22 7.81 22H16.18C19.82 22 21.99 19.83 21.99 16.19V7.81C22 4.17 19.83 2 16.19 2ZM16.82 14.24L12.53 18.53C12.39 18.67 12.2 18.75 12 18.75C11.8 18.75 11.61 18.67 11.47 18.53L7.18 14.24C6.89 13.95 6.89 13.47 7.18 13.18C7.47 12.89 7.95 12.89 8.24 13.18L11.25 16.19V6C11.25 5.59 11.59 5.25 12 5.25C12.41 5.25 12.75 5.59 12.75 6V16.19L15.76 13.18C16.05 12.89 16.53 12.89 16.82 13.18C16.97 13.33 17.04 13.52 17.04 13.71C17.04 13.9 16.96 14.1 16.82 14.24Z" fill="currentColor"/>
+</svg>

package/src/components/icon/icons/arrow-down-circle-bold.svg

@@ -0,0 +1,3 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 2C6.49 2 2 6.49 2 12C2 17.51 6.49 22 12 22C17.51 22 22 17.51 22 12C22 6.49 17.51 2 12 2ZM16.06 11.27L12.53 14.8C12.38 14.95 12.19 15.02 12 15.02C11.81 15.02 11.62 14.95 11.47 14.8L7.94 11.27C7.65 10.98 7.65 10.5 7.94 10.21C8.23 9.92 8.71 9.92 9 10.21L12 13.21L15 10.21C15.29 9.92 15.77 9.92 16.06 10.21C16.35 10.5 16.35 10.97 16.06 11.27Z" fill="currentColor"/>
+</svg>

package/src/components/icon/icons/arrow-down-circle.svg

@@ -0,0 +1,4 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M8.46997 10.74L12 14.26L15.53 10.74" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>