@learncard/react 2.8.62 → 2.9.3

package/dist/esm/SkillTabCard-f2edb3fc.js

@@ -0,0 +1,38 @@
+import React from 'react';
+import { L as LCSubtypes } from './index-28917993.js';
+import { C as CircleCheckButton } from './CircleCheckButton-23a9c7d4.js';
+import { R as RoundedPill } from './RoundedPill-50279e5d.js';
+
+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.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.createElement(
+      CircleCheckButton,
+      {
+        onClick: onCheckClicked,
+        checked,
+        className: buttonClass,
+        bgColor: "bg-grayscale-200"
+      }
+    ),
+    /* @__PURE__ */ React.createElement("h4", { className: "text-indigo-600 text-[14px] text-center line-clamp-2" }, title),
+    /* @__PURE__ */ React.createElement("p", { className: "line-clamp-2 text-[12px] text-center" }, description),
+    /* @__PURE__ */ React.createElement("div", null, showStatus && /* @__PURE__ */ React.createElement(RoundedPill, { type: LCSubtypes.skill, statusText: "Earned", onClick }))
+  );
+};
+
+export { SkillTabCard as S };
+//# sourceMappingURL=SkillTabCard-f2edb3fc.js.map

package/dist/esm/{SkillTabCard-cfe117a2.js.map → SkillTabCard-f2edb3fc.js.map}

@@ -1 +1 @@
-{"version":3,"file":"SkillTabCard-cfe117a2.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":[],"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,uBACK,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IACG,WAAW,CAA6J,0JAAA,EAAA,SAAA,CAAA,CAAA;AAAA,GAAA,EAEvK,+BACI,KAAA,CAAA,aAAA,CAAA,iBAAA,EAAA;AAAA,IACG,OAAS,EAAA,cAAA;AAAA,IACT,OAAA;AAAA,IACA,SAAW,EAAA,WAAA;AAAA,IACX,OAAQ,EAAA,kBAAA;AAAA,GACZ,mBAEH,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,IAAG,SAAU,EAAA,sDAAA;AAAA,GAAwD,EAAA,KAAM,mBAC3E,KAAA,CAAA,aAAA,CAAA,GAAA,EAAA;AAAA,IAAE,SAAU,EAAA,sCAAA;AAAA,GAAA,EAAwC,WAAY,CAAA,kBAEhE,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,IAAA,EACI,8BACI,KAAA,CAAA,aAAA,CAAA,WAAA,EAAA;AAAA,IAAY,MAAM,UAAW,CAAA,KAAA;AAAA,IAAO,UAAY,EAAA,QAAA;AAAA,IAAU,OAAA;AAAA,GAAkB,CAErF,CACJ,CAAA,CAAA;AAER;;;;"}
+{"version":3,"file":"SkillTabCard-f2edb3fc.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":[],"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,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACG,SAAA,EAAW,6JAA6J,SAAS,CAAA,CAAA;AAAA,KAAA;AAAA,IAEhL,WACG,oBAAA,KAAA,CAAA,aAAA;AAAA,MAAC,iBAAA;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,oBAEH,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAG,SAAU,EAAA,sDAAA,EAAA,EAAwD,KAAM,CAAA;AAAA,oBAC3E,KAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EAAE,SAAU,EAAA,sCAAA,EAAA,EAAwC,WAAY,CAAA;AAAA,oBAEjE,KAAA,CAAA,aAAA,CAAC,KACI,EAAA,IAAA,EAAA,UAAA,oBACI,KAAA,CAAA,aAAA,CAAA,WAAA,EAAA,EAAY,IAAM,EAAA,UAAA,CAAW,KAAO,EAAA,UAAA,EAAY,QAAU,EAAA,OAAA,EAAkB,CAErF,CAAA;AAAA,GACJ,CAAA;AAER;;;;"}

package/dist/esm/SkillVerticalCard-045169f9.js

