@learncard/react 2.8.62 → 2.9.3

package/dist/cjs/SkillTabCard-efade17a.js

@@ -0,0 +1,44 @@
+'use strict';
+
+var React = require('react');
+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);
+
+const SkillTabCard = ({
+  title,
+  description,
+  checked = false,
+  showChecked,
+  onClick,
+  onCheckClicked,
+  showStatus = true,
+  className = "skill-tab-card"
+}) => {
+  const buttonClass = checked ? "skill-tab-check-toggle checked" : "skill-tab-check-toggle unchecked";
+  return /* @__PURE__ */ React__default["default"].createElement(
+    "div",
+    {
+      className: `flex-col flex justify-between items-center font-bold shadow-[0_0_8px_0px_rgba(0,0,0,0.2)] relative $ py-[8px] px-[8px] w-[190px] h-[168px] rounded-[20px] ${className}`
+    },
+    showChecked && /* @__PURE__ */ React__default["default"].createElement(
+      CircleCheckButton.CircleCheckButton,
+      {
+        onClick: onCheckClicked,
+        checked,
+        className: buttonClass,
+        bgColor: "bg-grayscale-200"
+      }
+    ),
+    /* @__PURE__ */ React__default["default"].createElement("h4", { className: "text-indigo-600 text-[14px] text-center line-clamp-2" }, title),
+    /* @__PURE__ */ React__default["default"].createElement("p", { className: "line-clamp-2 text-[12px] text-center" }, description),
+    /* @__PURE__ */ React__default["default"].createElement("div", null, showStatus && /* @__PURE__ */ React__default["default"].createElement(RoundedPill.RoundedPill, { type: index.LCSubtypes.skill, statusText: "Earned", onClick }))
+  );
+};
+
+exports.SkillTabCard = SkillTabCard;
+//# sourceMappingURL=SkillTabCard-efade17a.js.map

package/dist/cjs/{SkillTabCard-66677f3c.js.map → SkillTabCard-efade17a.js.map}

@@ -1 +1 @@
-{"version":3,"file":"SkillTabCard-66677f3c.js","sources":["../../src/components/SkillTabCard/SkillTabCard.tsx"],"sourcesContent":["import React from 'react';\nimport { RoundedPill } from '../RoundedPill';\nimport { LCSubtypes } from '../../types';\nimport { CircleCheckButton } from '../CircleCheckButton';\nimport { SkillTabCardProps } from '../../types';\n\nexport const SkillTabCard: React.FC<SkillTabCardProps> = ({\n    title,\n    description,\n    checked = false,\n    showChecked,\n    onClick,\n    onCheckClicked,\n    showStatus = true,\n    className = 'skill-tab-card',\n}) => {\n    const buttonClass = checked\n        ? 'skill-tab-check-toggle checked'\n        : 'skill-tab-check-toggle unchecked';\n    return (\n        <div\n            className={`flex-col flex justify-between items-center font-bold shadow-[0_0_8px_0px_rgba(0,0,0,0.2)] relative $ py-[8px] px-[8px] w-[190px] h-[168px] rounded-[20px] ${className}`}\n        >\n            {showChecked && (\n                <CircleCheckButton\n                    onClick={onCheckClicked}\n                    checked={checked}\n                    className={buttonClass}\n                    bgColor=\"bg-grayscale-200\"\n                />\n            )}\n            <h4 className=\"text-indigo-600 text-[14px] text-center line-clamp-2\">{title}</h4>\n            <p className=\"line-clamp-2 text-[12px] text-center\">{description}</p>\n\n            <div>\n                {showStatus && (\n                    <RoundedPill type={LCSubtypes.skill} statusText={'Earned'} onClick={onClick} />\n                )}\n            </div>\n        </div>\n    );\n};\n\nexport default SkillTabCard;\n"],"names":["React","CircleCheckButton","RoundedPill","LCSubtypes"],"mappings":";;;;;;;;;;;AAMO,MAAM,eAA4C,CAAC;AAAA,EACtD,KAAA;AAAA,EACA,WAAA;AAAA,EACA,OAAU,GAAA,KAAA;AAAA,EACV,WAAA;AAAA,EACA,OAAA;AAAA,EACA,cAAA;AAAA,EACA,UAAa,GAAA,IAAA;AAAA,EACb,SAAY,GAAA,gBAAA;AAChB,CAAM,KAAA;AACF,EAAM,MAAA,WAAA,GAAc,UACd,gCACA,GAAA,kCAAA,CAAA;AACN,EAAA,uBACKA,yBAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IACG,WAAW,CAA6J,0JAAA,EAAA,SAAA,CAAA,CAAA;AAAA,GAAA,EAEvK,+BACIA,yBAAA,CAAA,aAAA,CAAAC,mCAAA,EAAA;AAAA,IACG,OAAS,EAAA,cAAA;AAAA,IACT,OAAA;AAAA,IACA,SAAW,EAAA,WAAA;AAAA,IACX,OAAQ,EAAA,kBAAA;AAAA,GACZ,mBAEHD,yBAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,IAAG,SAAU,EAAA,sDAAA;AAAA,GAAwD,EAAA,KAAM,mBAC3EA,yBAAA,CAAA,aAAA,CAAA,GAAA,EAAA;AAAA,IAAE,SAAU,EAAA,sCAAA;AAAA,GAAA,EAAwC,WAAY,CAAA,kBAEhEA,yBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,IAAA,EACI,8BACIA,yBAAA,CAAA,aAAA,CAAAE,uBAAA,EAAA;AAAA,IAAY,MAAMC,gBAAW,CAAA,KAAA;AAAA,IAAO,UAAY,EAAA,QAAA;AAAA,IAAU,OAAA;AAAA,GAAkB,CAErF,CACJ,CAAA,CAAA;AAER;;;;"}
+{"version":3,"file":"SkillTabCard-efade17a.js","sources":["../../src/components/SkillTabCard/SkillTabCard.tsx"],"sourcesContent":["import React from 'react';\nimport { RoundedPill } from '../RoundedPill';\nimport { LCSubtypes } from '../../types';\nimport { CircleCheckButton } from '../CircleCheckButton';\nimport { SkillTabCardProps } from '../../types';\n\nexport const SkillTabCard: React.FC<SkillTabCardProps> = ({\n    title,\n    description,\n    checked = false,\n    showChecked,\n    onClick,\n    onCheckClicked,\n    showStatus = true,\n    className = 'skill-tab-card',\n}) => {\n    const buttonClass = checked\n        ? 'skill-tab-check-toggle checked'\n        : 'skill-tab-check-toggle unchecked';\n    return (\n        <div\n            className={`flex-col flex justify-between items-center font-bold shadow-[0_0_8px_0px_rgba(0,0,0,0.2)] relative $ py-[8px] px-[8px] w-[190px] h-[168px] rounded-[20px] ${className}`}\n        >\n            {showChecked && (\n                <CircleCheckButton\n                    onClick={onCheckClicked}\n                    checked={checked}\n                    className={buttonClass}\n                    bgColor=\"bg-grayscale-200\"\n                />\n            )}\n            <h4 className=\"text-indigo-600 text-[14px] text-center line-clamp-2\">{title}</h4>\n            <p className=\"line-clamp-2 text-[12px] text-center\">{description}</p>\n\n            <div>\n                {showStatus && (\n                    <RoundedPill type={LCSubtypes.skill} statusText={'Earned'} onClick={onClick} />\n                )}\n            </div>\n        </div>\n    );\n};\n\nexport default SkillTabCard;\n"],"names":["React","CircleCheckButton","RoundedPill","LCSubtypes"],"mappings":";;;;;;;;;;;AAMO,MAAM,eAA4C,CAAC;AAAA,EACtD,KAAA;AAAA,EACA,WAAA;AAAA,EACA,OAAU,GAAA,KAAA;AAAA,EACV,WAAA;AAAA,EACA,OAAA;AAAA,EACA,cAAA;AAAA,EACA,UAAa,GAAA,IAAA;AAAA,EACb,SAAY,GAAA,gBAAA;AAChB,CAAM,KAAA;AACF,EAAM,MAAA,WAAA,GAAc,UACd,gCACA,GAAA,kCAAA,CAAA;AACN,EACI,uBAAAA,yBAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACG,SAAA,EAAW,6JAA6J,SAAS,CAAA,CAAA;AAAA,KAAA;AAAA,IAEhL,WACG,oBAAAA,yBAAA,CAAA,aAAA;AAAA,MAACC,mCAAA;AAAA,MAAA;AAAA,QACG,OAAS,EAAA,cAAA;AAAA,QACT,OAAA;AAAA,QACA,SAAW,EAAA,WAAA;AAAA,QACX,OAAQ,EAAA,kBAAA;AAAA,OAAA;AAAA,KACZ;AAAA,oBAEHD,yBAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAG,SAAU,EAAA,sDAAA,EAAA,EAAwD,KAAM,CAAA;AAAA,oBAC3EA,yBAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EAAE,SAAU,EAAA,sCAAA,EAAA,EAAwC,WAAY,CAAA;AAAA,oBAEjEA,yBAAA,CAAA,aAAA,CAAC,KACI,EAAA,IAAA,EAAA,UAAA,oBACIA,yBAAA,CAAA,aAAA,CAAAE,uBAAA,EAAA,EAAY,IAAM,EAAAC,gBAAA,CAAW,KAAO,EAAA,UAAA,EAAY,QAAU,EAAA,OAAA,EAAkB,CAErF,CAAA;AAAA,GACJ,CAAA;AAER;;;;"}

package/dist/cjs/SkillVerticalCard-62e308b4.js

