@learncard/react 2.8.62 → 2.9.2

package/dist/cjs/{Coins-acd63f46.js.map → Coins-1f33b7ad.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Coins-acd63f46.js","sources":["../../src/components/svgs/Coins.tsx"],"sourcesContent":["import React from 'react';\n\nexport const Coins: React.FC<{ className?: string }> = ({ className = '' }) => {\n    return (\n        <svg viewBox=\"0 0 31 30\" fill=\"none\" className={className} data-testid=\"currency-icon\">\n            <path\n                d=\"M5.74324 21.5007C5.74324 21.0133 5.7219 20.5247 5.75357 20.0393C5.76624 19.8405 5.69757 19.7748 5.5449 19.691C4.93921 19.3584 4.38253 18.9628 3.96552 18.4038C3.66551 18.0003 3.49884 17.5566 3.50651 17.0456C3.51951 16.3066 3.53684 15.5668 3.50384 14.8281C3.44817 13.5639 4.00019 12.6165 4.98621 11.8722C5.86691 11.2064 6.8716 10.7934 7.92363 10.4785C8.09863 10.426 8.27497 10.3763 8.45331 10.3379C8.57498 10.3116 8.62331 10.2617 8.61998 10.1305C8.60965 9.75296 8.63365 9.37472 8.61331 8.99714C8.54665 7.7461 9.10833 6.80822 10.08 6.06785C11.0004 5.3656 12.0524 4.9384 13.1578 4.62424C14.4715 4.25126 15.8152 4.06887 17.1789 4.01827C19.3693 3.93546 21.5263 4.12244 23.6157 4.82141C24.6491 5.16678 25.6191 5.63079 26.4271 6.37215C26.9858 6.88446 27.3985 7.48715 27.4855 8.2548C27.5165 8.52952 27.4882 8.81082 27.4882 9.08915C27.4882 9.78451 27.4678 10.4808 27.4938 11.1752C27.5198 11.8696 27.2418 12.4272 26.7628 12.9083C26.1245 13.5482 25.3488 13.9846 24.5114 14.3076C23.8574 14.5603 23.1787 14.7519 22.5077 14.9612C22.4077 14.9941 22.3744 15.0269 22.3764 15.1255C22.38 15.7331 22.3814 16.3414 22.3764 16.9487C22.3764 17.0502 22.4227 17.0936 22.4987 17.138C23.0954 17.487 23.6401 17.8981 24.0544 18.4557C24.4687 19.0134 24.6651 19.6328 24.6211 20.3446C24.5776 21.0938 24.5776 21.8448 24.6211 22.594C24.6681 23.4527 24.2931 24.0922 23.6734 24.6314C22.8684 25.3324 21.9133 25.7665 20.912 26.1102C19.3756 26.636 17.7872 26.9038 16.1662 26.9761C13.7541 27.0832 11.3881 26.842 9.10766 26.0139C8.2223 25.6925 7.38695 25.2762 6.68159 24.6436C6.22025 24.2298 5.85157 23.7517 5.76557 23.1234C5.72657 22.8378 5.74757 22.5444 5.74457 22.2545C5.74124 22.0031 5.74324 21.7514 5.74324 21.5007ZM18.4032 11.724C18.7839 11.6964 19.4996 11.6626 20.211 11.5896C21.4303 11.4647 22.6187 11.2002 23.7537 10.7326C24.4177 10.4588 25.0468 10.1246 25.5581 9.61001C26.2311 8.93273 26.2435 8.25151 25.5914 7.55681C25.1814 7.11942 24.6731 6.81775 24.1337 6.56603C22.829 5.95711 21.439 5.66135 20.0153 5.5138C18.4017 5.34176 16.7719 5.38453 15.1698 5.64098C14.0031 5.8296 12.8698 6.12733 11.8127 6.66166C11.2554 6.94329 10.7344 7.2765 10.357 7.78455C9.97968 8.29259 9.97002 8.81279 10.3384 9.3182C10.4419 9.46061 10.5594 9.59269 10.689 9.71254C11.2801 10.2561 11.9924 10.5975 12.7408 10.8703C14.4585 11.4973 16.2485 11.7003 18.4032 11.724ZM20.4366 15.3789L20.414 15.346C20.383 15.346 20.3516 15.3437 20.321 15.346C19.8843 15.3828 19.4483 15.4344 19.0109 15.4558C17.691 15.5233 16.3676 15.4589 15.0608 15.2635C13.7458 15.0641 12.4634 14.746 11.2517 14.1886C10.538 13.86 9.87068 13.4657 9.32667 12.8909C9.0155 12.5718 8.78903 12.1819 8.66731 11.7559C7.61929 12.049 6.60993 12.398 5.76424 13.0789C5.51156 13.2823 5.29389 13.5445 5.11455 13.815C4.88121 14.166 4.88455 14.5659 5.11055 14.9201C5.27583 15.1847 5.47943 15.4241 5.7149 15.6306C6.42425 16.2356 7.27794 16.5787 8.1613 16.8531C9.56401 17.2885 11.007 17.4751 12.4728 17.5103C14.0675 17.5478 15.6448 17.4173 17.1899 17.0088C18.1592 16.7525 19.0923 16.4084 19.9113 15.8182C20.0966 15.6842 20.2626 15.5258 20.4373 15.3789H20.4366ZM7.29461 20.4586C7.40895 20.7787 7.60295 21.0173 7.83063 21.2269C8.43064 21.7803 9.15066 22.1267 9.91002 22.4034C11.2434 22.8891 12.6291 23.1181 14.0435 23.199C15.7262 23.2949 17.3949 23.2013 19.0409 22.8266C20.018 22.6042 20.963 22.2936 21.8283 21.7813C22.2697 21.5201 22.6754 21.2158 22.9617 20.784C23.2617 20.3305 23.2767 19.8721 22.966 19.4166C22.688 19.0091 22.3034 18.7189 21.885 18.461C21.7667 18.5839 21.6613 18.7038 21.545 18.8123C20.9983 19.3229 20.3593 19.6946 19.6783 19.9976C17.9616 20.76 16.1449 21.1149 14.2781 21.2407C12.3391 21.3722 10.4177 21.2361 8.52398 20.7882C8.12163 20.6929 7.72429 20.5746 7.29461 20.4586ZM4.96121 16.881C4.89655 17.1863 4.97921 17.4396 5.17855 17.6605C5.58123 18.109 6.09558 18.4012 6.63459 18.6519C7.87596 19.2293 9.193 19.5428 10.5484 19.7146C12.6548 19.9818 14.7485 19.9167 16.8192 19.4416C17.8936 19.1951 18.9309 18.8445 19.8826 18.2812C20.226 18.0778 20.552 17.8511 20.8016 17.5323C20.9523 17.3397 20.962 17.1284 20.9296 16.8869C20.8823 16.9198 20.8503 16.9388 20.82 16.9608C20.3244 17.3134 19.7888 17.6076 19.2239 17.8376C17.7926 18.4314 16.2905 18.7298 14.7505 18.8563C12.7354 19.0223 10.7344 18.9394 8.75832 18.4883C7.41828 18.182 6.14158 17.7245 5.02255 16.9076C5.00326 16.8968 4.98294 16.8879 4.96188 16.881H4.96121ZM7.19161 22.6084C7.12494 22.9259 7.21994 23.1934 7.44361 23.408C7.62294 23.5866 7.81755 23.7497 8.0253 23.8953C8.84165 24.4444 9.75534 24.7826 10.7034 25.0271C13.489 25.7413 16.2851 25.7817 19.0916 25.1483C20.172 24.9055 21.2117 24.5443 22.1637 23.9699C22.491 23.7727 22.8014 23.5526 23.0384 23.247C23.187 23.0544 23.198 22.8444 23.1614 22.6127C21.9353 23.3685 21.5397 23.5657 20.6783 23.8496C18.8153 24.4618 16.8945 24.6712 14.9398 24.6501C13.7685 24.6438 12.6005 24.5287 11.4511 24.3064C10.3204 24.083 9.224 23.7553 8.2043 23.2147C7.85963 23.032 7.53395 22.8151 7.19227 22.6084H7.19161ZM26.0291 11.094C25.9941 11.1164 25.9661 11.1315 25.9408 11.1499C25.3891 11.5538 24.7841 11.8624 24.1487 12.1118C22.4047 12.796 20.5786 13.0648 18.7153 13.1242C17.3384 13.1742 15.9601 13.0782 14.6041 12.8377C13.3871 12.6175 12.2064 12.2827 11.1087 11.7079C10.7534 11.5212 10.4184 11.2975 10.0707 11.0888C9.99768 11.4121 10.115 11.6777 10.3404 11.9136C10.6574 12.2445 11.038 12.4894 11.4427 12.6974C12.8714 13.4308 14.4128 13.7782 15.9992 13.953C17.3296 14.1019 18.6727 14.1045 20.0036 13.9606C21.2887 13.8212 22.5427 13.5534 23.7457 13.0789C24.4491 12.8012 25.1258 12.4755 25.6948 11.9682C25.9508 11.7408 26.1228 11.4779 26.0291 11.094Z\"\n                fill=\"currentColor\"\n            />\n        </svg>\n    );\n};\n\nexport default Coins;\n"],"names":["React"],"mappings":";;;;;;;;AAEO,MAAM,KAA0C,GAAA,CAAC,EAAE,SAAA,GAAY,IAAS,KAAA;AAC3E,EAAA,uBACKA,yBAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IAAI,OAAQ,EAAA,WAAA;AAAA,IAAY,IAAK,EAAA,MAAA;AAAA,IAAO,SAAA;AAAA,IAAsB,aAAY,EAAA,eAAA;AAAA,GAAA,kBAClEA,yBAAA,CAAA,aAAA,CAAA,MAAA,EAAA;AAAA,IACG,CAAE,EAAA,s6KAAA;AAAA,IACF,IAAK,EAAA,cAAA;AAAA,GACT,CACJ,CAAA,CAAA;AAER;;;;"}
+{"version":3,"file":"Coins-1f33b7ad.js","sources":["../../src/components/svgs/Coins.tsx"],"sourcesContent":["import React from 'react';\n\nexport const Coins: React.FC<{ className?: string }> = ({ className = '' }) => {\n    return (\n        <svg viewBox=\"0 0 31 30\" fill=\"none\" className={className} data-testid=\"currency-icon\">\n            <path\n                d=\"M5.74324 21.5007C5.74324 21.0133 5.7219 20.5247 5.75357 20.0393C5.76624 19.8405 5.69757 19.7748 5.5449 19.691C4.93921 19.3584 4.38253 18.9628 3.96552 18.4038C3.66551 18.0003 3.49884 17.5566 3.50651 17.0456C3.51951 16.3066 3.53684 15.5668 3.50384 14.8281C3.44817 13.5639 4.00019 12.6165 4.98621 11.8722C5.86691 11.2064 6.8716 10.7934 7.92363 10.4785C8.09863 10.426 8.27497 10.3763 8.45331 10.3379C8.57498 10.3116 8.62331 10.2617 8.61998 10.1305C8.60965 9.75296 8.63365 9.37472 8.61331 8.99714C8.54665 7.7461 9.10833 6.80822 10.08 6.06785C11.0004 5.3656 12.0524 4.9384 13.1578 4.62424C14.4715 4.25126 15.8152 4.06887 17.1789 4.01827C19.3693 3.93546 21.5263 4.12244 23.6157 4.82141C24.6491 5.16678 25.6191 5.63079 26.4271 6.37215C26.9858 6.88446 27.3985 7.48715 27.4855 8.2548C27.5165 8.52952 27.4882 8.81082 27.4882 9.08915C27.4882 9.78451 27.4678 10.4808 27.4938 11.1752C27.5198 11.8696 27.2418 12.4272 26.7628 12.9083C26.1245 13.5482 25.3488 13.9846 24.5114 14.3076C23.8574 14.5603 23.1787 14.7519 22.5077 14.9612C22.4077 14.9941 22.3744 15.0269 22.3764 15.1255C22.38 15.7331 22.3814 16.3414 22.3764 16.9487C22.3764 17.0502 22.4227 17.0936 22.4987 17.138C23.0954 17.487 23.6401 17.8981 24.0544 18.4557C24.4687 19.0134 24.6651 19.6328 24.6211 20.3446C24.5776 21.0938 24.5776 21.8448 24.6211 22.594C24.6681 23.4527 24.2931 24.0922 23.6734 24.6314C22.8684 25.3324 21.9133 25.7665 20.912 26.1102C19.3756 26.636 17.7872 26.9038 16.1662 26.9761C13.7541 27.0832 11.3881 26.842 9.10766 26.0139C8.2223 25.6925 7.38695 25.2762 6.68159 24.6436C6.22025 24.2298 5.85157 23.7517 5.76557 23.1234C5.72657 22.8378 5.74757 22.5444 5.74457 22.2545C5.74124 22.0031 5.74324 21.7514 5.74324 21.5007ZM18.4032 11.724C18.7839 11.6964 19.4996 11.6626 20.211 11.5896C21.4303 11.4647 22.6187 11.2002 23.7537 10.7326C24.4177 10.4588 25.0468 10.1246 25.5581 9.61001C26.2311 8.93273 26.2435 8.25151 25.5914 7.55681C25.1814 7.11942 24.6731 6.81775 24.1337 6.56603C22.829 5.95711 21.439 5.66135 20.0153 5.5138C18.4017 5.34176 16.7719 5.38453 15.1698 5.64098C14.0031 5.8296 12.8698 6.12733 11.8127 6.66166C11.2554 6.94329 10.7344 7.2765 10.357 7.78455C9.97968 8.29259 9.97002 8.81279 10.3384 9.3182C10.4419 9.46061 10.5594 9.59269 10.689 9.71254C11.2801 10.2561 11.9924 10.5975 12.7408 10.8703C14.4585 11.4973 16.2485 11.7003 18.4032 11.724ZM20.4366 15.3789L20.414 15.346C20.383 15.346 20.3516 15.3437 20.321 15.346C19.8843 15.3828 19.4483 15.4344 19.0109 15.4558C17.691 15.5233 16.3676 15.4589 15.0608 15.2635C13.7458 15.0641 12.4634 14.746 11.2517 14.1886C10.538 13.86 9.87068 13.4657 9.32667 12.8909C9.0155 12.5718 8.78903 12.1819 8.66731 11.7559C7.61929 12.049 6.60993 12.398 5.76424 13.0789C5.51156 13.2823 5.29389 13.5445 5.11455 13.815C4.88121 14.166 4.88455 14.5659 5.11055 14.9201C5.27583 15.1847 5.47943 15.4241 5.7149 15.6306C6.42425 16.2356 7.27794 16.5787 8.1613 16.8531C9.56401 17.2885 11.007 17.4751 12.4728 17.5103C14.0675 17.5478 15.6448 17.4173 17.1899 17.0088C18.1592 16.7525 19.0923 16.4084 19.9113 15.8182C20.0966 15.6842 20.2626 15.5258 20.4373 15.3789H20.4366ZM7.29461 20.4586C7.40895 20.7787 7.60295 21.0173 7.83063 21.2269C8.43064 21.7803 9.15066 22.1267 9.91002 22.4034C11.2434 22.8891 12.6291 23.1181 14.0435 23.199C15.7262 23.2949 17.3949 23.2013 19.0409 22.8266C20.018 22.6042 20.963 22.2936 21.8283 21.7813C22.2697 21.5201 22.6754 21.2158 22.9617 20.784C23.2617 20.3305 23.2767 19.8721 22.966 19.4166C22.688 19.0091 22.3034 18.7189 21.885 18.461C21.7667 18.5839 21.6613 18.7038 21.545 18.8123C20.9983 19.3229 20.3593 19.6946 19.6783 19.9976C17.9616 20.76 16.1449 21.1149 14.2781 21.2407C12.3391 21.3722 10.4177 21.2361 8.52398 20.7882C8.12163 20.6929 7.72429 20.5746 7.29461 20.4586ZM4.96121 16.881C4.89655 17.1863 4.97921 17.4396 5.17855 17.6605C5.58123 18.109 6.09558 18.4012 6.63459 18.6519C7.87596 19.2293 9.193 19.5428 10.5484 19.7146C12.6548 19.9818 14.7485 19.9167 16.8192 19.4416C17.8936 19.1951 18.9309 18.8445 19.8826 18.2812C20.226 18.0778 20.552 17.8511 20.8016 17.5323C20.9523 17.3397 20.962 17.1284 20.9296 16.8869C20.8823 16.9198 20.8503 16.9388 20.82 16.9608C20.3244 17.3134 19.7888 17.6076 19.2239 17.8376C17.7926 18.4314 16.2905 18.7298 14.7505 18.8563C12.7354 19.0223 10.7344 18.9394 8.75832 18.4883C7.41828 18.182 6.14158 17.7245 5.02255 16.9076C5.00326 16.8968 4.98294 16.8879 4.96188 16.881H4.96121ZM7.19161 22.6084C7.12494 22.9259 7.21994 23.1934 7.44361 23.408C7.62294 23.5866 7.81755 23.7497 8.0253 23.8953C8.84165 24.4444 9.75534 24.7826 10.7034 25.0271C13.489 25.7413 16.2851 25.7817 19.0916 25.1483C20.172 24.9055 21.2117 24.5443 22.1637 23.9699C22.491 23.7727 22.8014 23.5526 23.0384 23.247C23.187 23.0544 23.198 22.8444 23.1614 22.6127C21.9353 23.3685 21.5397 23.5657 20.6783 23.8496C18.8153 24.4618 16.8945 24.6712 14.9398 24.6501C13.7685 24.6438 12.6005 24.5287 11.4511 24.3064C10.3204 24.083 9.224 23.7553 8.2043 23.2147C7.85963 23.032 7.53395 22.8151 7.19227 22.6084H7.19161ZM26.0291 11.094C25.9941 11.1164 25.9661 11.1315 25.9408 11.1499C25.3891 11.5538 24.7841 11.8624 24.1487 12.1118C22.4047 12.796 20.5786 13.0648 18.7153 13.1242C17.3384 13.1742 15.9601 13.0782 14.6041 12.8377C13.3871 12.6175 12.2064 12.2827 11.1087 11.7079C10.7534 11.5212 10.4184 11.2975 10.0707 11.0888C9.99768 11.4121 10.115 11.6777 10.3404 11.9136C10.6574 12.2445 11.038 12.4894 11.4427 12.6974C12.8714 13.4308 14.4128 13.7782 15.9992 13.953C17.3296 14.1019 18.6727 14.1045 20.0036 13.9606C21.2887 13.8212 22.5427 13.5534 23.7457 13.0789C24.4491 12.8012 25.1258 12.4755 25.6948 11.9682C25.9508 11.7408 26.1228 11.4779 26.0291 11.094Z\"\n                fill=\"currentColor\"\n            />\n        </svg>\n    );\n};\n\nexport default Coins;\n"],"names":["React"],"mappings":";;;;;;;;AAEO,MAAM,KAA0C,GAAA,CAAC,EAAE,SAAA,GAAY,IAAS,KAAA;AAC3E,EACI,uBAAAA,yBAAA,CAAA,aAAA,CAAC,SAAI,OAAQ,EAAA,WAAA,EAAY,MAAK,MAAO,EAAA,SAAA,EAAsB,eAAY,eACnE,EAAA,kBAAAA,yBAAA,CAAA,aAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACG,CAAE,EAAA,s6KAAA;AAAA,MACF,IAAK,EAAA,cAAA;AAAA,KAAA;AAAA,GAEb,CAAA,CAAA;AAER;;;;"}

package/dist/cjs/CourseCard-bc699307.js

@@ -0,0 +1,88 @@
+'use strict';
+
+var React = require('react');
+var CourseCardPlaceholder = require('./lhplaceholder.png');
+var trophylight = require('./minitrophy.svg');
+var MiniJobIcon = require('./minijob.svg');
+var puzzlelight = require('./minipuzzle.svg');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var CourseCardPlaceholder__default = /*#__PURE__*/_interopDefaultLegacy(CourseCardPlaceholder);
+var trophylight__default = /*#__PURE__*/_interopDefaultLegacy(trophylight);
+var MiniJobIcon__default = /*#__PURE__*/_interopDefaultLegacy(MiniJobIcon);
+var puzzlelight__default = /*#__PURE__*/_interopDefaultLegacy(puzzlelight);
+
+const TYPE_TO_COURSE_MINI_ICON = {
+  ["job"]: MiniJobIcon__default["default"],
+  ["achievement"]: trophylight__default["default"],
+  ["skill"]: puzzlelight__default["default"]
+};
+const TYPE_TO_COLOR = {
+  ["job"]: "bg-emerald-700",
+  ["achievement"]: "bg-spice-500",
+  ["skill"]: "bg-indigo-500"
+};
+const CourseCardStatBubble = ({
+  count = 0,
+  type = "job",
+  className
+}) => {
+  const imgSrc = TYPE_TO_COURSE_MINI_ICON[type];
+  const bgColor = TYPE_TO_COLOR[type];
+  return /* @__PURE__ */ React__default["default"].createElement(
+    "div",
+    {
+      className: `course-card-stat-bubble px-[10px] rounded-[30px] flex ${bgColor} min-w-[48px] max-w-[80px] h-[30px] items-center ${className}`
+    },
+    /* @__PURE__ */ React__default["default"].createElement("img", { src: imgSrc, className: "pr-[5px]" }),
+    /* @__PURE__ */ React__default["default"].createElement("span", { className: "flex items-center text-sm text-white" }, count)
+  );
+};
+const CourseCard = ({
+  status = "Enrolled",
+  title = "MECH 1340 Digital Fundamentals and Programmable Logic Controllers",
+  semester = "Fall 2022",
+  jobCount = 1,
+  achievementCount = 4,
+  thumbSrc,
+  hideHeader = false,
+  skillCount = 9,
+  className,
+  onClick = () => {
+  }
+}) => {
+  return /* @__PURE__ */ React__default["default"].createElement(
+    "div",
+    {
+      onClick,
+      className: `flex shadow-[0_0_8px_0px_rgba(0,0,0,0.2)] relative $ py-[10px] px-[15px] max-w-[400px] h-[130px] rounded-[20px] ${className}`
+    },
+    /* @__PURE__ */ React__default["default"].createElement(
+      "img",
+      {
+        src: CourseCardPlaceholder__default["default"],
+        className: "course-card-img w-[100px] h-[111px] mr-[10px]"
+      }
+    ),
+    /* @__PURE__ */ React__default["default"].createElement("div", { className: "course-card-detail-info flex flex-col justify-between" }, !hideHeader && /* @__PURE__ */ React__default["default"].createElement("div", { className: "text-sm" }, /* @__PURE__ */ React__default["default"].createElement("span", { className: "text-emerald-700 font-semibold" }, status), /* @__PURE__ */ React__default["default"].createElement("span", { className: "spacer-dot mx-[3px]" }, "\u2022"), /* @__PURE__ */ React__default["default"].createElement("span", { className: "text-grayscale-500" }, semester)), /* @__PURE__ */ React__default["default"].createElement("p", { className: "course-card-title text-sm font-semibold line-clamp-2" }, title), /* @__PURE__ */ React__default["default"].createElement("div", { className: "course-card-counts-container flex items-center mt-[5px]" }, /* @__PURE__ */ React__default["default"].createElement(CourseCardStatBubble, { type: "job", count: jobCount, className: "mr-[5px]" }), /* @__PURE__ */ React__default["default"].createElement(
+      CourseCardStatBubble,
+      {
+        type: "achievement",
+        count: achievementCount,
+        className: "mr-[5px]"
+      }
+    ), /* @__PURE__ */ React__default["default"].createElement(
+      CourseCardStatBubble,
+      {
+        type: "skill",
+        count: skillCount,
+        className: "mr-[0px]"
+      }
+    )))
+  );
+};
+
+exports.CourseCard = CourseCard;
+//# sourceMappingURL=CourseCard-bc699307.js.map

package/dist/cjs/{CourseCard-338a32ee.js.map → CourseCard-bc699307.js.map}

@@ -1 +1 @@
-{"version":3,"file":"CourseCard-338a32ee.js","sources":["../../src/components/CourseCard/CourseCard.tsx"],"sourcesContent":["import React from 'react';\nimport { CourseCardProps } from '../../types';\nimport CourseCardPlaceholder from '../../assets/images/lhplaceholder.png';\n\nimport MiniTrophyIcon from '../../assets/images/minitrophy.svg';\nimport MiniJobIcon from '../../assets/images/minijob.svg';\nimport MiniPuzzleIcon from '../../assets/images/minipuzzle.svg';\n\nconst TYPE_TO_COURSE_MINI_ICON: any = {\n    ['job']: MiniJobIcon,\n    ['achievement']: MiniTrophyIcon,\n    ['skill']: MiniPuzzleIcon,\n};\n\nconst TYPE_TO_COLOR: any = {\n    ['job']: 'bg-emerald-700',\n    ['achievement']: 'bg-spice-500',\n    ['skill']: 'bg-indigo-500',\n};\n\ntype CourseCardStatBubbleProps = {\n    count: number | string;\n    type: string;\n    className?: string;\n};\n\nconst CourseCardStatBubble: React.FC<CourseCardStatBubbleProps> = ({\n    count = 0,\n    type = 'job',\n    className,\n}) => {\n    const imgSrc = TYPE_TO_COURSE_MINI_ICON[type];\n    const bgColor = TYPE_TO_COLOR[type];\n\n    return (\n        <div\n            className={`course-card-stat-bubble px-[10px] rounded-[30px] flex ${bgColor} min-w-[48px] max-w-[80px] h-[30px] items-center ${className}`}\n        >\n            <img src={imgSrc} className=\"pr-[5px]\" />\n            <span className=\"flex items-center text-sm text-white\">{count}</span>\n        </div>\n    );\n};\n\nexport const CourseCard: React.FC<CourseCardProps> = ({\n    status = 'Enrolled',\n    title = 'MECH 1340 Digital Fundamentals and Programmable Logic Controllers',\n    semester = 'Fall 2022',\n    jobCount = 1,\n    achievementCount = 4,\n    thumbSrc,\n    hideHeader = false,\n    skillCount = 9,\n    className,\n    onClick = () => {},\n}) => {\n    return (\n        <div\n            onClick={onClick}\n            className={`flex shadow-[0_0_8px_0px_rgba(0,0,0,0.2)] relative $ py-[10px] px-[15px] max-w-[400px] h-[130px] rounded-[20px] ${className}`}\n        >\n            <img\n                src={CourseCardPlaceholder}\n                className=\"course-card-img w-[100px] h-[111px] mr-[10px]\"\n            />\n\n            <div className=\"course-card-detail-info flex flex-col justify-between\">\n                {!hideHeader && (\n                    <div className=\"text-sm\">\n                        <span className=\"text-emerald-700 font-semibold\">{status}</span>\n                        <span className=\"spacer-dot mx-[3px]\">•</span>\n                        <span className=\"text-grayscale-500\">{semester}</span>\n                    </div>\n                )}\n                <p className=\"course-card-title text-sm font-semibold line-clamp-2\">{title}</p>\n                <div className=\"course-card-counts-container flex items-center mt-[5px]\">\n                    <CourseCardStatBubble type={'job'} count={jobCount} className={'mr-[5px]'} />\n                    <CourseCardStatBubble\n                        type={'achievement'}\n                        count={achievementCount}\n                        className={'mr-[5px]'}\n                    />\n                    <CourseCardStatBubble\n                        type={'skill'}\n                        count={skillCount}\n                        className={'mr-[0px]'}\n                    />\n                </div>\n            </div>\n        </div>\n    );\n};\n\nexport default CourseCard;\n"],"names":["MiniJobIcon","MiniTrophyIcon","MiniPuzzleIcon","React","CourseCardPlaceholder"],"mappings":"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"}
+{"version":3,"file":"CourseCard-bc699307.js","sources":["../../src/components/CourseCard/CourseCard.tsx"],"sourcesContent":["import React from 'react';\nimport { CourseCardProps } from '../../types';\nimport CourseCardPlaceholder from '../../assets/images/lhplaceholder.png';\n\nimport MiniTrophyIcon from '../../assets/images/minitrophy.svg';\nimport MiniJobIcon from '../../assets/images/minijob.svg';\nimport MiniPuzzleIcon from '../../assets/images/minipuzzle.svg';\n\nconst TYPE_TO_COURSE_MINI_ICON: any = {\n    ['job']: MiniJobIcon,\n    ['achievement']: MiniTrophyIcon,\n    ['skill']: MiniPuzzleIcon,\n};\n\nconst TYPE_TO_COLOR: any = {\n    ['job']: 'bg-emerald-700',\n    ['achievement']: 'bg-spice-500',\n    ['skill']: 'bg-indigo-500',\n};\n\ntype CourseCardStatBubbleProps = {\n    count: number | string;\n    type: string;\n    className?: string;\n};\n\nconst CourseCardStatBubble: React.FC<CourseCardStatBubbleProps> = ({\n    count = 0,\n    type = 'job',\n    className,\n}) => {\n    const imgSrc = TYPE_TO_COURSE_MINI_ICON[type];\n    const bgColor = TYPE_TO_COLOR[type];\n\n    return (\n        <div\n            className={`course-card-stat-bubble px-[10px] rounded-[30px] flex ${bgColor} min-w-[48px] max-w-[80px] h-[30px] items-center ${className}`}\n        >\n            <img src={imgSrc} className=\"pr-[5px]\" />\n            <span className=\"flex items-center text-sm text-white\">{count}</span>\n        </div>\n    );\n};\n\nexport const CourseCard: React.FC<CourseCardProps> = ({\n    status = 'Enrolled',\n    title = 'MECH 1340 Digital Fundamentals and Programmable Logic Controllers',\n    semester = 'Fall 2022',\n    jobCount = 1,\n    achievementCount = 4,\n    thumbSrc,\n    hideHeader = false,\n    skillCount = 9,\n    className,\n    onClick = () => {},\n}) => {\n    return (\n        <div\n            onClick={onClick}\n            className={`flex shadow-[0_0_8px_0px_rgba(0,0,0,0.2)] relative $ py-[10px] px-[15px] max-w-[400px] h-[130px] rounded-[20px] ${className}`}\n        >\n            <img\n                src={CourseCardPlaceholder}\n                className=\"course-card-img w-[100px] h-[111px] mr-[10px]\"\n            />\n\n            <div className=\"course-card-detail-info flex flex-col justify-between\">\n                {!hideHeader && (\n                    <div className=\"text-sm\">\n                        <span className=\"text-emerald-700 font-semibold\">{status}</span>\n                        <span className=\"spacer-dot mx-[3px]\">•</span>\n                        <span className=\"text-grayscale-500\">{semester}</span>\n                    </div>\n                )}\n                <p className=\"course-card-title text-sm font-semibold line-clamp-2\">{title}</p>\n                <div className=\"course-card-counts-container flex items-center mt-[5px]\">\n                    <CourseCardStatBubble type={'job'} count={jobCount} className={'mr-[5px]'} />\n                    <CourseCardStatBubble\n                        type={'achievement'}\n                        count={achievementCount}\n                        className={'mr-[5px]'}\n                    />\n                    <CourseCardStatBubble\n                        type={'skill'}\n                        count={skillCount}\n                        className={'mr-[0px]'}\n                    />\n                </div>\n            </div>\n        </div>\n    );\n};\n\nexport default CourseCard;\n"],"names":["MiniJobIcon","MiniTrophyIcon","MiniPuzzleIcon","React","CourseCardPlaceholder"],"mappings":"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"}

package/dist/cjs/CourseVerticalCard-554ff1b7.js

@@ -0,0 +1,116 @@
+'use strict';
+
+var React = require('react');
+var CourseCardPlaceholder = require('./lhplaceholder.png');
+var trophylight = require('./minitrophy.svg');
+var MiniJobIcon = require('./minijob.svg');
+var puzzlelight = require('./minipuzzle.svg');
+var index = require('./index-5488badc.js');
+var CircleCheckButton = require('./CircleCheckButton-f76e5b5d.js');
+var RoundedPill = require('./RoundedPill-b54f3ac1.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var CourseCardPlaceholder__default = /*#__PURE__*/_interopDefaultLegacy(CourseCardPlaceholder);
+var trophylight__default = /*#__PURE__*/_interopDefaultLegacy(trophylight);
+var MiniJobIcon__default = /*#__PURE__*/_interopDefaultLegacy(MiniJobIcon);
+var puzzlelight__default = /*#__PURE__*/_interopDefaultLegacy(puzzlelight);
+
+const TYPE_TO_COURSE_MINI_ICON = {
+  ["job"]: MiniJobIcon__default["default"],
+  ["achievement"]: trophylight__default["default"],
+  ["skill"]: puzzlelight__default["default"]
+};
+const TYPE_TO_COLOR = {
+  ["job"]: "bg-emerald-700",
+  ["achievement"]: "bg-spice-500",
+  ["skill"]: "bg-indigo-500"
+};
+const CourseCardStatBubble = ({
+  count = 0,
+  type = index.LCSubtypes.job,
+  className
+}) => {
+  const imgSrc = TYPE_TO_COURSE_MINI_ICON[type];
+  const bgColor = TYPE_TO_COLOR[type];
+  return /* @__PURE__ */ React__default["default"].createElement(
+    "div",
+    {
+      className: `course-card-stat-bubble px-[10px] rounded-[30px] flex ${bgColor} min-w-[48px] max-w-[80px] h-[30px] items-center ${className}`
+    },
+    /* @__PURE__ */ React__default["default"].createElement("img", { src: imgSrc, className: "pr-[5px]" }),
+    /* @__PURE__ */ React__default["default"].createElement("span", { className: "flex items-center text-sm text-white" }, count)
+  );
+};
+const CourseVerticalCard = ({
+  className,
+  title,
+  thumbImgSrc,
+  showStatus,
+  claimStatus = false,
+  achievementCount = 0,
+  skillCount = 0,
+  checked,
+  showChecked,
+  showSubCount,
+  onCheckClick,
+  onClick
+}) => {
+  const claimBtnStatusType = claimStatus ? index.LCSubtypes.course : index.LCSubtypes.locked;
+  return /* @__PURE__ */ React__default["default"].createElement(
+    "div",
+    {
+      onClick,
+      className: `flex flex-col shadow-[0_0_8px_0px_rgba(0,0,0,0.2)] relative $ py-[8px] px-[8px] w-[190px] h-[265px] rounded-[20px] ${className}`
+    },
+    /* @__PURE__ */ React__default["default"].createElement(
+      "section",
+      {
+        className: `relative flex h-[120px] flex-col justify-center items-center w-full rounded-[20px]`
+      },
+      /* @__PURE__ */ React__default["default"].createElement(
+        "img",
+        {
+          src: CourseCardPlaceholder__default["default"],
+          className: "course-card-img h-full w-full object-cover rounded-[20px]"
+        }
+      ),
+      showChecked && /* @__PURE__ */ React__default["default"].createElement(
+        CircleCheckButton.CircleCheckButton,
+        {
+          checked,
+          onClick: onCheckClick,
+          className: "absolute top-[5px] left-[5px]"
+        }
+      )
+    ),
+    /* @__PURE__ */ React__default["default"].createElement("div", { className: "course-card-detail-info flex flex-col justify-between" }, /* @__PURE__ */ React__default["default"].createElement("p", { className: "course-card-title text-sm text-center font-semibold line-clamp-2 mt-[4px]" }, title), showSubCount && /* @__PURE__ */ React__default["default"].createElement("div", { className: "course-card-counts-container flex items-center justify-center my-[5px]" }, /* @__PURE__ */ React__default["default"].createElement(
+      CourseCardStatBubble,
+      {
+        type: "achievement",
+        count: achievementCount,
+        className: "mr-[5px]"
+      }
+    ), /* @__PURE__ */ React__default["default"].createElement(
+      CourseCardStatBubble,
+      {
+        type: "skill",
+        count: skillCount,
+        className: "mr-[0px]"
+      }
+    ))),
+    showStatus && /* @__PURE__ */ React__default["default"].createElement("div", { className: "course-card-footer absolute bottom-[6px] left-[5px]" }, /* @__PURE__ */ React__default["default"].createElement(
+      RoundedPill.RoundedPill,
+      {
+        onClick,
+        showCheckmark: true,
+        type: claimBtnStatusType,
+        statusText: "Passed"
+      }
+    ))
+  );
+};
+
+exports.CourseVerticalCard = CourseVerticalCard;
+//# sourceMappingURL=CourseVerticalCard-554ff1b7.js.map

package/dist/cjs/{CourseVerticalCard-841960b1.js.map → CourseVerticalCard-554ff1b7.js.map}

@@ -1 +1 @@
-{"version":3,"file":"CourseVerticalCard-841960b1.js","sources":["../../src/components/CourseVerticalCard/CourseVerticalCard.tsx"],"sourcesContent":["import React from 'react';\nimport { CourseCardVerticalProps } from '../../types';\nimport { CircleCheckButton } from '../CircleCheckButton';\nimport CourseCardPlaceholder from '../../assets/images/lhplaceholder.png';\nimport { RoundedPill } from '../RoundedPill';\nimport MiniTrophyIcon from '../../assets/images/minitrophy.svg';\nimport MiniJobIcon from '../../assets/images/minijob.svg';\nimport MiniPuzzleIcon from '../../assets/images/minipuzzle.svg';\nimport { LCSubtypes } from '../../types';\n\nconst TYPE_TO_COURSE_MINI_ICON: any = {\n    ['job']: MiniJobIcon,\n    ['achievement']: MiniTrophyIcon,\n    ['skill']: MiniPuzzleIcon,\n};\n\nconst TYPE_TO_COLOR: any = {\n    ['job']: 'bg-emerald-700',\n    ['achievement']: 'bg-spice-500',\n    ['skill']: 'bg-indigo-500',\n};\n\ntype CourseCardStatBubbleProps = {\n    count: number | string;\n    type: string;\n    className?: string;\n};\n\nconst CourseCardStatBubble: React.FC<CourseCardStatBubbleProps> = ({\n    count = 0,\n    type = LCSubtypes.job,\n    className,\n}) => {\n    const imgSrc = TYPE_TO_COURSE_MINI_ICON[type];\n    const bgColor = TYPE_TO_COLOR[type];\n\n    return (\n        <div\n            className={`course-card-stat-bubble px-[10px] rounded-[30px] flex ${bgColor} min-w-[48px] max-w-[80px] h-[30px] items-center ${className}`}\n        >\n            <img src={imgSrc} className=\"pr-[5px]\" />\n            <span className=\"flex items-center text-sm text-white\">{count}</span>\n        </div>\n    );\n};\n\nexport const CourseVerticalCard: React.FC<CourseCardVerticalProps> = ({\n    className,\n    title,\n    thumbImgSrc,\n    showStatus,\n    claimStatus = false,\n    achievementCount = 0,\n    skillCount = 0,\n    checked,\n    showChecked,\n    showSubCount,\n    onCheckClick,\n    onClick,\n}) => {\n    const claimBtnStatusType = claimStatus ? LCSubtypes.course : LCSubtypes.locked;\n\n    return (\n        <div\n            onClick={onClick}\n            className={`flex flex-col shadow-[0_0_8px_0px_rgba(0,0,0,0.2)] relative $ py-[8px] px-[8px] w-[190px] h-[265px] rounded-[20px] ${className}`}\n        >\n            <section\n                className={`relative flex h-[120px] flex-col justify-center items-center w-full rounded-[20px]`}\n            >\n                <img\n                    src={CourseCardPlaceholder}\n                    className=\"course-card-img h-full w-full object-cover rounded-[20px]\"\n                />\n\n                {showChecked && (\n                    <CircleCheckButton\n                        checked={checked}\n                        onClick={onCheckClick}\n                        className=\"absolute top-[5px] left-[5px]\"\n                    />\n                )}\n            </section>\n\n            <div className=\"course-card-detail-info flex flex-col justify-between\">\n                <p className=\"course-card-title text-sm text-center font-semibold line-clamp-2 mt-[4px]\">\n                    {title}\n                </p>\n                {showSubCount && (\n                    <div className=\"course-card-counts-container flex items-center justify-center my-[5px]\">\n                        <CourseCardStatBubble\n                            type={'achievement'}\n                            count={achievementCount}\n                            className={'mr-[5px]'}\n                        />\n                        <CourseCardStatBubble\n                            type={'skill'}\n                            count={skillCount}\n                            className={'mr-[0px]'}\n                        />\n                    </div>\n                )}\n            </div>\n            {showStatus && (\n                <div className=\"course-card-footer absolute bottom-[6px] left-[5px]\">\n                    <RoundedPill\n                        onClick={onClick}\n                        showCheckmark\n                        type={claimBtnStatusType}\n                        statusText={'Passed'}\n                    />\n                </div>\n            )}\n        </div>\n    );\n};\n\nexport default CourseVerticalCard;\n"],"names":["MiniJobIcon","MiniTrophyIcon","MiniPuzzleIcon","LCSubtypes","React","CourseCardPlaceholder","CircleCheckButton","RoundedPill"],"mappings":"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"}
+{"version":3,"file":"CourseVerticalCard-554ff1b7.js","sources":["../../src/components/CourseVerticalCard/CourseVerticalCard.tsx"],"sourcesContent":["import React from 'react';\nimport { CourseCardVerticalProps } from '../../types';\nimport { CircleCheckButton } from '../CircleCheckButton';\nimport CourseCardPlaceholder from '../../assets/images/lhplaceholder.png';\nimport { RoundedPill } from '../RoundedPill';\nimport MiniTrophyIcon from '../../assets/images/minitrophy.svg';\nimport MiniJobIcon from '../../assets/images/minijob.svg';\nimport MiniPuzzleIcon from '../../assets/images/minipuzzle.svg';\nimport { LCSubtypes } from '../../types';\n\nconst TYPE_TO_COURSE_MINI_ICON: any = {\n    ['job']: MiniJobIcon,\n    ['achievement']: MiniTrophyIcon,\n    ['skill']: MiniPuzzleIcon,\n};\n\nconst TYPE_TO_COLOR: any = {\n    ['job']: 'bg-emerald-700',\n    ['achievement']: 'bg-spice-500',\n    ['skill']: 'bg-indigo-500',\n};\n\ntype CourseCardStatBubbleProps = {\n    count: number | string;\n    type: string;\n    className?: string;\n};\n\nconst CourseCardStatBubble: React.FC<CourseCardStatBubbleProps> = ({\n    count = 0,\n    type = LCSubtypes.job,\n    className,\n}) => {\n    const imgSrc = TYPE_TO_COURSE_MINI_ICON[type];\n    const bgColor = TYPE_TO_COLOR[type];\n\n    return (\n        <div\n            className={`course-card-stat-bubble px-[10px] rounded-[30px] flex ${bgColor} min-w-[48px] max-w-[80px] h-[30px] items-center ${className}`}\n        >\n            <img src={imgSrc} className=\"pr-[5px]\" />\n            <span className=\"flex items-center text-sm text-white\">{count}</span>\n        </div>\n    );\n};\n\nexport const CourseVerticalCard: React.FC<CourseCardVerticalProps> = ({\n    className,\n    title,\n    thumbImgSrc,\n    showStatus,\n    claimStatus = false,\n    achievementCount = 0,\n    skillCount = 0,\n    checked,\n    showChecked,\n    showSubCount,\n    onCheckClick,\n    onClick,\n}) => {\n    const claimBtnStatusType = claimStatus ? LCSubtypes.course : LCSubtypes.locked;\n\n    return (\n        <div\n            onClick={onClick}\n            className={`flex flex-col shadow-[0_0_8px_0px_rgba(0,0,0,0.2)] relative $ py-[8px] px-[8px] w-[190px] h-[265px] rounded-[20px] ${className}`}\n        >\n            <section\n                className={`relative flex h-[120px] flex-col justify-center items-center w-full rounded-[20px]`}\n            >\n                <img\n                    src={CourseCardPlaceholder}\n                    className=\"course-card-img h-full w-full object-cover rounded-[20px]\"\n                />\n\n                {showChecked && (\n                    <CircleCheckButton\n                        checked={checked}\n                        onClick={onCheckClick}\n                        className=\"absolute top-[5px] left-[5px]\"\n                    />\n                )}\n            </section>\n\n            <div className=\"course-card-detail-info flex flex-col justify-between\">\n                <p className=\"course-card-title text-sm text-center font-semibold line-clamp-2 mt-[4px]\">\n                    {title}\n                </p>\n                {showSubCount && (\n                    <div className=\"course-card-counts-container flex items-center justify-center my-[5px]\">\n                        <CourseCardStatBubble\n                            type={'achievement'}\n                            count={achievementCount}\n                            className={'mr-[5px]'}\n                        />\n                        <CourseCardStatBubble\n                            type={'skill'}\n                            count={skillCount}\n                            className={'mr-[0px]'}\n                        />\n                    </div>\n                )}\n            </div>\n            {showStatus && (\n                <div className=\"course-card-footer absolute bottom-[6px] left-[5px]\">\n                    <RoundedPill\n                        onClick={onClick}\n                        showCheckmark\n                        type={claimBtnStatusType}\n                        statusText={'Passed'}\n                    />\n                </div>\n            )}\n        </div>\n    );\n};\n\nexport default CourseVerticalCard;\n"],"names":["MiniJobIcon","MiniTrophyIcon","MiniPuzzleIcon","LCSubtypes","React","CourseCardPlaceholder","CircleCheckButton","RoundedPill"],"mappings":"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"}

package/dist/cjs/{FlippyCard-209549c5.js → FlippyCard-bf0fd493.js}

@@ -10,25 +10,12 @@ const FlippyCard = ({ children, flipState = "front" }) => {
   if ((children == null ? void 0 : children.length) > 3) {
     console.warn("More than two children passed into Flippy Card! \u{1F633}\u{1F633}\u{1F633} Picking first two...");
   }
-  if (!children)
-    return /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null);
+  if (!children) return /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null);
   const frontCard = children == null ? void 0 : children[0];
   const backCard = (children == null ? void 0 : children[1]) || (children == null ? void 0 : children[0]);
   const flipCardCSSClass = flipState === "front" ? "flippy-card" : "flippy-card is-flipped";
-  return /* @__PURE__ */ React__default["default"].createElement("div", {
-    "data-testid": "flippy-card-wrapper",
-    className: "flippy-wrapper-container"
-  }, /* @__PURE__ */ React__default["default"].createElement("div", {
-    "data-testid": "flippy-card",
-    className: flipCardCSSClass
-  }, /* @__PURE__ */ React__default["default"].createElement("section", {
-    "data-testid": "flippy-card-front",
-    className: "card-face card-face--front"
-  }, frontCard), /* @__PURE__ */ React__default["default"].createElement("section", {
-    "data-testid": "flippy-card-back",
-    className: "card-face card-face--back"
-  }, backCard)));
+  return /* @__PURE__ */ React__default["default"].createElement("div", { "data-testid": "flippy-card-wrapper", className: "flippy-wrapper-container" }, /* @__PURE__ */ React__default["default"].createElement("div", { "data-testid": "flippy-card", className: flipCardCSSClass }, /* @__PURE__ */ React__default["default"].createElement("section", { "data-testid": "flippy-card-front", className: "card-face card-face--front" }, frontCard), /* @__PURE__ */ React__default["default"].createElement("section", { "data-testid": "flippy-card-back", className: "card-face card-face--back" }, backCard)));
 };
 
 exports.FlippyCard = FlippyCard;