@@ -0,0 +1,30 @@
+import React from 'react';
+import SkillPlaceholder from './skillplaceholder.png';
+
+const SkillVerticalCard = ({
+  title = "Creative Thinking",
+  thumbImg,
+  className,
+  onClick = () => {
+  }
+}) => {
+  const thumbSrc = thumbImg || SkillPlaceholder;
+  return /* @__PURE__ */ React.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.createElement("section", { className: "flex skill-vert-card-title-container items-center bg-indigo-600 h-[76px] justify-center items-center" }, /* @__PURE__ */ React.createElement("h3", { className: "text-[14px] font-semibold text-white" }, title)),
+    /* @__PURE__ */ React.createElement("section", { className: "skill-vert-card-details my-[5px] flex items-center justify-center overflow-hidden pt-[5px]" }, /* @__PURE__ */ React.createElement(
+      "img",
+      {
+        src: thumbSrc,
+        className: "skill-vert-thumb object-cover overflow-hidden w-[140px] h-[119px] rounded-[20px]"
+      }
+    ))
+  );
+};
+
+export { SkillVerticalCard as S };
+//# sourceMappingURL=SkillVerticalCard-045169f9.js.map

package/dist/esm/{SkillVerticalCard-108f49bb.js.map → SkillVerticalCard-045169f9.js.map}

@@ -1 +1 @@
-{"version":3,"file":"SkillVerticalCard-108f49bb.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":[],"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,IAAA,gBAAA,CAAA;AAE7B,EAAA,uBACK,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IACG,OAAA;AAAA,IACA,WAAW,CAAiI,8HAAA,EAAA,SAAA,CAAA,CAAA;AAAA,GAAA,kBAE3I,KAAA,CAAA,aAAA,CAAA,SAAA,EAAA;AAAA,IAAQ,SAAU,EAAA,sGAAA;AAAA,GAAA,kBACd,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,IAAG,SAAU,EAAA,sCAAA;AAAA,GAAwC,EAAA,KAAM,CAChE,CAAA,kBAEC,KAAA,CAAA,aAAA,CAAA,SAAA,EAAA;AAAA,IAAQ,SAAU,EAAA,4FAAA;AAAA,GAAA,kBACd,KAAA,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-045169f9.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":[],"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,IAAA,gBAAA,CAAA;AAE7B,EACI,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACG,OAAA;AAAA,MACA,SAAA,EAAW,iIAAiI,SAAS,CAAA,CAAA;AAAA,KAAA;AAAA,oBAErJ,KAAA,CAAA,aAAA,CAAC,aAAQ,SAAU,EAAA,sGAAA,EAAA,sCACd,IAAG,EAAA,EAAA,SAAA,EAAU,sCAAwC,EAAA,EAAA,KAAM,CAChE,CAAA;AAAA,oBAEA,KAAA,CAAA,aAAA,CAAC,SAAQ,EAAA,EAAA,SAAA,EAAU,4FACf,EAAA,kBAAA,KAAA,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/esm/SkillsCard-5279aac9.js

@@ -0,0 +1,50 @@
+import React from 'react';
+
+const SkillsMeterSegment = ({
+  filled = false,
+  className,
+  skillColor = "bg-cyan-700"
+}) => {
+  const bgColor = filled ? skillColor : "bg-gray-200";
+  return /* @__PURE__ */ React.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.createElement(SkillsMeterSegment, { filled, key: counter, skillColor });
+    });
+    return skillMeter;
+  };
+  const skillsMeter = renderSkillsMeter();
+  return /* @__PURE__ */ React.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.createElement("section", { className: "flex skill-card-title-container items-center" }, /* @__PURE__ */ React.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.createElement("h3", { className: "text-[17px] font-semibold" }, title)),
+    /* @__PURE__ */ React.createElement("section", { className: "skill-card-details my-[5px]" }, /* @__PURE__ */ React.createElement("p", { className: "text-sm text-gray-900 font-semibold" }, "Skill Level: ", level), /* @__PURE__ */ React.createElement("p", { className: "text-sm text-gray-900 font-semibold" }, "Categories: ", category)),
+    /* @__PURE__ */ React.createElement("section", { className: "flex w-full skill-meter-full mt-[8px]" }, skillsMeter)
+  );
+};
+
+export { SkillsMeterSegment as S, SkillsCard as a };
+//# sourceMappingURL=SkillsCard-5279aac9.js.map

package/dist/esm/{SkillsCard-92a51db2.js.map → SkillsCard-5279aac9.js.map}

