@liner-fe/icon 0.0.2 → 0.0.4

package/assets/shorten/index.tsx

@@ -0,0 +1,35 @@
+import React from 'react';
+
+interface ShortenProps {
+  fill?: boolean;
+  thick?: boolean;
+  size?: number
+}
+
+export const Shorten = ({ fill = false, thick = false, size = 24 }: ShortenProps) => {
+  if (fill && thick) {
+    return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M30.6212 22.4991L38.0615 15.0588L35.9402 12.9375L26.981 21.8967C25.82 23.0577 25.82 24.9402 26.981 26.1013L35.9402 35.0604L38.0615 32.9391L30.6215 25.4991H46.0673V22.4991H30.6212Z" fill="currentColor"/>
+<path d="M2.00003 22.4991L17.3802 22.4991L9.94019 15.0592L12.0615 12.9378L21.0207 21.897C22.1817 23.0581 22.1817 24.9405 21.0207 26.1016L12.0615 35.0608L9.94019 32.9395L17.3805 25.4991L2.00003 25.4991V22.4991Z" fill="currentColor"/>
+</svg>
+;
+  } else if (fill) {
+    return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M30.6212 22.4991L38.0615 15.0588L35.9402 12.9375L26.981 21.8967C25.82 23.0577 25.82 24.9402 26.981 26.1013L35.9402 35.0604L38.0615 32.9391L30.6215 25.4991H46.0673V22.4991H30.6212Z" fill="currentColor"/>
+<path d="M2.00003 22.4991L17.3802 22.4991L9.94019 15.0592L12.0615 12.9378L21.0207 21.897C22.1817 23.0581 22.1817 24.9405 21.0207 26.1016L12.0615 35.0608L9.94019 32.9395L17.3805 25.4991L2.00003 25.4991V22.4991Z" fill="currentColor"/>
+</svg>
+;
+  } else if (thick) {
+    return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M31.8283 21.9992L38.4151 15.4124L35.5866 12.584L26.6275 21.5431C25.2711 22.8995 25.2711 25.0985 26.6275 26.4549L35.5866 35.414L38.4151 32.5856L31.8286 25.9992H46.0673V21.9992H31.8283Z" fill="currentColor"/>
+<path d="M2.00003 21.9992L16.1731 21.9992L9.58664 15.4128L12.4151 12.5843L21.3742 21.5435C22.7306 22.8998 22.7306 25.0989 21.3742 26.4552L12.4151 35.4144L9.58664 32.5859L16.1734 25.9992L2.00003 25.9992V21.9992Z" fill="currentColor"/>
+</svg>
+;
+  } 
+  
+  return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M30.6212 22.4991L38.0615 15.0588L35.9402 12.9375L26.981 21.8967C25.82 23.0577 25.82 24.9402 26.981 26.1013L35.9402 35.0604L38.0615 32.9391L30.6215 25.4991H46.0673V22.4991H30.6212Z" fill="currentColor"/>
+<path d="M2.00003 22.4991L17.3802 22.4991L9.94019 15.0592L12.0615 12.9378L21.0207 21.897C22.1817 23.0581 22.1817 24.9405 21.0207 26.1016L12.0615 35.0608L9.94019 32.9395L17.3805 25.4991L2.00003 25.4991V22.4991Z" fill="currentColor"/>
+</svg>
+;
+};

package/assets/show-all/index.tsx

@@ -0,0 +1,43 @@
+import React from 'react';
+
+interface ShowAllProps {
+  fill?: boolean;
+  thick?: boolean;
+  size?: number
+}
+
+export const ShowAll = ({ fill = false, thick = false, size = 24 }: ShowAllProps) => {
+  if (fill && thick) {
+    return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8 6H17V9L9 9L9 17H6V8C6 6.89543 6.89543 6 8 6Z" fill="currentColor"/>
+<path d="M6 31V40C6 41.1046 6.89543 42 8 42H17V39H9L9 31H6Z" fill="currentColor"/>
+<path d="M39 31V39H31V42H40C41.1046 42 42 41.1046 42 40V31H39Z" fill="currentColor"/>
+<path d="M42 17V8C42 6.89543 41.1046 6 40 6H31V9L39 9V17H42Z" fill="currentColor"/>
+</svg>
+;
+  } else if (fill) {
+    return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8 6H17V9L9 9L9 17H6V8C6 6.89543 6.89543 6 8 6Z" fill="currentColor"/>
+<path d="M6 31V40C6 41.1046 6.89543 42 8 42H17V39H9L9 31H6Z" fill="currentColor"/>
+<path d="M39 31V39H31V42H40C41.1046 42 42 41.1046 42 40V31H39Z" fill="currentColor"/>
+<path d="M42 17V8C42 6.89543 41.1046 6 40 6H31V9L39 9V17H42Z" fill="currentColor"/>
+</svg>
+;
+  } else if (thick) {
+    return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8 6H17V10L10 10L10 17H6V8C6 6.89543 6.89543 6 8 6Z" fill="currentColor"/>
+<path d="M6 31V40C6 41.1046 6.89543 42 8 42H17V38H10L10 31H6Z" fill="currentColor"/>
+<path d="M38 31V38H31V42H40C41.1046 42 42 41.1046 42 40V31H38Z" fill="currentColor"/>
+<path d="M42 17V8C42 6.89543 41.1046 6 40 6H31V10L38 10V17H42Z" fill="currentColor"/>
+</svg>
+;
+  } 
+  
+  return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8 6H17V9L9 9L9 17H6V8C6 6.89543 6.89543 6 8 6Z" fill="currentColor"/>
+<path d="M6 31V40C6 41.1046 6.89543 42 8 42H17V39H9L9 31H6Z" fill="currentColor"/>
+<path d="M39 31V39H31V42H40C41.1046 42 42 41.1046 42 40V31H39Z" fill="currentColor"/>
+<path d="M42 17V8C42 6.89543 41.1046 6 40 6H31V9L39 9V17H42Z" fill="currentColor"/>
+</svg>
+;
+};

package/assets/sign-out/index.tsx

@@ -0,0 +1,35 @@
+import React from 'react';
+
+interface SignOutProps {
+  fill?: boolean;
+  thick?: boolean;
+  size?: number
+}
+
+export const SignOut = ({ fill = false, thick = false, size = 24 }: SignOutProps) => {
+  if (fill && thick) {
+    return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M38.294 25.4131L29.167 34.5401L31.2883 36.6614L41.5608 26.3889C42.9276 25.0221 42.9276 22.806 41.5608 21.4392L31.2883 11.1667L29.167 13.288L38.292 22.4131L14.9142 22.4131V25.4131L38.294 25.4131Z" fill="currentColor"/>
+<path d="M8.91409 39.4141H23.9141V42.4141H8.91409C6.98109 42.4141 5.41409 40.8471 5.41409 38.9141L5.41409 8.91406C5.41409 6.98107 6.9811 5.41406 8.91409 5.41406L23.914 5.41406V8.41406L8.91409 8.41406C8.63795 8.41406 8.41409 8.63792 8.41409 8.91406L8.41409 38.9141C8.41409 39.1902 8.63795 39.4141 8.91409 39.4141Z" fill="currentColor"/>
+</svg>
+;
+  } else if (fill) {
+    return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M38.294 25.4131L29.167 34.5401L31.2883 36.6614L41.5608 26.3889C42.9276 25.0221 42.9276 22.806 41.5608 21.4392L31.2883 11.1667L29.167 13.288L38.292 22.4131L14.9142 22.4131V25.4131L38.294 25.4131Z" fill="currentColor"/>
+<path d="M8.91409 39.4141H23.9141V42.4141H8.91409C6.98109 42.4141 5.41409 40.8471 5.41409 38.9141L5.41409 8.91406C5.41409 6.98107 6.9811 5.41406 8.91409 5.41406L23.914 5.41406V8.41406L8.91409 8.41406C8.63795 8.41406 8.41409 8.63792 8.41409 8.91406L8.41409 38.9141C8.41409 39.1902 8.63795 39.4141 8.91409 39.4141Z" fill="currentColor"/>
+</svg>
+;
+  } else if (thick) {
+    return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M37.0869 25.9131L28.8134 34.1866L31.6418 37.015L41.9143 26.7425C43.4764 25.1804 43.4764 22.6477 41.9143 21.0856L31.6418 10.8131L28.8134 13.6416L37.0849 21.9131L14.9142 21.9131V25.9131L37.0869 25.9131Z" fill="currentColor"/>
+<path d="M8.91409 38.9141H23.9141V42.9141H8.91409C6.70495 42.9141 4.91409 41.1232 4.91409 38.9141L4.91409 8.91406C4.91409 6.70492 6.70495 4.91406 8.91409 4.91406L23.914 4.91406V8.91406L8.91409 8.91406L8.91409 38.9141Z" fill="currentColor"/>
+</svg>
+;
+  } 
+  
+  return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M38.294 25.4131L29.167 34.5401L31.2883 36.6614L41.5608 26.3889C42.9276 25.0221 42.9276 22.806 41.5608 21.4392L31.2883 11.1667L29.167 13.288L38.292 22.4131L14.9142 22.4131V25.4131L38.294 25.4131Z" fill="currentColor"/>
+<path d="M8.91409 39.4141H23.9141V42.4141H8.91409C6.98109 42.4141 5.41409 40.8471 5.41409 38.9141L5.41409 8.91406C5.41409 6.98107 6.9811 5.41406 8.91409 5.41406L23.914 5.41406V8.41406L8.91409 8.41406C8.63795 8.41406 8.41409 8.63792 8.41409 8.91406L8.41409 38.9141C8.41409 39.1902 8.63795 39.4141 8.91409 39.4141Z" fill="currentColor"/>
+</svg>
+;
+};

package/assets/source/index.tsx