@@ -0,0 +1,37 @@
+'use strict';
+
+var React = require('react');
+var SkillPlaceholder = require('./skillplaceholder.png');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var SkillPlaceholder__default = /*#__PURE__*/_interopDefaultLegacy(SkillPlaceholder);
+
+const SkillVerticalCard = ({
+  title = "Creative Thinking",
+  thumbImg,
+  className,
+  onClick = () => {
+  }
+}) => {
+  const thumbSrc = thumbImg || SkillPlaceholder__default["default"];
+  return /* @__PURE__ */ React__default["default"].createElement(
+    "div",
+    {
+      onClick,
+      className: `flex-col 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: "flex skill-vert-card-title-container items-center bg-indigo-600 h-[76px] justify-center items-center" }, /* @__PURE__ */ React__default["default"].createElement("h3", { className: "text-[14px] font-semibold text-white" }, title)),
+    /* @__PURE__ */ React__default["default"].createElement("section", { className: "skill-vert-card-details my-[5px] flex items-center justify-center overflow-hidden pt-[5px]" }, /* @__PURE__ */ React__default["default"].createElement(
+      "img",
+      {
+        src: thumbSrc,
+        className: "skill-vert-thumb object-cover overflow-hidden w-[140px] h-[119px] rounded-[20px]"
+      }
+    ))
+  );
+};
+
+exports.SkillVerticalCard = SkillVerticalCard;
+//# sourceMappingURL=SkillVerticalCard-62e308b4.js.map

package/dist/cjs/{SkillVerticalCard-3eb3a8e9.js.map → SkillVerticalCard-62e308b4.js.map}

@@ -1 +1 @@
-{"version":3,"file":"SkillVerticalCard-3eb3a8e9.js","sources":["../../src/components/SkillVerticalCard/SkillVerticalCard.tsx"],"sourcesContent":["import React from 'react';\nimport { SkillVerticalCardProps } from '../../types';\nimport SkillPlaceholder from '../../assets/images/skillplaceholder.png';\n\nexport const SkillVerticalCard: React.FC<SkillVerticalCardProps> = ({\n    title = 'Creative Thinking',\n    thumbImg,\n    className,\n    onClick = () => {},\n}) => {\n    const thumbSrc = thumbImg || SkillPlaceholder;\n\n    return (\n        <div\n            onClick={onClick}\n            className={`flex-col 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=\"flex skill-vert-card-title-container items-center bg-indigo-600 h-[76px] justify-center items-center\">\n                <h3 className=\"text-[14px] font-semibold text-white\">{title}</h3>\n            </section>\n\n            <section className=\"skill-vert-card-details my-[5px] flex items-center justify-center overflow-hidden pt-[5px]\">\n                <img\n                    src={thumbSrc}\n                    className=\"skill-vert-thumb object-cover overflow-hidden w-[140px] h-[119px] rounded-[20px]\"\n                />\n            </section>\n        </div>\n    );\n};\n\nexport default SkillVerticalCard;\n"],"names":["SkillPlaceholder","React"],"mappings":";;;;;;;;;;AAIO,MAAM,oBAAsD,CAAC;AAAA,EAChE,KAAQ,GAAA,mBAAA;AAAA,EACR,QAAA;AAAA,EACA,SAAA;AAAA,EACA,UAAU,MAAM;AAAA,GAAC;AACrB,CAAM,KAAA;AACF,EAAA,MAAM,WAAW,QAAY,IAAAA,oCAAA,CAAA;AAE7B,EAAA,uBACKC,yBAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IACG,OAAA;AAAA,IACA,WAAW,CAAiI,8HAAA,EAAA,SAAA,CAAA,CAAA;AAAA,GAAA,kBAE3IA,yBAAA,CAAA,aAAA,CAAA,SAAA,EAAA;AAAA,IAAQ,SAAU,EAAA,sGAAA;AAAA,GAAA,kBACdA,yBAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,IAAG,SAAU,EAAA,sCAAA;AAAA,GAAwC,EAAA,KAAM,CAChE,CAAA,kBAECA,yBAAA,CAAA,aAAA,CAAA,SAAA,EAAA;AAAA,IAAQ,SAAU,EAAA,4FAAA;AAAA,GAAA,kBACdA,yBAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IACG,GAAK,EAAA,QAAA;AAAA,IACL,SAAU,EAAA,kFAAA;AAAA,GACd,CACJ,CACJ,CAAA,CAAA;AAER;;;;"}
+{"version":3,"file":"SkillVerticalCard-62e308b4.js","sources":["../../src/components/SkillVerticalCard/SkillVerticalCard.tsx"],"sourcesContent":["import React from 'react';\nimport { SkillVerticalCardProps } from '../../types';\nimport SkillPlaceholder from '../../assets/images/skillplaceholder.png';\n\nexport const SkillVerticalCard: React.FC<SkillVerticalCardProps> = ({\n    title = 'Creative Thinking',\n    thumbImg,\n    className,\n    onClick = () => {},\n}) => {\n    const thumbSrc = thumbImg || SkillPlaceholder;\n\n    return (\n        <div\n            onClick={onClick}\n            className={`flex-col 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=\"flex skill-vert-card-title-container items-center bg-indigo-600 h-[76px] justify-center items-center\">\n                <h3 className=\"text-[14px] font-semibold text-white\">{title}</h3>\n            </section>\n\n            <section className=\"skill-vert-card-details my-[5px] flex items-center justify-center overflow-hidden pt-[5px]\">\n                <img\n                    src={thumbSrc}\n                    className=\"skill-vert-thumb object-cover overflow-hidden w-[140px] h-[119px] rounded-[20px]\"\n                />\n            </section>\n        </div>\n    );\n};\n\nexport default SkillVerticalCard;\n"],"names":["SkillPlaceholder","React"],"mappings":";;;;;;;;;;AAIO,MAAM,oBAAsD,CAAC;AAAA,EAChE,KAAQ,GAAA,mBAAA;AAAA,EACR,QAAA;AAAA,EACA,SAAA;AAAA,EACA,UAAU,MAAM;AAAA,GAAC;AACrB,CAAM,KAAA;AACF,EAAA,MAAM,WAAW,QAAY,IAAAA,oCAAA,CAAA;AAE7B,EACI,uBAAAC,yBAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACG,OAAA;AAAA,MACA,SAAA,EAAW,iIAAiI,SAAS,CAAA,CAAA;AAAA,KAAA;AAAA,oBAErJA,yBAAA,CAAA,aAAA,CAAC,aAAQ,SAAU,EAAA,sGAAA,EAAA,0DACd,IAAG,EAAA,EAAA,SAAA,EAAU,sCAAwC,EAAA,EAAA,KAAM,CAChE,CAAA;AAAA,oBAEAA,yBAAA,CAAA,aAAA,CAAC,SAAQ,EAAA,EAAA,SAAA,EAAU,4FACf,EAAA,kBAAAA,yBAAA,CAAA,aAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACG,GAAK,EAAA,QAAA;AAAA,QACL,SAAU,EAAA,kFAAA;AAAA,OAAA;AAAA,KAElB,CAAA;AAAA,GACJ,CAAA;AAER;;;;"}

package/dist/cjs/SkillsCard-dae73a71.js

@@ -0,0 +1,57 @@
+'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 SkillsMeterSegment = ({
+  filled = false,
+  className,
+  skillColor = "bg-cyan-700"
+}) => {
+  const bgColor = filled ? skillColor : "bg-gray-200";
+  return /* @__PURE__ */ React__default["default"].createElement(
+    "div",
+    {
+      className: `skills-meter-segment h-[20px] w-full max-w-[27px] ${bgColor} mr-[5px] rounded-[5px]`
+    }
+  );
+};
+const SkillsCard = ({
+  count = 14,
+  title = "Creative Thinking",
+  level = "Expert",
+  category = "Creativity",
+  levelCount = 9,
+  skillColor = "bg-cyan-700",
+  className,
+  onClick = () => {
+  }
+}) => {
+  const renderSkillsMeter = () => {
+    const num = levelCount;
+    const skillMeter = [...Array(10).keys()].map((counter) => {
+      console.log("///counter", counter, "num", num);
+      const filled = counter < num;
+      return /* @__PURE__ */ React__default["default"].createElement(SkillsMeterSegment, { filled, key: counter, skillColor });
+    });
+    return skillMeter;
+  };
+  const skillsMeter = renderSkillsMeter();
+  return /* @__PURE__ */ React__default["default"].createElement(
+    "div",
+    {
+      onClick,
+      className: `flex-col shadow-[0_0_8px_0px_rgba(0,0,0,0.2)] relative $ py-[10px] px-[15px] max-w-[400px] h-[129px] rounded-[20px] ${className}`
+    },
+    /* @__PURE__ */ React__default["default"].createElement("section", { className: "flex skill-card-title-container items-center" }, /* @__PURE__ */ React__default["default"].createElement("div", { className: "flex items-center justify-center skill-count-display text-[20px] min-w-[30px] bg-grayscale-100 rounded-full px-[5px] mr-[8px]" }, count), /* @__PURE__ */ React__default["default"].createElement("h3", { className: "text-[17px] font-semibold" }, title)),
+    /* @__PURE__ */ React__default["default"].createElement("section", { className: "skill-card-details my-[5px]" }, /* @__PURE__ */ React__default["default"].createElement("p", { className: "text-sm text-gray-900 font-semibold" }, "Skill Level: ", level), /* @__PURE__ */ React__default["default"].createElement("p", { className: "text-sm text-gray-900 font-semibold" }, "Categories: ", category)),
+    /* @__PURE__ */ React__default["default"].createElement("section", { className: "flex w-full skill-meter-full mt-[8px]" }, skillsMeter)
+  );
+};
+
+exports.SkillsCard = SkillsCard;
+exports.SkillsMeterSegment = SkillsMeterSegment;
+//# sourceMappingURL=SkillsCard-dae73a71.js.map

package/dist/cjs/{SkillsCard-4b6dbb4f.js.map → SkillsCard-dae73a71.js.map}