@@ -1 +1 @@
-{"version":3,"file":"SkillsCard-92a51db2.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":[],"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,uBACK,KAAA,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,uBAAQ,KAAA,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,uBACK,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IACG,OAAA;AAAA,IACA,WAAW,CAAuH,oHAAA,EAAA,SAAA,CAAA,CAAA;AAAA,GAAA,kBAEjI,KAAA,CAAA,aAAA,CAAA,SAAA,EAAA;AAAA,IAAQ,SAAU,EAAA,8CAAA;AAAA,GAAA,kBACd,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IAAI,SAAU,EAAA,+HAAA;AAAA,GACV,EAAA,KACL,mBACC,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,IAAG,SAAU,EAAA,2BAAA;AAAA,GAA6B,EAAA,KAAM,CACrD,CAAA,kBAEC,KAAA,CAAA,aAAA,CAAA,SAAA,EAAA;AAAA,IAAQ,SAAU,EAAA,6BAAA;AAAA,GAAA,kBACd,KAAA,CAAA,aAAA,CAAA,GAAA,EAAA;AAAA,IAAE,SAAU,EAAA,qCAAA;AAAA,GAAsC,EAAA,eAAA,EAAc,KAAM,CAAA,kBACtE,KAAA,CAAA,aAAA,CAAA,GAAA,EAAA;AAAA,IAAE,SAAU,EAAA,qCAAA;AAAA,GAAA,EAAsC,cAAa,EAAA,QAAS,CAC7E,CAAA,kBAEC,KAAA,CAAA,aAAA,CAAA,SAAA,EAAA;AAAA,IAAQ,SAAU,EAAA,uCAAA;AAAA,GAAA,EAAyC,WAAY,CAC5E,CAAA,CAAA;AAER;;;;"}
+{"version":3,"file":"SkillsCard-5279aac9.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":[],"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,uBAAA,KAAA,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,uBAAQ,KAAA,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,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACG,OAAA;AAAA,MACA,SAAA,EAAW,uHAAuH,SAAS,CAAA,CAAA;AAAA,KAAA;AAAA,oBAE1I,KAAA,CAAA,aAAA,CAAA,SAAA,EAAA,EAAQ,SAAU,EAAA,8CAAA,EAAA,sCACd,KAAI,EAAA,EAAA,SAAA,EAAU,+HACV,EAAA,EAAA,KACL,mBACC,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAG,SAAU,EAAA,2BAAA,EAAA,EAA6B,KAAM,CACrD,CAAA;AAAA,wCAEC,SAAQ,EAAA,EAAA,SAAA,EAAU,6BACf,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,OAAE,SAAU,EAAA,qCAAA,EAAA,EAAsC,eAAc,EAAA,KAAM,mBACtE,KAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EAAE,WAAU,qCAAsC,EAAA,EAAA,cAAA,EAAa,QAAS,CAC7E,CAAA;AAAA,oBAEC,KAAA,CAAA,aAAA,CAAA,SAAA,EAAA,EAAQ,SAAU,EAAA,uCAAA,EAAA,EAAyC,WAAY,CAAA;AAAA,GAC5E,CAAA;AAER;;;;"}

package/dist/esm/SkillsStatsCard-e0cd6137.js

@@ -0,0 +1,50 @@
+import React from 'react';
+import SkillGraphPlaceholder from './skillgraph.svg';
+
+const SkillStatListItemIndicator = ({
+  className = "bg-emerald-700"
+}) => {
+  return /* @__PURE__ */ React.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.createElement(SkillStatListItemIndicator, null);
+  return /* @__PURE__ */ React.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.createElement("span", { className: "flex justify-center items-center" }, colorIndicator, name), /* @__PURE__ */ React.createElement("span", null, percent, "%"));
+};
+const MoreSkillsListItem = ({ count, percent, className }) => {
+  const colorIndicator = /* @__PURE__ */ React.createElement(SkillStatListItemIndicator, { className: "bg-grayscale-200" });
+  return /* @__PURE__ */ React.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.createElement("span", { className: "flex justify-center items-center" }, colorIndicator, "+", count, " more"), /* @__PURE__ */ React.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.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.createElement(MoreSkillsListItem, { count: otherLength, percent: "27" }));
+  }
+  return /* @__PURE__ */ React.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.createElement("section", { className: "flex skill-stats-card-title-container items-center" }, /* @__PURE__ */ React.createElement("h3", { className: "text-[17px] text-gray-900 font-bold" }, title)),
+    /* @__PURE__ */ React.createElement("section", { className: "skill-stats-card-body my-[5px] flex items-center justify-between" }, /* @__PURE__ */ React.createElement("img", { src: SkillGraphPlaceholder, className: "skill-graph-container" }), /* @__PURE__ */ React.createElement("div", { className: "skill-stat-list w-full  ml-[15px]" }, renderSkillsList))
+  );
+};
+
+export { SkillsStatsCard as S };
+//# sourceMappingURL=SkillsStatsCard-e0cd6137.js.map