@@ -0,0 +1,43 @@
+import React from 'react';
+
+interface SourceProps {
+  fill?: boolean;
+  thick?: boolean;
+  size?: number
+}
+
+export const Source = ({ fill = false, thick = false, size = 24 }: SourceProps) => {
+  if (fill && thick) {
+    return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fillRule="evenodd" clipRule="evenodd" d="M16.34 11.0021C15.8403 11.5017 15.8413 12.3108 16.3378 12.8073L23.0157 19.4852C23.5166 19.9861 24.33 19.9827 24.8252 19.4874L31.5032 12.8095C32.0028 12.3098 31.9975 11.4964 31.501 10.9999L24.8231 4.32199C24.3266 3.82552 23.5132 3.82889 23.0179 4.32417L16.34 11.0021ZM23.9216 16.1484L19.6789 11.9058L23.9216 7.66314L28.1642 11.9058L23.9216 16.1484Z" fill="currentColor"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M28.4985 24.8043C28.0021 24.3079 28.0011 23.4988 28.5007 22.9992L35.1787 16.3212C35.674 15.826 36.4874 15.8226 36.9838 16.3191L43.6618 22.997C44.1582 23.4935 44.1636 24.3069 43.664 24.8065L36.986 31.4845C36.4907 31.9797 35.6773 31.9831 35.1765 31.4823L28.4985 24.8043ZM31.8397 23.9029L36.0823 28.1455L40.325 23.9029L36.0823 19.6602L31.8397 23.9029Z" fill="currentColor"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M4.32324 23.0168C3.82361 23.5164 3.82458 24.3254 4.32105 24.8219L10.999 31.4999C11.4998 32.0007 12.3132 31.9973 12.8085 31.502L19.4865 24.8241C19.9861 24.3245 19.9808 23.5111 19.4843 23.0146L12.8063 16.3366C12.3099 15.8402 11.4965 15.8435 11.0012 16.3388L4.32324 23.0168ZM11.9048 28.1631L7.66221 23.9204L11.9048 19.6778L16.1475 23.9204L11.9048 28.1631Z" fill="currentColor"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M16.3368 35.1925C15.8372 35.6922 15.8381 36.5012 16.3346 36.9977L23.0126 43.6757C23.5134 44.1765 24.3268 44.1731 24.8221 43.6778L31.5 36.9999C31.9996 36.5003 31.9943 35.6868 31.4978 35.1904L24.8199 28.5124C24.3234 28.0159 23.51 28.0193 23.0147 28.5146L16.3368 35.1925ZM23.9184 40.3389L19.6758 36.0962L23.9184 31.8536L28.161 36.0962L23.9184 40.3389Z" fill="currentColor"/>
+</svg>
+;
+  } else if (fill) {
+    return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fillRule="evenodd" clipRule="evenodd" d="M16.34 11.0021C15.8403 11.5017 15.8413 12.3108 16.3378 12.8073L23.0157 19.4852C23.5166 19.9861 24.33 19.9827 24.8252 19.4874L31.5032 12.8095C32.0028 12.3098 31.9975 11.4964 31.501 10.9999L24.8231 4.32199C24.3266 3.82552 23.5132 3.82889 23.0179 4.32417L16.34 11.0021ZM23.9216 16.1484L19.6789 11.9058L23.9216 7.66314L28.1642 11.9058L23.9216 16.1484Z" fill="currentColor"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M28.4985 24.8043C28.0021 24.3079 28.0011 23.4988 28.5007 22.9992L35.1787 16.3212C35.674 15.826 36.4874 15.8226 36.9838 16.3191L43.6618 22.997C44.1582 23.4935 44.1636 24.3069 43.664 24.8065L36.986 31.4845C36.4907 31.9797 35.6773 31.9831 35.1765 31.4823L28.4985 24.8043ZM31.8397 23.9029L36.0823 28.1455L40.325 23.9029L36.0823 19.6602L31.8397 23.9029Z" fill="currentColor"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M4.32324 23.0168C3.82361 23.5164 3.82458 24.3254 4.32105 24.8219L10.999 31.4999C11.4998 32.0007 12.3132 31.9973 12.8085 31.502L19.4865 24.8241C19.9861 24.3245 19.9808 23.5111 19.4843 23.0146L12.8063 16.3366C12.3099 15.8402 11.4965 15.8435 11.0012 16.3388L4.32324 23.0168ZM11.9048 28.1631L7.66221 23.9204L11.9048 19.6778L16.1475 23.9204L11.9048 28.1631Z" fill="currentColor"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M16.3368 35.1925C15.8372 35.6922 15.8381 36.5012 16.3346 36.9977L23.0126 43.6757C23.5134 44.1765 24.3268 44.1731 24.8221 43.6778L31.5 36.9999C31.9996 36.5003 31.9943 35.6868 31.4978 35.1904L24.8199 28.5124C24.3234 28.0159 23.51 28.0193 23.0147 28.5146L16.3368 35.1925ZM23.9184 40.3389L19.6758 36.0962L23.9184 31.8536L28.161 36.0962L23.9184 40.3389Z" fill="currentColor"/>
+</svg>
+;
+  } else if (thick) {
+    return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fillRule="evenodd" clipRule="evenodd" d="M16.34 11.0021C15.8403 11.5017 15.8413 12.3108 16.3378 12.8073L23.0157 19.4852C23.5166 19.9861 24.33 19.9827 24.8252 19.4874L31.5032 12.8095C32.0028 12.3098 31.9975 11.4964 31.501 10.9999L24.8231 4.32199C24.3266 3.82552 23.5132 3.82889 23.0179 4.32417L16.34 11.0021ZM23.9216 14.7342L21.0931 11.9058L23.9216 9.07736L26.75 11.9058L23.9216 14.7342Z" fill="currentColor"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M28.4985 24.8043C28.0021 24.3079 28.0011 23.4988 28.5007 22.9992L35.1787 16.3212C35.674 15.826 36.4874 15.8226 36.9838 16.3191L43.6618 22.997C44.1582 23.4935 44.1636 24.3069 43.664 24.8065L36.986 31.4845C36.4907 31.9797 35.6773 31.9831 35.1765 31.4823L28.4985 24.8043ZM33.2539 23.9029L36.0823 26.7313L38.9108 23.9029L36.0823 21.0744L33.2539 23.9029Z" fill="currentColor"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M4.32324 23.0168C3.82361 23.5164 3.82458 24.3254 4.32105 24.8219L10.999 31.4999C11.4998 32.0007 12.3132 31.9973 12.8085 31.502L19.4865 24.8241C19.9861 24.3245 19.9808 23.5111 19.4843 23.0146L12.8063 16.3366C12.3099 15.8402 11.4965 15.8435 11.0012 16.3388L4.32324 23.0168ZM11.9048 26.7489L9.07642 23.9204L11.9048 21.092L14.7333 23.9204L11.9048 26.7489Z" fill="currentColor"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M16.3368 35.1925C15.8372 35.6922 15.8381 36.5012 16.3346 36.9977L23.0126 43.6757C23.5134 44.1765 24.3268 44.1731 24.8221 43.6778L31.5 36.9999C31.9996 36.5003 31.9943 35.6868 31.4978 35.1904L24.8199 28.5124C24.3234 28.0159 23.51 28.0193 23.0147 28.5146L16.3368 35.1925ZM23.9184 38.9246L21.09 36.0962L23.9184 33.2678L26.7468 36.0962L23.9184 38.9246Z" fill="currentColor"/>
+</svg>
+;
+  } 
+  
+  return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fillRule="evenodd" clipRule="evenodd" d="M16.34 11.0021C15.8403 11.5017 15.8413 12.3108 16.3378 12.8073L23.0157 19.4852C23.5166 19.9861 24.33 19.9827 24.8252 19.4874L31.5032 12.8095C32.0028 12.3098 31.9975 11.4964 31.501 10.9999L24.8231 4.32199C24.3266 3.82552 23.5132 3.82889 23.0179 4.32417L16.34 11.0021ZM23.9216 16.1484L19.6789 11.9058L23.9216 7.66314L28.1642 11.9058L23.9216 16.1484Z" fill="currentColor"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M28.4985 24.8043C28.0021 24.3079 28.0011 23.4988 28.5007 22.9992L35.1787 16.3212C35.674 15.826 36.4874 15.8226 36.9838 16.3191L43.6618 22.997C44.1582 23.4935 44.1636 24.3069 43.664 24.8065L36.986 31.4845C36.4907 31.9797 35.6773 31.9831 35.1765 31.4823L28.4985 24.8043ZM31.8397 23.9029L36.0823 28.1455L40.325 23.9029L36.0823 19.6602L31.8397 23.9029Z" fill="currentColor"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M4.32324 23.0168C3.82361 23.5164 3.82458 24.3254 4.32105 24.8219L10.999 31.4999C11.4998 32.0007 12.3132 31.9973 12.8085 31.502L19.4865 24.8241C19.9861 24.3245 19.9808 23.5111 19.4843 23.0146L12.8063 16.3366C12.3099 15.8402 11.4965 15.8435 11.0012 16.3388L4.32324 23.0168ZM11.9048 28.1631L7.66221 23.9204L11.9048 19.6778L16.1475 23.9204L11.9048 28.1631Z" fill="currentColor"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M16.3368 35.1925C15.8372 35.6922 15.8381 36.5012 16.3346 36.9977L23.0126 43.6757C23.5134 44.1765 24.3268 44.1731 24.8221 43.6778L31.5 36.9999C31.9996 36.5003 31.9943 35.6868 31.4978 35.1904L24.8199 28.5124C24.3234 28.0159 23.51 28.0193 23.0147 28.5146L16.3368 35.1925ZM23.9184 40.3389L19.6758 36.0962L23.9184 31.8536L28.161 36.0962L23.9184 40.3389Z" fill="currentColor"/>
+</svg>
+;
+};

package/assets/speaker/index.tsx