@@ -1 +1 @@
-{"version":3,"file":"SkillsCard-4b6dbb4f.js","sources":["../../src/components/SkillsCard/SkillsCard.tsx"],"sourcesContent":["import React from 'react';\nimport { SkillsCardProps } from '../../types';\n\ntype SkillsMeterSegmentProps = {\n    filled?: boolean;\n    className?: string;\n    skillColor?: string;\n};\n\nexport const SkillsMeterSegment: React.FC<SkillsMeterSegmentProps> = ({\n    filled = false,\n    className,\n    skillColor = 'bg-cyan-700',\n}) => {\n    const bgColor = filled ? skillColor : 'bg-gray-200';\n    return (\n        <div\n            className={`skills-meter-segment h-[20px] w-full max-w-[27px] ${bgColor} mr-[5px] rounded-[5px]`}\n        ></div>\n    );\n};\n\nexport const SkillsCard: React.FC<SkillsCardProps> = ({\n    count = 14,\n    title = 'Creative Thinking',\n    level = 'Expert',\n    category = 'Creativity',\n    levelCount = 9,\n    skillColor = 'bg-cyan-700',\n    className,\n    onClick = () => {},\n}) => {\n    const renderSkillsMeter = () => {\n        const num = levelCount;\n        const skillMeter = [...Array(10).keys()].map(counter => {\n            console.log('///counter', counter, 'num', num);\n            const filled = counter < num;\n            return <SkillsMeterSegment filled={filled} key={counter} skillColor={skillColor} />;\n        });\n\n        return skillMeter;\n    };\n\n    const skillsMeter = renderSkillsMeter();\n\n    return (\n        <div\n            onClick={onClick}\n            className={`flex-col shadow-[0_0_8px_0px_rgba(0,0,0,0.2)] relative $ py-[10px] px-[15px] max-w-[400px] h-[129px] rounded-[20px] ${className}`}\n        >\n            <section className=\"flex skill-card-title-container items-center\">\n                <div className=\"flex items-center justify-center skill-count-display text-[20px] min-w-[30px] bg-grayscale-100 rounded-full px-[5px] mr-[8px]\">\n                    {count}\n                </div>\n                <h3 className=\"text-[17px] font-semibold\">{title}</h3>\n            </section>\n\n            <section className=\"skill-card-details my-[5px]\">\n                <p className=\"text-sm text-gray-900 font-semibold\">Skill Level: {level}</p>\n                <p className=\"text-sm text-gray-900 font-semibold\">Categories: {category}</p>\n            </section>\n\n            <section className=\"flex w-full skill-meter-full mt-[8px]\">{skillsMeter}</section>\n        </div>\n    );\n};\n\nexport default SkillsCard;\n"],"names":["React"],"mappings":";;;;;;;;AASO,MAAM,qBAAwD,CAAC;AAAA,EAClE,MAAS,GAAA,KAAA;AAAA,EACT,SAAA;AAAA,EACA,UAAa,GAAA,aAAA;AACjB,CAAM,KAAA;AACF,EAAM,MAAA,OAAA,GAAU,SAAS,UAAa,GAAA,aAAA,CAAA;AACtC,EAAA,uBACKA,yBAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IACG,WAAW,CAAqD,kDAAA,EAAA,OAAA,CAAA,uBAAA,CAAA;AAAA,GACnE,CAAA,CAAA;AAET,EAAA;AAEO,MAAM,aAAwC,CAAC;AAAA,EAClD,KAAQ,GAAA,EAAA;AAAA,EACR,KAAQ,GAAA,mBAAA;AAAA,EACR,KAAQ,GAAA,QAAA;AAAA,EACR,QAAW,GAAA,YAAA;AAAA,EACX,UAAa,GAAA,CAAA;AAAA,EACb,UAAa,GAAA,aAAA;AAAA,EACb,SAAA;AAAA,EACA,UAAU,MAAM;AAAA,GAAC;AACrB,CAAM,KAAA;AACF,EAAA,MAAM,oBAAoB,MAAM;AAC5B,IAAA,MAAM,GAAM,GAAA,UAAA,CAAA;AACZ,IAAM,MAAA,UAAA,GAAa,CAAC,GAAG,KAAM,CAAA,EAAE,EAAE,IAAK,EAAC,CAAE,CAAA,GAAA,CAAI,CAAW,OAAA,KAAA;AACpD,MAAA,OAAA,CAAQ,GAAI,CAAA,YAAA,EAAc,OAAS,EAAA,KAAA,EAAO,GAAG,CAAA,CAAA;AAC7C,MAAA,MAAM,SAAS,OAAU,GAAA,GAAA,CAAA;AACzB,MAAA,uBAAQA,yBAAA,CAAA,aAAA,CAAA,kBAAA,EAAA;AAAA,QAAmB,MAAA;AAAA,QAAgB,GAAK,EAAA,OAAA;AAAA,QAAS,UAAA;AAAA,OAAwB,CAAA,CAAA;AAAA,KACpF,CAAA,CAAA;AAED,IAAO,OAAA,UAAA,CAAA;AAAA,GACX,CAAA;AAEA,EAAA,MAAM,cAAc,iBAAkB,EAAA,CAAA;AAEtC,EAAA,uBACKA,yBAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IACG,OAAA;AAAA,IACA,WAAW,CAAuH,oHAAA,EAAA,SAAA,CAAA,CAAA;AAAA,GAAA,kBAEjIA,yBAAA,CAAA,aAAA,CAAA,SAAA,EAAA;AAAA,IAAQ,SAAU,EAAA,8CAAA;AAAA,GAAA,kBACdA,yBAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IAAI,SAAU,EAAA,+HAAA;AAAA,GACV,EAAA,KACL,mBACCA,yBAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,IAAG,SAAU,EAAA,2BAAA;AAAA,GAA6B,EAAA,KAAM,CACrD,CAAA,kBAECA,yBAAA,CAAA,aAAA,CAAA,SAAA,EAAA;AAAA,IAAQ,SAAU,EAAA,6BAAA;AAAA,GAAA,kBACdA,yBAAA,CAAA,aAAA,CAAA,GAAA,EAAA;AAAA,IAAE,SAAU,EAAA,qCAAA;AAAA,GAAsC,EAAA,eAAA,EAAc,KAAM,CAAA,kBACtEA,yBAAA,CAAA,aAAA,CAAA,GAAA,EAAA;AAAA,IAAE,SAAU,EAAA,qCAAA;AAAA,GAAA,EAAsC,cAAa,EAAA,QAAS,CAC7E,CAAA,kBAECA,yBAAA,CAAA,aAAA,CAAA,SAAA,EAAA;AAAA,IAAQ,SAAU,EAAA,uCAAA;AAAA,GAAA,EAAyC,WAAY,CAC5E,CAAA,CAAA;AAER;;;;;"}
+{"version":3,"file":"SkillsCard-dae73a71.js","sources":["../../src/components/SkillsCard/SkillsCard.tsx"],"sourcesContent":["import React from 'react';\nimport { SkillsCardProps } from '../../types';\n\ntype SkillsMeterSegmentProps = {\n    filled?: boolean;\n    className?: string;\n    skillColor?: string;\n};\n\nexport const SkillsMeterSegment: React.FC<SkillsMeterSegmentProps> = ({\n    filled = false,\n    className,\n    skillColor = 'bg-cyan-700',\n}) => {\n    const bgColor = filled ? skillColor : 'bg-gray-200';\n    return (\n        <div\n            className={`skills-meter-segment h-[20px] w-full max-w-[27px] ${bgColor} mr-[5px] rounded-[5px]`}\n        ></div>\n    );\n};\n\nexport const SkillsCard: React.FC<SkillsCardProps> = ({\n    count = 14,\n    title = 'Creative Thinking',\n    level = 'Expert',\n    category = 'Creativity',\n    levelCount = 9,\n    skillColor = 'bg-cyan-700',\n    className,\n    onClick = () => {},\n}) => {\n    const renderSkillsMeter = () => {\n        const num = levelCount;\n        const skillMeter = [...Array(10).keys()].map(counter => {\n            console.log('///counter', counter, 'num', num);\n            const filled = counter < num;\n            return <SkillsMeterSegment filled={filled} key={counter} skillColor={skillColor} />;\n        });\n\n        return skillMeter;\n    };\n\n    const skillsMeter = renderSkillsMeter();\n\n    return (\n        <div\n            onClick={onClick}\n            className={`flex-col shadow-[0_0_8px_0px_rgba(0,0,0,0.2)] relative $ py-[10px] px-[15px] max-w-[400px] h-[129px] rounded-[20px] ${className}`}\n        >\n            <section className=\"flex skill-card-title-container items-center\">\n                <div className=\"flex items-center justify-center skill-count-display text-[20px] min-w-[30px] bg-grayscale-100 rounded-full px-[5px] mr-[8px]\">\n                    {count}\n                </div>\n                <h3 className=\"text-[17px] font-semibold\">{title}</h3>\n            </section>\n\n            <section className=\"skill-card-details my-[5px]\">\n                <p className=\"text-sm text-gray-900 font-semibold\">Skill Level: {level}</p>\n                <p className=\"text-sm text-gray-900 font-semibold\">Categories: {category}</p>\n            </section>\n\n            <section className=\"flex w-full skill-meter-full mt-[8px]\">{skillsMeter}</section>\n        </div>\n    );\n};\n\nexport default SkillsCard;\n"],"names":["React"],"mappings":";;;;;;;;AASO,MAAM,qBAAwD,CAAC;AAAA,EAClE,MAAS,GAAA,KAAA;AAAA,EACT,SAAA;AAAA,EACA,UAAa,GAAA,aAAA;AACjB,CAAM,KAAA;AACF,EAAM,MAAA,OAAA,GAAU,SAAS,UAAa,GAAA,aAAA,CAAA;AACtC,EACI,uBAAAA,yBAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACG,SAAA,EAAW,qDAAqD,OAAO,CAAA,uBAAA,CAAA;AAAA,KAAA;AAAA,GAC1E,CAAA;AAET,EAAA;AAEO,MAAM,aAAwC,CAAC;AAAA,EAClD,KAAQ,GAAA,EAAA;AAAA,EACR,KAAQ,GAAA,mBAAA;AAAA,EACR,KAAQ,GAAA,QAAA;AAAA,EACR,QAAW,GAAA,YAAA;AAAA,EACX,UAAa,GAAA,CAAA;AAAA,EACb,UAAa,GAAA,aAAA;AAAA,EACb,SAAA;AAAA,EACA,UAAU,MAAM;AAAA,GAAC;AACrB,CAAM,KAAA;AACF,EAAA,MAAM,oBAAoB,MAAM;AAC5B,IAAA,MAAM,GAAM,GAAA,UAAA,CAAA;AACZ,IAAM,MAAA,UAAA,GAAa,CAAC,GAAG,KAAM,CAAA,EAAE,EAAE,IAAK,EAAC,CAAE,CAAA,GAAA,CAAI,CAAW,OAAA,KAAA;AACpD,MAAA,OAAA,CAAQ,GAAI,CAAA,YAAA,EAAc,OAAS,EAAA,KAAA,EAAO,GAAG,CAAA,CAAA;AAC7C,MAAA,MAAM,SAAS,OAAU,GAAA,GAAA,CAAA;AACzB,MAAA,uBAAQA,yBAAA,CAAA,aAAA,CAAA,kBAAA,EAAA,EAAmB,MAAgB,EAAA,GAAA,EAAK,SAAS,UAAwB,EAAA,CAAA,CAAA;AAAA,KACpF,CAAA,CAAA;AAED,IAAO,OAAA,UAAA,CAAA;AAAA,GACX,CAAA;AAEA,EAAA,MAAM,cAAc,iBAAkB,EAAA,CAAA;AAEtC,EACI,uBAAAA,yBAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACG,OAAA;AAAA,MACA,SAAA,EAAW,uHAAuH,SAAS,CAAA,CAAA;AAAA,KAAA;AAAA,oBAE1IA,yBAAA,CAAA,aAAA,CAAA,SAAA,EAAA,EAAQ,SAAU,EAAA,8CAAA,EAAA,0DACd,KAAI,EAAA,EAAA,SAAA,EAAU,+HACV,EAAA,EAAA,KACL,mBACCA,yBAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAG,SAAU,EAAA,2BAAA,EAAA,EAA6B,KAAM,CACrD,CAAA;AAAA,4DAEC,SAAQ,EAAA,EAAA,SAAA,EAAU,6BACf,EAAA,kBAAAA,yBAAA,CAAA,aAAA,CAAC,OAAE,SAAU,EAAA,qCAAA,EAAA,EAAsC,eAAc,EAAA,KAAM,mBACtEA,yBAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EAAE,WAAU,qCAAsC,EAAA,EAAA,cAAA,EAAa,QAAS,CAC7E,CAAA;AAAA,oBAECA,yBAAA,CAAA,aAAA,CAAA,SAAA,EAAA,EAAQ,SAAU,EAAA,uCAAA,EAAA,EAAyC,WAAY,CAAA;AAAA,GAC5E,CAAA;AAER;;;;;"}