package/dist/esm/{SkillsStatsCard-1628fe9c.js.map → SkillsStatsCard-e0cd6137.js.map}

@@ -1 +1 @@
-{"version":3,"file":"SkillsStatsCard-1628fe9c.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":[],"mappings":"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"}
+{"version":3,"file":"SkillsStatsCard-e0cd6137.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":[],"mappings":";;;AAoBA,MAAM,6BAAwE,CAAC;AAAA,EAC3E,SAAY,GAAA,gBAAA;AAChB,CAAM,KAAA;AACF,EACI,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACG,SAAA,EAAW,GAAG,SAAS,CAAA,oEAAA,CAAA;AAAA,KAAA;AAAA,GAC1B,CAAA;AAET,CAAA,CAAA;AAEA,MAAM,oBAAsD,CAAC,EAAE,IAAM,EAAA,OAAA,EAAS,WAAgB,KAAA;AAC1F,EAAM,MAAA,cAAA,uCAAkB,0BAA2B,EAAA,IAAA,CAAA,CAAA;AACnD,EAAA,uBACK,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAI,SAAU,EAAA,8LAAA,EAAA,sCACV,MAAK,EAAA,EAAA,SAAA,EAAU,kCACX,EAAA,EAAA,cAAA,EACA,IACL,CACA,kBAAA,KAAA,CAAA,aAAA,CAAC,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,cAAiB,mBAAA,KAAA,CAAA,aAAA,CAAC,0BAA2B,EAAA,EAAA,SAAA,EAAU,kBAAmB,EAAA,CAAA,CAAA;AAChF,EAAA,2CACK,KAAI,EAAA,EAAA,SAAA,EAAU,8LACX,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,UAAK,SAAU,EAAA,kCAAA,EAAA,EACX,cAAe,EAAA,GAAA,EAAE,OAAM,OAC5B,CAAA,sCACC,MAAM,EAAA,IAAA,EAAA,OAAA,EAAQ,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,EAAM,MAAA,KAAA,GAAQ,GAAG,UAAU,CAAA,iBAAA,CAAA,CAAA;AAE3B,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,IAAO,uBAAA,KAAA,CAAA,aAAA,CAAC,iBAAkB,EAAA,EAAA,IAAA,EAAM,KAAO,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,KAAA,CAAA,IAAA,EAAM,SAAS,KAAO,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,KAAA,CAAA,OAAA,EAAS,GAAK,EAAA,KAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,KAAA,CAAO,IAAM,EAAA,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,qBAAM,KAAA,CAAA,aAAA,CAAA,kBAAA,EAAA,EAAmB,KAAO,EAAA,WAAA,EAAa,SAAS,IAAM,EAAA,CAAA,CAAA,CAAA;AAAA,GAClF;AAEA,EACI,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACG,OAAA;AAAA,MACA,SAAA,EAAW,uHAAuH,SAAS,CAAA,CAAA;AAAA,KAAA;AAAA,oBAE3I,KAAA,CAAA,aAAA,CAAC,aAAQ,SAAU,EAAA,oDAAA,EAAA,sCACd,IAAG,EAAA,EAAA,SAAA,EAAU,qCAAuC,EAAA,EAAA,KAAM,CAC/D,CAAA;AAAA,wCAEC,SAAQ,EAAA,EAAA,SAAA,EAAU,kEACf,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,SAAI,GAAK,EAAA,qBAAA,EAAuB,SAAU,EAAA,uBAAA,EAAwB,mBAClE,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAI,SAAU,EAAA,mCAAA,EAAA,EAAqC,gBAAiB,CACzE,CAAA;AAAA,GACJ,CAAA;AAER;;;;"}

package/dist/esm/SmallAchievementCard-24dfa453.js