@@ -0,0 +1,35 @@
+import React from 'react';
+
+interface SpeakerProps {
+  fill?: boolean;
+  thick?: boolean;
+  size?: number
+}
+
+export const Speaker = ({ fill = false, thick = false, size = 24 }: SpeakerProps) => {
+  if (fill && thick) {
+    return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M19.7016 31.9847C19.9136 32.0369 20.1173 32.1219 20.3049 32.2376L33.4578 40.3485C34.8622 41.2145 36.6721 40.2043 36.6721 38.5544V7.11121C36.6721 5.46129 34.8622 4.45103 33.4578 5.31705L19.6295 13.8445C19.2969 14.0496 18.9138 14.1583 18.5231 14.1583H6.10788C4.94373 14.1583 4 15.102 4 16.2661V29.816C4 30.9801 4.94373 31.9238 6.10788 31.9238H9.37793V39.4019C9.37793 41.6111 11.1688 43.4019 13.3779 43.4019H15.7016C17.9107 43.4019 19.7016 41.6111 19.7016 39.4019V31.9847Z" fill="currentColor"/>
+<path d="M43.0779 23.5265C43.0779 26.9183 41.482 29.9374 39 31.8737V15.1792C41.482 17.1155 43.0779 20.1346 43.0779 23.5265Z" fill="currentColor"/>
+</svg>
+;
+  } else if (fill) {
+    return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M19.2016 31.9238C19.5913 31.9244 19.9732 32.033 20.3049 32.2376L33.4578 40.3485C34.8622 41.2145 36.6721 40.2043 36.6721 38.5544V7.11121C36.6721 5.46129 34.8622 4.45103 33.4578 5.31705L19.6295 13.8445C19.2969 14.0496 18.9138 14.1583 18.5231 14.1583H6.10788C4.94373 14.1583 4 15.102 4 16.2661V29.816C4 30.9801 4.94373 31.9238 6.10788 31.9238H9.87793V39.4022C9.87793 41.3352 11.4449 42.9022 13.3779 42.9022H15.7016C17.6346 42.9022 19.2016 41.3352 19.2016 39.4022V31.9238Z" fill="currentColor"/>
+<path d="M43.0779 23.5265C43.0779 26.9183 41.482 29.9374 39 31.8737V15.1792C41.482 17.1155 43.0779 20.1346 43.0779 23.5265Z" fill="currentColor"/>
+</svg>
+;
+  } else if (thick) {
+    return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fillRule="evenodd" clipRule="evenodd" d="M19.7016 31.9847C19.9136 32.0369 20.1173 32.1219 20.3049 32.2376L33.4578 40.3485C34.8622 41.2145 36.6721 40.2043 36.6721 38.5544V7.11121C36.6721 5.46129 34.8622 4.45103 33.4578 5.31705L19.6295 13.8445C19.2969 14.0496 18.9138 14.1583 18.5231 14.1583H6.10788C4.94373 14.1583 4 15.102 4 16.2661V29.816C4 30.9801 4.94373 31.9238 6.10788 31.9238H9.37793V39.4019C9.37793 41.6111 11.1688 43.4019 13.3779 43.4019H15.7016C17.9107 43.4019 19.7016 41.6111 19.7016 39.4019V31.9847ZM8 27.9238H19.1985C20.3308 27.9238 21.4407 28.2386 22.4045 28.8329L32.6721 35.1646V10.501L21.729 17.2492C20.7653 17.8435 19.6553 18.1583 18.5231 18.1583H8V27.9238ZM13.3779 39.4019V32.0005H15.7016V39.4019H13.3779Z" fill="currentColor"/>
+<path d="M39 31.8737C41.482 29.9374 43.0779 26.9183 43.0779 23.5265C43.0779 20.1346 41.482 17.1155 39 15.1792V31.8737Z" fill="currentColor"/>
+</svg>
+;
+  } 
+  
+  return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fillRule="evenodd" clipRule="evenodd" d="M19.2016 31.9238C19.5913 31.9244 19.9732 32.033 20.3049 32.2376L33.4578 40.3485C34.8622 41.2145 36.6721 40.2043 36.6721 38.5544V7.11121C36.6721 5.46129 34.8622 4.45103 33.4578 5.31705L19.6295 13.8445C19.2969 14.0496 18.9138 14.1583 18.5231 14.1583H6.10788C4.94373 14.1583 4 15.102 4 16.2661V29.816C4 30.9801 4.94373 31.9238 6.10788 31.9238H9.87793V39.4022C9.87793 41.3352 11.4449 42.9022 13.3779 42.9022H15.7016C17.6346 42.9022 19.2016 41.3352 19.2016 39.4022V31.9238ZM7 28.9238H19.1985C20.1454 28.9238 21.0736 29.187 21.8796 29.684L33.6721 36.9561L33.6721 8.70946L21.2041 16.3981C20.3982 16.8951 19.4699 17.1583 18.5231 17.1583H7V28.9238ZM12.8779 39.4022V32H16.2016V39.4022C16.2016 39.6783 15.9777 39.9022 15.7016 39.9022H13.3779C13.1018 39.9022 12.8779 39.6783 12.8779 39.4022Z" fill="currentColor"/>
+<path d="M39 31.8737C41.482 29.9374 43.0779 26.9183 43.0779 23.5265C43.0779 20.1346 41.482 17.1155 39 15.1792V31.8737Z" fill="currentColor"/>
+</svg>
+;
+};

package/assets/spinner/index.tsx