package/dist/cjs/SkillsStatsCard-aeef796c.js

@@ -0,0 +1,57 @@
+'use strict';
+
+var React = require('react');
+var SkillGraphPlaceholder = require('./skillgraph.svg');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var SkillGraphPlaceholder__default = /*#__PURE__*/_interopDefaultLegacy(SkillGraphPlaceholder);
+
+const SkillStatListItemIndicator = ({
+  className = "bg-emerald-700"
+}) => {
+  return /* @__PURE__ */ React__default["default"].createElement(
+    "span",
+    {
+      className: `${className} skill-item-stat-indicator w-[10px] h-[10px] rounded-[3px] mr-[10px]`
+    }
+  );
+};
+const SkillStatListItem = ({ name, percent, className }) => {
+  const colorIndicator = /* @__PURE__ */ React__default["default"].createElement(SkillStatListItemIndicator, null);
+  return /* @__PURE__ */ React__default["default"].createElement("div", { className: "flex items-center justify-between px-[10px] skill-stat-list-item flex text-xs h-[20px] py-[5px] shadow-[0_1px_3px_rgba(0,0,0,0.3)] mt-[10px] rounded-[10px] text-grayscale-900 font-semibold" }, /* @__PURE__ */ React__default["default"].createElement("span", { className: "flex justify-center items-center" }, colorIndicator, name), /* @__PURE__ */ React__default["default"].createElement("span", null, percent, "%"));
+};
+const MoreSkillsListItem = ({ count, percent, className }) => {
+  const colorIndicator = /* @__PURE__ */ React__default["default"].createElement(SkillStatListItemIndicator, { className: "bg-grayscale-200" });
+  return /* @__PURE__ */ React__default["default"].createElement("div", { className: "flex items-center justify-between px-[10px] skill-stat-list-item flex text-xs h-[20px] py-[5px] shadow-[0_1px_3px_rgba(0,0,0,0.3)] mt-[10px] rounded-[10px] text-grayscale-900 font-semibold" }, /* @__PURE__ */ React__default["default"].createElement("span", { className: "flex justify-center items-center" }, colorIndicator, "+", count, " more"), /* @__PURE__ */ React__default["default"].createElement("span", null, percent, "%"));
+};
+const SkillsStatsCard = ({
+  totalCount = 0,
+  skills = [],
+  className,
+  onClick = () => {
+  }
+}) => {
+  const title = `${totalCount} Skill Categories`;
+  const showMore = (skills == null ? void 0 : skills.length) > 3;
+  const renderSkillsList = skills == null ? void 0 : skills.slice(0, 3).map((skill) => {
+    return /* @__PURE__ */ React__default["default"].createElement(SkillStatListItem, { name: skill == null ? void 0 : skill.name, percent: skill == null ? void 0 : skill.percent, key: skill == null ? void 0 : skill.name });
+  });
+  if (showMore) {
+    const otherLength = (skills == null ? void 0 : skills.length) - 3;
+    renderSkillsList == null ? void 0 : renderSkillsList.push(/* @__PURE__ */ React__default["default"].createElement(MoreSkillsListItem, { count: otherLength, percent: "27" }));
+  }
+  return /* @__PURE__ */ React__default["default"].createElement(
+    "div",
+    {
+      onClick,
+      className: `flex-col shadow-[0_0_8px_0px_rgba(0,0,0,0.2)] relative $ py-[10px] px-[15px] max-w-[400px] h-[199px] rounded-[20px] ${className}`
+    },
+    /* @__PURE__ */ React__default["default"].createElement("section", { className: "flex skill-stats-card-title-container items-center" }, /* @__PURE__ */ React__default["default"].createElement("h3", { className: "text-[17px] text-gray-900 font-bold" }, title)),
+    /* @__PURE__ */ React__default["default"].createElement("section", { className: "skill-stats-card-body my-[5px] flex items-center justify-between" }, /* @__PURE__ */ React__default["default"].createElement("img", { src: SkillGraphPlaceholder__default["default"], className: "skill-graph-container" }), /* @__PURE__ */ React__default["default"].createElement("div", { className: "skill-stat-list w-full  ml-[15px]" }, renderSkillsList))
+  );
+};
+
+exports.SkillsStatsCard = SkillsStatsCard;
+//# sourceMappingURL=SkillsStatsCard-aeef796c.js.map

package/dist/cjs/{SkillsStatsCard-97a35a88.js.map → SkillsStatsCard-aeef796c.js.map}