@@ -0,0 +1,47 @@
+import React from 'react';
+import { T as Trophy } from './Trophy-fc7fdec4.js';
+
+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.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.createElement(
+      "section",
+      {
+        className: `flex h-[110px] ${thumbClass} flex-col justify-center items-center w-full rounded-[20px]`
+      },
+      thumbImgSrc && /* @__PURE__ */ React.createElement(
+        "img",
+        {
+          className: "h-full w-full object-contain",
+          src: thumbImgSrc != null ? thumbImgSrc : "",
+          alt: "Credential Achievement Image"
+        }
+      ),
+      (!thumbImgSrc || thumbImgSrc === "") && /* @__PURE__ */ React.createElement(
+        Trophy,
+        {
+          className: "achievement-placeholder-trophy flex p-[15px]",
+          color: "#ffffff"
+        }
+      )
+    ),
+    /* @__PURE__ */ React.createElement("section", { className: "achievement-title w-full flex justify-center line-clamp-2" }, /* @__PURE__ */ React.createElement("p", { className: "text-sm text-grayscale-900 font-bold mt-[10px] text-center" }, title)),
+    /* @__PURE__ */ React.createElement("p", { className: "achievement-card-date mt-[5px] text-grayscale-500 text-[12px] w-full text-center" }, date),
+    /* @__PURE__ */ React.createElement("section", { className: "achievement-card-footer" })
+  );
+};
+
+export { SmallAchievementCard as S };
+//# sourceMappingURL=SmallAchievementCard-24dfa453.js.map

package/dist/esm/{SmallAchievementCard-d0220751.js.map → SmallAchievementCard-24dfa453.js.map}

@@ -1 +1 @@
-{"version":3,"file":"SmallAchievementCard-d0220751.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":[],"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,uBACK,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA;AAAA,IACG,OAAA;AAAA,IACA,SAAW,EAAA,CAAA,2IAAA,CAAA;AAAA,GAAA,kBAEV,KAAA,CAAA,aAAA,CAAA,SAAA,EAAA;AAAA,IACG,WAAW,CAAkB,eAAA,EAAA,UAAA,CAAA,2DAAA,CAAA;AAAA,GAAA,EAE5B,+BACI,KAAA,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,uBAC7B,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA;AAAA,IACG,SAAU,EAAA,8CAAA;AAAA,IACV,KAAM,EAAA,SAAA;AAAA,GACV,CAER,mBAEC,KAAA,CAAA,aAAA,CAAA,SAAA,EAAA;AAAA,IAAQ,SAAU,EAAA,2DAAA;AAAA,GAAA,kBACd,KAAA,CAAA,aAAA,CAAA,GAAA,EAAA;AAAA,IAAE,SAAU,EAAA,4DAAA;AAAA,GACR,EAAA,KACL,CACJ,CAAA,kBACC,KAAA,CAAA,aAAA,CAAA,GAAA,EAAA;AAAA,IAAE,SAAU,EAAA,kFAAA;AAAA,GACR,EAAA,IACL,mBACC,KAAA,CAAA,aAAA,CAAA,SAAA,EAAA;AAAA,IAAQ,SAAU,EAAA,yBAAA;AAAA,GAA0B,CACjD,CAAA,CAAA;AAER;;;;"}
+{"version":3,"file":"SmallAchievementCard-24dfa453.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":[],"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,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACG,OAAA;AAAA,MACA,SAAW,EAAA,CAAA,2IAAA,CAAA;AAAA,KAAA;AAAA,oBAEX,KAAA,CAAA,aAAA;AAAA,MAAC,SAAA;AAAA,MAAA;AAAA,QACG,SAAA,EAAW,kBAAkB,UAAU,CAAA,2DAAA,CAAA;AAAA,OAAA;AAAA,MAEtC,WACG,oBAAA,KAAA,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,qBAAA,KAAA,CAAA,aAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACG,SAAU,EAAA,8CAAA;AAAA,UACV,KAAM,EAAA,SAAA;AAAA,SAAA;AAAA,OACV;AAAA,KAER;AAAA,oBAEA,KAAA,CAAA,aAAA,CAAC,aAAQ,SAAU,EAAA,2DAAA,EAAA,sCACd,GAAE,EAAA,EAAA,SAAA,EAAU,4DACR,EAAA,EAAA,KACL,CACJ,CAAA;AAAA,oBACC,KAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EAAE,SAAU,EAAA,kFAAA,EAAA,EACR,IACL,CAAA;AAAA,oBACA,KAAA,CAAA,aAAA,CAAC,SAAQ,EAAA,EAAA,SAAA,EAAU,yBAA0B,EAAA,CAAA;AAAA,GACjD,CAAA;AAER;;;;"}