@@ -0,0 +1,39 @@
+import React from 'react';
+
+interface SpinnerProps {
+  fill?: boolean;
+  thick?: boolean;
+  size?: number
+}
+
+export const Spinner = ({ fill = false, thick = false, size = 24 }: SpinnerProps) => {
+  if (fill && thick) {
+    return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#paint0_angular_699_16888_clip_path)" data-figma-skip-parse="true"><g transform="matrix(0 0.019799 -0.019799 0 24 24.0001)"><foreignObject x="-1212.19" y="-1212.19" width="2424.38" height="2424.38"><div xmlns="http://www.w3.org/1999/xhtml" style="background:conic-gradient(from 90deg,rgba(29, 29, 31, 1) 0deg,rgba(109, 109, 112, 0.8) 90deg,rgba(109, 109, 112, 0) 316.8deg,rgba(29, 29, 31, 1) 360deg);height:100%;width:100%;opacity:1"></div></foreignObject></g></g><path fillRule="evenodd" clipRule="evenodd" d="M35.3137 12.6863C29.0653 6.4379 18.9347 6.4379 12.6863 12.6863C6.4379 18.9347 6.4379 29.0653 12.6863 35.3137C15.8135 38.4409 19.909 40.0026 24.0104 40L24.0129 44C18.8933 44.0033 13.766 42.0503 9.85786 38.1421C2.04738 30.3316 2.04738 17.6684 9.85786 9.85786C17.6684 2.04738 30.3316 2.04738 38.1421 9.85786C45.9526 17.6684 45.9526 30.3316 38.1421 38.1421L35.3137 35.3137C41.5621 29.0653 41.5621 18.9347 35.3137 12.6863Z" data-figma-gradient-fill="{&#34;type&#34;:&#34;GRADIENT_ANGULAR&#34;,&#34;stops&#34;:[{&#34;color&#34;:{&#34;r&#34;:0.11670587956905365,&#34;g&#34;:0.11735424399375916,&#34;b&#34;:0.12156862765550613,&#34;a&#34;:1.0},&#34;position&#34;:0.0},{&#34;color&#34;:{&#34;r&#34;:0.42745098471641541,&#34;g&#34;:0.42745098471641541,&#34;b&#34;:0.43921568989753723,&#34;a&#34;:0.80000001192092896},&#34;position&#34;:0.250},{&#34;color&#34;:{&#34;r&#34;:0.42745098471641541,&#34;g&#34;:0.42745098471641541,&#34;b&#34;:0.43921568989753723,&#34;a&#34;:0.0},&#34;position&#34;:0.87999999523162842}],&#34;stopsVar&#34;:[{&#34;color&#34;:{&#34;r&#34;:0.11670587956905365,&#34;g&#34;:0.11735424399375916,&#34;b&#34;:0.12156862765550613,&#34;a&#34;:1.0},&#34;position&#34;:0.0},{&#34;color&#34;:{&#34;r&#34;:0.42745098471641541,&#34;g&#34;:0.42745098471641541,&#34;b&#34;:0.43921568989753723,&#34;a&#34;:0.80000001192092896},&#34;position&#34;:0.250},{&#34;color&#34;:{&#34;r&#34;:0.42745098471641541,&#34;g&#34;:0.42745098471641541,&#34;b&#34;:0.43921568989753723,&#34;a&#34;:0.0},&#34;position&#34;:0.87999999523162842}],&#34;transform&#34;:{&#34;m00&#34;:0.0,&#34;m01&#34;:-39.597976684570312,&#34;m02&#34;:43.798988342285156,&#34;m10&#34;:39.597976684570312,&#34;m11&#34;:0.0,&#34;m12&#34;:4.2011013031005859},&#34;opacity&#34;:1.0,&#34;blendMode&#34;:&#34;NORMAL&#34;,&#34;visible&#34;:true}"/>
+<defs>
+<clipPath id="paint0_angular_699_16888_clip_path"><path fillRule="evenodd" clipRule="evenodd" d="M35.3137 12.6863C29.0653 6.4379 18.9347 6.4379 12.6863 12.6863C6.4379 18.9347 6.4379 29.0653 12.6863 35.3137C15.8135 38.4409 19.909 40.0026 24.0104 40L24.0129 44C18.8933 44.0033 13.766 42.0503 9.85786 38.1421C2.04738 30.3316 2.04738 17.6684 9.85786 9.85786C17.6684 2.04738 30.3316 2.04738 38.1421 9.85786C45.9526 17.6684 45.9526 30.3316 38.1421 38.1421L35.3137 35.3137C41.5621 29.0653 41.5621 18.9347 35.3137 12.6863Z"/></clipPath></defs>
+</svg>
+;
+  } else if (fill) {
+    return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#paint0_angular_699_16888_clip_path)" data-figma-skip-parse="true"><g transform="matrix(0 0.019799 -0.019799 0 24 24.0001)"><foreignObject x="-1212.19" y="-1212.19" width="2424.38" height="2424.38"><div xmlns="http://www.w3.org/1999/xhtml" style="background:conic-gradient(from 90deg,rgba(29, 29, 31, 1) 0deg,rgba(109, 109, 112, 0.8) 90deg,rgba(109, 109, 112, 0) 316.8deg,rgba(29, 29, 31, 1) 360deg);height:100%;width:100%;opacity:1"></div></foreignObject></g></g><path fillRule="evenodd" clipRule="evenodd" d="M35.3137 12.6863C29.0653 6.4379 18.9347 6.4379 12.6863 12.6863C6.4379 18.9347 6.4379 29.0653 12.6863 35.3137C15.8135 38.4409 19.909 40.0026 24.0104 40L24.0129 44C18.8933 44.0033 13.766 42.0503 9.85786 38.1421C2.04738 30.3316 2.04738 17.6684 9.85786 9.85786C17.6684 2.04738 30.3316 2.04738 38.1421 9.85786C45.9526 17.6684 45.9526 30.3316 38.1421 38.1421L35.3137 35.3137C41.5621 29.0653 41.5621 18.9347 35.3137 12.6863Z" data-figma-gradient-fill="{&#34;type&#34;:&#34;GRADIENT_ANGULAR&#34;,&#34;stops&#34;:[{&#34;color&#34;:{&#34;r&#34;:0.11670587956905365,&#34;g&#34;:0.11735424399375916,&#34;b&#34;:0.12156862765550613,&#34;a&#34;:1.0},&#34;position&#34;:0.0},{&#34;color&#34;:{&#34;r&#34;:0.42745098471641541,&#34;g&#34;:0.42745098471641541,&#34;b&#34;:0.43921568989753723,&#34;a&#34;:0.80000001192092896},&#34;position&#34;:0.250},{&#34;color&#34;:{&#34;r&#34;:0.42745098471641541,&#34;g&#34;:0.42745098471641541,&#34;b&#34;:0.43921568989753723,&#34;a&#34;:0.0},&#34;position&#34;:0.87999999523162842}],&#34;stopsVar&#34;:[{&#34;color&#34;:{&#34;r&#34;:0.11670587956905365,&#34;g&#34;:0.11735424399375916,&#34;b&#34;:0.12156862765550613,&#34;a&#34;:1.0},&#34;position&#34;:0.0},{&#34;color&#34;:{&#34;r&#34;:0.42745098471641541,&#34;g&#34;:0.42745098471641541,&#34;b&#34;:0.43921568989753723,&#34;a&#34;:0.80000001192092896},&#34;position&#34;:0.250},{&#34;color&#34;:{&#34;r&#34;:0.42745098471641541,&#34;g&#34;:0.42745098471641541,&#34;b&#34;:0.43921568989753723,&#34;a&#34;:0.0},&#34;position&#34;:0.87999999523162842}],&#34;transform&#34;:{&#34;m00&#34;:0.0,&#34;m01&#34;:-39.597976684570312,&#34;m02&#34;:43.798988342285156,&#34;m10&#34;:39.597976684570312,&#34;m11&#34;:0.0,&#34;m12&#34;:4.2011013031005859},&#34;opacity&#34;:1.0,&#34;blendMode&#34;:&#34;NORMAL&#34;,&#34;visible&#34;:true}"/>
+<defs>
+<clipPath id="paint0_angular_699_16888_clip_path"><path fillRule="evenodd" clipRule="evenodd" d="M35.3137 12.6863C29.0653 6.4379 18.9347 6.4379 12.6863 12.6863C6.4379 18.9347 6.4379 29.0653 12.6863 35.3137C15.8135 38.4409 19.909 40.0026 24.0104 40L24.0129 44C18.8933 44.0033 13.766 42.0503 9.85786 38.1421C2.04738 30.3316 2.04738 17.6684 9.85786 9.85786C17.6684 2.04738 30.3316 2.04738 38.1421 9.85786C45.9526 17.6684 45.9526 30.3316 38.1421 38.1421L35.3137 35.3137C41.5621 29.0653 41.5621 18.9347 35.3137 12.6863Z"/></clipPath></defs>
+</svg>
+;
+  } else if (thick) {
+    return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#paint0_angular_699_16888_clip_path)" data-figma-skip-parse="true"><g transform="matrix(0 0.019799 -0.019799 0 24 24.0001)"><foreignObject x="-1212.19" y="-1212.19" width="2424.38" height="2424.38"><div xmlns="http://www.w3.org/1999/xhtml" style="background:conic-gradient(from 90deg,rgba(29, 29, 31, 1) 0deg,rgba(109, 109, 112, 0.8) 90deg,rgba(109, 109, 112, 0) 316.8deg,rgba(29, 29, 31, 1) 360deg);height:100%;width:100%;opacity:1"></div></foreignObject></g></g><path fillRule="evenodd" clipRule="evenodd" d="M35.3137 12.6863C29.0653 6.4379 18.9347 6.4379 12.6863 12.6863C6.4379 18.9347 6.4379 29.0653 12.6863 35.3137C15.8135 38.4409 19.909 40.0026 24.0104 40L24.0129 44C18.8933 44.0033 13.766 42.0503 9.85786 38.1421C2.04738 30.3316 2.04738 17.6684 9.85786 9.85786C17.6684 2.04738 30.3316 2.04738 38.1421 9.85786C45.9526 17.6684 45.9526 30.3316 38.1421 38.1421L35.3137 35.3137C41.5621 29.0653 41.5621 18.9347 35.3137 12.6863Z" data-figma-gradient-fill="{&#34;type&#34;:&#34;GRADIENT_ANGULAR&#34;,&#34;stops&#34;:[{&#34;color&#34;:{&#34;r&#34;:0.11670587956905365,&#34;g&#34;:0.11735424399375916,&#34;b&#34;:0.12156862765550613,&#34;a&#34;:1.0},&#34;position&#34;:0.0},{&#34;color&#34;:{&#34;r&#34;:0.42745098471641541,&#34;g&#34;:0.42745098471641541,&#34;b&#34;:0.43921568989753723,&#34;a&#34;:0.80000001192092896},&#34;position&#34;:0.250},{&#34;color&#34;:{&#34;r&#34;:0.42745098471641541,&#34;g&#34;:0.42745098471641541,&#34;b&#34;:0.43921568989753723,&#34;a&#34;:0.0},&#34;position&#34;:0.87999999523162842}],&#34;stopsVar&#34;:[{&#34;color&#34;:{&#34;r&#34;:0.11670587956905365,&#34;g&#34;:0.11735424399375916,&#34;b&#34;:0.12156862765550613,&#34;a&#34;:1.0},&#34;position&#34;:0.0},{&#34;color&#34;:{&#34;r&#34;:0.42745098471641541,&#34;g&#34;:0.42745098471641541,&#34;b&#34;:0.43921568989753723,&#34;a&#34;:0.80000001192092896},&#34;position&#34;:0.250},{&#34;color&#34;:{&#34;r&#34;:0.42745098471641541,&#34;g&#34;:0.42745098471641541,&#34;b&#34;:0.43921568989753723,&#34;a&#34;:0.0},&#34;position&#34;:0.87999999523162842}],&#34;transform&#34;:{&#34;m00&#34;:0.0,&#34;m01&#34;:-39.597976684570312,&#34;m02&#34;:43.798988342285156,&#34;m10&#34;:39.597976684570312,&#34;m11&#34;:0.0,&#34;m12&#34;:4.2011013031005859},&#34;opacity&#34;:1.0,&#34;blendMode&#34;:&#34;NORMAL&#34;,&#34;visible&#34;:true}"/>
+<defs>
+<clipPath id="paint0_angular_699_16888_clip_path"><path fillRule="evenodd" clipRule="evenodd" d="M35.3137 12.6863C29.0653 6.4379 18.9347 6.4379 12.6863 12.6863C6.4379 18.9347 6.4379 29.0653 12.6863 35.3137C15.8135 38.4409 19.909 40.0026 24.0104 40L24.0129 44C18.8933 44.0033 13.766 42.0503 9.85786 38.1421C2.04738 30.3316 2.04738 17.6684 9.85786 9.85786C17.6684 2.04738 30.3316 2.04738 38.1421 9.85786C45.9526 17.6684 45.9526 30.3316 38.1421 38.1421L35.3137 35.3137C41.5621 29.0653 41.5621 18.9347 35.3137 12.6863Z"/></clipPath></defs>
+</svg>
+;
+  } 
+  
+  return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#paint0_angular_699_16888_clip_path)" data-figma-skip-parse="true"><g transform="matrix(0 0.019799 -0.019799 0 24 24.0001)"><foreignObject x="-1212.19" y="-1212.19" width="2424.38" height="2424.38"><div xmlns="http://www.w3.org/1999/xhtml" style="background:conic-gradient(from 90deg,rgba(29, 29, 31, 1) 0deg,rgba(109, 109, 112, 0.8) 90deg,rgba(109, 109, 112, 0) 316.8deg,rgba(29, 29, 31, 1) 360deg);height:100%;width:100%;opacity:1"></div></foreignObject></g></g><path fillRule="evenodd" clipRule="evenodd" d="M35.3137 12.6863C29.0653 6.4379 18.9347 6.4379 12.6863 12.6863C6.4379 18.9347 6.4379 29.0653 12.6863 35.3137C15.8135 38.4409 19.909 40.0026 24.0104 40L24.0129 44C18.8933 44.0033 13.766 42.0503 9.85786 38.1421C2.04738 30.3316 2.04738 17.6684 9.85786 9.85786C17.6684 2.04738 30.3316 2.04738 38.1421 9.85786C45.9526 17.6684 45.9526 30.3316 38.1421 38.1421L35.3137 35.3137C41.5621 29.0653 41.5621 18.9347 35.3137 12.6863Z" data-figma-gradient-fill="{&#34;type&#34;:&#34;GRADIENT_ANGULAR&#34;,&#34;stops&#34;:[{&#34;color&#34;:{&#34;r&#34;:0.11670587956905365,&#34;g&#34;:0.11735424399375916,&#34;b&#34;:0.12156862765550613,&#34;a&#34;:1.0},&#34;position&#34;:0.0},{&#34;color&#34;:{&#34;r&#34;:0.42745098471641541,&#34;g&#34;:0.42745098471641541,&#34;b&#34;:0.43921568989753723,&#34;a&#34;:0.80000001192092896},&#34;position&#34;:0.250},{&#34;color&#34;:{&#34;r&#34;:0.42745098471641541,&#34;g&#34;:0.42745098471641541,&#34;b&#34;:0.43921568989753723,&#34;a&#34;:0.0},&#34;position&#34;:0.87999999523162842}],&#34;stopsVar&#34;:[{&#34;color&#34;:{&#34;r&#34;:0.11670587956905365,&#34;g&#34;:0.11735424399375916,&#34;b&#34;:0.12156862765550613,&#34;a&#34;:1.0},&#34;position&#34;:0.0},{&#34;color&#34;:{&#34;r&#34;:0.42745098471641541,&#34;g&#34;:0.42745098471641541,&#34;b&#34;:0.43921568989753723,&#34;a&#34;:0.80000001192092896},&#34;position&#34;:0.250},{&#34;color&#34;:{&#34;r&#34;:0.42745098471641541,&#34;g&#34;:0.42745098471641541,&#34;b&#34;:0.43921568989753723,&#34;a&#34;:0.0},&#34;position&#34;:0.87999999523162842}],&#34;transform&#34;:{&#34;m00&#34;:0.0,&#34;m01&#34;:-39.597976684570312,&#34;m02&#34;:43.798988342285156,&#34;m10&#34;:39.597976684570312,&#34;m11&#34;:0.0,&#34;m12&#34;:4.2011013031005859},&#34;opacity&#34;:1.0,&#34;blendMode&#34;:&#34;NORMAL&#34;,&#34;visible&#34;:true}"/>
+<defs>
+<clipPath id="paint0_angular_699_16888_clip_path"><path fillRule="evenodd" clipRule="evenodd" d="M35.3137 12.6863C29.0653 6.4379 18.9347 6.4379 12.6863 12.6863C6.4379 18.9347 6.4379 29.0653 12.6863 35.3137C15.8135 38.4409 19.909 40.0026 24.0104 40L24.0129 44C18.8933 44.0033 13.766 42.0503 9.85786 38.1421C2.04738 30.3316 2.04738 17.6684 9.85786 9.85786C17.6684 2.04738 30.3316 2.04738 38.1421 9.85786C45.9526 17.6684 45.9526 30.3316 38.1421 38.1421L35.3137 35.3137C41.5621 29.0653 41.5621 18.9347 35.3137 12.6863Z"/></clipPath></defs>
+</svg>
+;
+};