@@ -1 +1 @@
-{"version":3,"file":"SkillsStatsCard-97a35a88.js","sources":["../../src/components/SkillsStatsCard/SkillsStatsCard.tsx"],"sourcesContent":["import React from 'react';\nimport { SkillsStatsCardProps } from '../../types';\nimport SkillGraphPlaceholder from '../../assets/images/skillgraph.svg';\n\ntype SkillStatListItemProps = {\n    name?: string;\n    percent: string | number;\n    className?: string;\n};\n\ntype SkillStatListItemIndicatorProps = {\n    className?: string;\n};\n\ntype MoreSkillsListItemProps = {\n    count?: number | string;\n    percent?: string;\n    className?: string;\n};\n\nconst SkillStatListItemIndicator: React.FC<SkillStatListItemIndicatorProps> = ({\n    className = 'bg-emerald-700',\n}) => {\n    return (\n        <span\n            className={`${className} skill-item-stat-indicator w-[10px] h-[10px] rounded-[3px] mr-[10px]`}\n        ></span>\n    );\n};\n\nconst SkillStatListItem: React.FC<SkillStatListItemProps> = ({ name, percent, className }) => {\n    const colorIndicator = <SkillStatListItemIndicator />;\n    return (\n        <div className=\"flex items-center justify-between px-[10px] skill-stat-list-item flex text-xs h-[20px] py-[5px] shadow-[0_1px_3px_rgba(0,0,0,0.3)] mt-[10px] rounded-[10px] text-grayscale-900 font-semibold\">\n            <span className=\"flex justify-center items-center\">\n                {colorIndicator}\n                {name}\n            </span>\n            <span>{percent}%</span>\n        </div>\n    );\n};\n\nconst MoreSkillsListItem: React.FC<MoreSkillsListItemProps> = ({ count, percent, className }) => {\n    const colorIndicator = <SkillStatListItemIndicator className=\"bg-grayscale-200\" />;\n    return (\n        <div className=\"flex items-center justify-between px-[10px] skill-stat-list-item flex text-xs h-[20px] py-[5px] shadow-[0_1px_3px_rgba(0,0,0,0.3)] mt-[10px] rounded-[10px] text-grayscale-900 font-semibold\">\n            <span className=\"flex justify-center items-center\">\n                {colorIndicator}+{count} more\n            </span>\n            <span>{percent}%</span>\n        </div>\n    );\n};\n\nexport const SkillsStatsCard: React.FC<SkillsStatsCardProps> = ({\n    totalCount = 0,\n    skills = [],\n    className,\n    onClick = () => {},\n}) => {\n    const title = `${totalCount} Skill Categories`;\n\n    const showMore = skills?.length > 3;\n\n    const renderSkillsList = skills?.slice(0, 3).map(skill => {\n        return <SkillStatListItem name={skill?.name} percent={skill?.percent} key={skill?.name} />;\n    });\n\n    if (showMore) {\n        const otherLength = skills?.length - 3;\n        renderSkillsList?.push(<MoreSkillsListItem count={otherLength} percent={'27'} />);\n    }\n\n    return (\n        <div\n            onClick={onClick}\n            className={`flex-col shadow-[0_0_8px_0px_rgba(0,0,0,0.2)] relative $ py-[10px] px-[15px] max-w-[400px] h-[199px] rounded-[20px] ${className}`}\n        >\n            <section className=\"flex skill-stats-card-title-container items-center\">\n                <h3 className=\"text-[17px] text-gray-900 font-bold\">{title}</h3>\n            </section>\n\n            <section className=\"skill-stats-card-body my-[5px] flex items-center justify-between\">\n                <img src={SkillGraphPlaceholder} className=\"skill-graph-container\" />\n                <div className=\"skill-stat-list w-full  ml-[15px]\">{renderSkillsList}</div>\n            </section>\n        </div>\n    );\n};\n\nexport default SkillsStatsCard;\n"],"names":["React","SkillGraphPlaceholder"],"mappings":";;;;;;;;;;AAoBA,MAAM,6BAAwE,CAAC;AAAA,EAC3E,SAAY,GAAA,gBAAA;AAChB,CAAM,KAAA;AACF,EAAA,uBACKA,yBAAA,CAAA,aAAA,CAAA,MAAA,EAAA;AAAA,IACG,WAAW,CAAG,EAAA,SAAA,CAAA,oEAAA,CAAA;AAAA,GACjB,CAAA,CAAA;AAET,CAAA,CAAA;AAEA,MAAM,oBAAsD,CAAC,EAAE,IAAM,EAAA,OAAA,EAAS,WAAgB,KAAA;AAC1F,EAAM,MAAA,cAAA,2DAAkB,0BAA2B,EAAA,IAAA,CAAA,CAAA;AACnD,EAAA,uBACKA,yBAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IAAI,SAAU,EAAA,8LAAA;AAAA,GAAA,kBACVA,yBAAA,CAAA,aAAA,CAAA,MAAA,EAAA;AAAA,IAAK,SAAU,EAAA,kCAAA;AAAA,GAAA,EACX,gBACA,IACL,CAAA,0DACC,MAAM,EAAA,IAAA,EAAA,OAAA,EAAQ,GAAC,CACpB,CAAA,CAAA;AAER,CAAA,CAAA;AAEA,MAAM,qBAAwD,CAAC,EAAE,KAAO,EAAA,OAAA,EAAS,WAAgB,KAAA;AAC7F,EAAA,MAAM,iCAAkBA,yBAAA,CAAA,aAAA,CAAA,0BAAA,EAAA;AAAA,IAA2B,SAAU,EAAA,kBAAA;AAAA,GAAmB,CAAA,CAAA;AAChF,EAAA,uBACKA,yBAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IAAI,SAAU,EAAA,8LAAA;AAAA,GAAA,kBACVA,yBAAA,CAAA,aAAA,CAAA,MAAA,EAAA;AAAA,IAAK,SAAU,EAAA,kCAAA;AAAA,GACX,EAAA,cAAA,EAAe,KAAE,KAAM,EAAA,OAC5B,mBACCA,yBAAA,CAAA,aAAA,CAAA,MAAA,EAAA,IAAA,EAAM,OAAQ,EAAA,GAAC,CACpB,CAAA,CAAA;AAER,CAAA,CAAA;AAEO,MAAM,kBAAkD,CAAC;AAAA,EAC5D,UAAa,GAAA,CAAA;AAAA,EACb,SAAS,EAAC;AAAA,EACV,SAAA;AAAA,EACA,UAAU,MAAM;AAAA,GAAC;AACrB,CAAM,KAAA;AACF,EAAA,MAAM,QAAQ,CAAG,EAAA,UAAA,CAAA,iBAAA,CAAA,CAAA;AAEjB,EAAM,MAAA,QAAA,GAAA,CAAW,iCAAQ,MAAS,IAAA,CAAA,CAAA;AAElC,EAAA,MAAM,mBAAmB,MAAQ,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,MAAA,CAAA,KAAA,CAAM,CAAG,EAAA,CAAA,CAAA,CAAG,IAAI,CAAS,KAAA,KAAA;AACtD,IAAA,uBAAQA,yBAAA,CAAA,aAAA,CAAA,iBAAA,EAAA;AAAA,MAAkB,MAAM,KAAO,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,KAAA,CAAA,IAAA;AAAA,MAAM,SAAS,KAAO,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,KAAA,CAAA,OAAA;AAAA,MAAS,KAAK,KAAO,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,KAAA,CAAA,IAAA;AAAA,KAAM,CAAA,CAAA;AAAA,GAC5F,CAAA,CAAA;AAEA,EAAA,IAAI,QAAU,EAAA;AACV,IAAM,MAAA,WAAA,GAAA,CAAc,iCAAQ,MAAS,IAAA,CAAA,CAAA;AACrC,IAAA,gBAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,gBAAA,CAAkB,qBAAMA,yBAAA,CAAA,aAAA,CAAA,kBAAA,EAAA;AAAA,MAAmB,KAAO,EAAA,WAAA;AAAA,MAAa,OAAS,EAAA,IAAA;AAAA,KAAM,CAAA,CAAA,CAAA;AAAA,GAClF;AAEA,EAAA,uBACKA,yBAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IACG,OAAA;AAAA,IACA,WAAW,CAAuH,oHAAA,EAAA,SAAA,CAAA,CAAA;AAAA,GAAA,kBAEjIA,yBAAA,CAAA,aAAA,CAAA,SAAA,EAAA;AAAA,IAAQ,SAAU,EAAA,oDAAA;AAAA,GAAA,kBACdA,yBAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,IAAG,SAAU,EAAA,qCAAA;AAAA,GAAuC,EAAA,KAAM,CAC/D,CAAA,kBAECA,yBAAA,CAAA,aAAA,CAAA,SAAA,EAAA;AAAA,IAAQ,SAAU,EAAA,kEAAA;AAAA,GAAA,kBACdA,yBAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IAAI,GAAK,EAAAC,yCAAA;AAAA,IAAuB,SAAU,EAAA,uBAAA;AAAA,GAAwB,mBAClED,yBAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IAAI,SAAU,EAAA,mCAAA;AAAA,GAAqC,EAAA,gBAAiB,CACzE,CACJ,CAAA,CAAA;AAER;;;;"}
+{"version":3,"file":"SkillsStatsCard-aeef796c.js","sources":["../../src/components/SkillsStatsCard/SkillsStatsCard.tsx"],"sourcesContent":["import React from 'react';\nimport { SkillsStatsCardProps } from '../../types';\nimport SkillGraphPlaceholder from '../../assets/images/skillgraph.svg';\n\ntype SkillStatListItemProps = {\n    name?: string;\n    percent: string | number;\n    className?: string;\n};\n\ntype SkillStatListItemIndicatorProps = {\n    className?: string;\n};\n\ntype MoreSkillsListItemProps = {\n    count?: number | string;\n    percent?: string;\n    className?: string;\n};\n\nconst SkillStatListItemIndicator: React.FC<SkillStatListItemIndicatorProps> = ({\n    className = 'bg-emerald-700',\n}) => {\n    return (\n        <span\n            className={`${className} skill-item-stat-indicator w-[10px] h-[10px] rounded-[3px] mr-[10px]`}\n        ></span>\n    );\n};\n\nconst SkillStatListItem: React.FC<SkillStatListItemProps> = ({ name, percent, className }) => {\n    const colorIndicator = <SkillStatListItemIndicator />;\n    return (\n        <div className=\"flex items-center justify-between px-[10px] skill-stat-list-item flex text-xs h-[20px] py-[5px] shadow-[0_1px_3px_rgba(0,0,0,0.3)] mt-[10px] rounded-[10px] text-grayscale-900 font-semibold\">\n            <span className=\"flex justify-center items-center\">\n                {colorIndicator}\n                {name}\n            </span>\n            <span>{percent}%</span>\n        </div>\n    );\n};\n\nconst MoreSkillsListItem: React.FC<MoreSkillsListItemProps> = ({ count, percent, className }) => {\n    const colorIndicator = <SkillStatListItemIndicator className=\"bg-grayscale-200\" />;\n    return (\n        <div className=\"flex items-center justify-between px-[10px] skill-stat-list-item flex text-xs h-[20px] py-[5px] shadow-[0_1px_3px_rgba(0,0,0,0.3)] mt-[10px] rounded-[10px] text-grayscale-900 font-semibold\">\n            <span className=\"flex justify-center items-center\">\n                {colorIndicator}+{count} more\n            </span>\n            <span>{percent}%</span>\n        </div>\n    );\n};\n\nexport const SkillsStatsCard: React.FC<SkillsStatsCardProps> = ({\n    totalCount = 0,\n    skills = [],\n    className,\n    onClick = () => {},\n}) => {\n    const title = `${totalCount} Skill Categories`;\n\n    const showMore = skills?.length > 3;\n\n    const renderSkillsList = skills?.slice(0, 3).map(skill => {\n        return <SkillStatListItem name={skill?.name} percent={skill?.percent} key={skill?.name} />;\n    });\n\n    if (showMore) {\n        const otherLength = skills?.length - 3;\n        renderSkillsList?.push(<MoreSkillsListItem count={otherLength} percent={'27'} />);\n    }\n\n    return (\n        <div\n            onClick={onClick}\n            className={`flex-col shadow-[0_0_8px_0px_rgba(0,0,0,0.2)] relative $ py-[10px] px-[15px] max-w-[400px] h-[199px] rounded-[20px] ${className}`}\n        >\n            <section className=\"flex skill-stats-card-title-container items-center\">\n                <h3 className=\"text-[17px] text-gray-900 font-bold\">{title}</h3>\n            </section>\n\n            <section className=\"skill-stats-card-body my-[5px] flex items-center justify-between\">\n                <img src={SkillGraphPlaceholder} className=\"skill-graph-container\" />\n                <div className=\"skill-stat-list w-full  ml-[15px]\">{renderSkillsList}</div>\n            </section>\n        </div>\n    );\n};\n\nexport default SkillsStatsCard;\n"],"names":["React","SkillGraphPlaceholder"],"mappings":"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"}

package/dist/cjs/SmallAchievementCard-d22a4d25.js

@@ -0,0 +1,53 @@
+'use strict';
+
+var React = require('react');
+var Trophy = require('./Trophy-9758f0cf.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+const SmallAchievementCard = ({
+  title = "Title Lorem Ipsum",
+  thumbImgSrc,
+  date = "Apr 20, 2022",
+  showStatus = false,
+  onClick = () => {
+  }
+}) => {
+  const thumbClass = thumbImgSrc ? "bg-grayscale-50" : "bg-indigo-200";
+  return /* @__PURE__ */ React__default["default"].createElement(
+    "button",
+    {
+      onClick,
+      className: `flex-col shadow-[0_0_8px_0px_rgba(0,0,0,0.2)] relative $ py-[8px] px-[8px] w-[160px] h-[209px] rounded-[20px] rounded-square-card-container`
+    },
+    /* @__PURE__ */ React__default["default"].createElement(
+      "section",
+      {
+        className: `flex h-[110px] ${thumbClass} flex-col justify-center items-center w-full rounded-[20px]`
+      },
+      thumbImgSrc && /* @__PURE__ */ React__default["default"].createElement(
+        "img",
+        {
+          className: "h-full w-full object-contain",
+          src: thumbImgSrc != null ? thumbImgSrc : "",
+          alt: "Credential Achievement Image"
+        }
+      ),
+      (!thumbImgSrc || thumbImgSrc === "") && /* @__PURE__ */ React__default["default"].createElement(
+        Trophy.Trophy,
+        {
+          className: "achievement-placeholder-trophy flex p-[15px]",
+          color: "#ffffff"
+        }
+      )
+    ),
+    /* @__PURE__ */ React__default["default"].createElement("section", { className: "achievement-title w-full flex justify-center line-clamp-2" }, /* @__PURE__ */ React__default["default"].createElement("p", { className: "text-sm text-grayscale-900 font-bold mt-[10px] text-center" }, title)),
+    /* @__PURE__ */ React__default["default"].createElement("p", { className: "achievement-card-date mt-[5px] text-grayscale-500 text-[12px] w-full text-center" }, date),
+    /* @__PURE__ */ React__default["default"].createElement("section", { className: "achievement-card-footer" })
+  );
+};
+
+exports.SmallAchievementCard = SmallAchievementCard;
+//# sourceMappingURL=SmallAchievementCard-d22a4d25.js.map