package/dist/esm/ThreeDotVertical-ccbbc8ef.js

@@ -0,0 +1,51 @@
+import React from 'react';
+
+const ThreeDotVertical = ({ className }) => {
+  return /* @__PURE__ */ React.createElement(
+    "svg",
+    {
+      width: "20",
+      height: "20",
+      viewBox: "0 0 20 20",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className
+    },
+    /* @__PURE__ */ React.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.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.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"
+      }
+    )
+  );
+};
+
+export { ThreeDotVertical as T };
+//# sourceMappingURL=ThreeDotVertical-ccbbc8ef.js.map

package/dist/esm/{ThreeDotVertical-08294477.js.map → ThreeDotVertical-ccbbc8ef.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ThreeDotVertical-08294477.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":[],"mappings":";;AAEO,MAAM,gBAAmB,GAAA,CAAC,EAAE,SAAA,EAAwC,KAAA;AACvE,EAAA,uBACK,KAAA,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,kBAEC,KAAA,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,mBACC,KAAA,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,mBACC,KAAA,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-ccbbc8ef.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":[],"mappings":";;AAEO,MAAM,gBAAmB,GAAA,CAAC,EAAE,SAAA,EAAwC,KAAA;AACvE,EACI,uBAAA,KAAA,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,oBAEA,KAAA,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,oBACA,KAAA,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,oBACA,KAAA,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/esm/Trophy-fc7fdec4.js

@@ -0,0 +1,29 @@
+import React from 'react';
+
+const Trophy = ({
+  className = "",
+  color = "currentColor",
+  size = ""
+}) => {
+  return /* @__PURE__ */ React.createElement(
+    "svg",
+    {
+      height: size,
+      width: size,
+      viewBox: "0 0 31 30",
+      fill: "none",
+      className,
+      "data-testid": "achievement-icon"
+    },
+    /* @__PURE__ */ React.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
+      }
+    )
+  );
+};
+
+export { Trophy as T };
+//# sourceMappingURL=Trophy-fc7fdec4.js.map