package/assets/stack/index.tsx

@@ -0,0 +1,39 @@
+import React from 'react';
+
+interface StackProps {
+  fill?: boolean;
+  thick?: boolean;
+  size?: number
+}
+
+export const Stack = ({ fill = false, thick = false, size = 24 }: StackProps) => {
+  if (fill && thick) {
+    return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M24 5L42.4223 14.2111C43.8964 14.9482 43.8964 17.0518 42.4223 17.7889L24 27L5.57774 17.7889C4.10364 17.0518 4.10364 14.9482 5.57774 14.2111L24 5Z" fill="currentColor"/>
+<path d="M4.71965 21.5339C3.57182 23.0848 3.96633 25.4831 5.90317 26.4515L24 35.4999L42.0967 26.4515C44.0336 25.4831 44.4281 23.0848 43.2803 21.534L24 31.0277L4.71965 21.5339Z" fill="currentColor"/>
+<path d="M4.71965 30.0339C3.57182 31.5848 3.96633 33.9831 5.90317 34.9515L24 43.9999L42.0967 34.9515C44.0336 33.9831 44.4281 31.5848 43.2803 30.034L24 39.5277L4.71965 30.0339Z" fill="currentColor"/>
+</svg>
+;
+  } else if (fill) {
+    return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M42.4223 17.7889L24 27L5.57774 17.7889C4.10364 17.0518 4.10364 14.9482 5.57774 14.2111L24 5L42.4223 14.2111C43.8964 14.9482 43.8964 17.0518 42.4223 17.7889Z" fill="currentColor"/>
+<path d="M4.27234 22.375C3.74749 23.8491 4.2911 25.6456 5.90317 26.4516L24 35.5L42.0967 26.4516C43.7088 25.6456 44.2524 23.8491 43.7276 22.375L24 32.1459L4.27234 22.375Z" fill="currentColor"/>
+<path d="M5.90317 34.9515C4.30785 34.1538 3.7589 32.3861 4.25633 30.9209L24 40.6458L43.7436 30.9209C44.241 32.3861 43.6921 34.1538 42.0967 34.9515L24 43.9999L5.90317 34.9515Z" fill="currentColor"/>
+</svg>
+;
+  } else if (thick) {
+    return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fillRule="evenodd" clipRule="evenodd" d="M42.3433 17.7889L23.9211 27L5.49876 17.7889C4.02466 17.0518 4.02466 14.9482 5.49876 14.2111L23.9211 5L42.3433 14.2111C43.8174 14.9482 43.8174 17.0518 42.3433 17.7889ZM10.8653 16L23.9211 9.47214L36.9768 16L23.9211 22.5279L10.8653 16Z" fill="currentColor"/>
+<path d="M4.64067 21.5339C3.49284 23.0848 3.88735 25.4831 5.82419 26.4515L23.921 35.4999L42.0178 26.4515C43.9546 25.4831 44.3491 23.0848 43.2013 21.534L23.921 31.0277L4.64067 21.5339Z" fill="currentColor"/>
+<path d="M4.64067 30.0339C3.49284 31.5848 3.88735 33.9831 5.82419 34.9515L23.921 43.9999L42.0178 34.9515C43.9546 33.9831 44.3491 31.5848 43.2013 30.034L23.921 39.5277L4.64067 30.0339Z" fill="currentColor"/>
+</svg>
+;
+  } 
+  
+  return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fillRule="evenodd" clipRule="evenodd" d="M42.4223 17.7889L24 27L5.57774 17.7889C4.10364 17.0518 4.10364 14.9482 5.57774 14.2111L24 5L42.4223 14.2111C43.8964 14.9482 43.8964 17.0518 42.4223 17.7889ZM8.70824 16L24 8.3541L39.2918 16L24 23.6459L8.70824 16Z" fill="currentColor"/>
+<path d="M4.27234 22.375C3.74749 23.8491 4.2911 25.6456 5.90317 26.4516L24 35.5L42.0967 26.4516C43.7088 25.6456 44.2524 23.8491 43.7276 22.375L24 32.1459L4.27234 22.375Z" fill="currentColor"/>
+<path d="M4.25633 30.9209C3.7589 32.3861 4.30785 34.1538 5.90317 34.9515L24 43.9999L42.0967 34.9515C43.6921 34.1538 44.241 32.3861 43.7436 30.9209L24 40.6458L4.25633 30.9209Z" fill="currentColor"/>
+</svg>
+;
+};

package/assets/start/index.tsx

@@ -0,0 +1,35 @@
+import React from 'react';
+
+interface StartProps {
+  fill?: boolean;
+  thick?: boolean;
+  size?: number
+}
+
+export const Start = ({ fill = false, thick = false, size = 24 }: StartProps) => {
+  if (fill && thick) {
+    return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5.5 40.0006V8H8.5V40.0006H5.5Z" fill="currentColor"/>
+<path d="M38.9359 25.5L28.1251 36.3108L30.2465 38.4321L42.018 26.6606C43.3848 25.2938 43.3848 23.0777 42.018 21.7109L30.2465 9.93933L28.1251 12.0607L38.5645 22.5L14 22.5V25.5L38.9359 25.5Z" fill="currentColor"/>
+</svg>
+;
+  } else if (fill) {
+    return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5.5 40.0006V8H8.5V40.0006H5.5Z" fill="currentColor"/>
+<path d="M38.9359 25.5L28.1251 36.3108L30.2465 38.4321L42.018 26.6606C43.3848 25.2938 43.3848 23.0777 42.018 21.7109L30.2465 9.93933L28.1251 12.0607L38.5645 22.5L14 22.5V25.5L38.9359 25.5Z" fill="currentColor"/>
+</svg>
+;
+  } else if (thick) {
+    return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5 40.0006V8H9V40.0006H5Z" fill="currentColor"/>
+<path d="M37.7288 26L27.7716 35.9572L30.6 38.7857L42.3715 27.0142C43.9336 25.4521 43.9336 22.9194 42.3715 21.3573L30.6 9.58578L27.7716 12.4142L37.3574 22L14 22V26L37.7288 26Z" fill="currentColor"/>
+</svg>
+;
+  } 
+  
+  return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5.5 40.0006V8H8.5V40.0006H5.5Z" fill="currentColor"/>
+<path d="M38.9359 25.5L28.1251 36.3108L30.2465 38.4321L42.018 26.6606C43.3848 25.2938 43.3848 23.0777 42.018 21.7109L30.2465 9.93933L28.1251 12.0607L38.5645 22.5L14 22.5V25.5L38.9359 25.5Z" fill="currentColor"/>
+</svg>
+;
+};

package/assets/step/index.tsx