package/dist/cjs/{SmallAchievementCard-a1fa862b.js.map → SmallAchievementCard-d22a4d25.js.map}

@@ -1 +1 @@
-{"version":3,"file":"SmallAchievementCard-a1fa862b.js","sources":["../../src/components/SmallAchievementCard/SmallAchievementCard.tsx"],"sourcesContent":["import React from 'react';\nimport { SmallAchievementCardProps } from '../../types';\nimport { RoundedPill } from '../RoundedPill';\nimport { Trophy } from '../svgs';\n\nexport const SmallAchievementCard: React.FC<SmallAchievementCardProps> = ({\n    title = 'Title Lorem Ipsum',\n    thumbImgSrc,\n    date = 'Apr 20, 2022',\n    showStatus = false,\n    onClick = () => {},\n}) => {\n    const thumbClass = thumbImgSrc ? 'bg-grayscale-50' : 'bg-indigo-200';\n    return (\n        <button\n            onClick={onClick}\n            className={`flex-col shadow-[0_0_8px_0px_rgba(0,0,0,0.2)] relative $ py-[8px] px-[8px] w-[160px] h-[209px] rounded-[20px] rounded-square-card-container`}\n        >\n            <section\n                className={`flex h-[110px] ${thumbClass} flex-col justify-center items-center w-full rounded-[20px]`}\n            >\n                {thumbImgSrc && (\n                    <img\n                        className=\"h-full w-full object-contain\"\n                        src={thumbImgSrc ?? ''}\n                        alt=\"Credential Achievement Image\"\n                    />\n                )}\n                {(!thumbImgSrc || thumbImgSrc === '') && (\n                    <Trophy\n                        className=\"achievement-placeholder-trophy flex p-[15px]\"\n                        color=\"#ffffff\"\n                    />\n                )}\n            </section>\n\n            <section className=\"achievement-title w-full flex justify-center line-clamp-2\">\n                <p className=\"text-sm text-grayscale-900 font-bold mt-[10px] text-center\">\n                    {title}\n                </p>\n            </section>\n            <p className=\"achievement-card-date mt-[5px] text-grayscale-500 text-[12px] w-full text-center\">\n                {date}\n            </p>\n            <section className=\"achievement-card-footer\"></section>\n        </button>\n    );\n};\n\nexport default SmallAchievementCard;\n"],"names":["React","Trophy"],"mappings":";;;;;;;;;AAKO,MAAM,uBAA4D,CAAC;AAAA,EACtE,KAAQ,GAAA,mBAAA;AAAA,EACR,WAAA;AAAA,EACA,IAAO,GAAA,cAAA;AAAA,EACP,UAAa,GAAA,KAAA;AAAA,EACb,UAAU,MAAM;AAAA,GAAC;AACrB,CAAM,KAAA;AACF,EAAM,MAAA,UAAA,GAAa,cAAc,iBAAoB,GAAA,eAAA,CAAA;AACrD,EAAA,uBACKA,yBAAA,CAAA,aAAA,CAAA,QAAA,EAAA;AAAA,IACG,OAAA;AAAA,IACA,SAAW,EAAA,CAAA,2IAAA,CAAA;AAAA,GAAA,kBAEVA,yBAAA,CAAA,aAAA,CAAA,SAAA,EAAA;AAAA,IACG,WAAW,CAAkB,eAAA,EAAA,UAAA,CAAA,2DAAA,CAAA;AAAA,GAAA,EAE5B,+BACIA,yBAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IACG,SAAU,EAAA,8BAAA;AAAA,IACV,KAAK,WAAe,IAAA,IAAA,GAAA,WAAA,GAAA,EAAA;AAAA,IACpB,GAAI,EAAA,8BAAA;AAAA,GACR,CAEF,EAAA,CAAA,CAAC,WAAe,IAAA,WAAA,KAAgB,uBAC7BA,yBAAA,CAAA,aAAA,CAAAC,aAAA,EAAA;AAAA,IACG,SAAU,EAAA,8CAAA;AAAA,IACV,KAAM,EAAA,SAAA;AAAA,GACV,CAER,mBAECD,yBAAA,CAAA,aAAA,CAAA,SAAA,EAAA;AAAA,IAAQ,SAAU,EAAA,2DAAA;AAAA,GAAA,kBACdA,yBAAA,CAAA,aAAA,CAAA,GAAA,EAAA;AAAA,IAAE,SAAU,EAAA,4DAAA;AAAA,GACR,EAAA,KACL,CACJ,CAAA,kBACCA,yBAAA,CAAA,aAAA,CAAA,GAAA,EAAA;AAAA,IAAE,SAAU,EAAA,kFAAA;AAAA,GACR,EAAA,IACL,mBACCA,yBAAA,CAAA,aAAA,CAAA,SAAA,EAAA;AAAA,IAAQ,SAAU,EAAA,yBAAA;AAAA,GAA0B,CACjD,CAAA,CAAA;AAER;;;;"}
+{"version":3,"file":"SmallAchievementCard-d22a4d25.js","sources":["../../src/components/SmallAchievementCard/SmallAchievementCard.tsx"],"sourcesContent":["import React from 'react';\nimport { SmallAchievementCardProps } from '../../types';\nimport { RoundedPill } from '../RoundedPill';\nimport { Trophy } from '../svgs';\n\nexport const SmallAchievementCard: React.FC<SmallAchievementCardProps> = ({\n    title = 'Title Lorem Ipsum',\n    thumbImgSrc,\n    date = 'Apr 20, 2022',\n    showStatus = false,\n    onClick = () => {},\n}) => {\n    const thumbClass = thumbImgSrc ? 'bg-grayscale-50' : 'bg-indigo-200';\n    return (\n        <button\n            onClick={onClick}\n            className={`flex-col shadow-[0_0_8px_0px_rgba(0,0,0,0.2)] relative $ py-[8px] px-[8px] w-[160px] h-[209px] rounded-[20px] rounded-square-card-container`}\n        >\n            <section\n                className={`flex h-[110px] ${thumbClass} flex-col justify-center items-center w-full rounded-[20px]`}\n            >\n                {thumbImgSrc && (\n                    <img\n                        className=\"h-full w-full object-contain\"\n                        src={thumbImgSrc ?? ''}\n                        alt=\"Credential Achievement Image\"\n                    />\n                )}\n                {(!thumbImgSrc || thumbImgSrc === '') && (\n                    <Trophy\n                        className=\"achievement-placeholder-trophy flex p-[15px]\"\n                        color=\"#ffffff\"\n                    />\n                )}\n            </section>\n\n            <section className=\"achievement-title w-full flex justify-center line-clamp-2\">\n                <p className=\"text-sm text-grayscale-900 font-bold mt-[10px] text-center\">\n                    {title}\n                </p>\n            </section>\n            <p className=\"achievement-card-date mt-[5px] text-grayscale-500 text-[12px] w-full text-center\">\n                {date}\n            </p>\n            <section className=\"achievement-card-footer\"></section>\n        </button>\n    );\n};\n\nexport default SmallAchievementCard;\n"],"names":["React","Trophy"],"mappings":";;;;;;;;;AAKO,MAAM,uBAA4D,CAAC;AAAA,EACtE,KAAQ,GAAA,mBAAA;AAAA,EACR,WAAA;AAAA,EACA,IAAO,GAAA,cAAA;AAAA,EACP,UAAa,GAAA,KAAA;AAAA,EACb,UAAU,MAAM;AAAA,GAAC;AACrB,CAAM,KAAA;AACF,EAAM,MAAA,UAAA,GAAa,cAAc,iBAAoB,GAAA,eAAA,CAAA;AACrD,EACI,uBAAAA,yBAAA,CAAA,aAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACG,OAAA;AAAA,MACA,SAAW,EAAA,CAAA,2IAAA,CAAA;AAAA,KAAA;AAAA,oBAEXA,yBAAA,CAAA,aAAA;AAAA,MAAC,SAAA;AAAA,MAAA;AAAA,QACG,SAAA,EAAW,kBAAkB,UAAU,CAAA,2DAAA,CAAA;AAAA,OAAA;AAAA,MAEtC,WACG,oBAAAA,yBAAA,CAAA,aAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACG,SAAU,EAAA,8BAAA;AAAA,UACV,KAAK,WAAe,IAAA,IAAA,GAAA,WAAA,GAAA,EAAA;AAAA,UACpB,GAAI,EAAA,8BAAA;AAAA,SAAA;AAAA,OACR;AAAA,MAEF,CAAA,CAAC,WAAe,IAAA,WAAA,KAAgB,EAC9B,qBAAAA,yBAAA,CAAA,aAAA;AAAA,QAACC,aAAA;AAAA,QAAA;AAAA,UACG,SAAU,EAAA,8CAAA;AAAA,UACV,KAAM,EAAA,SAAA;AAAA,SAAA;AAAA,OACV;AAAA,KAER;AAAA,oBAEAD,yBAAA,CAAA,aAAA,CAAC,aAAQ,SAAU,EAAA,2DAAA,EAAA,0DACd,GAAE,EAAA,EAAA,SAAA,EAAU,4DACR,EAAA,EAAA,KACL,CACJ,CAAA;AAAA,oBACCA,yBAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EAAE,SAAU,EAAA,kFAAA,EAAA,EACR,IACL,CAAA;AAAA,oBACAA,yBAAA,CAAA,aAAA,CAAC,SAAQ,EAAA,EAAA,SAAA,EAAU,yBAA0B,EAAA,CAAA;AAAA,GACjD,CAAA;AAER;;;;"}

package/dist/cjs/ThreeDotVertical-dda0e747.js