-//# sourceMappingURL=FlippyCard-209549c5.js.map
+//# sourceMappingURL=FlippyCard-bf0fd493.js.map

package/dist/cjs/{FlippyCard-209549c5.js.map → FlippyCard-bf0fd493.js.map}

@@ -1 +1 @@
-{"version":3,"file":"FlippyCard-209549c5.js","sources":["../../src/components/FlippyCard/FlippyCard.tsx"],"sourcesContent":["import React from 'react';\n\nexport type FlippyCardProps = {\n    children: React.ReactChild[];\n    flipState?: 'front' | 'back' | string;\n};\n\nexport const FlippyCard: React.FC<FlippyCardProps> = ({ children, flipState = 'front' }) => {\n    if (children?.length > 3) {\n        console.warn('More than two children passed into Flippy Card! 😳😳😳 Picking first two...');\n    }\n\n    if (!children) return <></>;\n\n    const frontCard = children?.[0] as React.ReactNode;\n    const backCard = (children?.[1] as React.ReactNode) || (children?.[0] as React.ReactNode);\n\n    const flipCardCSSClass = flipState === 'front' ? 'flippy-card' : 'flippy-card is-flipped';\n\n    return (\n        <div data-testid=\"flippy-card-wrapper\" className=\"flippy-wrapper-container\">\n            <div data-testid=\"flippy-card\" className={flipCardCSSClass}>\n                <section data-testid=\"flippy-card-front\" className=\"card-face card-face--front\">\n                    {frontCard}\n                </section>\n                <section data-testid=\"flippy-card-back\" className=\"card-face card-face--back\">\n                    {backCard}\n                </section>\n            </div>\n        </div>\n    );\n};\n\nexport default FlippyCard;\n"],"names":["React"],"mappings":";;;;;;;;AAOO,MAAM,aAAwC,CAAC,EAAE,QAAU,EAAA,SAAA,GAAY,SAAc,KAAA;AACxF,EAAI,IAAA,CAAA,QAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,QAAA,CAAU,UAAS,CAAG,EAAA;AACtB,IAAA,OAAA,CAAQ,KAAK,kGAA6E,CAAA,CAAA;AAAA,GAC9F;AAEA,EAAA,IAAI,CAAC,QAAA;AAAU,IAAA,uBAASA,yBAAA,CAAA,aAAA,CAAAA,yBAAA,CAAA,QAAA,EAAA,IAAA,CAAA,CAAA;AAExB,EAAA,MAAM,YAAY,QAAW,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,QAAA,CAAA,CAAA,CAAA,CAAA;AAC7B,EAAM,MAAA,QAAA,GAAA,CAAY,QAAW,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,QAAA,CAAA,CAAA,CAAA,MAA2B,QAAW,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,QAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAEnE,EAAM,MAAA,gBAAA,GAAmB,SAAc,KAAA,OAAA,GAAU,aAAgB,GAAA,wBAAA,CAAA;AAEjE,EAAA,uBACKA,yBAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IAAI,aAAY,EAAA,qBAAA;AAAA,IAAsB,SAAU,EAAA,0BAAA;AAAA,GAAA,kBAC5CA,yBAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IAAI,aAAY,EAAA,aAAA;AAAA,IAAc,SAAW,EAAA,gBAAA;AAAA,GAAA,kBACrCA,yBAAA,CAAA,aAAA,CAAA,SAAA,EAAA;AAAA,IAAQ,aAAY,EAAA,mBAAA;AAAA,IAAoB,SAAU,EAAA,4BAAA;AAAA,GAC9C,EAAA,SACL,mBACCA,yBAAA,CAAA,aAAA,CAAA,SAAA,EAAA;AAAA,IAAQ,aAAY,EAAA,kBAAA;AAAA,IAAmB,SAAU,EAAA,2BAAA;AAAA,GAC7C,EAAA,QACL,CACJ,CACJ,CAAA,CAAA;AAER;;;;"}
+{"version":3,"file":"FlippyCard-bf0fd493.js","sources":["../../src/components/FlippyCard/FlippyCard.tsx"],"sourcesContent":["import React from 'react';\n\nexport type FlippyCardProps = {\n    children: React.ReactChild[];\n    flipState?: 'front' | 'back' | string;\n};\n\nexport const FlippyCard: React.FC<FlippyCardProps> = ({ children, flipState = 'front' }) => {\n    if (children?.length > 3) {\n        console.warn('More than two children passed into Flippy Card! 😳😳😳 Picking first two...');\n    }\n\n    if (!children) return <></>;\n\n    const frontCard = children?.[0] as React.ReactNode;\n    const backCard = (children?.[1] as React.ReactNode) || (children?.[0] as React.ReactNode);\n\n    const flipCardCSSClass = flipState === 'front' ? 'flippy-card' : 'flippy-card is-flipped';\n\n    return (\n        <div data-testid=\"flippy-card-wrapper\" className=\"flippy-wrapper-container\">\n            <div data-testid=\"flippy-card\" className={flipCardCSSClass}>\n                <section data-testid=\"flippy-card-front\" className=\"card-face card-face--front\">\n                    {frontCard}\n                </section>\n                <section data-testid=\"flippy-card-back\" className=\"card-face card-face--back\">\n                    {backCard}\n                </section>\n            </div>\n        </div>\n    );\n};\n\nexport default FlippyCard;\n"],"names":["React"],"mappings":";;;;;;;;AAOO,MAAM,aAAwC,CAAC,EAAE,QAAU,EAAA,SAAA,GAAY,SAAc,KAAA;AACxF,EAAI,IAAA,CAAA,QAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,QAAA,CAAU,UAAS,CAAG,EAAA;AACtB,IAAA,OAAA,CAAQ,KAAK,kGAA6E,CAAA,CAAA;AAAA,GAC9F;AAEA,EAAI,IAAA,CAAC,QAAU,EAAA,uBAASA,yBAAA,CAAA,aAAA,CAAAA,yBAAA,CAAA,QAAA,EAAA,IAAA,CAAA,CAAA;AAExB,EAAA,MAAM,YAAY,QAAW,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,QAAA,CAAA,CAAA,CAAA,CAAA;AAC7B,EAAM,MAAA,QAAA,GAAA,CAAY,QAAW,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,QAAA,CAAA,CAAA,CAAA,MAA2B,QAAW,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,QAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAEnE,EAAM,MAAA,gBAAA,GAAmB,SAAc,KAAA,OAAA,GAAU,aAAgB,GAAA,wBAAA,CAAA;AAEjE,EAAA,uBACKA,yBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAI,aAAY,EAAA,qBAAA,EAAsB,SAAU,EAAA,0BAAA,EAAA,kBAC5CA,yBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAI,aAAY,EAAA,aAAA,EAAc,SAAW,EAAA,gBAAA,EAAA,kBACrCA,yBAAA,CAAA,aAAA,CAAA,SAAA,EAAA,EAAQ,aAAY,EAAA,mBAAA,EAAoB,SAAU,EAAA,4BAAA,EAAA,EAC9C,SACL,CAAA,kBACCA,yBAAA,CAAA,aAAA,CAAA,SAAA,EAAA,EAAQ,aAAY,EAAA,kBAAA,EAAmB,SAAU,EAAA,2BAAA,EAAA,EAC7C,QACL,CACJ,CACJ,CAAA,CAAA;AAER;;;;"}

