@bacon-pos/ui 0.7.1 → 0.8.0

package/src/components/Icon/icons.generated.ts

@@ -45,8 +45,10 @@ export const icons = {
   "coffee": "<svg viewBox=\"0 0 21.5 20.5001\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><g transform=\"matrix(1 0 0 -1 0 20.5001)\"> <g id=\"elements\"> <path id=\"Vector 5682\" d=\"M17.0006 11.75H18.3904C20.2418 11.75 20.7922 11.4845 20.7476 10.1662C20.6738 7.98262 19.6891 5.44535 15.7501 4.75\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"/> <path id=\"Vector\" d=\"M4.69635 1.63553C1.32194 4.22996 0.824766 7.90995 0.751515 11.7499C0.719871 13.4087 1.20135 13.75 3.40927 13.75L14.0909 13.75C16.2988 13.75 16.7803 13.4087 16.7487 11.7499C16.6754 7.90995 16.1782 4.22996 12.8038 1.63553C11.8435 0.8972 11.0332 0.75 9.66944 0.75L7.83073 0.75C6.46694 0.75 5.65666 0.897199 4.69635 1.63553Z\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"/> <path id=\"Vector_2\" d=\"M10.059 19.75C9.51224 19.4114 8.75133 18.25 8.75133 16.75M6.28979 18.25C6.28979 18.25 5.75008 17.75 5.75008 16.75M12.7513 18.25C12.4779 18.0807 12.2501 17.25 12.2501 16.75\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/> </g> </g></svg>",
   "coins": "<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"> <g id=\"icon\"> <path id=\"Union\" d=\"M2.42871 10.3867C2.6547 10.081 3.08006 9.99032 3.41406 10.1885C3.76995 10.3999 3.88702 10.8597 3.67578 11.2158L3.46777 11.5947C3.00895 12.4973 2.75001 13.5189 2.75 14.6025C2.75005 18.2738 5.7262 21.25 9.39746 21.25C10.6357 21.25 11.793 20.9123 12.7842 20.3242L12.8525 20.2881C13.1972 20.1284 13.6133 20.2524 13.8115 20.5859C14.0229 20.9421 13.906 21.4029 13.5498 21.6143L13.3193 21.7451C12.1553 22.3855 10.8179 22.75 9.39746 22.75C4.89777 22.75 1.25005 19.1022 1.25 14.6025C1.25002 13.0876 1.66394 11.6667 2.38574 10.4502L2.42871 10.3867ZM14 1.25C18.8325 1.25 22.75 5.16751 22.75 10C22.75 14.8325 18.8325 18.75 14 18.75C9.16751 18.75 5.25 14.8325 5.25 10C5.25 5.16751 9.16751 1.25 14 1.25ZM14 2.75C9.99594 2.75 6.75 5.99594 6.75 10C6.75 14.0041 9.99594 17.25 14 17.25C18.0041 17.25 21.25 14.0041 21.25 10C21.25 5.99594 18.0041 2.75 14 2.75Z\" fill=\"currentColor\"/> </g> </svg>",
   "computer-add": "<svg viewBox=\"0 0 21.5 21.5\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"> <g id=\"elements\"> <path id=\"Vector 6709\" d=\"M10.2546 0.75H8.75385C5.47304 0.75 3.83264 0.75 2.66983 1.56382C2.23962 1.8649 1.86544 2.23891 1.56421 2.66891C0.75 3.83116 0.75 5.47077 0.75 8.75C0.75 12.0292 0.75 13.6688 1.56421 14.8311C1.86544 15.2611 2.23962 15.6351 2.66983 15.9362C3.83264 16.75 5.47304 16.75 8.75385 16.75H12.7558C16.0366 16.75 17.677 16.75 18.8398 15.9362C19.27 15.6351 19.6442 15.2611 19.9454 14.8311C20.5741 13.9337 20.7174 12.7517 20.75 10.75\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"/> <path id=\"Vector\" d=\"M12.75 4.75H16.75M16.75 4.75L20.75 4.75M16.75 4.75L16.75 0.75M16.75 4.75V8.75\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"/> <path id=\"Vector 3361\" d=\"M9.75 13.75H11.75\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/> <path id=\"Vector 6773\" d=\"M10.75 16.75V20.75\" stroke=\"currentColor\" stroke-width=\"1.5\"/> <path id=\"Vector 3994\" d=\"M6.75 20.75H14.75\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"/> </g> </svg>",
+  "computer-settings": "<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"> <g transform=\"translate(1.25 1.25)\"> <path d=\"M9.75294 0.750009H8.7562C5.47443 0.750009 3.83355 0.750009 2.67039 1.56383C2.24006 1.86491 1.86577 2.23892 1.56445 2.66892C0.75 3.83116 0.75 5.47078 0.75 8.75001C0.75 12.0292 0.75 13.6689 1.56445 14.8311C1.86577 15.2611 2.24006 15.6351 2.67039 15.9362C3.83355 16.75 5.47443 16.75 8.7562 16.75H12.7593C16.0411 16.75 17.682 16.75 18.8451 15.9362C19.2754 15.6351 19.6497 15.2611 19.9511 14.8311C20.5656 13.9542 20.7163 12.8441 20.75 11.75\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"/> <path d=\"M16.75 8.46428V9.75M16.75 8.46428C15.5932 8.46428 14.5741 7.89608 13.9763 7.03331M19.5238 3.46688C19.8773 3.97711 20.0833 4.59035 20.0833 5.25C20.0833 5.90973 19.8772 6.52304 19.5237 7.03331C18.9259 7.89608 17.9068 8.46428 16.75 8.46428M16.75 2.03571C17.9069 2.03571 18.9261 2.604 19.5238 3.46688M16.75 2.03571C15.5931 2.03571 14.5739 2.604 13.9762 3.46688M16.75 2.03571V0.75M20.75 2.67857L19.5238 3.46688M12.7504 7.82143L13.9763 7.03331M12.75 2.67857L13.9762 3.46688M20.7496 7.82143L19.5237 7.03331M13.9762 3.46688C13.6227 3.97711 13.4167 4.59035 13.4167 5.25C13.4167 5.90973 13.6228 6.52304 13.9763 7.03331\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"/> <path d=\"M9.75 13.75H11.75\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/> <path d=\"M10.75 16.75V20.75\" stroke=\"currentColor\" stroke-width=\"1.5\"/> <path d=\"M6.75 20.75H14.75\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"/> </g> </svg>",
   "copy-01": "<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"> <g id=\"icon\"> <path id=\"Union\" d=\"M9.5 1.25C11.1254 1.25 12.4104 1.24923 13.4248 1.36914C14.4557 1.49101 15.3047 1.74633 16.0137 2.32813C16.2541 2.52544 16.4746 2.74592 16.6719 2.98633C17.2232 3.65811 17.482 4.45566 17.6113 5.41504C17.7163 6.19414 17.7408 7.13229 17.7471 8.26172C18.3694 8.27466 18.9159 8.30227 19.3916 8.36621C20.2917 8.48723 21.0495 8.74672 21.6514 9.34863C22.2533 9.95055 22.5128 10.7083 22.6338 11.6084C22.7519 12.4869 22.75 13.6071 22.75 15V16C22.75 17.3929 22.7519 18.5131 22.6338 19.3916C22.5128 20.2917 22.2533 21.0495 21.6514 21.6514C21.0495 22.2533 20.2917 22.5128 19.3916 22.6338C18.5131 22.7519 17.3929 22.75 16 22.75H15C13.6071 22.75 12.4869 22.7519 11.6084 22.6338C10.7083 22.5128 9.95055 22.2533 9.34863 21.6514C8.74672 21.0495 8.48723 20.2917 8.36621 19.3916C8.30227 18.9159 8.27466 18.3694 8.26172 17.7471C7.13229 17.7408 6.19414 17.7163 5.41504 17.6113C4.45565 17.482 3.65811 17.2232 2.98633 16.6719C2.74592 16.4746 2.52544 16.2541 2.32813 16.0137C1.74633 15.3047 1.49101 14.4557 1.36914 13.4248C1.24923 12.4104 1.25 11.1254 1.25 9.5C1.25 7.87463 1.24923 6.58961 1.36914 5.5752C1.49101 4.54427 1.74633 3.69525 2.32813 2.98633C2.52544 2.74592 2.74592 2.52544 2.98633 2.32813C3.69525 1.74633 4.54427 1.49101 5.5752 1.36914C6.58961 1.24923 7.87463 1.25 9.5 1.25ZM15 9.75C13.5648 9.75 12.5639 9.75202 11.8086 9.85352C11.0748 9.95217 10.6859 10.1324 10.4092 10.4092C10.1324 10.6859 9.95217 11.0748 9.85352 11.8086C9.75202 12.5639 9.75 13.5648 9.75 15V16C9.75 17.4352 9.75202 18.4361 9.85352 19.1914C9.95217 19.9252 10.1324 20.3141 10.4092 20.5908C10.6859 20.8676 11.0748 21.0478 11.8086 21.1465C12.5639 21.248 13.5648 21.25 15 21.25H16C17.4352 21.25 18.4361 21.248 19.1914 21.1465C19.9252 21.0478 20.3141 20.8676 20.5908 20.5908C20.8676 20.3141 21.0478 19.9252 21.1465 19.1914C21.248 18.4361 21.25 17.4352 21.25 16V15C21.25 13.5648 21.248 12.5639 21.1465 11.8086C21.0478 11.0748 20.8676 10.6859 20.5908 10.4092C20.3141 10.1324 19.9252 9.95217 19.1914 9.85352C18.4361 9.75202 17.4352 9.75 16 9.75H15ZM9.5 2.75C7.83789 2.75 6.65689 2.75132 5.75098 2.8584C4.8621 2.9635 4.33579 3.16138 3.93848 3.4873C3.77392 3.62236 3.62236 3.77392 3.4873 3.93848C3.16138 4.33579 2.9635 4.8621 2.8584 5.75098C2.75132 6.65689 2.75 7.83789 2.75 9.5C2.75 11.1621 2.75132 12.3431 2.8584 13.249C2.9635 14.1379 3.16138 14.6642 3.4873 15.0615C3.62236 15.2261 3.77392 15.3776 3.93848 15.5127C4.31534 15.8218 4.80869 16.0162 5.61621 16.125C6.29513 16.2164 7.14017 16.2395 8.25 16.2461V15C8.25 13.6071 8.24812 12.4869 8.36621 11.6084C8.48723 10.7083 8.74672 9.95055 9.34863 9.34863C9.95055 8.74672 10.7083 8.48723 11.6084 8.36621C12.4869 8.24812 13.6071 8.25 15 8.25H16.2461C16.2395 7.14017 16.2164 6.29513 16.125 5.61621C16.0162 4.80869 15.8219 4.31534 15.5127 3.93848C15.3776 3.77392 15.2261 3.62236 15.0615 3.4873C14.6642 3.16138 14.1379 2.9635 13.249 2.8584C12.3431 2.75132 11.1621 2.75 9.5 2.75Z\" fill=\"currentColor\"/> </g> </svg>",
   "credit-card": "<svg viewBox=\"0 0 21.5 17.5\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"> <g id=\"icon\"> <path id=\"Union\" d=\"M12.25 2.51451e-07C14.1117 2.51451e-07 15.5713 -0.000815228 16.7197 0.128907C17.8817 0.2602 18.8241 0.533739 19.6074 1.15234L19.7803 1.29492C19.9495 1.44088 20.1087 1.59749 20.2568 1.76367L20.3779 1.90625C20.9598 2.62542 21.2295 3.48682 21.3623 4.52832C21.5013 5.61866 21.5 7.00132 21.5 8.75C21.5 10.4987 21.5013 11.8813 21.3623 12.9717C21.2295 14.0132 20.9598 14.8746 20.3779 15.5938L20.2568 15.7363C20.1087 15.9025 19.9495 16.0591 19.7803 16.2051L19.6074 16.3477C18.8241 16.9663 17.8817 17.2398 16.7197 17.3711C15.5713 17.5008 14.1117 17.5 12.25 17.5H9.25C7.38832 17.5 5.92866 17.5008 4.78027 17.3711C3.69083 17.248 2.79424 17.0003 2.04102 16.46L1.89258 16.3477C1.71667 16.2087 1.55009 16.0592 1.39453 15.8994L1.24316 15.7363C0.57699 14.9891 0.279393 14.0828 0.137696 12.9717C-0.00129631 11.8813 8.71061e-07 10.4987 8.71061e-07 8.75C8.71045e-07 7.00132 -0.0012963 5.61866 0.137696 4.52832C0.279393 3.41717 0.57699 2.51089 1.24316 1.76367L1.39453 1.60059C1.55009 1.4408 1.71667 1.29127 1.89258 1.15234L2.04102 1.04004C2.79424 0.49971 3.69083 0.252001 4.78027 0.128907C5.92866 -0.000815229 7.38832 2.51451e-07 9.25 2.51451e-07H12.25ZM1.51563 6.5C1.50128 7.14611 1.5 7.88783 1.5 8.75C1.5 10.5385 1.50184 11.8087 1.62598 12.7822C1.74748 13.735 1.97568 14.3046 2.36231 14.7383L2.58203 14.9629C2.65878 15.0351 2.73876 15.105 2.82227 15.1709L3.00684 15.3027C3.45622 15.5961 4.04721 15.779 4.94922 15.8809C5.99376 15.9988 7.35327 16 9.25 16H12.25C14.1467 16 15.5062 15.9988 16.5508 15.8809C17.5815 15.7644 18.2065 15.543 18.6777 15.1709L18.918 14.9629C18.9946 14.8908 19.0682 14.8162 19.1377 14.7383L19.2754 14.5684C19.5798 14.1559 19.7677 13.6158 19.874 12.7822C19.9982 11.8087 20 10.5385 20 8.75C20 7.88783 19.9987 7.14611 19.9844 6.5H1.51563ZM10.25 12C10.6642 12 11 12.3358 11 12.75C11 13.1642 10.6642 13.5 10.25 13.5H8.75C8.33579 13.5 8 13.1642 8 12.75C8 12.3358 8.33579 12 8.75 12H10.25ZM16.75 12C17.1642 12 17.5 12.3358 17.5 12.75C17.5 13.1642 17.1642 13.5 16.75 13.5H13.25C12.8358 13.5 12.5 13.1642 12.5 12.75C12.5 12.3358 12.8358 12 13.25 12H16.75ZM9.25 1.5C7.35327 1.5 5.99376 1.50117 4.94922 1.61914C4.04721 1.72103 3.45622 1.90385 3.00684 2.19727L2.82227 2.3291C2.73876 2.39505 2.65878 2.46486 2.58203 2.53711L2.36231 2.76172C1.97568 3.19538 1.74748 3.76497 1.62598 4.71777C1.61433 4.80913 1.6053 4.90324 1.5957 5H19.9043C19.8947 4.90324 19.8857 4.80913 19.874 4.71777C19.7677 3.88425 19.5798 3.34408 19.2754 2.93164L19.1377 2.76172C19.0682 2.6838 18.9946 2.60921 18.918 2.53711L18.6777 2.3291C18.2065 1.95697 17.5815 1.73557 16.5508 1.61914C15.5062 1.50117 14.1467 1.5 12.25 1.5H9.25Z\" fill=\"currentColor\"/> </g> </svg>",
+  "dashboard-square": "<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"> <g transform=\"translate(1.25 1.25)\"> <path d=\"M0.750001 16.75C0.750001 15.2096 0.750001 14.4393 1.09673 13.8735C1.29074 13.5569 1.55693 13.2907 1.87353 13.0967C2.43934 12.75 3.20956 12.75 4.75 12.75C6.29044 12.75 7.06066 12.75 7.62647 13.0967C7.94307 13.2907 8.20926 13.5569 8.40327 13.8735C8.75 14.4393 8.75 15.2096 8.75 16.75C8.75 18.2904 8.75 19.0607 8.40327 19.6265C8.20926 19.9431 7.94307 20.2093 7.62647 20.4033C7.06066 20.75 6.29044 20.75 4.75 20.75C3.20956 20.75 2.43934 20.75 1.87353 20.4033C1.55693 20.2093 1.29074 19.9431 1.09673 19.6265C0.750001 19.0607 0.750001 18.2904 0.750001 16.75Z\" stroke=\"currentColor\" stroke-width=\"1.5\"/> <path d=\"M12.75 16.75C12.75 15.2096 12.75 14.4393 13.0967 13.8735C13.2907 13.5569 13.5569 13.2907 13.8735 13.0967C14.4393 12.75 15.2096 12.75 16.75 12.75C18.2904 12.75 19.0607 12.75 19.6265 13.0967C19.9431 13.2907 20.2093 13.5569 20.4033 13.8735C20.75 14.4393 20.75 15.2096 20.75 16.75C20.75 18.2904 20.75 19.0607 20.4033 19.6265C20.2093 19.9431 19.9431 20.2093 19.6265 20.4033C19.0607 20.75 18.2904 20.75 16.75 20.75C15.2096 20.75 14.4393 20.75 13.8735 20.4033C13.5569 20.2093 13.2907 19.9431 13.0967 19.6265C12.75 19.0607 12.75 18.2904 12.75 16.75Z\" stroke=\"currentColor\" stroke-width=\"1.5\"/> <path d=\"M0.750001 4.75C0.750001 3.20956 0.750001 2.43934 1.09673 1.87353C1.29074 1.55693 1.55693 1.29074 1.87353 1.09673C2.43934 0.750001 3.20956 0.750001 4.75 0.750001C6.29044 0.750001 7.06066 0.750001 7.62647 1.09673C7.94307 1.29074 8.20926 1.55693 8.40327 1.87353C8.75 2.43934 8.75 3.20956 8.75 4.75C8.75 6.29044 8.75 7.06066 8.40327 7.62647C8.20926 7.94307 7.94307 8.20926 7.62647 8.40327C7.06066 8.75 6.29044 8.75 4.75 8.75C3.20956 8.75 2.43934 8.75 1.87353 8.40327C1.55693 8.20926 1.29074 7.94307 1.09673 7.62647C0.750001 7.06066 0.750001 6.29044 0.750001 4.75Z\" stroke=\"currentColor\" stroke-width=\"1.5\"/> <path d=\"M12.75 4.75C12.75 3.20956 12.75 2.43934 13.0967 1.87353C13.2907 1.55693 13.5569 1.29074 13.8735 1.09673C14.4393 0.750001 15.2096 0.750001 16.75 0.750001C18.2904 0.750001 19.0607 0.750001 19.6265 1.09673C19.9431 1.29074 20.2093 1.55693 20.4033 1.87353C20.75 2.43934 20.75 3.20956 20.75 4.75C20.75 6.29044 20.75 7.06066 20.4033 7.62647C20.2093 7.94307 19.9431 8.20926 19.6265 8.40327C19.0607 8.75 18.2904 8.75 16.75 8.75C15.2096 8.75 14.4393 8.75 13.8735 8.40327C13.5569 8.20926 13.2907 7.94307 13.0967 7.62647C12.75 7.06066 12.75 6.29044 12.75 4.75Z\" stroke=\"currentColor\" stroke-width=\"1.5\"/> </g> </svg>",
   "database": "<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"> <g id=\"icon\"> <path id=\"Rectangle 1772\" d=\"M2.5 12C2.5 7.52166 2.5 5.28249 3.89124 3.89124C5.28249 2.5 7.52166 2.5 12 2.5C16.4783 2.5 18.7175 2.5 20.1088 3.89124C21.5 5.28249 21.5 7.52166 21.5 12C21.5 16.4783 21.5 18.7175 20.1088 20.1088C18.7175 21.5 16.4783 21.5 12 21.5C7.52166 21.5 5.28249 21.5 3.89124 20.1088C2.5 18.7175 2.5 16.4783 2.5 12Z\" stroke=\"currentColor\" stroke-width=\"1.5\"/> <path id=\"Vector 4479\" d=\"M2.5 12H21.5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/> <path id=\"Vector 4480\" d=\"M13 7L17 7\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/> <circle id=\"Ellipse 1590\" cx=\"8.25\" cy=\"7\" r=\"1.25\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/> <circle id=\"Ellipse 1591\" cx=\"8.25\" cy=\"17\" r=\"1.25\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/> <path id=\"Vector 4481\" d=\"M13 17L17 17\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/> </g> </svg>",
   "device": "<svg viewBox=\"0 0 21.5 21.5\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"> <g id=\"icon\"> <path id=\"Vector 6709\" d=\"M12.75 0.75H8.75C5.47077 0.75 3.83116 0.75 2.66891 1.56382C2.23891 1.8649 1.8649 2.23891 1.56382 2.66891C0.75 3.83116 0.75 5.47077 0.75 8.75C0.75 12.0292 0.75 13.6688 1.56382 14.8311C1.8649 15.2611 2.23891 15.6351 2.66891 15.9362C3.83116 16.75 5.47077 16.75 8.75 16.75H12.75C16.0292 16.75 17.6688 16.75 18.8311 15.9362C19.2611 15.6351 19.6351 15.2611 19.9362 14.8311C20.75 13.6688 20.75 12.0292 20.75 8.75C20.75 5.47077 20.75 3.83116 19.9362 2.66891C19.6351 2.23891 19.2611 1.8649 18.8311 1.56382C17.6688 0.75 16.0292 0.75 12.75 0.75Z\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"/> <path id=\"Vector 3361\" d=\"M9.75 13.75H11.75\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/> <path id=\"Vector\" d=\"M13.25 20.75L12.9345 20.3311C12.2233 19.3869 12.0469 17.9444 12.4968 16.75M8.25 20.75L8.5655 20.3311C9.27673 19.3869 9.45306 17.9444 9.00323 16.75\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"/> <path id=\"Vector 3994\" d=\"M5.75 20.75H15.75\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"/> </g> </svg>",
   "discount": "<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"> <g id=\"icon\"> <path id=\"Union\" d=\"M2.48238 14.1054C2.89641 14.0959 3.24038 14.4248 3.24996 14.8388C3.31135 17.523 3.58288 18.7721 4.40523 19.5946C5.22771 20.4171 6.47676 20.6885 9.16109 20.7499C9.57513 20.7594 9.90385 21.1035 9.89449 21.5175C9.88479 21.9314 9.54087 22.2594 9.12691 22.2499C6.49772 22.1898 4.64283 21.9533 3.34468 20.6552C2.04668 19.357 1.81008 17.5021 1.74996 14.873C1.7406 14.4592 2.06863 14.1152 2.48238 14.1054ZM21.5175 14.1054C21.9314 14.1151 22.2593 14.4591 22.25 14.873C22.1898 17.5023 21.9534 19.357 20.6552 20.6552C19.3571 21.9534 17.5023 22.1898 14.873 22.2499C14.4591 22.2593 14.1151 21.9313 14.1054 21.5175C14.0961 21.1035 14.4249 20.7595 14.8388 20.7499C17.5233 20.6885 18.7722 20.4171 19.5947 19.5946C20.4172 18.7721 20.6886 17.5233 20.75 14.8388C20.7595 14.4248 21.1036 14.096 21.5175 14.1054ZM16.0087 14.9999C16.5609 14.9999 17.0086 15.4477 17.0087 15.9999C17.0087 16.5522 16.561 16.9999 16.0087 16.9999H16C15.4478 16.9998 15 16.5521 15 15.9999C15.0001 15.4478 15.4479 15 16 14.9999H16.0087ZM15.4697 7.46964C15.7625 7.17681 16.2373 7.17693 16.5302 7.46964C16.8231 7.76253 16.8231 8.23729 16.5302 8.53018L8.53023 16.5302C8.23734 16.8231 7.76258 16.8231 7.46968 16.5302C7.17698 16.2373 7.17685 15.7625 7.46968 15.4696L15.4697 7.46964ZM9.12691 1.74991C9.5408 1.74045 9.88469 2.06852 9.89449 2.48233C9.90395 2.89644 9.57519 3.24044 9.16109 3.24991C6.47675 3.31132 5.22771 3.5827 4.40523 4.40518C3.58275 5.22767 3.31136 6.4767 3.24996 9.16104C3.24049 9.57515 2.89648 9.90391 2.48238 9.89444C2.06857 9.88464 1.74049 9.54076 1.74996 9.12686C1.81009 6.49767 2.04654 4.64278 3.34468 3.34464C4.64283 2.04649 6.49771 1.81004 9.12691 1.74991ZM14.873 1.74991C17.5022 1.81003 19.3571 2.04664 20.6552 3.34464C21.9534 4.64278 22.1898 6.49767 22.25 9.12686C22.2594 9.54083 21.9314 9.88475 21.5175 9.89444C21.1035 9.9038 20.7594 9.57508 20.75 9.16104C20.6886 6.47671 20.4172 5.22766 19.5947 4.40518C18.7722 3.58284 17.5231 3.3113 14.8388 3.24991C14.4248 3.24033 14.096 2.89637 14.1054 2.48233C14.1152 2.06859 14.4592 1.74056 14.873 1.74991ZM8.00874 6.99991C8.56095 6.99991 9.00861 7.44774 9.00874 7.99991C9.00874 8.5522 8.56103 8.99991 8.00874 8.99991H7.99996C7.44778 8.99978 6.99996 8.55211 6.99996 7.99991C7.00009 7.44782 7.44786 7.00004 7.99996 6.99991H8.00874Z\" fill=\"currentColor\"/> </g> </svg>",
@@ -85,6 +87,7 @@ export const icons = {
   "location": "<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"> <g id=\"icon\"> <path id=\"Union\" d=\"M12.0038 1.25C15.9842 1.25269 20.0396 3.60018 21.1112 8.33398L21.2138 8.84668C22.1399 14.1079 18.8393 18.4688 16.119 21.0811C13.8176 23.3006 10.179 23.2986 7.87 21.0811L7.86902 21.0801C5.07133 18.3837 1.64595 13.8135 2.88856 8.32421V8.32324L2.99793 7.88671C4.21879 3.44559 8.14774 1.24758 12.0038 1.25ZM12.0028 2.75C8.58665 2.74786 5.24414 4.72981 4.35047 8.65429L4.35145 8.65527C3.29436 13.325 6.18719 17.3754 8.90906 19.999L9.0741 20.1504C10.8085 21.6595 13.414 21.6067 15.079 20L15.08 19.999L15.5936 19.4912C18.0732 16.956 20.4741 13.2972 19.7362 9.10156L19.6483 8.66601C18.7598 4.74022 15.4197 2.75231 12.0028 2.75ZM11.9999 6.44043C14.1372 6.44049 15.87 8.17324 15.87 10.3105C15.8697 12.4476 14.137 14.1806 11.9999 14.1807C9.86285 14.1805 8.13009 12.4475 8.12977 10.3105C8.12977 8.17328 9.86265 6.44055 11.9999 6.44043ZM11.9999 7.94043C10.6911 7.94055 9.62977 9.00171 9.62977 10.3105C9.63009 11.6191 10.6913 12.6805 11.9999 12.6807C13.3085 12.6806 14.3697 11.6191 14.37 10.3105C14.37 9.00167 13.3087 7.94049 11.9999 7.94043Z\" fill=\"currentColor\"/> </g> </svg>",
   "location-2": "<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"> <g id=\"icon\"> <path id=\"Union\" d=\"M6.83496 17.2686C7.23894 17.1776 7.64032 17.4311 7.73145 17.835C7.82238 18.2389 7.56892 18.6403 7.16504 18.7314C6.28585 18.9293 5.61644 19.1701 5.18652 19.416C4.88765 19.587 4.79258 19.7076 4.7627 19.7549C4.78896 19.7955 4.85988 19.8807 5.04395 20.0029C5.35671 20.2105 5.85842 20.4271 6.5459 20.6201C7.91072 21.0033 9.83931 21.25 12 21.25C14.1607 21.25 16.0893 21.0033 17.4541 20.6201C18.1416 20.4271 18.6433 20.2105 18.9561 20.0029C19.1394 19.8812 19.2098 19.7957 19.2363 19.7549C19.2061 19.7073 19.1114 19.5865 18.8135 19.416C18.3836 19.1701 17.7142 18.9293 16.835 18.7314C16.4311 18.6403 16.1776 18.2389 16.2686 17.835C16.354 17.4564 16.7117 17.2094 17.0889 17.2549L17.165 17.2686L17.5146 17.3516C18.3185 17.5535 19.0223 17.8074 19.5586 18.1143C20.1177 18.4342 20.75 18.9629 20.75 19.7539C20.7499 20.4507 20.2541 20.9422 19.7861 21.2529C19.2892 21.5828 18.6195 21.851 17.8594 22.0645C16.3288 22.4942 14.2574 22.75 12 22.75C9.74258 22.75 7.67121 22.4942 6.14062 22.0645C5.38054 21.851 4.71075 21.5828 4.21387 21.2529C3.77504 20.9616 3.31201 20.5113 3.25586 19.8818L3.25 19.7539L3.25684 19.6084C3.32834 18.8974 3.91722 18.4142 4.44141 18.1143C5.05417 17.7637 5.88541 17.4823 6.83496 17.2686ZM12 1.25C15.0509 1.25 17.9487 3.10485 19.1592 6.01562C20.2847 8.72209 19.674 11.0337 18.4102 13.0029C17.1817 14.9169 15.2823 16.5845 13.7773 18.0342C13.3001 18.4937 12.6626 18.75 12 18.75C11.3374 18.75 10.6999 18.4937 10.2227 18.0342L10.2207 18.0322C8.72166 16.5797 6.8218 14.9126 5.59277 13.002C4.32735 11.0347 3.71391 8.72547 4.84082 6.01562C6.0513 3.10486 8.94918 1.25007 12 1.25ZM12 2.75C9.54054 2.75007 7.19884 4.25388 6.22656 6.5918C5.33506 8.73553 5.7821 10.5246 6.85352 12.1904C7.96106 13.9122 9.67373 15.4136 11.2627 16.9531C11.4599 17.143 11.7245 17.25 12 17.25C12.2755 17.25 12.5401 17.1431 12.7373 16.9531C14.3284 15.4205 16.0414 13.9165 17.1475 12.1934C18.2181 10.5253 18.6647 8.73286 17.7744 6.5918C16.8021 4.2538 14.4595 2.75 12 2.75ZM12 5.75C13.7949 5.75 15.25 7.20507 15.25 9C15.25 10.7949 13.7949 12.25 12 12.25C10.2051 12.25 8.75 10.7949 8.75 9C8.75 7.20507 10.2051 5.75 12 5.75ZM12 7.25C11.0335 7.25 10.25 8.0335 10.25 9C10.25 9.9665 11.0335 10.75 12 10.75C12.9665 10.75 13.75 9.9665 13.75 9C13.75 8.0335 12.9665 7.25 12 7.25Z\" fill=\"currentColor\"/> </g> </svg>",
   "lock": "<svg viewBox=\"0 0 17.5 21.5\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"> <g id=\"icon\"> <path id=\"Union\" d=\"M8.75 0C11.6495 0 14 2.3505 14 5.25V7.20996C15.6907 7.61384 16.9891 9.04899 17.2256 10.8057L17.3311 11.6406C17.4291 12.4857 17.5 13.3589 17.5 14.25C17.5 15.1411 17.4291 16.0143 17.3311 16.8594L17.2256 17.6943C16.9625 19.6482 15.3861 21.2051 13.417 21.3867L13.2246 21.4004C11.7962 21.4661 10.3458 21.5 8.75 21.5C7.5531 21.5 6.43794 21.4807 5.35254 21.4434L4.27539 21.4004C2.28169 21.3087 0.650613 19.8101 0.303711 17.8828L0.274414 17.6943C0.126287 16.5941 1.35213e-07 15.438 0 14.25C0 13.062 0.126287 11.9059 0.274414 10.8057L0.303711 10.6172C0.604379 8.94677 1.86998 7.59939 3.5 7.20996V5.25C3.5 2.3505 5.8505 0 8.75 0ZM8.75 8.5C7.56998 8.5 6.47208 8.51894 5.4043 8.55566L4.34375 8.59863C3.11673 8.65521 2.07668 9.55773 1.80469 10.7607L1.76074 11.0049C1.61537 12.0846 1.5 13.1629 1.5 14.25C1.5 15.3371 1.61537 16.4154 1.76074 17.4951L1.80469 17.7393C2.07668 18.9423 3.11673 19.8448 4.34375 19.9014L5.4043 19.9443C6.47208 19.9811 7.56998 20 8.75 20C10.3236 20 11.7514 19.9659 13.1562 19.9014L13.3984 19.8789C14.598 19.7121 15.572 18.7357 15.7393 17.4951L15.8408 16.6846C15.9347 15.8751 16 15.0652 16 14.25C16 13.4348 15.9347 12.6249 15.8408 11.8154L15.7393 11.0049C15.572 9.76427 14.598 8.78787 13.3984 8.62109L13.1562 8.59863C11.7514 8.53405 10.3236 8.5 8.75 8.5ZM8.75 12.5C9.16421 12.5 9.5 12.8358 9.5 13.25V15.25C9.5 15.6642 9.16421 16 8.75 16C8.33579 16 8 15.6642 8 15.25V13.25C8 12.8358 8.33579 12.5 8.75 12.5ZM8.75 1.5C6.67893 1.5 5 3.17893 5 5.25V7.07031L5.35254 7.05664C6.43794 7.01931 7.5531 7 8.75 7C10.0769 7 11.3032 7.02466 12.5 7.07031V5.25C12.5 3.17893 10.8211 1.5 8.75 1.5Z\" fill=\"currentColor\"/> </g> </svg>",
+  "logout2": "<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"> <g transform=\"translate(2.25 2.25)\"> <path d=\"M11.75 0.845015C11.293 0.782415 10.8255 0.75 10.35 0.75C5.04807 0.75 0.75 4.77944 0.75 9.75C0.75 14.7206 5.04807 18.75 10.35 18.75C10.8255 18.75 11.293 18.7176 11.75 18.655\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"/> <path d=\"M18.75 9.75L8.75 9.75M18.75 9.75C18.75 9.04977 16.7557 7.74153 16.25 7.25M18.75 9.75C18.75 10.4502 16.7557 11.7585 16.25 12.25\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/> </g> </svg>",
   "mail": "<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"> <g id=\"Icon\"> <path id=\"Union\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M2.75 8.5C2.75 6.89295 3.20538 5.86848 3.88534 5.2371C4.57535 4.59637 5.61497 4.25 7 4.25H17C18.385 4.25 19.4246 4.59637 20.1147 5.2371C20.7946 5.86848 21.25 6.89295 21.25 8.5V15.5C21.25 17.107 20.7946 18.1315 20.1147 18.7629C19.4246 19.4036 18.385 19.75 17 19.75H7C5.61497 19.75 4.57535 19.4036 3.88534 18.7629C3.20538 18.1315 2.75 17.107 2.75 15.5V8.5ZM7 2.75C5.38503 2.75 3.92465 3.15363 2.86466 4.1379C1.79462 5.13152 1.25 6.60705 1.25 8.5V15.5C1.25 17.393 1.79462 18.8685 2.86466 19.8621C3.92465 20.8464 5.38503 21.25 7 21.25H17C18.615 21.25 20.0754 20.8464 21.1353 19.8621C22.2054 18.8685 22.75 17.393 22.75 15.5V8.5C22.75 6.60705 22.2054 5.13152 21.1353 4.1379C20.0754 3.15363 18.615 2.75 17 2.75H7ZM17.4681 9.58605C17.7917 9.32754 17.8445 8.85561 17.586 8.53196C17.3275 8.20832 16.8556 8.15551 16.532 8.41401L13.4025 10.9135C12.6462 11.5154 11.3446 11.5155 10.588 10.914L7.46901 8.41474C7.14576 8.15573 6.67375 8.2078 6.41474 8.53105C6.15573 8.85429 6.2078 9.3263 6.53105 9.58531L9.65104 12.0853L9.65289 12.0868C10.9563 13.1244 13.0338 13.1244 14.3372 12.0868L17.4681 9.58605Z\" fill=\"currentColor\"/> </g> </svg>",
   "menu": "<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"> <g id=\"icon\"> <path id=\"Union\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M21 7.75H3C2.59 7.75 2.25 7.41 2.25 7C2.25 6.59 2.59 6.25 3 6.25H21C21.41 6.25 21.75 6.59 21.75 7C21.75 7.41 21.41 7.75 21 7.75ZM21 12.75H3C2.59 12.75 2.25 12.41 2.25 12C2.25 11.59 2.59 11.25 3 11.25H21C21.41 11.25 21.75 11.59 21.75 12C21.75 12.41 21.41 12.75 21 12.75ZM3 17.75H21C21.41 17.75 21.75 17.41 21.75 17C21.75 16.59 21.41 16.25 21 16.25H3C2.59 16.25 2.25 16.59 2.25 17C2.25 17.41 2.59 17.75 3 17.75Z\" fill=\"currentColor\"/> </g> </svg>",
   "menu-02": "<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"> <g id=\"icon\"> <path id=\"Union\" d=\"M12 18.25C12.4142 18.25 12.75 18.5858 12.75 19C12.75 19.4142 12.4142 19.75 12 19.75H4C3.58579 19.75 3.25 19.4142 3.25 19C3.25 18.5858 3.58579 18.25 4 18.25H12ZM20 11.25C20.4142 11.25 20.75 11.5858 20.75 12C20.75 12.4142 20.4142 12.75 20 12.75H4C3.58579 12.75 3.25 12.4142 3.25 12C3.25 11.5858 3.58579 11.25 4 11.25H20ZM16 4.25C16.4142 4.25 16.75 4.58579 16.75 5C16.75 5.41421 16.4142 5.75 16 5.75H4C3.58579 5.75 3.25 5.41421 3.25 5C3.25 4.58579 3.58579 4.25 4 4.25H16Z\" fill=\"currentColor\"/> </g> </svg>",
@@ -97,6 +100,7 @@ export const icons = {
   "more-vertical-24-px": "<svg viewBox=\"0 0 2.52461 14.5\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"> <g id=\"icon\"> <path id=\"Vector\" d=\"M1.25781 7.25H1.26679\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/> <path id=\"Vector_2\" d=\"M1.25 13.25H1.25898\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/> <path id=\"Vector_3\" d=\"M1.26562 1.25H1.27461\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/> </g> </svg>",
   "no-coffee": "<svg viewBox=\"0 0 21.5001 21.5\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><g transform=\"matrix(1 0 0 -1 0 21.5)\"> <g id=\"elements\"> <path id=\"Vector 5682\" d=\"M17.0006 13.25H18.3904C20.2418 13.25 20.7922 12.9845 20.7476 11.6662C20.6738 9.48262 19.6891 6.94535 15.7501 6.25\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"/> <path id=\"Vector\" d=\"M12.8038 3.13553C11.8435 2.3972 11.0332 2.25 9.66944 2.25L7.83073 2.25C6.46694 2.25 5.65666 2.3972 4.69635 3.13553C1.32194 5.72996 0.824766 9.40995 0.751515 13.2499C0.719871 14.9087 1.20135 15.25 3.40927 15.25H6.25008M10.7501 15.25H14.0909C16.2988 15.25 16.7803 14.9087 16.7487 13.2499C16.7013 10.7662 16.4765 8.3494 15.4106 6.25\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"/> <g id=\"Vector_2\"> </g> <path id=\"Vector 4419\" d=\"M0.750085 20.75L20.7501 0.75\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"/> </g> </g></svg>",
   "no-photo": "<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"> <g id=\"icon\"> <path id=\"Union\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M4.15533 4.15533C3.2398 5.07086 2.75 6.57397 2.75 9V15C2.75 16.9672 3.0749 18.3252 3.68068 19.2587L19.2587 3.68061C18.3311 3.07105 16.9716 2.75 15 2.75H9C6.57397 2.75 5.07086 3.2398 4.15533 4.15533ZM1.25 15C1.25 17.24 1.63867 19.0277 2.60294 20.3364L1.46967 21.4697C1.17678 21.7626 1.17678 22.2374 1.46967 22.5303C1.76256 22.8232 2.23744 22.8232 2.53033 22.5303L22.5303 2.53033C22.8232 2.23744 22.8232 1.76256 22.5303 1.46967C22.2374 1.17678 21.7626 1.17678 21.4697 1.46967L20.3354 2.60397C19.0271 1.62987 17.2339 1.25 15 1.25H9C6.42603 1.25 4.42914 1.7602 3.09467 3.09467C1.7602 4.42914 1.25 6.42603 1.25 9V15ZM21.9232 7.24148C22.3366 7.21564 22.6926 7.52983 22.7185 7.94323C22.7396 8.28035 22.75 8.63604 22.75 9.00002V13.0374C22.7501 13.0457 22.7501 13.0541 22.75 13.0624V15C22.75 17.574 22.2397 19.5709 20.9053 20.9053C19.5708 22.2398 17.5739 22.75 15 22.75H8.99995C8.23508 22.75 7.51257 22.7088 6.84053 22.6004C6.4316 22.5345 6.15356 22.1495 6.21952 21.7406C6.28548 21.3317 6.67045 21.0536 7.07938 21.1196C7.64733 21.2112 8.28482 21.25 8.99995 21.25H15C17.426 21.25 18.9291 20.7602 19.8446 19.8447C20.7602 18.9292 21.25 17.426 21.25 15V13.3591L19.8397 11.9403L19.8389 11.9394C19.3518 11.4532 18.5672 11.4536 18.0804 11.9403L13.0509 16.9797C12.458 17.5726 11.4926 17.5732 10.8997 16.9803C10.6068 16.6874 10.6068 16.2125 10.8997 15.9196C11.1926 15.6267 11.6675 15.6267 11.9604 15.9196C11.9626 15.9218 11.9642 15.9227 11.9657 15.9233C11.9678 15.9241 11.971 15.9249 11.9751 15.9249C11.9791 15.9249 11.9823 15.9241 11.9844 15.9233C11.9859 15.9227 11.9875 15.9219 11.9896 15.9197L17.0192 10.8801C18.0921 9.80724 19.8275 9.80671 20.9004 10.8796L20.902 10.8812L21.25 11.2313V9.00002C21.25 8.66399 21.2403 8.33968 21.2214 8.0368C21.1956 7.62339 21.5098 7.26731 21.9232 7.24148ZM6.75 8C6.75 7.30964 7.30964 6.75 8 6.75C8.69036 6.75 9.25 7.30964 9.25 8C9.25 8.69036 8.69036 9.25 8 9.25C7.30964 9.25 6.75 8.69036 6.75 8ZM8 5.25C6.48122 5.25 5.25 6.48122 5.25 8C5.25 9.51878 6.48122 10.75 8 10.75C9.51878 10.75 10.75 9.51878 10.75 8C10.75 6.48122 9.51878 5.25 8 5.25Z\" fill=\"currentColor\"/> </g> </svg>",
+  "notaco": "<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"> <g transform=\"translate(1.25 1.25)\"> <path d=\"M10.75 7.75005C15.0709 7.75005 18.7601 10.6869 20.2165 14.8224C20.5569 15.7891 20.7874 16.4437 20.745 17.0125M18.5187 18.7176C18.0527 18.75 17.4973 18.75 16.8288 18.75H4.67117C2.69332 18.75 1.70439 18.75 1.09852 17.9091C0.492656 17.0681 0.756283 16.3195 1.28353 14.8224C2.41234 11.6171 4.88237 9.13195 7.94825 8.17607\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"/> <path d=\"M20.0792 13.7501C21.0472 12.478 20.9676 10.72 19.8401 9.52795C19.3225 8.98058 19.0071 8.28468 18.9424 7.55346C18.7938 5.87586 17.376 4.53683 15.5978 4.40897L15.3938 4.39429C14.6067 4.3377 13.8528 4.05239 13.2405 3.58216C11.7958 2.47278 9.7042 2.47278 8.25953 3.58216C7.99329 3.7866 7.7003 3.95609 7.38946 4.08703M1.42084 13.7501C0.452775 12.478 0.532449 10.72 1.65986 9.52795C2.17752 8.98058 2.4929 8.28468 2.55765 7.55346C2.66681 6.32088 3.46112 5.27108 4.58012 4.75013\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"/> <path d=\"M0.750055 0.75L20.7501 20.75\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"/> </g> </svg>",
   "notebook": "<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"> <g id=\"icon\"> <path id=\"Vector 6727\" d=\"M22 14V10C22 6.22876 22 4.34315 20.8284 3.17157C19.6569 2 17.7712 2 14 2H12C8.22876 2 6.34315 2 5.17157 3.17157C4 4.34315 4 6.22876 4 10V14C4 17.7712 4 19.6569 5.17157 20.8284C6.34315 22 8.22876 22 12 22H14C17.7712 22 19.6569 22 20.8284 20.8284C22 19.6569 22 17.7712 22 14Z\" stroke=\"currentColor\" stroke-width=\"1.5\"/> <path id=\"Vector\" d=\"M5 6L2 6M5 12H2M5 18H2\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/> <path id=\"Vector_2\" d=\"M17.5 7L13.5 7M15.5 11H13.5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/> <path id=\"Vector 2435\" d=\"M9 22L9 2\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/> </g> </svg>",
   "pause": "<svg viewBox=\"0 0 17.5 17.5\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"> <g id=\"elements\"> <path id=\"Rectangle 1875\" d=\"M0.750004 3.75C0.750004 2.33579 0.750004 1.62868 1.18934 1.18934C1.62868 0.750004 2.33579 0.750004 3.75 0.750004C5.16422 0.750004 5.87132 0.750004 6.31066 1.18934C6.75 1.62868 6.75 2.33579 6.75 3.75V13.75C6.75 15.1642 6.75 15.8713 6.31066 16.3107C5.87132 16.75 5.16422 16.75 3.75 16.75C2.33579 16.75 1.62868 16.75 1.18934 16.3107C0.750004 15.8713 0.750004 15.1642 0.750004 13.75V3.75Z\" stroke=\"currentColor\" stroke-width=\"1.5\"/> <path id=\"Rectangle 1876\" d=\"M10.75 3.75C10.75 2.33579 10.75 1.62868 11.1893 1.18934C11.6287 0.750004 12.3358 0.750004 13.75 0.750004C15.1642 0.750004 15.8713 0.750004 16.3107 1.18934C16.75 1.62868 16.75 2.33579 16.75 3.75V13.75C16.75 15.1642 16.75 15.8713 16.3107 16.3107C15.8713 16.75 15.1642 16.75 13.75 16.75C12.3358 16.75 11.6287 16.75 11.1893 16.3107C10.75 15.8713 10.75 15.1642 10.75 13.75V3.75Z\" stroke=\"currentColor\" stroke-width=\"1.5\"/> </g> </svg>",
   "pause-20": "<svg viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"> <g id=\"icon\"> <path id=\"Union\" d=\"M9.97461 1.04199C14.9079 1.04199 18.9336 5.05833 18.9336 10C18.9336 14.9416 14.9163 18.958 9.97461 18.958C5.04144 18.9578 1.01662 14.9415 1.0166 10C1.0166 5.05844 5.04142 1.04217 9.97461 1.04199ZM9.97461 2.29199C5.72476 2.29217 2.2666 5.75011 2.2666 10C2.26662 14.2499 5.72477 17.7078 9.97461 17.708C14.2246 17.708 17.6836 14.25 17.6836 10C17.6836 5.75 14.2246 2.29199 9.97461 2.29199ZM8.33301 6.70801C9.09964 6.70801 9.54976 7.15 9.5498 7.8916V12.1084C9.55813 12.85 9.10009 13.292 8.3418 13.292H7.25879C6.49213 13.292 6.042 12.8501 6.04199 12.1084V7.8916C6.04204 7.15 6.50049 6.70801 7.25879 6.70801H8.33301ZM12.7412 6.70801C13.5078 6.70801 13.958 7.15 13.958 7.8916V12.1084C13.958 12.8501 13.4995 13.292 12.7412 13.292H11.667C10.9003 13.292 10.4502 12.8501 10.4502 12.1084V7.8916C10.4502 7.15 10.9087 6.70801 11.667 6.70801H12.7412ZM7.29199 12.042H8.30859V7.95801H7.2998L7.29199 12.042ZM11.6914 12.042H12.708V7.95801H11.7002L11.6914 12.042Z\" fill=\"currentColor\"/> </g> </svg>",
@@ -145,7 +149,7 @@ export const icons = {
   "ticket2": "<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"> <g id=\"icon\"> <path id=\"Union\" d=\"M15.9998 1.25C17.3926 1.25 18.513 1.24815 19.3914 1.36621C20.2915 1.48722 21.0493 1.74681 21.6512 2.34863L21.7606 2.46289C22.2854 3.0454 22.5202 3.76457 22.6336 4.6084C22.7517 5.4869 22.7498 6.60709 22.7498 8V18C22.7498 19.1736 22.5428 20.3426 21.9539 21.2402C21.372 22.127 20.4623 22.6777 19.242 22.7432L18.994 22.75H4.9637C3.91922 22.7498 3.11066 22.2693 2.53596 21.5723C2.04841 20.9808 1.72589 20.2346 1.52131 19.4756L1.44124 19.1504C1.35453 18.7672 1.26277 18.3784 1.25081 18.0391C1.23691 17.6447 1.32512 17.2609 1.6092 16.9062L1.72639 16.7754C2.00893 16.4923 2.35259 16.3647 2.701 16.3066C3.05865 16.2471 3.4991 16.25 3.96174 16.25H5.24983V8C5.24983 6.6071 5.24795 5.4869 5.36604 4.6084C5.48705 3.70835 5.74664 2.95053 6.34846 2.34863C6.95032 1.74677 7.70823 1.48724 8.60823 1.36621C9.48668 1.24813 10.607 1.25 11.9998 1.25H15.9998ZM3.96174 17.75C3.44696 17.75 3.15341 17.7528 2.94709 17.7871C2.85619 17.8023 2.81525 17.8187 2.80061 17.8262L2.7801 17.8447C2.76343 17.8655 2.74692 17.8759 2.75081 17.9863C2.75667 18.152 2.80485 18.3805 2.90413 18.8193L2.97151 19.0908C3.13963 19.7123 3.38312 20.242 3.69319 20.6182C4.03001 21.0267 4.43625 21.2499 4.9637 21.25H16.3289C15.9721 20.7203 15.7207 20.103 15.5516 19.4756L15.4705 19.1504C15.3506 18.6205 15.2716 18.2738 15.1922 18.0293C15.1485 17.8947 15.116 17.8296 15.1014 17.8037C15.0766 17.7957 15.0242 17.7838 14.9276 17.7734C14.7228 17.7514 14.44 17.75 13.9832 17.75H3.96174ZM11.9998 2.75C10.5648 2.75 9.56368 2.75202 8.80842 2.85351C8.07482 2.95217 7.68574 3.13245 7.40901 3.40918C7.13232 3.68593 6.95198 4.07493 6.85334 4.80859C6.75185 5.56389 6.74983 6.56487 6.74983 8V16.25H13.9832C14.406 16.25 14.7839 16.2486 15.0877 16.2812C15.3602 16.3106 15.6591 16.3743 15.9305 16.5498L16.0457 16.6328L16.1571 16.7324C16.4009 16.9766 16.5298 17.2909 16.619 17.5654C16.7248 17.8912 16.8201 18.3185 16.9334 18.8193L17.0008 19.0908C17.1689 19.7124 17.4133 20.242 17.7235 20.6182C18.0603 21.0266 18.4665 21.2499 18.994 21.25C19.8613 21.2499 20.3711 20.9183 20.7 20.417C21.0608 19.8669 21.2498 19.0354 21.2498 18V8C21.2498 6.56485 21.2478 5.56389 21.1463 4.80859C21.06 4.16665 20.9115 3.78836 20.6903 3.51855L20.5906 3.40918C20.3139 3.13249 19.9249 2.95215 19.1912 2.85351C18.436 2.75205 17.4348 2.75 15.9998 2.75H11.9998ZM13.9998 10.25C14.414 10.25 14.7498 10.5858 14.7498 11C14.7498 11.4142 14.414 11.75 13.9998 11.75H10.4998C10.0857 11.7499 9.74983 11.4141 9.74983 11C9.74983 10.5859 10.0857 10.2501 10.4998 10.25H13.9998ZM17.4998 6.25C17.914 6.25 18.2498 6.58579 18.2498 7C18.2498 7.41421 17.914 7.75 17.4998 7.75H10.4998C10.0857 7.74988 9.74983 7.41414 9.74983 7C9.74983 6.58586 10.0857 6.25012 10.4998 6.25H17.4998Z\" fill=\"currentColor\"/> </g> </svg>",
   "ticketdiscount": "<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"> <g id=\"icon\"> <path id=\"Union\" d=\"M17 3.25C21.41 3.25 22.75 4.59 22.75 9V10C22.75 10.41 22.41 10.75 22 10.75C21.04 10.75 20.25 11.54 20.25 12.5C20.25 13.46 21.04 14.25 22 14.25C22.41 14.25 22.75 14.59 22.75 15C22.75 19.41 21.41 20.75 17 20.75H7C2.59 20.75 1.25 19.41 1.25 15V14.5C1.25 14.09 1.59 13.75 2 13.75C2.96 13.75 3.75 12.96 3.75 12C3.75 11.04 2.96 10.25 2 10.25C1.59 10.25 1.25 9.91 1.25 9.5V9C1.25 4.59 2.59 3.25 7 3.25H17ZM7 4.75C3.48005 4.75 2.77002 5.39998 2.75 8.83984C4.18 9.17984 5.25 10.47 5.25 12C5.25 13.53 4.18 14.8202 2.75 15.1602C2.77002 18.6 3.48005 19.25 7 19.25H17C20.3399 19.25 21.1502 18.66 21.2402 15.6602C19.8102 15.3202 18.75 14.03 18.75 12.5C18.75 10.97 19.82 9.67984 21.25 9.33984V9C21.25 5.43 20.57 4.75 17 4.75H7ZM14.8301 8.41992C15.12 8.1301 15.5997 8.13015 15.8896 8.41992C16.1796 8.70992 16.1796 9.19047 15.8896 9.48047L9.16016 16.21C9.02016 16.36 8.81988 16.4297 8.62988 16.4297C8.4399 16.4297 8.24959 16.3599 8.09961 16.21C7.80992 15.9201 7.81003 15.4404 8.09961 15.1504L14.8301 8.41992ZM14.9902 13.8799C15.5401 13.88 15.9902 14.33 15.9902 14.8799C15.9902 15.4299 15.56 15.8799 15 15.8799C14.44 15.8799 13.9902 15.4299 13.9902 14.8799C13.9903 14.3299 14.4403 13.8799 14.9902 13.8799ZM8.99023 8.87988C9.54008 8.88002 9.99017 9.33002 9.99023 9.87988C9.99023 10.4299 9.56 10.8799 9 10.8799C8.44 10.8799 7.99023 10.4299 7.99023 9.87988C7.9903 9.32994 8.44028 8.87988 8.99023 8.87988Z\" fill=\"currentColor\"/> </g> </svg>",
   "timer": "<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"> <g id=\"icon\"> <path id=\"Union\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M9 2.75H15C15.41 2.75 15.75 2.41 15.75 2C15.75 1.59 15.41 1.25 15 1.25H9C8.59 1.25 8.25 1.59 8.25 2C8.25 2.41 8.59 2.75 9 2.75ZM12 22.75C6.76 22.75 2.5 18.49 2.5 13.25C2.5 8.01 6.76 3.75 12 3.75C17.24 3.75 21.5 8.01 21.5 13.25C21.5 18.49 17.24 22.75 12 22.75ZM12 5.25C7.59 5.25 4 8.84 4 13.25C4 17.66 7.59 21.25 12 21.25C16.41 21.25 20 17.66 20 13.25C20 8.84 16.41 5.25 12 5.25ZM12 13.75C11.59 13.75 11.25 13.41 11.25 13V8C11.25 7.59 11.59 7.25 12 7.25C12.41 7.25 12.75 7.59 12.75 8V13C12.75 13.41 12.41 13.75 12 13.75Z\" fill=\"currentColor\"/> </g> </svg>",
-  "touchpad-01": "<svg viewBox=\"0 0 21.5 21.5001\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"> <g id=\"elements\"> <path id=\"Vector\" d=\"M1.30164 8.78055L1.82953 8.2478V8.2478L1.30164 8.78055ZM1.56375 4.19864L0.889287 3.87062L0.889286 3.87062L1.56375 4.19864ZM9.75 7.49201L10.2438 6.92754C10.0224 6.73378 9.70804 6.68743 9.44007 6.80904C9.1721 6.93065 9 7.19773 9 7.49201H9.75ZM11.4885 9.01299L10.9946 9.57746L10.996 9.57866L11.4885 9.01299ZM13.4433 7.0791L12.8487 7.53619C12.8516 7.54002 12.8546 7.54383 12.8576 7.5476L13.4433 7.0791ZM10.7774 3.61111L10.1827 4.0682V4.0682L10.7774 3.61111ZM13.4498 8.82576L14.039 9.28983L14.039 9.28983L13.4498 8.82576ZM3.21285 0.75C3.21285 0.335787 2.87706 0 2.46285 0C2.04864 0 1.71285 0.335787 1.71285 0.75H2.46285H3.21285ZM10.5579 0.75C10.5579 0.335787 10.2221 0 9.80791 0C9.39369 0 9.05791 0.335787 9.05791 0.75H9.80791H10.5579ZM9.92099 2.25758L9.20585 2.4836L9.20585 2.4836L9.92099 2.25758ZM9.95303 2.35215L9.2478 2.6074L9.2478 2.6074L9.95303 2.35215ZM6.75 10.7704H7.5C7.5 10.5658 7.41641 10.37 7.2686 10.2286C7.12079 10.0871 6.9216 10.0121 6.71719 10.0211L6.75 10.7704ZM1.30164 8.78055L1.82953 8.2478C1.5444 7.96527 1.42564 7.43334 1.54672 6.63712C1.66241 5.87637 1.96993 5.07829 2.23821 4.52667L1.56375 4.19864L0.889286 3.87062C0.583025 4.50033 0.210167 5.4489 0.0637709 6.41161C-0.0772308 7.33884 -0.0397733 8.50721 0.77374 9.3133L1.30164 8.78055ZM1.56375 4.19864L2.23821 4.52667C2.3037 4.39202 2.3867 4.24447 2.48751 4.06697C2.58414 3.89684 2.69614 3.70086 2.79857 3.49916C2.99698 3.10846 3.21285 2.59834 3.21285 2.04442H2.46285H1.71285C1.71285 2.23099 1.63458 2.47845 1.46114 2.81997C1.37765 2.98439 1.2843 3.14818 1.1832 3.32618C1.08629 3.49681 0.979204 3.68574 0.889287 3.87062L1.56375 4.19864ZM9.75 7.49201L9.25616 8.05647L10.9946 9.57746L11.4885 9.01299L11.9823 8.44853L10.2438 6.92754L9.75 7.49201ZM13.4433 7.0791L14.0379 6.622L11.372 3.15401L10.7774 3.61111L10.1827 4.0682L12.8487 7.53619L13.4433 7.0791ZM13.4498 8.82576L14.039 9.28983C14.6574 8.50472 14.6533 7.39104 14.0289 6.61059L13.4433 7.0791L12.8576 7.5476C13.0463 7.78345 13.0476 8.12427 12.8606 8.36169L13.4498 8.82576ZM11.4885 9.01299L10.996 9.57866C11.9093 10.3737 13.2911 10.2394 14.039 9.28983L13.4498 8.82576L12.8606 8.36169C12.6405 8.64116 12.2442 8.67653 11.9809 8.44732L11.4885 9.01299ZM2.46285 2.04442H3.21285V0.75H2.46285H1.71285V2.04442H2.46285ZM9.80791 0.75H9.05791C9.05791 1.47037 9.04985 1.99001 9.20585 2.4836L9.92099 2.25758L10.6361 2.03156C10.566 1.80958 10.5579 1.56269 10.5579 0.75H9.80791ZM10.7774 3.61111L11.372 3.15401C10.8795 2.51334 10.7372 2.31486 10.6583 2.09689L9.95303 2.35215L9.2478 2.6074C9.42422 3.09479 9.74637 3.50054 10.1827 4.0682L10.7774 3.61111ZM9.92099 2.25758L9.20585 2.4836C9.21899 2.52515 9.23297 2.56642 9.2478 2.6074L9.95303 2.35215L10.6583 2.09689C10.6504 2.07528 10.6431 2.0535 10.6361 2.03156L9.92099 2.25758ZM9.75 15.25H10.5V7.49201H9.75H9V15.25H9.75ZM6.75 15.25H7.5V10.7704H6.75H6V15.25H6.75ZM6.75 10.7704L6.71719 10.0211C5.44547 10.0768 3.3578 9.76213 1.82953 8.2478L1.30164 8.78055L0.77374 9.3133C2.70928 11.2312 5.27864 11.5855 6.78281 11.5196L6.75 10.7704ZM9.75 15.25H9C9 15.6642 8.66421 16 8.25 16V16.75V17.5C9.49264 17.5 10.5 16.4926 10.5 15.25H9.75ZM8.25 16.75V16C7.83579 16 7.5 15.6642 7.5 15.25H6.75H6C6 16.4926 7.00736 17.5 8.25 17.5V16.75Z\" fill=\"currentColor\"/> <path id=\"Vector 7267\" d=\"M0.750001 12.7501C0.750001 16.5213 0.750001 18.407 1.92157 19.5785C3.09315 20.7501 4.97876 20.7501 8.75 20.7501H12.75C16.5212 20.7501 18.4069 20.7501 19.5784 19.5785C20.75 18.407 20.75 16.5213 20.75 12.7501V10.7501C20.75 8.88634 20.75 7.95446 20.4455 7.21938C20.0395 6.23926 19.2608 5.46057 18.2807 5.05459C17.6907 4.81019 16.9738 4.76196 15.75 4.75245\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"/> </g> </svg>",
+  "touchpad-01": "<svg viewBox=\"0 0 21.5 21.5001\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><g transform=\"rotate(-180 10.75 10.75005)\"> <g id=\"elements\"> <path id=\"Vector\" d=\"M1.30164 8.78055L1.82953 8.2478V8.2478L1.30164 8.78055ZM1.56375 4.19864L0.889287 3.87062L0.889286 3.87062L1.56375 4.19864ZM9.75 7.49201L10.2438 6.92754C10.0224 6.73378 9.70804 6.68743 9.44007 6.80904C9.1721 6.93065 9 7.19773 9 7.49201H9.75ZM11.4885 9.01299L10.9946 9.57746L10.996 9.57866L11.4885 9.01299ZM13.4433 7.0791L12.8487 7.53619C12.8516 7.54002 12.8546 7.54383 12.8576 7.5476L13.4433 7.0791ZM10.7774 3.61111L10.1827 4.0682V4.0682L10.7774 3.61111ZM13.4498 8.82576L14.039 9.28983L14.039 9.28983L13.4498 8.82576ZM3.21285 0.75C3.21285 0.335787 2.87706 0 2.46285 0C2.04864 0 1.71285 0.335787 1.71285 0.75H2.46285H3.21285ZM10.5579 0.75C10.5579 0.335787 10.2221 0 9.80791 0C9.39369 0 9.05791 0.335787 9.05791 0.75H9.80791H10.5579ZM9.92099 2.25758L9.20585 2.4836L9.20585 2.4836L9.92099 2.25758ZM9.95303 2.35215L9.2478 2.6074L9.2478 2.6074L9.95303 2.35215ZM6.75 10.7704H7.5C7.5 10.5658 7.41641 10.37 7.2686 10.2286C7.12079 10.0871 6.9216 10.0121 6.71719 10.0211L6.75 10.7704ZM1.30164 8.78055L1.82953 8.2478C1.5444 7.96527 1.42564 7.43334 1.54672 6.63712C1.66241 5.87637 1.96993 5.07829 2.23821 4.52667L1.56375 4.19864L0.889286 3.87062C0.583025 4.50033 0.210167 5.4489 0.0637709 6.41161C-0.0772308 7.33884 -0.0397733 8.50721 0.77374 9.3133L1.30164 8.78055ZM1.56375 4.19864L2.23821 4.52667C2.3037 4.39202 2.3867 4.24447 2.48751 4.06697C2.58414 3.89684 2.69614 3.70086 2.79857 3.49916C2.99698 3.10846 3.21285 2.59834 3.21285 2.04442H2.46285H1.71285C1.71285 2.23099 1.63458 2.47845 1.46114 2.81997C1.37765 2.98439 1.2843 3.14818 1.1832 3.32618C1.08629 3.49681 0.979204 3.68574 0.889287 3.87062L1.56375 4.19864ZM9.75 7.49201L9.25616 8.05647L10.9946 9.57746L11.4885 9.01299L11.9823 8.44853L10.2438 6.92754L9.75 7.49201ZM13.4433 7.0791L14.0379 6.622L11.372 3.15401L10.7774 3.61111L10.1827 4.0682L12.8487 7.53619L13.4433 7.0791ZM13.4498 8.82576L14.039 9.28983C14.6574 8.50472 14.6533 7.39104 14.0289 6.61059L13.4433 7.0791L12.8576 7.5476C13.0463 7.78345 13.0476 8.12427 12.8606 8.36169L13.4498 8.82576ZM11.4885 9.01299L10.996 9.57866C11.9093 10.3737 13.2911 10.2394 14.039 9.28983L13.4498 8.82576L12.8606 8.36169C12.6405 8.64116 12.2442 8.67653 11.9809 8.44732L11.4885 9.01299ZM2.46285 2.04442H3.21285V0.75H2.46285H1.71285V2.04442H2.46285ZM9.80791 0.75H9.05791C9.05791 1.47037 9.04985 1.99001 9.20585 2.4836L9.92099 2.25758L10.6361 2.03156C10.566 1.80958 10.5579 1.56269 10.5579 0.75H9.80791ZM10.7774 3.61111L11.372 3.15401C10.8795 2.51334 10.7372 2.31486 10.6583 2.09689L9.95303 2.35215L9.2478 2.6074C9.42422 3.09479 9.74637 3.50054 10.1827 4.0682L10.7774 3.61111ZM9.92099 2.25758L9.20585 2.4836C9.21899 2.52515 9.23297 2.56642 9.2478 2.6074L9.95303 2.35215L10.6583 2.09689C10.6504 2.07528 10.6431 2.0535 10.6361 2.03156L9.92099 2.25758ZM9.75 15.25H10.5V7.49201H9.75H9V15.25H9.75ZM6.75 15.25H7.5V10.7704H6.75H6V15.25H6.75ZM6.75 10.7704L6.71719 10.0211C5.44547 10.0768 3.3578 9.76213 1.82953 8.2478L1.30164 8.78055L0.77374 9.3133C2.70928 11.2312 5.27864 11.5855 6.78281 11.5196L6.75 10.7704ZM9.75 15.25H9C9 15.6642 8.66421 16 8.25 16V16.75V17.5C9.49264 17.5 10.5 16.4926 10.5 15.25H9.75ZM8.25 16.75V16C7.83579 16 7.5 15.6642 7.5 15.25H6.75H6C6 16.4926 7.00736 17.5 8.25 17.5V16.75Z\" fill=\"currentColor\"/> <path id=\"Vector 7267\" d=\"M0.750001 12.7501C0.750001 16.5213 0.750001 18.407 1.92157 19.5785C3.09315 20.7501 4.97876 20.7501 8.75 20.7501H12.75C16.5212 20.7501 18.4069 20.7501 19.5784 19.5785C20.75 18.407 20.75 16.5213 20.75 12.7501V10.7501C20.75 8.88634 20.75 7.95446 20.4455 7.21938C20.0395 6.23926 19.2608 5.46057 18.2807 5.05459C17.6907 4.81019 16.9738 4.76196 15.75 4.75245\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"/> </g> </g></svg>",
   "trash": "<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"> <g id=\"icon\"> <path id=\"Union\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M7.98001 3.54L7.76627 4.8127C6.82896 4.86359 5.89348 4.93524 4.96016 5.02998L2.92016 5.22998C2.51016 5.26998 2.21016 5.62998 2.25016 6.04998C2.29016 6.46998 2.66016 6.76998 3.08016 6.72998L5.12016 6.52998C10.3502 5.99998 15.6302 6.19998 20.9202 6.72998H21.0002C21.3802 6.72998 21.7102 6.43998 21.7402 6.04998C21.7802 5.63998 21.4802 5.26998 21.0702 5.22998C19.4588 5.07183 17.8484 4.94217 16.2404 4.85243L16.24 4.85L16.02 3.55L16.0191 3.54413C15.8691 2.62414 15.645 1.25 13.31 1.25H10.69C8.36167 1.25 8.14032 2.5781 7.98035 3.53794L7.98001 3.54ZM14.55 3.8L14.7158 4.77963C12.9062 4.70826 11.1003 4.69214 9.30059 4.74761L9.47001 3.79L9.47153 3.781C9.62016 2.89906 9.64359 2.76 10.7 2.76H13.32C14.38 2.76 14.41 2.93 14.55 3.8ZM8.7899 22.75H15.2099C18.6999 22.75 18.8399 20.82 18.9499 19.26L19.5999 9.18995C19.6299 8.76995 19.3099 8.41995 18.8999 8.38995C18.4899 8.36995 18.1299 8.67995 18.0999 9.08995L17.4499 19.16C17.3499 20.68 17.3099 21.25 15.2099 21.25H8.7899C6.70115 21.25 6.65995 20.6806 6.5501 19.1627L6.5499 19.16L5.8999 9.08995C5.8699 8.67995 5.5199 8.36995 5.0999 8.38995C4.6899 8.41995 4.3699 8.77995 4.3999 9.18995L5.0499 19.26C5.1599 20.82 5.2999 22.75 8.7899 22.75ZM13.6601 17.25H10.3301C9.92008 17.25 9.58008 16.91 9.58008 16.5C9.58008 16.09 9.92008 15.75 10.3301 15.75H13.6601C14.0701 15.75 14.4101 16.09 14.4101 16.5C14.4101 16.91 14.0701 17.25 13.6601 17.25ZM9.5 13.25H14.5C14.91 13.25 15.25 12.91 15.25 12.5C15.25 12.09 14.91 11.75 14.5 11.75H9.5C9.09 11.75 8.75 12.09 8.75 12.5C8.75 12.91 9.09 13.25 9.5 13.25Z\" fill=\"currentColor\"/> </g> </svg>",
   "trend-up": "<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"> <g id=\"icon\"> <path id=\"Union\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M9 22.75H15C20.43 22.75 22.75 20.43 22.75 15V9C22.75 3.57 20.43 1.25 15 1.25H9C3.57 1.25 1.25 3.57 1.25 9V15C1.25 20.43 3.57 22.75 9 22.75ZM2.75 9C2.75 4.39 4.39 2.75 9 2.75H15C19.61 2.75 21.25 4.39 21.25 9V15C21.25 19.61 19.61 21.25 15 21.25H9C4.39 21.25 2.75 19.61 2.75 15V9ZM16.5 12.25C16.09 12.25 15.75 11.91 15.75 11.5V11.2999L12.8199 14.23C12.6599 14.39 12.4499 14.47 12.2199 14.45C11.9999 14.43 11.7999 14.31 11.6699 14.12L10.5799 12.48L8.02994 15.03C7.87994 15.18 7.68994 15.25 7.49994 15.25C7.30994 15.25 7.11994 15.18 6.96994 15.03C6.67994 14.74 6.67994 14.26 6.96994 13.97L10.1699 10.77C10.3299 10.61 10.5399 10.53 10.7699 10.55C10.9899 10.57 11.1899 10.69 11.3199 10.88L12.4099 12.52L14.6799 10.25H14.5C14.09 10.25 13.75 9.91 13.75 9.5C13.75 9.09 14.09 8.75 14.5 8.75H16.5C16.91 8.75 17.25 9.09 17.25 9.5V11.5C17.25 11.91 16.91 12.25 16.5 12.25Z\" fill=\"currentColor\"/> </g> </svg>",
   "truck-delivery": "<svg viewBox=\"0 0 21.5001 17.5001\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"> <g id=\"elements\"> <circle id=\"Ellipse 1647\" cx=\"15.75\" cy=\"14.7501\" r=\"2\" stroke=\"currentColor\" stroke-width=\"1.5\"/> <circle id=\"Ellipse 1648\" cx=\"5.75\" cy=\"14.7501\" r=\"2\" stroke=\"currentColor\" stroke-width=\"1.5\"/> <path id=\"Vector 5060\" d=\"M3.75 14.7225C2.65328 14.6679 1.9691 14.5047 1.48223 14.0178C0.995363 13.531 0.832218 12.8468 0.77755 11.7501M7.75 14.7501H13.75M17.75 14.7225C18.8467 14.6679 19.5309 14.5047 20.0178 14.0178C20.75 13.2856 20.75 12.1071 20.75 9.75007V7.75007H16.05C15.3055 7.75007 14.9332 7.75007 14.632 7.65218C14.0231 7.45435 13.5457 6.97698 13.3479 6.3681C13.25 6.06684 13.25 5.69458 13.25 4.95007C13.25 3.8333 13.25 3.27492 13.1032 2.82302C12.8064 1.90971 12.0904 1.19366 11.1771 0.896901C10.7252 0.750071 10.1668 0.750071 9.05 0.750071H0.75\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/> <path id=\"Vector 5026\" d=\"M0.75 4.75007H6.75\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/> <path id=\"Vector 5027\" d=\"M0.75 7.75007H4.75\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/> <path id=\"Vector 5061\" d=\"M13.25 2.75007H15.0712C16.5266 2.75007 17.2542 2.75007 17.8464 3.10378C18.4386 3.45749 18.7836 4.09818 19.4736 5.37957L20.75 7.75007\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/> </g> </svg>",

package/src/components/ProductCard/ProductCard.tsx

@@ -10,6 +10,7 @@ import {
 } from 'react-native';
 import { useTheme } from '../../theme';
 import { palette } from '../../theme/palette';
+import { Badge } from '../Badge/Badge';
 import { Icon } from '../Icon/Icon';
 import { Text } from '../Text/Text';
 
@@ -70,21 +71,7 @@ export function ProductCard({
   };
 
   const categoryPill = (extra: ViewStyle) =>
-    category ? (
-      <View
-        style={{
-          backgroundColor: categoryColor,
-          paddingHorizontal: 8,
-          paddingVertical: 4,
-          borderRadius: theme.radii.pill,
-          ...extra,
-        }}
-      >
-        <Text variant="bodySmall" weight="medium" color="primary" numberOfLines={1}>
-          {category}
-        </Text>
-      </View>
-    ) : null;
+    category ? <Badge label={category} backgroundColor={categoryColor} style={extra} /> : null;
 
   const content = (
     <>

package/src/components/index.ts

@@ -1,4 +1,5 @@
 export * from './Avatar';
+export * from './Badge';
 export * from './brand';
 export * from './Button';
 export * from './Card';