@@ -0,0 +1,35 @@
+import React from 'react';
+
+interface StepProps {
+  fill?: boolean;
+  thick?: boolean;
+  size?: number
+}
+
+export const Step = ({ fill = false, thick = false, size = 24 }: StepProps) => {
+  if (fill && thick) {
+    return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fillRule="evenodd" clipRule="evenodd" d="M20.3922 24.0495C21.8176 21.1494 22.596 17.6818 22.8391 14.9626C23.3531 9.2128 20.1014 1.86258 14.084 1.78885C8.06671 1.71513 4.9647 6.96132 4.33886 13.9625C3.91046 18.7548 5.17618 24.4113 8.05642 27.5034C7.96404 29.3709 8.50755 31.3685 8.96795 33.0606C10.0244 36.9432 13.9048 39.2679 17.6352 38.2529C21.3656 37.238 23.5332 33.2677 22.4768 29.385C22.0083 27.663 21.4537 25.6245 20.3922 24.0495ZM11.0524 28.241L18.1636 26.149C18.7498 27.1978 19.1463 28.5711 19.5821 30.1726C20.2335 32.5668 18.8712 34.8076 16.8476 35.3582C14.824 35.9088 12.5141 34.6671 11.8627 32.273C11.4469 30.7447 11.104 29.4109 11.0524 28.241ZM7.32694 14.2296C6.9469 18.481 8.12976 23.0955 10.173 25.3726L17.4515 23.2314L17.6998 22.7262C18.9262 20.231 19.6325 17.1397 19.851 14.6955C20.0546 12.4182 19.4957 9.76951 18.3214 7.76205C17.1601 5.77698 15.6722 4.80854 14.0473 4.78863C12.0673 4.76437 10.6752 5.55083 9.60404 7.00322C8.44094 8.5803 7.61198 11.0409 7.32694 14.2296Z" fill="currentColor"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M27.9966 32.0495C26.9352 33.6245 26.3805 35.663 25.912 37.385C24.8556 41.2677 27.0233 45.238 30.7536 46.2529C34.484 47.2679 38.3645 44.9432 39.4209 41.0605C39.8813 39.3684 40.4248 37.3709 40.3324 35.5034C43.2127 32.4113 44.4784 26.7548 44.05 21.9625C43.4241 14.9613 40.3221 9.71513 34.3048 9.78885C28.2875 9.86258 25.0358 17.2128 25.5497 22.9626C25.7928 25.6818 26.5712 29.1494 27.9966 32.0495ZM30.985 31.3283L38.3671 33.1979C40.3171 30.8656 41.4325 26.375 41.0619 22.2296C40.7768 19.0409 39.9479 16.5803 38.7848 15.0032C37.7136 13.5508 36.3216 12.7644 34.3415 12.7886C32.7166 12.8085 31.2288 13.777 30.0675 15.762C28.8931 17.7695 28.3343 20.4182 28.5378 22.6955C28.7563 25.1397 29.4626 28.231 30.689 30.7261L30.985 31.3283ZM37.3425 36.0332L30.1858 34.2206C29.6211 35.26 29.2327 36.6072 28.8067 38.1726C28.1553 40.5668 29.5177 42.8076 31.5413 43.3582C33.5648 43.9088 35.8747 42.6671 36.5261 40.273C36.9667 38.6535 37.3255 37.2523 37.3425 36.0332Z" fill="currentColor"/>
+</svg>
+;
+  } else if (fill) {
+    return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fillRule="evenodd" clipRule="evenodd" d="M20.3922 24.0495C21.8176 21.1494 22.596 17.6818 22.8391 14.9626C23.3531 9.2128 20.1014 1.86258 14.084 1.78885C8.06671 1.71513 4.9647 6.96132 4.33886 13.9625C3.91046 18.7548 5.17618 24.4113 8.05642 27.5034C7.96404 29.3709 8.50755 31.3685 8.96795 33.0606C10.0244 36.9432 13.9048 39.2679 17.6352 38.2529C21.3656 37.238 23.5332 33.2677 22.4768 29.385C22.0083 27.663 21.4537 25.6245 20.3922 24.0495ZM11.0524 28.241L18.1636 26.149C18.7498 27.1978 19.1463 28.5711 19.5821 30.1726C20.2335 32.5668 18.8712 34.8076 16.8476 35.3582C14.824 35.9088 12.5141 34.6671 11.8627 32.273C11.4469 30.7447 11.104 29.4109 11.0524 28.241ZM7.32694 14.2296C6.9469 18.481 8.12976 23.0955 10.173 25.3726L17.4515 23.2314L17.6998 22.7262C18.9262 20.231 19.6325 17.1397 19.851 14.6955C20.0546 12.4182 19.4957 9.76951 18.3214 7.76205C17.1601 5.77698 15.6722 4.80854 14.0473 4.78863C12.0673 4.76437 10.6752 5.55083 9.60404 7.00322C8.44094 8.5803 7.61198 11.0409 7.32694 14.2296Z" fill="currentColor"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M27.9966 32.0495C26.9352 33.6245 26.3805 35.663 25.912 37.385C24.8556 41.2677 27.0233 45.238 30.7536 46.2529C34.484 47.2679 38.3645 44.9432 39.4209 41.0605C39.8813 39.3684 40.4248 37.3709 40.3324 35.5034C43.2127 32.4113 44.4784 26.7548 44.05 21.9625C43.4241 14.9613 40.3221 9.71513 34.3048 9.78885C28.2875 9.86258 25.0358 17.2128 25.5497 22.9626C25.7928 25.6818 26.5712 29.1494 27.9966 32.0495ZM30.985 31.3283L38.3671 33.1979C40.3171 30.8656 41.4325 26.375 41.0619 22.2296C40.7768 19.0409 39.9479 16.5803 38.7848 15.0032C37.7136 13.5508 36.3216 12.7644 34.3415 12.7886C32.7166 12.8085 31.2288 13.777 30.0675 15.762C28.8931 17.7695 28.3343 20.4182 28.5378 22.6955C28.7563 25.1397 29.4626 28.231 30.689 30.7261L30.985 31.3283ZM37.3425 36.0332L30.1858 34.2206C29.6211 35.26 29.2327 36.6072 28.8067 38.1726C28.1553 40.5668 29.5177 42.8076 31.5413 43.3582C33.5648 43.9088 35.8747 42.6671 36.5261 40.273C36.9667 38.6535 37.3255 37.2523 37.3425 36.0332Z" fill="currentColor"/>
+</svg>
+;
+  } else if (thick) {
+    return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fillRule="evenodd" clipRule="evenodd" d="M22.8654 14.6163C23.2221 8.92215 19.9812 1.8611 14.084 1.78885C8.06671 1.71513 4.9647 6.96132 4.33886 13.9625C3.91046 18.7548 5.17618 24.4113 8.05642 27.5034C7.96404 29.3709 8.50755 31.3685 8.96795 33.0606C10.0244 36.9432 13.9048 39.2679 17.6352 38.2529C21.3656 37.238 23.5332 33.2677 22.4768 29.385C22.0083 27.663 21.4537 25.6245 20.3922 24.0495C20.8192 23.1808 21.1881 22.2612 21.5019 21.326C22.2359 19.1392 22.6688 16.8673 22.8391 14.9626C22.8493 14.8478 22.8581 14.7323 22.8654 14.6163ZM12.0681 28.4634L17.4239 26.8878C17.8669 27.7717 18.2109 28.9422 18.6172 30.4352C19.1336 32.3331 18.0397 33.9975 16.585 34.3932C15.1304 34.789 13.344 33.9084 12.8276 32.0104C12.4386 30.5806 12.1486 29.432 12.0681 28.4634ZM8.32297 14.3186C7.96052 18.3732 9.104 22.6274 10.8665 24.6474L16.4483 23.0053L16.8024 22.285C17.9624 19.9249 18.6447 16.959 18.855 14.6065C19.0407 12.5284 18.5238 10.0884 17.4582 8.267C16.4101 6.4754 15.1987 5.80281 14.035 5.78855C12.3979 5.7685 11.3017 6.38607 10.4088 7.59676C9.39334 8.97371 8.59872 11.2339 8.32297 14.3186Z" fill="currentColor"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M27.9966 32.0495C26.9352 33.6245 26.3805 35.663 25.912 37.385C24.8556 41.2677 27.0233 45.238 30.7536 46.2529C34.484 47.2679 38.3645 44.9432 39.4209 41.0605C39.8813 39.3684 40.4248 37.3709 40.3324 35.5034C43.2127 32.4113 44.4784 26.7548 44.05 21.9625C43.4241 14.9613 40.3221 9.71513 34.3048 9.78885C30.7968 9.83183 28.2287 12.3479 26.7988 15.5781C25.9156 17.5733 25.4665 19.841 25.4984 21.9667C25.5034 22.3028 25.5205 22.6353 25.5497 22.9626C25.7928 25.6818 26.5712 29.1494 27.9966 32.0495ZM31.7806 30.68L37.7078 32.4237C39.3642 30.3252 40.4154 26.2291 40.0659 22.3186C39.7901 19.2339 38.9955 16.9737 37.98 15.5968C37.0871 14.3861 35.9909 13.7685 34.3538 13.7886C33.1902 13.8028 31.9787 14.4754 30.9306 16.267C29.865 18.0884 29.3481 20.5284 29.5339 22.6065C29.7442 24.959 30.4264 27.9249 31.5865 30.285L31.7806 30.68ZM36.338 36.1902L31.0922 34.647C30.5858 35.5552 30.216 36.8023 29.7717 38.4352C29.2553 40.3332 30.3491 41.9975 31.8038 42.3932C33.2585 42.789 35.0448 41.9084 35.5612 40.0104C35.9875 38.4437 36.2948 37.2148 36.338 36.1902Z" fill="currentColor"/>
+</svg>
+;
+  } 
+  
+  return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fillRule="evenodd" clipRule="evenodd" d="M20.3922 24.0495C21.8176 21.1494 22.596 17.6818 22.8391 14.9626C23.3531 9.2128 20.1014 1.86258 14.084 1.78885C8.06671 1.71513 4.9647 6.96132 4.33886 13.9625C3.91046 18.7548 5.17618 24.4113 8.05642 27.5034C7.96404 29.3709 8.50755 31.3685 8.96795 33.0606C10.0244 36.9432 13.9048 39.2679 17.6352 38.2529C21.3656 37.238 23.5332 33.2677 22.4768 29.385C22.0083 27.663 21.4537 25.6245 20.3922 24.0495ZM11.0524 28.241L18.1636 26.149C18.7498 27.1978 19.1463 28.5711 19.5821 30.1726C20.2335 32.5668 18.8712 34.8076 16.8476 35.3582C14.824 35.9088 12.5141 34.6671 11.8627 32.273C11.4469 30.7447 11.104 29.4109 11.0524 28.241ZM7.32694 14.2296C6.9469 18.481 8.12976 23.0955 10.173 25.3726L17.4515 23.2314L17.6998 22.7262C18.9262 20.231 19.6325 17.1397 19.851 14.6955C20.0546 12.4182 19.4957 9.76951 18.3214 7.76205C17.1601 5.77698 15.6722 4.80854 14.0473 4.78863C12.0673 4.76437 10.6752 5.55083 9.60404 7.00322C8.44094 8.5803 7.61198 11.0409 7.32694 14.2296Z" fill="currentColor"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M27.9966 32.0495C26.9352 33.6245 26.3805 35.663 25.912 37.385C24.8556 41.2677 27.0233 45.238 30.7536 46.2529C34.484 47.2679 38.3645 44.9432 39.4209 41.0605C39.8813 39.3684 40.4248 37.3709 40.3324 35.5034C43.2127 32.4113 44.4784 26.7548 44.05 21.9625C43.4241 14.9613 40.3221 9.71513 34.3048 9.78885C28.2875 9.86258 25.0358 17.2128 25.5497 22.9626C25.7928 25.6818 26.5712 29.1494 27.9966 32.0495ZM30.985 31.3283L38.3671 33.1979C40.3171 30.8656 41.4325 26.375 41.0619 22.2296C40.7768 19.0409 39.9479 16.5803 38.7848 15.0032C37.7136 13.5508 36.3216 12.7644 34.3415 12.7886C32.7166 12.8085 31.2288 13.777 30.0675 15.762C28.8931 17.7695 28.3343 20.4182 28.5378 22.6955C28.7563 25.1397 29.4626 28.231 30.689 30.7261L30.985 31.3283ZM37.3425 36.0332L30.1858 34.2206C29.6211 35.26 29.2327 36.6072 28.8067 38.1726C28.1553 40.5668 29.5177 42.8076 31.5413 43.3582C33.5648 43.9088 35.8747 42.6671 36.5261 40.273C36.9667 38.6535 37.3255 37.2523 37.3425 36.0332Z" fill="currentColor"/>
+</svg>
+;
+};