package/dist/esm/{Trophy-ad67f46a.js.map → Trophy-fc7fdec4.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Trophy-ad67f46a.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":[],"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,uBACK,KAAA,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,kBAEX,KAAA,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-fc7fdec4.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":[],"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,uBAAA,KAAA,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,oBAEZ,KAAA,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;;;;"}

package/dist/esm/User-f5ea0f01.js

@@ -0,0 +1,122 @@
+import React from 'react';
+
+const Briefcase = ({
+  className = "",
+  size = ""
+}) => {
+  return /* @__PURE__ */ React.createElement(
+    "svg",
+    {
+      height: size,
+      width: size,
+      viewBox: "0 0 31 31",
+      fill: "none",
+      className,
+      "data-testid": "job-icon"
+    },
+    /* @__PURE__ */ React.createElement(
+      "path",
+      {
+        d: "M25.8135 8.9375H5.18848C4.67071 8.9375 4.25098 9.35723 4.25098 9.875V24.875C4.25098 25.3928 4.67071 25.8125 5.18848 25.8125H25.8135C26.3312 25.8125 26.751 25.3928 26.751 24.875V9.875C26.751 9.35723 26.3312 8.9375 25.8135 8.9375Z",
+        stroke: "currentColor",
+        strokeWidth: "2",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    ),
+    /* @__PURE__ */ React.createElement(
+      "path",
+      {
+        d: "M20.1875 8.9375V7.0625C20.1875 6.56522 19.99 6.08831 19.6383 5.73667C19.2867 5.38504 18.8098 5.1875 18.3125 5.1875H12.6875C12.1902 5.1875 11.7133 5.38504 11.3617 5.73667C11.01 6.08831 10.8125 6.56522 10.8125 7.0625V8.9375",
+        stroke: "currentColor",
+        strokeWidth: "2",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    ),
+    /* @__PURE__ */ React.createElement(
+      "path",
+      {
+        d: "M26.7509 15.3018C23.3317 17.2799 19.4502 18.3186 15.5 18.3124C11.5504 18.3186 7.66951 17.2803 4.25073 15.3027",
+        stroke: "currentColor",
+        strokeWidth: "2",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    ),
+    /* @__PURE__ */ React.createElement(
+      "path",
+      {
+        d: "M14.0938 14.5625H16.9062",
+        stroke: "currentColor",
+        strokeWidth: "2",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    )
+  );
+};
+
+const Graduation = ({
+  className = "",
+  size = ""
+}) => {
+  return /* @__PURE__ */ React.createElement(
+    "svg",
+    {
+      height: size,
+      width: size,
+      viewBox: "0 0 31 31",
+      fill: "none",
+      className,
+      "data-testid": "learning-icon"
+    },
+    /* @__PURE__ */ React.createElement(
+      "path",
+      {
+        d: "M27.3626 13.2376L26.1126 12.5501L14.8626 6.3001H14.7251C14.6485 6.2677 14.5689 6.24259 14.4876 6.2251H14.2501H14.0251C13.9397 6.2426 13.856 6.2677 13.7751 6.3001H13.6376L2.38759 12.5501C2.19522 12.6591 2.03521 12.8172 1.92388 13.0083C1.81256 13.1993 1.75391 13.4165 1.75391 13.6376C1.75391 13.8587 1.81256 14.0759 1.92388 14.2669C2.03521 14.458 2.19522 14.6161 2.38759 14.7251L5.50009 16.4501V22.3751C5.50009 23.3697 5.89518 24.3235 6.59844 25.0267C7.3017 25.73 8.25553 26.1251 9.25009 26.1251H19.2501C20.2447 26.1251 21.1985 25.73 21.9017 25.0267C22.605 24.3235 23.0001 23.3697 23.0001 22.3751V16.4501L25.5001 15.0501V18.6251C25.5001 18.9566 25.6318 19.2746 25.8662 19.509C26.1006 19.7434 26.4186 19.8751 26.7501 19.8751C27.0816 19.8751 27.3996 19.7434 27.634 19.509C27.8684 19.2746 28.0001 18.9566 28.0001 18.6251V14.3251C27.9997 14.1036 27.9405 13.8862 27.8285 13.6951C27.7165 13.504 27.5557 13.3461 27.3626 13.2376V13.2376ZM20.5001 22.3751C20.5001 22.7066 20.3684 23.0246 20.134 23.259C19.8996 23.4934 19.5816 23.6251 19.2501 23.6251H9.25009C8.91857 23.6251 8.60063 23.4934 8.36621 23.259C8.13179 23.0246 8.00009 22.7066 8.00009 22.3751V17.8376L13.6376 20.9626L13.8251 21.0376H13.9376C14.0413 21.0507 14.1463 21.0507 14.2501 21.0376C14.3538 21.0507 14.4588 21.0507 14.5626 21.0376H14.6751C14.7415 21.0236 14.8049 20.9982 14.8626 20.9626L20.5001 17.8376V22.3751ZM14.2501 18.4501L5.57509 13.6251L14.2501 8.8001L22.9251 13.6251L14.2501 18.4501Z",
+        fill: "currentColor"
+      }
+    )
+  );
+};
+
+const User = ({
+  className = "",
+  size = ""
+}) => {
+  return /* @__PURE__ */ React.createElement(
+    "svg",
+    {
+      height: size,
+      width: size,
+      viewBox: "0 0 31 31",
+      fill: "none",
+      className,
+      "data-testid": "id-icon"
+    },
+    /* @__PURE__ */ React.createElement(
+      "path",
+      {
+        d: "M15.5 19.25C19.6421 19.25 23 15.8921 23 11.75C23 7.60786 19.6421 4.25 15.5 4.25C11.3579 4.25 8 7.60786 8 11.75C8 15.8921 11.3579 19.25 15.5 19.25Z",
+        stroke: "currentColor",
+        strokeWidth: "2",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    ),
+    /* @__PURE__ */ React.createElement(
+      "path",
+      {
+        d: "M4.13159 25.8114C5.2842 23.8164 6.94153 22.1598 8.93708 21.008C10.9326 19.8563 13.1961 19.25 15.5002 19.25C17.8043 19.25 20.0678 19.8564 22.0633 21.0082C24.0588 22.1599 25.7161 23.8166 26.8687 25.8116",
+        stroke: "currentColor",
+        strokeWidth: "2",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    )
+  );
+};
+
+export { Briefcase as B, Graduation as G, User as U };
+//# sourceMappingURL=User-f5ea0f01.js.map