package/dist/cjs/GenericArrow-5c392276.js

@@ -0,0 +1,34 @@
+'use strict';
+
+var React = require('react');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+const GenericArrow = ({ className = "", color = "#18224E", width = "20", height = "19" }) => {
+  return /* @__PURE__ */ React__default["default"].createElement(
+    "svg",
+    {
+      width,
+      className,
+      height,
+      viewBox: "0 0 12 19",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg"
+    },
+    /* @__PURE__ */ React__default["default"].createElement(
+      "path",
+      {
+        d: "M2.375 1.6875L10.1875 9.5L2.375 17.3125",
+        stroke: color,
+        strokeWidth: "3",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    )
+  );
+};
+
+exports.GenericArrow = GenericArrow;
+//# sourceMappingURL=GenericArrow-5c392276.js.map

package/dist/cjs/{GenericArrow-8dfb261d.js.map → GenericArrow-5c392276.js.map}

@@ -1 +1 @@
-{"version":3,"file":"GenericArrow-8dfb261d.js","sources":["../../src/components/svgs/GenericArrow.tsx"],"sourcesContent":["import React from 'react';\n\nexport const GenericArrow: React.FC<{\n    className?: string;\n    color?: string;\n    width?: string;\n    height?: string;\n}> = ({ className = '', color = '#18224E', width = '20', height = '19' }) => {\n    return (\n        <svg\n            width={width}\n            className={className}\n            height={height}\n            viewBox=\"0 0 12 19\"\n            fill=\"none\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n        >\n            <path\n                d=\"M2.375 1.6875L10.1875 9.5L2.375 17.3125\"\n                stroke={color}\n                strokeWidth=\"3\"\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n            />\n        </svg>\n    );\n};\n\nexport default GenericArrow;\n"],"names":["React"],"mappings":";;;;;;;;AAEa,MAAA,YAAA,GAKR,CAAC,EAAE,SAAY,GAAA,EAAA,EAAI,KAAQ,GAAA,SAAA,EAAW,KAAQ,GAAA,IAAA,EAAM,MAAS,GAAA,IAAA,EAAW,KAAA;AACzE,EAAA,uBACKA,yBAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IACG,KAAA;AAAA,IACA,SAAA;AAAA,IACA,MAAA;AAAA,IACA,OAAQ,EAAA,WAAA;AAAA,IACR,IAAK,EAAA,MAAA;AAAA,IACL,KAAM,EAAA,4BAAA;AAAA,GAAA,kBAELA,yBAAA,CAAA,aAAA,CAAA,MAAA,EAAA;AAAA,IACG,CAAE,EAAA,yCAAA;AAAA,IACF,MAAQ,EAAA,KAAA;AAAA,IACR,WAAY,EAAA,GAAA;AAAA,IACZ,aAAc,EAAA,OAAA;AAAA,IACd,cAAe,EAAA,OAAA;AAAA,GACnB,CACJ,CAAA,CAAA;AAER;;;;"}
+{"version":3,"file":"GenericArrow-5c392276.js","sources":["../../src/components/svgs/GenericArrow.tsx"],"sourcesContent":["import React from 'react';\n\nexport const GenericArrow: React.FC<{\n    className?: string;\n    color?: string;\n    width?: string;\n    height?: string;\n}> = ({ className = '', color = '#18224E', width = '20', height = '19' }) => {\n    return (\n        <svg\n            width={width}\n            className={className}\n            height={height}\n            viewBox=\"0 0 12 19\"\n            fill=\"none\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n        >\n            <path\n                d=\"M2.375 1.6875L10.1875 9.5L2.375 17.3125\"\n                stroke={color}\n                strokeWidth=\"3\"\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n            />\n        </svg>\n    );\n};\n\nexport default GenericArrow;\n"],"names":["React"],"mappings":";;;;;;;;AAEa,MAAA,YAAA,GAKR,CAAC,EAAE,SAAY,GAAA,EAAA,EAAI,KAAQ,GAAA,SAAA,EAAW,KAAQ,GAAA,IAAA,EAAM,MAAS,GAAA,IAAA,EAAW,KAAA;AACzE,EACI,uBAAAA,yBAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACG,KAAA;AAAA,MACA,SAAA;AAAA,MACA,MAAA;AAAA,MACA,OAAQ,EAAA,WAAA;AAAA,MACR,IAAK,EAAA,MAAA;AAAA,MACL,KAAM,EAAA,4BAAA;AAAA,KAAA;AAAA,oBAENA,yBAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACG,CAAE,EAAA,yCAAA;AAAA,QACF,MAAQ,EAAA,KAAA;AAAA,QACR,WAAY,EAAA,GAAA;AAAA,QACZ,aAAc,EAAA,OAAA;AAAA,QACd,cAAe,EAAA,OAAA;AAAA,OAAA;AAAA,KACnB;AAAA,GACJ,CAAA;AAER;;;;"}

package/dist/cjs/GenericCard-2b20ab4b.js

@@ -0,0 +1,66 @@
+'use strict';
+
+var React = require('react');
+var index$1 = require('./index-5488badc.js');
+var index = require('./index-ba659c28.js');
+var CircleCheckButton = require('./CircleCheckButton-f76e5b5d.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+const GenericCard = ({
+  title = "Title Lorem Ipsum",
+  thumbImgSrc,
+  customThumbClass = "",
+  customHeaderClass = "",
+  type = index$1.WalletCategoryTypes.achievements,
+  className,
+  onClick = () => {
+  },
+  showChecked,
+  checkStatus,
+  flipped
+}) => {
+  const thumbClass = index.TYPE_TO_WALLET_DARK_COLOR[type] ? `bg-${index.TYPE_TO_WALLET_DARK_COLOR[type]}` : "bg-grayscale-50";
+  const defaultThumbClass = `flex h-[110px] m-auto ${thumbClass} w-[140px] overflow-hidden flex-col justify-center items-center w-full rounded-[20px] ${customThumbClass}`;
+  const imgSrc = (thumbImgSrc == null ? void 0 : thumbImgSrc.trim()) !== "" ? thumbImgSrc : index.TYPE_TO_IMG_SRC[type];
+  const headerBgColor = index.TYPE_TO_WALLET_DARK_COLOR[type] ? `bg-${index.TYPE_TO_WALLET_DARK_COLOR[type]}` : "bg-grayscale-900";
+  const checkBtnClass = checkStatus ? "generic-vc-card checked" : "generic-vc-card unchecked";
+  const defaultHeaderClass = `flex generic-card-title w-full flex justify-center items-center  h-[76px] ${headerBgColor} ${customHeaderClass}`;
+  const flippedClass = flipped ? "flex-col-reverse" : "flex-col";
+  return /* @__PURE__ */ React__default["default"].createElement(
+    "div",
+    {
+      onClick,
+      className: `flex generic-display-card-simple bg-white ${flippedClass} shadow-[0_0_8px_0px_rgba(0,0,0,0.2)] relative $ py-[0px] px-[0px] w-[160px] h-[215px] rounded-[20px] overflow-hidden ${className}`
+    },
+    /* @__PURE__ */ React__default["default"].createElement("section", { className: defaultHeaderClass }, /* @__PURE__ */ React__default["default"].createElement("p", { className: "relative z-[100] text-[14px] px-[10px] py-[0px] font-bold mt-[10px] text-center text-white line-clamp-2" }, title)),
+    /* @__PURE__ */ React__default["default"].createElement("section", { className: defaultThumbClass }, thumbImgSrc && (thumbImgSrc == null ? void 0 : thumbImgSrc.trim()) !== "" && /* @__PURE__ */ React__default["default"].createElement(
+      "img",
+      {
+        className: "generic-display-card-img h-full w-full  w-[140px] h-[119px] rounded-[20px] object-cover overflow-hidden",
+        src: thumbImgSrc != null ? thumbImgSrc : "",
+        alt: "Credential Achievement Image"
+      }
+    ), (!thumbImgSrc || (thumbImgSrc == null ? void 0 : thumbImgSrc.trim()) === "") && /* @__PURE__ */ React__default["default"].createElement(
+      "img",
+      {
+        className: "max-w-[130px] w-full h-full p-[10px] object-contain",
+        src: imgSrc
+      }
+    )),
+    /* @__PURE__ */ React__default["default"].createElement("section", { className: "generic-card-footer" }),
+    showChecked && /* @__PURE__ */ React__default["default"].createElement("div", { className: "check-btn-overlay absolute top-[5px] left-[5px]" }, /* @__PURE__ */ React__default["default"].createElement(
+      CircleCheckButton.CircleCheckButton,
+      {
+        checked: checkStatus,
+        onClick,
+        className: checkBtnClass
+      }
+    ))
+  );
+};
+
+exports.GenericCard = GenericCard;
+//# sourceMappingURL=GenericCard-2b20ab4b.js.map