package/assets/stop/index.tsx

@@ -0,0 +1,35 @@
+import React from 'react';
+
+interface StopProps {
+  fill?: boolean;
+  thick?: boolean;
+  size?: number
+}
+
+export const Stop = ({ fill = false, thick = false, size = 24 }: StopProps) => {
+  if (fill && thick) {
+    return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M30 16C31.1046 16 32 16.8954 32 18V30C32 31.1046 31.1046 32 30 32H18C16.8954 32 16 31.1046 16 30V18C16 16.8954 16.8954 16 18 16H30Z" fill="currentColor"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M24 4C35.0457 4 44 12.9543 44 24C44 35.0457 35.0457 44 24 44C12.9543 44 4 35.0457 4 24C4 12.9543 12.9543 4 24 4ZM24 7C14.6112 7 7 14.6112 7 24C7 33.3888 14.6112 41 24 41C33.3888 41 41 33.3888 41 24C41 14.6112 33.3888 7 24 7Z" fill="currentColor"/>
+</svg>
+;
+  } else if (fill) {
+    return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M30 16C31.1046 16 32 16.8954 32 18V30C32 31.1046 31.1046 32 30 32H18C16.8954 32 16 31.1046 16 30V18C16 16.8954 16.8954 16 18 16H30Z" fill="currentColor"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M24 4C35.0457 4 44 12.9543 44 24C44 35.0457 35.0457 44 24 44C12.9543 44 4 35.0457 4 24C4 12.9543 12.9543 4 24 4ZM24 7C14.6112 7 7 14.6112 7 24C7 33.3888 14.6112 41 24 41C33.3888 41 41 33.3888 41 24C41 14.6112 33.3888 7 24 7Z" fill="currentColor"/>
+</svg>
+;
+  } else if (thick) {
+    return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M30 16C31.1046 16 32 16.8954 32 18V30C32 31.1046 31.1046 32 30 32H18C16.8954 32 16 31.1046 16 30V18C16 16.8954 16.8954 16 18 16H30Z" fill="currentColor"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M24 4C35.0457 4 44 12.9543 44 24C44 35.0457 35.0457 44 24 44C12.9543 44 4 35.0457 4 24C4 12.9543 12.9543 4 24 4ZM24 8C15.1634 8 8 15.1634 8 24C8 32.8366 15.1634 40 24 40C32.8366 40 40 32.8366 40 24C40 15.1634 32.8366 8 24 8Z" fill="currentColor"/>
+</svg>
+;
+  } 
+  
+  return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M30 16C31.1046 16 32 16.8954 32 18V30C32 31.1046 31.1046 32 30 32H18C16.8954 32 16 31.1046 16 30V18C16 16.8954 16.8954 16 18 16H30Z" fill="currentColor"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M24 4C35.0457 4 44 12.9543 44 24C44 35.0457 35.0457 44 24 44C12.9543 44 4 35.0457 4 24C4 12.9543 12.9543 4 24 4ZM24 7C14.6112 7 7 14.6112 7 24C7 33.3888 14.6112 41 24 41C33.3888 41 41 33.3888 41 24C41 14.6112 33.3888 7 24 7Z" fill="currentColor"/>
+</svg>
+;
+};

package/assets/summarize/index.tsx

@@ -0,0 +1,39 @@
+import React from 'react';
+
+interface SummarizeProps {
+  fill?: boolean;
+  thick?: boolean;
+  size?: number
+}
+
+export const Summarize = ({ fill = false, thick = false, size = 24 }: SummarizeProps) => {
+  if (fill && thick) {
+    return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M34.2002 34.2051C34.2001 35.5858 35.3194 36.7051 36.7002 36.7051H37.2842L35.7998 38.9521V38C35.7998 36.6193 34.6805 35.5 33.2998 35.5H32.7207L34.2002 33.2617V34.2051ZM12 36H22C22 37.7706 22.3541 39.4604 22.9961 41H7V7H41V24.4648C39.4841 23.6749 37.7926 23.1746 36 23.0381V12H12V36Z" fill="currentColor" stroke="currentColor" stroke-width="4"/>
+</svg>
+;
+  } else if (fill) {
+    return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M41 7V24.4648C39.3439 23.6018 37.4782 23.0857 35.5 23.0107V20.5H12.5V27.5H25.165C24.8881 27.8202 24.6259 28.1536 24.3809 28.5H12.5V35.5H22.0107C22.0044 35.666 22 35.8326 22 36C22 37.7706 22.3541 39.4604 22.9961 41H7V7H41ZM34.2002 34.2051C34.2001 35.5858 35.3194 36.7051 36.7002 36.7051H37.2842L35.7998 38.9521V38C35.7998 36.6193 34.6805 35.5 33.2998 35.5H32.7207L34.2002 33.2617V34.2051ZM12.5 19.5H35.5V12.5H12.5V19.5Z" fill="currentColor" stroke="currentColor" stroke-width="4"/>
+</svg>
+;
+  } else if (thick) {
+    return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M39 25.7499V9H9V39H24.4141C24.834 40.4848 25.5579 41.8419 26.5143 43H7C5.89543 43 5 42.1046 5 41V7C5 5.89543 5.89543 5 7 5H41C42.1046 5 43 5.89543 43 7V28.4501C41.8923 27.2768 40.5294 26.3472 39 25.7499Z" fill="currentColor"/>
+<path d="M34 14H14V18H34V14Z" fill="currentColor"/>
+<path d="M34 22H14V26H30.411C31.5203 25.4901 32.729 25.1594 34 25.0448V22Z" fill="currentColor"/>
+<path d="M25.7789 30H14V34H24.1814C24.4483 32.5466 25.001 31.1931 25.7789 30Z" fill="currentColor"/>
+<path d="M33.8002 43.9464V37.9997C33.8002 37.7235 33.5763 37.4997 33.3002 37.4997H29.9301C29.5316 37.4997 29.2932 37.0563 29.513 36.7239L35.2831 27.9982C35.5565 27.5848 36.2002 27.7784 36.2002 28.2741L36.1999 34.2055C36.1998 34.4817 36.4237 34.7055 36.6999 34.7055H40.0708C40.4691 34.7055 40.7075 35.1486 40.488 35.481L34.7174 44.2219C34.4442 44.6357 33.8002 44.4423 33.8002 43.9464Z" fill="currentColor"/>
+</svg>
+;
+  } 
+  
+  return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M40 26.1994V8H8V40H24.7499C25.1781 41.0965 25.7771 42.1074 26.5143 43H7C5.89543 43 5 42.1046 5 41V7C5 5.89543 5.89543 5 7 5H41C42.1046 5 43 5.89543 43 7V28.4501C42.14 27.5392 41.1262 26.7751 40 26.1994Z" fill="currentColor"/>
+<path d="M14.5 14.5H33.5V17.5H14.5V14.5Z" fill="currentColor"/>
+<path d="M14.5 22.5H33.5V25.1014C32.8863 25.1851 32.2886 25.3194 31.7114 25.5H14.5V22.5Z" fill="currentColor"/>
+<path d="M25.4716 30.5H14.5V33.5H24.2853C24.5336 32.4319 24.9374 31.4235 25.4716 30.5Z" fill="currentColor"/>
+<path d="M33.8002 37.9997V43.9464C33.8002 44.4423 34.4442 44.6357 34.7174 44.2219L40.488 35.481C40.7075 35.1486 40.4691 34.7055 40.0708 34.7055H36.6999C36.4237 34.7055 36.1998 34.4817 36.1999 34.2055L36.2002 28.2741C36.2002 27.7784 35.5565 27.5848 35.2831 27.9982L29.513 36.7239C29.2932 37.0563 29.5316 37.4997 29.9301 37.4997H33.3002C33.5763 37.4997 33.8002 37.7235 33.8002 37.9997Z" fill="currentColor"/>
+</svg>
+;
+};

package/assets/target/index.tsx