@@ -0,0 +1,57 @@
+'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 ThreeDotVertical = ({ className }) => {
+  return /* @__PURE__ */ React__default["default"].createElement(
+    "svg",
+    {
+      width: "20",
+      height: "20",
+      viewBox: "0 0 20 20",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className
+    },
+    /* @__PURE__ */ React__default["default"].createElement(
+      "path",
+      {
+        d: "M8.4375 10C8.4375 10.8629 9.13706 11.5625 10 11.5625C10.8629 11.5625 11.5625 10.8629 11.5625 10C11.5625 9.13706 10.8629 8.4375 10 8.4375C9.13706 8.4375 8.4375 9.13705 8.4375 10Z",
+        fill: "#6F7590",
+        stroke: "#6F7590",
+        strokeWidth: "2",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    ),
+    /* @__PURE__ */ React__default["default"].createElement(
+      "path",
+      {
+        d: "M8.4375 16.25C8.4375 17.1129 9.13706 17.8125 10 17.8125C10.8629 17.8125 11.5625 17.1129 11.5625 16.25C11.5625 15.3871 10.8629 14.6875 10 14.6875C9.13706 14.6875 8.4375 15.3871 8.4375 16.25Z",
+        fill: "#6F7590",
+        stroke: "#6F7590",
+        strokeWidth: "2",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    ),
+    /* @__PURE__ */ React__default["default"].createElement(
+      "path",
+      {
+        d: "M8.4375 3.75C8.4375 4.61294 9.13706 5.3125 10 5.3125C10.8629 5.3125 11.5625 4.61294 11.5625 3.75C11.5625 2.88706 10.8629 2.1875 10 2.1875C9.13706 2.1875 8.4375 2.88705 8.4375 3.75Z",
+        fill: "#6F7590",
+        stroke: "#6F7590",
+        strokeWidth: "2",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    )
+  );
+};
+
+exports.ThreeDotVertical = ThreeDotVertical;
+//# sourceMappingURL=ThreeDotVertical-dda0e747.js.map

package/dist/cjs/{ThreeDotVertical-1d221fc8.js.map → ThreeDotVertical-dda0e747.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ThreeDotVertical-1d221fc8.js","sources":["../../src/components/svgs/ThreeDotVertical.tsx"],"sourcesContent":["import React from 'react';\n\nexport const ThreeDotVertical = ({ className }: { className?: string }) => {\n    return (\n        <svg\n            width=\"20\"\n            height=\"20\"\n            viewBox=\"0 0 20 20\"\n            fill=\"none\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            className={className}\n        >\n            <path\n                d=\"M8.4375 10C8.4375 10.8629 9.13706 11.5625 10 11.5625C10.8629 11.5625 11.5625 10.8629 11.5625 10C11.5625 9.13706 10.8629 8.4375 10 8.4375C9.13706 8.4375 8.4375 9.13705 8.4375 10Z\"\n                fill=\"#6F7590\"\n                stroke=\"#6F7590\"\n                strokeWidth=\"2\"\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n            />\n            <path\n                d=\"M8.4375 16.25C8.4375 17.1129 9.13706 17.8125 10 17.8125C10.8629 17.8125 11.5625 17.1129 11.5625 16.25C11.5625 15.3871 10.8629 14.6875 10 14.6875C9.13706 14.6875 8.4375 15.3871 8.4375 16.25Z\"\n                fill=\"#6F7590\"\n                stroke=\"#6F7590\"\n                strokeWidth=\"2\"\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n            />\n            <path\n                d=\"M8.4375 3.75C8.4375 4.61294 9.13706 5.3125 10 5.3125C10.8629 5.3125 11.5625 4.61294 11.5625 3.75C11.5625 2.88706 10.8629 2.1875 10 2.1875C9.13706 2.1875 8.4375 2.88705 8.4375 3.75Z\"\n                fill=\"#6F7590\"\n                stroke=\"#6F7590\"\n                strokeWidth=\"2\"\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n            />\n        </svg>\n    );\n};\n\nexport default ThreeDotVertical;\n"],"names":["React"],"mappings":";;;;;;;;AAEO,MAAM,gBAAmB,GAAA,CAAC,EAAE,SAAA,EAAwC,KAAA;AACvE,EAAA,uBACKA,yBAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IACG,KAAM,EAAA,IAAA;AAAA,IACN,MAAO,EAAA,IAAA;AAAA,IACP,OAAQ,EAAA,WAAA;AAAA,IACR,IAAK,EAAA,MAAA;AAAA,IACL,KAAM,EAAA,4BAAA;AAAA,IACN,SAAA;AAAA,GAAA,kBAECA,yBAAA,CAAA,aAAA,CAAA,MAAA,EAAA;AAAA,IACG,CAAE,EAAA,mLAAA;AAAA,IACF,IAAK,EAAA,SAAA;AAAA,IACL,MAAO,EAAA,SAAA;AAAA,IACP,WAAY,EAAA,GAAA;AAAA,IACZ,aAAc,EAAA,OAAA;AAAA,IACd,cAAe,EAAA,OAAA;AAAA,GACnB,mBACCA,yBAAA,CAAA,aAAA,CAAA,MAAA,EAAA;AAAA,IACG,CAAE,EAAA,+LAAA;AAAA,IACF,IAAK,EAAA,SAAA;AAAA,IACL,MAAO,EAAA,SAAA;AAAA,IACP,WAAY,EAAA,GAAA;AAAA,IACZ,aAAc,EAAA,OAAA;AAAA,IACd,cAAe,EAAA,OAAA;AAAA,GACnB,mBACCA,yBAAA,CAAA,aAAA,CAAA,MAAA,EAAA;AAAA,IACG,CAAE,EAAA,sLAAA;AAAA,IACF,IAAK,EAAA,SAAA;AAAA,IACL,MAAO,EAAA,SAAA;AAAA,IACP,WAAY,EAAA,GAAA;AAAA,IACZ,aAAc,EAAA,OAAA;AAAA,IACd,cAAe,EAAA,OAAA;AAAA,GACnB,CACJ,CAAA,CAAA;AAER;;;;"}
+{"version":3,"file":"ThreeDotVertical-dda0e747.js","sources":["../../src/components/svgs/ThreeDotVertical.tsx"],"sourcesContent":["import React from 'react';\n\nexport const ThreeDotVertical = ({ className }: { className?: string }) => {\n    return (\n        <svg\n            width=\"20\"\n            height=\"20\"\n            viewBox=\"0 0 20 20\"\n            fill=\"none\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            className={className}\n        >\n            <path\n                d=\"M8.4375 10C8.4375 10.8629 9.13706 11.5625 10 11.5625C10.8629 11.5625 11.5625 10.8629 11.5625 10C11.5625 9.13706 10.8629 8.4375 10 8.4375C9.13706 8.4375 8.4375 9.13705 8.4375 10Z\"\n                fill=\"#6F7590\"\n                stroke=\"#6F7590\"\n                strokeWidth=\"2\"\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n            />\n            <path\n                d=\"M8.4375 16.25C8.4375 17.1129 9.13706 17.8125 10 17.8125C10.8629 17.8125 11.5625 17.1129 11.5625 16.25C11.5625 15.3871 10.8629 14.6875 10 14.6875C9.13706 14.6875 8.4375 15.3871 8.4375 16.25Z\"\n                fill=\"#6F7590\"\n                stroke=\"#6F7590\"\n                strokeWidth=\"2\"\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n            />\n            <path\n                d=\"M8.4375 3.75C8.4375 4.61294 9.13706 5.3125 10 5.3125C10.8629 5.3125 11.5625 4.61294 11.5625 3.75C11.5625 2.88706 10.8629 2.1875 10 2.1875C9.13706 2.1875 8.4375 2.88705 8.4375 3.75Z\"\n                fill=\"#6F7590\"\n                stroke=\"#6F7590\"\n                strokeWidth=\"2\"\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n            />\n        </svg>\n    );\n};\n\nexport default ThreeDotVertical;\n"],"names":["React"],"mappings":";;;;;;;;AAEO,MAAM,gBAAmB,GAAA,CAAC,EAAE,SAAA,EAAwC,KAAA;AACvE,EACI,uBAAAA,yBAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACG,KAAM,EAAA,IAAA;AAAA,MACN,MAAO,EAAA,IAAA;AAAA,MACP,OAAQ,EAAA,WAAA;AAAA,MACR,IAAK,EAAA,MAAA;AAAA,MACL,KAAM,EAAA,4BAAA;AAAA,MACN,SAAA;AAAA,KAAA;AAAA,oBAEAA,yBAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACG,CAAE,EAAA,mLAAA;AAAA,QACF,IAAK,EAAA,SAAA;AAAA,QACL,MAAO,EAAA,SAAA;AAAA,QACP,WAAY,EAAA,GAAA;AAAA,QACZ,aAAc,EAAA,OAAA;AAAA,QACd,cAAe,EAAA,OAAA;AAAA,OAAA;AAAA,KACnB;AAAA,oBACAA,yBAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACG,CAAE,EAAA,+LAAA;AAAA,QACF,IAAK,EAAA,SAAA;AAAA,QACL,MAAO,EAAA,SAAA;AAAA,QACP,WAAY,EAAA,GAAA;AAAA,QACZ,aAAc,EAAA,OAAA;AAAA,QACd,cAAe,EAAA,OAAA;AAAA,OAAA;AAAA,KACnB;AAAA,oBACAA,yBAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACG,CAAE,EAAA,sLAAA;AAAA,QACF,IAAK,EAAA,SAAA;AAAA,QACL,MAAO,EAAA,SAAA;AAAA,QACP,WAAY,EAAA,GAAA;AAAA,QACZ,aAAc,EAAA,OAAA;AAAA,QACd,cAAe,EAAA,OAAA;AAAA,OAAA;AAAA,KACnB;AAAA,GACJ,CAAA;AAER;;;;"}

package/dist/cjs/Trophy-9758f0cf.js

@@ -0,0 +1,35 @@
+'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 Trophy = ({
+  className = "",
+  color = "currentColor",
+  size = ""
+}) => {
+  return /* @__PURE__ */ React__default["default"].createElement(
+    "svg",
+    {
+      height: size,
+      width: size,
+      viewBox: "0 0 31 30",
+      fill: "none",
+      className,
+      "data-testid": "achievement-icon"
+    },
+    /* @__PURE__ */ React__default["default"].createElement(
+      "path",
+      {
+        d: "M26.75 5H23V3.75C23 3.41848 22.8683 3.10054 22.6339 2.86612C22.3995 2.6317 22.0815 2.5 21.75 2.5H9.25C8.91848 2.5 8.60054 2.6317 8.36612 2.86612C8.1317 3.10054 8 3.41848 8 3.75V5H4.25C3.91848 5 3.60054 5.1317 3.36612 5.36612C3.1317 5.60054 3 5.91848 3 6.25V10C3 11.3261 3.52678 12.5979 4.46447 13.5355C5.40215 14.4732 6.67392 15 8 15H9.925C11.0557 16.2614 12.5801 17.1029 14.25 17.3875V20H13C12.0054 20 11.0516 20.3951 10.3483 21.0983C9.64509 21.8016 9.25 22.7554 9.25 23.75V26.25C9.25 26.5815 9.3817 26.8995 9.61612 27.1339C9.85054 27.3683 10.1685 27.5 10.5 27.5H20.5C20.8315 27.5 21.1495 27.3683 21.3839 27.1339C21.6183 26.8995 21.75 26.5815 21.75 26.25V23.75C21.75 22.7554 21.3549 21.8016 20.6517 21.0983C19.9484 20.3951 18.9946 20 18 20H16.75V17.3875C18.4199 17.1029 19.9443 16.2614 21.075 15H23C24.3261 15 25.5979 14.4732 26.5355 13.5355C27.4732 12.5979 28 11.3261 28 10V6.25C28 5.91848 27.8683 5.60054 27.6339 5.36612C27.3995 5.1317 27.0815 5 26.75 5V5ZM8 12.5C7.33696 12.5 6.70107 12.2366 6.23223 11.7678C5.76339 11.2989 5.5 10.663 5.5 10V7.5H8V10C8.00275 10.8521 8.1507 11.6976 8.4375 12.5H8ZM18 22.5C18.3315 22.5 18.6495 22.6317 18.8839 22.8661C19.1183 23.1005 19.25 23.4185 19.25 23.75V25H11.75V23.75C11.75 23.4185 11.8817 23.1005 12.1161 22.8661C12.3505 22.6317 12.6685 22.5 13 22.5H18ZM20.5 10C20.5 11.3261 19.9732 12.5979 19.0355 13.5355C18.0979 14.4732 16.8261 15 15.5 15C14.1739 15 12.9021 14.4732 11.9645 13.5355C11.0268 12.5979 10.5 11.3261 10.5 10V5H20.5V10ZM25.5 10C25.5 10.663 25.2366 11.2989 24.7678 11.7678C24.2989 12.2366 23.663 12.5 23 12.5H22.5625C22.8493 11.6976 22.9972 10.8521 23 10V7.5H25.5V10Z",
+        fill: color
+      }
+    )
+  );
+};
+
+exports.Trophy = Trophy;
+//# sourceMappingURL=Trophy-9758f0cf.js.map

package/dist/cjs/{Trophy-3d323be3.js.map → Trophy-9758f0cf.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Trophy-3d323be3.js","sources":["../../src/components/svgs/Trophy.tsx"],"sourcesContent":["import React from 'react';\n\nexport const Trophy: React.FC<{ className?: string; color?: string; size?: string }> = ({\n    className = '',\n    color = 'currentColor',\n    size = '',\n}) => {\n    return (\n        <svg\n            height={size}\n            width={size}\n            viewBox=\"0 0 31 30\"\n            fill=\"none\"\n            className={className}\n            data-testid=\"achievement-icon\"\n        >\n            <path\n                d=\"M26.75 5H23V3.75C23 3.41848 22.8683 3.10054 22.6339 2.86612C22.3995 2.6317 22.0815 2.5 21.75 2.5H9.25C8.91848 2.5 8.60054 2.6317 8.36612 2.86612C8.1317 3.10054 8 3.41848 8 3.75V5H4.25C3.91848 5 3.60054 5.1317 3.36612 5.36612C3.1317 5.60054 3 5.91848 3 6.25V10C3 11.3261 3.52678 12.5979 4.46447 13.5355C5.40215 14.4732 6.67392 15 8 15H9.925C11.0557 16.2614 12.5801 17.1029 14.25 17.3875V20H13C12.0054 20 11.0516 20.3951 10.3483 21.0983C9.64509 21.8016 9.25 22.7554 9.25 23.75V26.25C9.25 26.5815 9.3817 26.8995 9.61612 27.1339C9.85054 27.3683 10.1685 27.5 10.5 27.5H20.5C20.8315 27.5 21.1495 27.3683 21.3839 27.1339C21.6183 26.8995 21.75 26.5815 21.75 26.25V23.75C21.75 22.7554 21.3549 21.8016 20.6517 21.0983C19.9484 20.3951 18.9946 20 18 20H16.75V17.3875C18.4199 17.1029 19.9443 16.2614 21.075 15H23C24.3261 15 25.5979 14.4732 26.5355 13.5355C27.4732 12.5979 28 11.3261 28 10V6.25C28 5.91848 27.8683 5.60054 27.6339 5.36612C27.3995 5.1317 27.0815 5 26.75 5V5ZM8 12.5C7.33696 12.5 6.70107 12.2366 6.23223 11.7678C5.76339 11.2989 5.5 10.663 5.5 10V7.5H8V10C8.00275 10.8521 8.1507 11.6976 8.4375 12.5H8ZM18 22.5C18.3315 22.5 18.6495 22.6317 18.8839 22.8661C19.1183 23.1005 19.25 23.4185 19.25 23.75V25H11.75V23.75C11.75 23.4185 11.8817 23.1005 12.1161 22.8661C12.3505 22.6317 12.6685 22.5 13 22.5H18ZM20.5 10C20.5 11.3261 19.9732 12.5979 19.0355 13.5355C18.0979 14.4732 16.8261 15 15.5 15C14.1739 15 12.9021 14.4732 11.9645 13.5355C11.0268 12.5979 10.5 11.3261 10.5 10V5H20.5V10ZM25.5 10C25.5 10.663 25.2366 11.2989 24.7678 11.7678C24.2989 12.2366 23.663 12.5 23 12.5H22.5625C22.8493 11.6976 22.9972 10.8521 23 10V7.5H25.5V10Z\"\n                fill={color}\n            />\n        </svg>\n    );\n};\n\nexport default Trophy;\n"],"names":["React"],"mappings":";;;;;;;;AAEO,MAAM,SAA0E,CAAC;AAAA,EACpF,SAAY,GAAA,EAAA;AAAA,EACZ,KAAQ,GAAA,cAAA;AAAA,EACR,IAAO,GAAA,EAAA;AACX,CAAM,KAAA;AACF,EAAA,uBACKA,yBAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IACG,MAAQ,EAAA,IAAA;AAAA,IACR,KAAO,EAAA,IAAA;AAAA,IACP,OAAQ,EAAA,WAAA;AAAA,IACR,IAAK,EAAA,MAAA;AAAA,IACL,SAAA;AAAA,IACA,aAAY,EAAA,kBAAA;AAAA,GAAA,kBAEXA,yBAAA,CAAA,aAAA,CAAA,MAAA,EAAA;AAAA,IACG,CAAE,EAAA,ylDAAA;AAAA,IACF,IAAM,EAAA,KAAA;AAAA,GACV,CACJ,CAAA,CAAA;AAER;;;;"}
+{"version":3,"file":"Trophy-9758f0cf.js","sources":["../../src/components/svgs/Trophy.tsx"],"sourcesContent":["import React from 'react';\n\nexport const Trophy: React.FC<{ className?: string; color?: string; size?: string }> = ({\n    className = '',\n    color = 'currentColor',\n    size = '',\n}) => {\n    return (\n        <svg\n            height={size}\n            width={size}\n            viewBox=\"0 0 31 30\"\n            fill=\"none\"\n            className={className}\n            data-testid=\"achievement-icon\"\n        >\n            <path\n                d=\"M26.75 5H23V3.75C23 3.41848 22.8683 3.10054 22.6339 2.86612C22.3995 2.6317 22.0815 2.5 21.75 2.5H9.25C8.91848 2.5 8.60054 2.6317 8.36612 2.86612C8.1317 3.10054 8 3.41848 8 3.75V5H4.25C3.91848 5 3.60054 5.1317 3.36612 5.36612C3.1317 5.60054 3 5.91848 3 6.25V10C3 11.3261 3.52678 12.5979 4.46447 13.5355C5.40215 14.4732 6.67392 15 8 15H9.925C11.0557 16.2614 12.5801 17.1029 14.25 17.3875V20H13C12.0054 20 11.0516 20.3951 10.3483 21.0983C9.64509 21.8016 9.25 22.7554 9.25 23.75V26.25C9.25 26.5815 9.3817 26.8995 9.61612 27.1339C9.85054 27.3683 10.1685 27.5 10.5 27.5H20.5C20.8315 27.5 21.1495 27.3683 21.3839 27.1339C21.6183 26.8995 21.75 26.5815 21.75 26.25V23.75C21.75 22.7554 21.3549 21.8016 20.6517 21.0983C19.9484 20.3951 18.9946 20 18 20H16.75V17.3875C18.4199 17.1029 19.9443 16.2614 21.075 15H23C24.3261 15 25.5979 14.4732 26.5355 13.5355C27.4732 12.5979 28 11.3261 28 10V6.25C28 5.91848 27.8683 5.60054 27.6339 5.36612C27.3995 5.1317 27.0815 5 26.75 5V5ZM8 12.5C7.33696 12.5 6.70107 12.2366 6.23223 11.7678C5.76339 11.2989 5.5 10.663 5.5 10V7.5H8V10C8.00275 10.8521 8.1507 11.6976 8.4375 12.5H8ZM18 22.5C18.3315 22.5 18.6495 22.6317 18.8839 22.8661C19.1183 23.1005 19.25 23.4185 19.25 23.75V25H11.75V23.75C11.75 23.4185 11.8817 23.1005 12.1161 22.8661C12.3505 22.6317 12.6685 22.5 13 22.5H18ZM20.5 10C20.5 11.3261 19.9732 12.5979 19.0355 13.5355C18.0979 14.4732 16.8261 15 15.5 15C14.1739 15 12.9021 14.4732 11.9645 13.5355C11.0268 12.5979 10.5 11.3261 10.5 10V5H20.5V10ZM25.5 10C25.5 10.663 25.2366 11.2989 24.7678 11.7678C24.2989 12.2366 23.663 12.5 23 12.5H22.5625C22.8493 11.6976 22.9972 10.8521 23 10V7.5H25.5V10Z\"\n                fill={color}\n            />\n        </svg>\n    );\n};\n\nexport default Trophy;\n"],"names":["React"],"mappings":";;;;;;;;AAEO,MAAM,SAA0E,CAAC;AAAA,EACpF,SAAY,GAAA,EAAA;AAAA,EACZ,KAAQ,GAAA,cAAA;AAAA,EACR,IAAO,GAAA,EAAA;AACX,CAAM,KAAA;AACF,EACI,uBAAAA,yBAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACG,MAAQ,EAAA,IAAA;AAAA,MACR,KAAO,EAAA,IAAA;AAAA,MACP,OAAQ,EAAA,WAAA;AAAA,MACR,IAAK,EAAA,MAAA;AAAA,MACL,SAAA;AAAA,MACA,aAAY,EAAA,kBAAA;AAAA,KAAA;AAAA,oBAEZA,yBAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACG,CAAE,EAAA,ylDAAA;AAAA,QACF,IAAM,EAAA,KAAA;AAAA,OAAA;AAAA,KACV;AAAA,GACJ,CAAA;AAER;;;;"}