package/dist/cjs/{GenericCard-ad18c4c3.js.map → GenericCard-2b20ab4b.js.map}

@@ -1 +1 @@
-{"version":3,"file":"GenericCard-ad18c4c3.js","sources":["../../src/components/GenericCard/GenericCard.tsx"],"sourcesContent":["import React from 'react';\nimport { GenericCardProps, WalletCategoryTypes } from '../../types';\nimport { TYPE_TO_IMG_SRC, TYPE_TO_WALLET_DARK_COLOR } from '../../constants';\nimport { CircleCheckButton } from '../CircleCheckButton';\n\nexport const GenericCard: React.FC<GenericCardProps> = ({\n    title = 'Title Lorem Ipsum',\n    thumbImgSrc,\n    customThumbClass = '',\n    customHeaderClass = '',\n    type = WalletCategoryTypes.achievements,\n    className,\n    onClick = () => { },\n    showChecked,\n    checkStatus,\n    flipped,\n}) => {\n    const thumbClass = TYPE_TO_WALLET_DARK_COLOR[type]\n        ? `bg-${TYPE_TO_WALLET_DARK_COLOR[type]}`\n        : 'bg-grayscale-50';\n    const defaultThumbClass = `flex h-[110px] m-auto ${thumbClass} w-[140px] overflow-hidden flex-col justify-center items-center w-full rounded-[20px] ${customThumbClass}`;\n    const imgSrc = thumbImgSrc?.trim() !== '' ? thumbImgSrc : TYPE_TO_IMG_SRC[type];\n    const headerBgColor = TYPE_TO_WALLET_DARK_COLOR[type]\n        ? `bg-${TYPE_TO_WALLET_DARK_COLOR[type]}`\n        : 'bg-grayscale-900';\n    const checkBtnClass = checkStatus ? 'generic-vc-card checked' : 'generic-vc-card unchecked';\n    const defaultHeaderClass = `flex generic-card-title w-full flex justify-center items-center  h-[76px] ${headerBgColor} ${customHeaderClass}`;\n    const flippedClass = flipped ? 'flex-col-reverse' : 'flex-col';\n\n    return (\n        <div\n            onClick={onClick}\n            className={`flex generic-display-card-simple bg-white ${flippedClass} shadow-[0_0_8px_0px_rgba(0,0,0,0.2)] relative $ py-[0px] px-[0px] w-[160px] h-[215px] rounded-[20px] overflow-hidden ${className}`}\n        >\n            <section className={defaultHeaderClass}>\n                <p className=\"relative z-[100] text-[14px] px-[10px] py-[0px] font-bold mt-[10px] text-center text-white line-clamp-2\">\n                    {title}\n                </p>\n            </section>\n\n            <section className={defaultThumbClass}>\n                {thumbImgSrc && thumbImgSrc?.trim() !== '' && (\n                    <img\n                        className=\"generic-display-card-img h-full w-full  w-[140px] h-[119px] rounded-[20px] object-cover overflow-hidden\"\n                        src={thumbImgSrc ?? ''}\n                        alt=\"Credential Achievement Image\"\n                    />\n                )}\n                {(!thumbImgSrc || thumbImgSrc?.trim() === '') && (\n                    <img\n                        className=\"max-w-[130px] w-full h-full p-[10px] object-contain\"\n                        src={imgSrc}\n                    />\n                )}\n            </section>\n\n            <section className=\"generic-card-footer\"></section>\n            {showChecked && (\n                <div className=\"check-btn-overlay absolute top-[5px] left-[5px]\">\n                    <CircleCheckButton\n                        checked={checkStatus}\n                        onClick={onClick}\n                        className={checkBtnClass}\n                    />\n                </div>\n            )}\n        </div>\n    );\n};\n\nexport default GenericCard;\n"],"names":["WalletCategoryTypes","TYPE_TO_WALLET_DARK_COLOR","TYPE_TO_IMG_SRC","React","CircleCheckButton"],"mappings":"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"}
+{"version":3,"file":"GenericCard-2b20ab4b.js","sources":["../../src/components/GenericCard/GenericCard.tsx"],"sourcesContent":["import React from 'react';\nimport { GenericCardProps, WalletCategoryTypes } from '../../types';\nimport { TYPE_TO_IMG_SRC, TYPE_TO_WALLET_DARK_COLOR } from '../../constants';\nimport { CircleCheckButton } from '../CircleCheckButton';\n\nexport const GenericCard: React.FC<GenericCardProps> = ({\n    title = 'Title Lorem Ipsum',\n    thumbImgSrc,\n    customThumbClass = '',\n    customHeaderClass = '',\n    type = WalletCategoryTypes.achievements,\n    className,\n    onClick = () => { },\n    showChecked,\n    checkStatus,\n    flipped,\n}) => {\n    const thumbClass = TYPE_TO_WALLET_DARK_COLOR[type]\n        ? `bg-${TYPE_TO_WALLET_DARK_COLOR[type]}`\n        : 'bg-grayscale-50';\n    const defaultThumbClass = `flex h-[110px] m-auto ${thumbClass} w-[140px] overflow-hidden flex-col justify-center items-center w-full rounded-[20px] ${customThumbClass}`;\n    const imgSrc = thumbImgSrc?.trim() !== '' ? thumbImgSrc : TYPE_TO_IMG_SRC[type];\n    const headerBgColor = TYPE_TO_WALLET_DARK_COLOR[type]\n        ? `bg-${TYPE_TO_WALLET_DARK_COLOR[type]}`\n        : 'bg-grayscale-900';\n    const checkBtnClass = checkStatus ? 'generic-vc-card checked' : 'generic-vc-card unchecked';\n    const defaultHeaderClass = `flex generic-card-title w-full flex justify-center items-center  h-[76px] ${headerBgColor} ${customHeaderClass}`;\n    const flippedClass = flipped ? 'flex-col-reverse' : 'flex-col';\n\n    return (\n        <div\n            onClick={onClick}\n            className={`flex generic-display-card-simple bg-white ${flippedClass} shadow-[0_0_8px_0px_rgba(0,0,0,0.2)] relative $ py-[0px] px-[0px] w-[160px] h-[215px] rounded-[20px] overflow-hidden ${className}`}\n        >\n            <section className={defaultHeaderClass}>\n                <p className=\"relative z-[100] text-[14px] px-[10px] py-[0px] font-bold mt-[10px] text-center text-white line-clamp-2\">\n                    {title}\n                </p>\n            </section>\n\n            <section className={defaultThumbClass}>\n                {thumbImgSrc && thumbImgSrc?.trim() !== '' && (\n                    <img\n                        className=\"generic-display-card-img h-full w-full  w-[140px] h-[119px] rounded-[20px] object-cover overflow-hidden\"\n                        src={thumbImgSrc ?? ''}\n                        alt=\"Credential Achievement Image\"\n                    />\n                )}\n                {(!thumbImgSrc || thumbImgSrc?.trim() === '') && (\n                    <img\n                        className=\"max-w-[130px] w-full h-full p-[10px] object-contain\"\n                        src={imgSrc}\n                    />\n                )}\n            </section>\n\n            <section className=\"generic-card-footer\"></section>\n            {showChecked && (\n                <div className=\"check-btn-overlay absolute top-[5px] left-[5px]\">\n                    <CircleCheckButton\n                        checked={checkStatus}\n                        onClick={onClick}\n                        className={checkBtnClass}\n                    />\n                </div>\n            )}\n        </div>\n    );\n};\n\nexport default GenericCard;\n"],"names":["WalletCategoryTypes","TYPE_TO_WALLET_DARK_COLOR","TYPE_TO_IMG_SRC","React","CircleCheckButton"],"mappings":";;;;;;;;;;;AAKO,MAAM,cAA0C,CAAC;AAAA,EACpD,KAAQ,GAAA,mBAAA;AAAA,EACR,WAAA;AAAA,EACA,gBAAmB,GAAA,EAAA;AAAA,EACnB,iBAAoB,GAAA,EAAA;AAAA,EACpB,OAAOA,2BAAoB,CAAA,YAAA;AAAA,EAC3B,SAAA;AAAA,EACA,UAAU,MAAM;AAAA,GAAE;AAAA,EAClB,WAAA;AAAA,EACA,WAAA;AAAA,EACA,OAAA;AACJ,CAAM,KAAA;AACF,EAAM,MAAA,UAAA,GAAaC,gCAA0B,IAAI,CAAA,GAC3C,MAAMA,+BAA0B,CAAA,IAAI,CAAC,CACrC,CAAA,GAAA,iBAAA,CAAA;AACN,EAAA,MAAM,iBAAoB,GAAA,CAAA,sBAAA,EAAyB,UAAU,CAAA,sFAAA,EAAyF,gBAAgB,CAAA,CAAA,CAAA;AACtK,EAAA,MAAM,UAAS,WAAa,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,WAAA,CAAA,IAAA,EAAA,MAAW,EAAK,GAAA,WAAA,GAAcC,sBAAgB,IAAI,CAAA,CAAA;AAC9E,EAAM,MAAA,aAAA,GAAgBD,gCAA0B,IAAI,CAAA,GAC9C,MAAMA,+BAA0B,CAAA,IAAI,CAAC,CACrC,CAAA,GAAA,kBAAA,CAAA;AACN,EAAM,MAAA,aAAA,GAAgB,cAAc,yBAA4B,GAAA,2BAAA,CAAA;AAChE,EAAA,MAAM,kBAAqB,GAAA,CAAA,0EAAA,EAA6E,aAAa,CAAA,CAAA,EAAI,iBAAiB,CAAA,CAAA,CAAA;AAC1I,EAAM,MAAA,YAAA,GAAe,UAAU,kBAAqB,GAAA,UAAA,CAAA;AAEpD,EACI,uBAAAE,yBAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACG,OAAA;AAAA,MACA,SAAW,EAAA,CAAA,0CAAA,EAA6C,YAAY,CAAA,sHAAA,EAAyH,SAAS,CAAA,CAAA;AAAA,KAAA;AAAA,oBAEtMA,yBAAA,CAAA,aAAA,CAAC,aAAQ,SAAW,EAAA,kBAAA,EAAA,0DACf,GAAE,EAAA,EAAA,SAAA,EAAU,yGACR,EAAA,EAAA,KACL,CACJ,CAAA;AAAA,4DAEC,SAAQ,EAAA,EAAA,SAAA,EAAW,qBACf,WAAe,IAAA,CAAA,WAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,WAAA,CAAa,YAAW,EACpC,oBAAAA,yBAAA,CAAA,aAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACG,SAAU,EAAA,yGAAA;AAAA,QACV,KAAK,WAAe,IAAA,IAAA,GAAA,WAAA,GAAA,EAAA;AAAA,QACpB,GAAI,EAAA,8BAAA;AAAA,OAAA;AAAA,KAGV,EAAA,CAAA,CAAC,WAAe,IAAA,CAAA,WAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,WAAA,CAAa,YAAW,EACtC,qBAAAA,yBAAA,CAAA,aAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACG,SAAU,EAAA,qDAAA;AAAA,QACV,GAAK,EAAA,MAAA;AAAA,OAAA;AAAA,KAGjB,CAAA;AAAA,oBAEAA,yBAAA,CAAA,aAAA,CAAC,SAAQ,EAAA,EAAA,SAAA,EAAU,qBAAsB,EAAA,CAAA;AAAA,IACxC,WACG,oBAAAA,yBAAA,CAAA,aAAA,CAAC,KAAI,EAAA,EAAA,SAAA,EAAU,iDACX,EAAA,kBAAAA,yBAAA,CAAA,aAAA;AAAA,MAACC,mCAAA;AAAA,MAAA;AAAA,QACG,OAAS,EAAA,WAAA;AAAA,QACT,OAAA;AAAA,QACA,SAAW,EAAA,aAAA;AAAA,OAAA;AAAA,KAEnB,CAAA;AAAA,GAER,CAAA;AAER;;;;"}