@@ -0,0 +1,39 @@
+import React from 'react';
+
+interface TargetProps {
+  fill?: boolean;
+  thick?: boolean;
+  size?: number
+}
+
+export const Target = ({ fill = false, thick = false, size = 24 }: TargetProps) => {
+  if (fill && thick) {
+    return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M36.3134 3L36.667 11.1317L36.668 11.1318L44.7997 11.4854L38.4358 17.8493H32.0709L26.8524 23.0678C26.9482 23.3612 27 23.6746 27 24C27 25.6569 25.6569 27 24 27C22.3431 27 21 25.6569 21 24C21 22.3431 22.3431 21 24 21C24.2106 21 24.4162 21.0217 24.6145 21.063L29.9494 15.7281V9.36396L36.3134 3Z" fill="currentColor"/>
+<path d="M40.3499 19.3278C40.7733 20.8122 41 22.3796 41 24C41 33.3888 33.3888 41 24 41C14.6112 41 7 33.3888 7 24C7 14.6112 14.6112 7 24 7C25.4306 7 26.8199 7.17671 28.1474 7.5095L30.5572 5.09969C28.503 4.38713 26.2967 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44C35.0457 44 44 35.0457 44 24C44 21.5201 43.5486 19.1455 42.7236 16.9541L40.3499 19.3278Z" fill="currentColor"/>
+<path d="M28.7011 12.9558C27.2574 12.3405 25.6684 12 24 12C17.3726 12 12 17.3726 12 24C12 30.6274 17.3726 36 24 36C30.6274 36 36 30.6274 36 24C36 22.2675 35.6329 20.6208 34.9721 19.1333L32.6386 21.4669C32.8738 22.2704 33 23.1204 33 24C33 28.9706 28.9706 33 24 33C19.0294 33 15 28.9706 15 24C15 19.0294 19.0294 15 24 15C24.8122 15 25.5992 15.1076 26.3476 15.3092L28.7011 12.9558Z" fill="currentColor"/>
+</svg>
+;
+  } else if (fill) {
+    return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M36.3134 3L36.667 11.1317L36.668 11.1318L44.7997 11.4854L38.4358 17.8493H32.0709L26.8524 23.0678C26.9482 23.3612 27 23.6746 27 24C27 25.6569 25.6569 27 24 27C22.3431 27 21 25.6569 21 24C21 22.3431 22.3431 21 24 21C24.2106 21 24.4162 21.0217 24.6145 21.063L29.9494 15.7281V9.36396L36.3134 3Z" fill="currentColor"/>
+<path d="M40.3499 19.3278C40.7733 20.8122 41 22.3796 41 24C41 33.3888 33.3888 41 24 41C14.6112 41 7 33.3888 7 24C7 14.6112 14.6112 7 24 7C25.4306 7 26.8199 7.17671 28.1474 7.5095L30.5572 5.09969C28.503 4.38713 26.2967 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44C35.0457 44 44 35.0457 44 24C44 21.5201 43.5486 19.1455 42.7236 16.9541L40.3499 19.3278Z" fill="currentColor"/>
+<path d="M28.7011 12.9558C27.2574 12.3405 25.6684 12 24 12C17.3726 12 12 17.3726 12 24C12 30.6274 17.3726 36 24 36C30.6274 36 36 30.6274 36 24C36 22.2675 35.6329 20.6208 34.9721 19.1333L32.6386 21.4669C32.8738 22.2704 33 23.1204 33 24C33 28.9706 28.9706 33 24 33C19.0294 33 15 28.9706 15 24C15 19.0294 19.0294 15 24 15C24.8122 15 25.5992 15.1076 26.3476 15.3092L28.7011 12.9558Z" fill="currentColor"/>
+</svg>
+;
+  } else if (thick) {
+    return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M37.4121 10.2384L37.0186 2.5L30.6547 8.86396L30.3635 14.6736L24.9288 20.1084C24.6307 20.0375 24.3197 20 24 20C21.7909 20 20 21.7909 20 24C20 26.2091 21.7909 28 24 28C26.2091 28 28 26.2091 28 24C28 23.6036 27.9423 23.2206 27.8349 22.8591L33.1922 17.5018L39.14 17.3492L45.5039 10.9853L37.4121 10.2384Z" fill="currentColor"/>
+<path d="M40 24C40 23.2622 39.9501 22.536 39.8534 21.8247L43.2217 18.4563C43.7285 20.2166 44 22.0766 44 24C44 35.0457 35.0457 44 24 44C12.9543 44 4 35.0457 4 24C4 12.9543 12.9543 4 24 4C26.0178 4 27.9658 4.29882 29.8022 4.85462L26.4677 8.18914C25.6634 8.06461 24.8392 8 24 8C15.1634 8 8 15.1634 8 24C8 32.8366 15.1634 40 24 40C32.8366 40 40 32.8366 40 24Z" fill="currentColor"/>
+<path d="M24 12C25.1155 12 26.1955 12.1522 27.2202 12.437L23.6497 16.0075C19.3939 16.1909 16 19.6991 16 24C16 28.4183 19.5817 32 24 32C28.2242 32 31.6837 28.7261 31.9795 24.5772L35.6085 20.9482C35.864 21.9226 36 22.9454 36 24C36 30.6274 30.6274 36 24 36C17.3726 36 12 30.6274 12 24C12 17.3726 17.3726 12 24 12Z" fill="currentColor"/>
+</svg>
+;
+  } 
+  
+  return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M36.3134 3L36.667 11.1317L36.668 11.1318L44.7997 11.4854L38.4358 17.8493H32.0709L26.8524 23.0678C26.9482 23.3612 27 23.6746 27 24C27 25.6569 25.6569 27 24 27C22.3431 27 21 25.6569 21 24C21 22.3431 22.3431 21 24 21C24.2106 21 24.4162 21.0217 24.6145 21.063L29.9494 15.7281V9.36396L36.3134 3Z" fill="currentColor"/>
+<path d="M40.3499 19.3278C40.7733 20.8122 41 22.3796 41 24C41 33.3888 33.3888 41 24 41C14.6112 41 7 33.3888 7 24C7 14.6112 14.6112 7 24 7C25.4306 7 26.8199 7.17671 28.1474 7.5095L30.5572 5.09969C28.503 4.38713 26.2967 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44C35.0457 44 44 35.0457 44 24C44 21.5201 43.5486 19.1455 42.7236 16.9541L40.3499 19.3278Z" fill="currentColor"/>
+<path d="M28.7011 12.9558C27.2574 12.3405 25.6684 12 24 12C17.3726 12 12 17.3726 12 24C12 30.6274 17.3726 36 24 36C30.6274 36 36 30.6274 36 24C36 22.2675 35.6329 20.6208 34.9721 19.1333L32.6386 21.4669C32.8738 22.2704 33 23.1204 33 24C33 28.9706 28.9706 33 24 33C19.0294 33 15 28.9706 15 24C15 19.0294 19.0294 15 24 15C24.8122 15 25.5992 15.1076 26.3476 15.3092L28.7011 12.9558Z" fill="currentColor"/>
+</svg>
+;
+};

package/assets/teams/index.tsx

@@ -0,0 +1,38 @@
+import React from 'react';
+
+interface TeamsProps {
+  fill?: boolean;
+  thick?: boolean;
+  size?: number
+}
+
+export const Teams = ({ fill = false, thick = false, size = 24 }: TeamsProps) => {
+  if (fill && thick) {
+    return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M39.5166 38.3428L30.5 43.5479V32.8896L39.5166 27.6836V38.3428Z" fill="currentColor"/>
+<path d="M28.5 32.8789V42.6729L21 38.3428V28.5645L28.5 32.8789Z" fill="currentColor"/>
+<path d="M19 27.4141V37.5332L10.8643 32.8369L10.7734 22.6816L19 27.4141Z" fill="currentColor"/>
+<path d="M37.5439 26.5146L29.5078 31.1533L22.21 26.9541L30.2578 22.3086L37.5439 26.5146Z" fill="currentColor"/>
+<path d="M29.2588 20.5762L21 25.3438V16.4639L29.2588 11.7842V20.5762Z" fill="currentColor"/>
+<path d="M19 16.1074V25.1064L10.7412 20.3545V11.4277L19 16.1074Z" fill="currentColor"/>
+<path d="M28.2373 10.0635L20.3135 14.5537L12.0723 9.88379L20 5.30859L28.2373 10.0635Z" fill="currentColor"/>
+<path d="M29.2588 10.6533V10.6934L29.2246 10.6338L29.2588 10.6533Z" fill="currentColor"/>
+</svg>
+;
+  } else if (fill) {
+    return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fillRule="evenodd" clipRule="evenodd" d="M31.2588 9.5V20.8652L41.0166 26.5V39.5L29.7588 46L8.875 34L8.74121 9.5L20 3L31.2588 9.5ZM31 33.1914V41.8184L38.0166 37.7676V29.2158L31 33.1914ZM21.5 37.7676L28 41.5205V33.1807L21.5 29.498V37.7676ZM11.8594 32.2588L18.4531 36.0664L18.3818 28.0654L11.7881 24.2588L11.8594 32.2588ZM23.4062 27.1299L29.5098 30.5879L35.8633 26.9883L29.7578 23.4629L23.4062 27.1299ZM21.5 16.7568V24.6689L28.2588 20.7676V12.9268L21.5 16.7568ZM11.7412 20.7314L18.5 24.6328V16.3984L11.7412 12.5693V20.7314ZM13.585 10.166L20.3154 13.9795L26.7266 10.3467L20 6.46289L13.585 10.166Z" fill="currentColor"/>
+</svg>
+;
+  } else if (thick) {
+    return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fillRule="evenodd" clipRule="evenodd" d="M31.2588 10.5V20.8652L41.0166 26.5V39.5L29.7588 46L8.875 34L8.74121 10.5L20.001 4L31.2588 10.5ZM31.5 33.4814V40.375L37.0166 37.1904V30.3555L31.5 33.4814ZM22.5 37.1904L27.5 40.0771V33.4707L22.5 30.6377V37.1904ZM12.8545 31.6787L17.4375 34.3252L17.3867 28.6094L12.8037 25.9629L12.8545 31.6787ZM24.9189 27.4111L29.5098 30.0127L34.3506 27.2695L29.7578 24.6182L24.9189 27.4111ZM12.7422 21.1904L18 24.2256V18.2588L12.7422 15.2793V21.1904ZM22 18.3311V24.2256L27.2588 21.1904V15.3516L22 18.3311ZM14.5996 11.7354L20.0635 14.8311L25.4629 11.7715L20 8.61816L14.5996 11.7354Z" fill="currentColor"/>
+</svg>
+;
+  } 
+  
+  return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fillRule="evenodd" clipRule="evenodd" d="M31.2588 9.5V20.8652L41.0166 26.5V39.5L29.7588 46L8.875 34L8.74121 9.5L20 3L31.2588 9.5ZM31 33.1914V41.8184L38.0166 37.7676V29.2158L31 33.1914ZM21.5 37.7676L28 41.5205V33.1807L21.5 29.498V37.7676ZM11.8594 32.2588L18.4531 36.0664L18.3818 28.0654L11.7881 24.2588L11.8594 32.2588ZM23.4062 27.1299L29.5098 30.5879L35.8633 26.9883L29.7578 23.4629L23.4062 27.1299ZM21.5 16.7568V24.6689L28.2588 20.7676V12.9268L21.5 16.7568ZM11.7412 20.7314L18.5 24.6328V16.3984L11.7412 12.5693V20.7314ZM13.585 10.166L20.3154 13.9795L26.7266 10.3467L20 6.46289L13.585 10.166Z" fill="currentColor"/>
+</svg>
+;
+};