@learncard/react 2.3.25 → 2.3.26

package/dist/esm/SkillVerticalCard-108f49bb.js

@@ -0,0 +1,28 @@
+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-108f49bb.js.map

package/dist/esm/SkillVerticalCard-108f49bb.js.map

@@ -0,0 +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":";;;AAEY,MAAC,iBAAiB,GAAG,CAAC;AAClC,EAAE,KAAK,GAAG,mBAAmB;AAC7B,EAAE,QAAQ;AACV,EAAE,SAAS;AACX,EAAE,OAAO,GAAG,MAAM;AAClB,GAAG;AACH,CAAC,KAAK;AACN,EAAE,MAAM,QAAQ,GAAG,QAAQ,IAAI,gBAAgB,CAAC;AAChD,EAAE,uBAAuB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AACpD,IAAI,OAAO;AACX,IAAI,SAAS,EAAE,CAAC,8HAA8H,EAAE,SAAS,CAAC,CAAC;AAC3J,GAAG,kBAAkB,KAAK,CAAC,aAAa,CAAC,SAAS,EAAE;AACpD,IAAI,SAAS,EAAE,sGAAsG;AACrH,GAAG,kBAAkB,KAAK,CAAC,aAAa,CAAC,IAAI,EAAE;AAC/C,IAAI,SAAS,EAAE,sCAAsC;AACrD,GAAG,EAAE,KAAK,CAAC,CAAC,kBAAkB,KAAK,CAAC,aAAa,CAAC,SAAS,EAAE;AAC7D,IAAI,SAAS,EAAE,4FAA4F;AAC3G,GAAG,kBAAkB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AAChD,IAAI,GAAG,EAAE,QAAQ;AACjB,IAAI,SAAS,EAAE,kFAAkF;AACjG,GAAG,CAAC,CAAC,CAAC,CAAC;AACP;;;;"}

package/dist/esm/SkillsCard-92a51db2.js

@@ -0,0 +1,59 @@
+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-92a51db2.js.map

package/dist/esm/SkillsCard-92a51db2.js.map

@@ -0,0 +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":";;AACY,MAAC,kBAAkB,GAAG,CAAC;AACnC,EAAE,MAAM,GAAG,KAAK;AAChB,EAAE,SAAS;AACX,EAAE,UAAU,GAAG,aAAa;AAC5B,CAAC,KAAK;AACN,EAAE,MAAM,OAAO,GAAG,MAAM,GAAG,UAAU,GAAG,aAAa,CAAC;AACtD,EAAE,uBAAuB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AACpD,IAAI,SAAS,EAAE,CAAC,kDAAkD,EAAE,OAAO,CAAC,uBAAuB,CAAC;AACpG,GAAG,CAAC,CAAC;AACL,EAAE;AACU,MAAC,UAAU,GAAG,CAAC;AAC3B,EAAE,KAAK,GAAG,EAAE;AACZ,EAAE,KAAK,GAAG,mBAAmB;AAC7B,EAAE,KAAK,GAAG,QAAQ;AAClB,EAAE,QAAQ,GAAG,YAAY;AACzB,EAAE,UAAU,GAAG,CAAC;AAChB,EAAE,UAAU,GAAG,aAAa;AAC5B,EAAE,SAAS;AACX,EAAE,OAAO,GAAG,MAAM;AAClB,GAAG;AACH,CAAC,KAAK;AACN,EAAE,MAAM,iBAAiB,GAAG,MAAM;AAClC,IAAI,MAAM,GAAG,GAAG,UAAU,CAAC;AAC3B,IAAI,MAAM,UAAU,GAAG,CAAC,GAAG,KAAK,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,OAAO,KAAK;AAC9D,MAAM,OAAO,CAAC,GAAG,CAAC,YAAY,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,CAAC,CAAC;AACrD,MAAM,MAAM,MAAM,GAAG,OAAO,GAAG,GAAG,CAAC;AACnC,MAAM,uBAAuB,KAAK,CAAC,aAAa,CAAC,kBAAkB,EAAE;AACrE,QAAQ,MAAM;AACd,QAAQ,GAAG,EAAE,OAAO;AACpB,QAAQ,UAAU;AAClB,OAAO,CAAC,CAAC;AACT,KAAK,CAAC,CAAC;AACP,IAAI,OAAO,UAAU,CAAC;AACtB,GAAG,CAAC;AACJ,EAAE,MAAM,WAAW,GAAG,iBAAiB,EAAE,CAAC;AAC1C,EAAE,uBAAuB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AACpD,IAAI,OAAO;AACX,IAAI,SAAS,EAAE,CAAC,oHAAoH,EAAE,SAAS,CAAC,CAAC;AACjJ,GAAG,kBAAkB,KAAK,CAAC,aAAa,CAAC,SAAS,EAAE;AACpD,IAAI,SAAS,EAAE,8CAA8C;AAC7D,GAAG,kBAAkB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AAChD,IAAI,SAAS,EAAE,+HAA+H;AAC9I,GAAG,EAAE,KAAK,CAAC,kBAAkB,KAAK,CAAC,aAAa,CAAC,IAAI,EAAE;AACvD,IAAI,SAAS,EAAE,2BAA2B;AAC1C,GAAG,EAAE,KAAK,CAAC,CAAC,kBAAkB,KAAK,CAAC,aAAa,CAAC,SAAS,EAAE;AAC7D,IAAI,SAAS,EAAE,6BAA6B;AAC5C,GAAG,kBAAkB,KAAK,CAAC,aAAa,CAAC,GAAG,EAAE;AAC9C,IAAI,SAAS,EAAE,qCAAqC;AACpD,GAAG,EAAE,eAAe,EAAE,KAAK,CAAC,kBAAkB,KAAK,CAAC,aAAa,CAAC,GAAG,EAAE;AACvE,IAAI,SAAS,EAAE,qCAAqC;AACpD,GAAG,EAAE,cAAc,EAAE,QAAQ,CAAC,CAAC,kBAAkB,KAAK,CAAC,aAAa,CAAC,SAAS,EAAE;AAChF,IAAI,SAAS,EAAE,uCAAuC;AACtD,GAAG,EAAE,WAAW,CAAC,CAAC,CAAC;AACnB;;;;"}

package/dist/esm/SkillsStatsCard-1628fe9c.js

@@ -0,0 +1,70 @@
+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-1628fe9c.js.map

package/dist/esm/SkillsStatsCard-1628fe9c.js.map

@@ -0,0 +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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"}

package/dist/esm/index.js

@@ -1,14 +1,18 @@
 export { B as Button } from './Button-5f805204.js';
 export { a as CircleIcon, C as CountCircle } from './CircleIcon-7c21af00.js';
+export { C as CourseCard } from './CourseCard-b9e42233.js';
 export { F as FlippyCard } from './FlippyCard-682649d7.js';
 export { L as LearnCardCreditCardBackFace } from './LearnCardCreditCardBackFace-9baa9e6b.js';
 export { L as LearnCardCreditCardFrontFace } from './LearnCardCreditCardFrontFace-2f2e066d.js';
 export { C as CircleLoadingState } from './CircleSpinner-9b8b1a6b.js';
 export { M as MiniVCThumbnail } from './MiniVCThumbnail-6a07e810.js';
 export { N as Notification, a as NotificationTypeStyles } from './Notification-ddbb3c37.js';
-export { Q as QRCodeCard } from './QRCodeCard-11e192b2.js';
+export { Q as QRCodeCard } from './QRCodeCard-c57e2067.js';
 export { R as RoundedSquare, T as TYPE_TO_IMG_SRC, a as TYPE_TO_WALLET_COLOR, W as WALLET_SUBTYPES } from './RoundedSquare-c3706147.js';
-export { S as SchoolIDCard } from './SchoolIDCard-de021534.js';
+export { S as SchoolIDCard } from './SchoolIDCard-4f56262c.js';
+export { S as SkillVerticalCard } from './SkillVerticalCard-108f49bb.js';
+export { a as SkillsCard, S as SkillsMeterSegment } from './SkillsCard-92a51db2.js';
+export { S as SkillsStatsCard } from './SkillsStatsCard-1628fe9c.js';
 export { S as SmallAchievementCard } from './SmallAchievementCard-44f6fef8.js';
 export { V as VCCard } from './VCCard-f244c691.js';
 export { V as VCDisplayBackFace } from './VCDisplayBackFace-fb5d009b.js';
@@ -25,6 +29,10 @@ import './trophy.svg';
 import './briefcase.svg';
 import './graduation.svg';
 import './lightbulb.svg';
+import './lhplaceholder.png';
+import './minitrophy.svg';
+import './minijob.svg';
+import './minipuzzle.svg';
 import './contactless-symbol.svg';
 import './index-aa1098e1.js';
 import './card-chip.svg';
@@ -36,6 +44,8 @@ import './walletjobhistory.webp';
 import './walletlearninghistory.webp';
 import './walletskills.webp';
 import './walletTrophy.webp';
+import './skillplaceholder.png';
+import './skillgraph.svg';
 import 'stream';
 import 'http';
 import 'url';

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/index10.js

@@ -1,5 +1,4 @@
-export { N as Notification, a as NotificationTypeStyles } from './Notification-ddbb3c37.js';
+export { M as MiniVCThumbnail } from './MiniVCThumbnail-6a07e810.js';
 import 'react';
-import './Trophy-702610b8.js';
-import './Checkmark-fb8086c5.js';
+import './verified-check.png';
 //# sourceMappingURL=index10.js.map

package/dist/esm/index10.js.map

@@ -1 +1 @@
-{"version":3,"file":"index10.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}
+{"version":3,"file":"index10.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/esm/index11.js

@@ -1,4 +1,5 @@
-export { Q as QRCodeCard } from './QRCodeCard-11e192b2.js';
+export { N as Notification, a as NotificationTypeStyles } from './Notification-ddbb3c37.js';
 import 'react';
-import './index-aa1098e1.js';
+import './Trophy-702610b8.js';
+import './Checkmark-fb8086c5.js';
 //# sourceMappingURL=index11.js.map

package/dist/esm/index11.js.map

@@ -1 +1 @@
-{"version":3,"file":"index11.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
+{"version":3,"file":"index11.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/esm/index12.js

@@ -1,16 +1,4 @@
-export { R as RoundedSquare, T as TYPE_TO_IMG_SRC, a as TYPE_TO_WALLET_COLOR, W as WALLET_SUBTYPES } from './RoundedSquare-c3706147.js';
+export { Q as QRCodeCard } from './QRCodeCard-c57e2067.js';
 import 'react';
-import './CircleIcon-7c21af00.js';
-import './coins.svg';
-import './user.svg';
-import './trophy.svg';
-import './briefcase.svg';
-import './graduation.svg';
-import './lightbulb.svg';
-import './walletcurrency.webp';
-import './walletids.webp';
-import './walletjobhistory.webp';
-import './walletlearninghistory.webp';
-import './walletskills.webp';
-import './walletTrophy.webp';
+import './index-aa1098e1.js';
 //# sourceMappingURL=index12.js.map

package/dist/esm/index12.js.map

@@ -1 +1 @@
-{"version":3,"file":"index12.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;"}
+{"version":3,"file":"index12.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/esm/index13.js

@@ -1,3 +1,16 @@
-export { S as SchoolIDCard } from './SchoolIDCard-de021534.js';
+export { R as RoundedSquare, T as TYPE_TO_IMG_SRC, a as TYPE_TO_WALLET_COLOR, W as WALLET_SUBTYPES } from './RoundedSquare-c3706147.js';
 import 'react';
+import './CircleIcon-7c21af00.js';
+import './coins.svg';
+import './user.svg';
+import './trophy.svg';
+import './briefcase.svg';
+import './graduation.svg';
+import './lightbulb.svg';
+import './walletcurrency.webp';
+import './walletids.webp';
+import './walletjobhistory.webp';
+import './walletlearninghistory.webp';
+import './walletskills.webp';
+import './walletTrophy.webp';
 //# sourceMappingURL=index13.js.map

package/dist/esm/index13.js.map

@@ -1 +1 @@
-{"version":3,"file":"index13.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"index13.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;"}

package/dist/esm/index14.js

@@ -1,4 +1,3 @@
-export { S as SmallAchievementCard } from './SmallAchievementCard-44f6fef8.js';
+export { S as SchoolIDCard } from './SchoolIDCard-4f56262c.js';
 import 'react';
-import './Trophy-702610b8.js';
 //# sourceMappingURL=index14.js.map

package/dist/esm/index14.js.map

@@ -1 +1 @@
-{"version":3,"file":"index14.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
+{"version":3,"file":"index14.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/esm/index15.js

@@ -1,4 +1,3 @@
-export { B as Briefcase, C as Checkmark, a as Coins, G as Graduation, L as Lightbulb, U as User } from './Checkmark-fb8086c5.js';
-export { T as Trophy } from './Trophy-702610b8.js';
+export { a as SkillsCard, S as SkillsMeterSegment } from './SkillsCard-92a51db2.js';
 import 'react';
 //# sourceMappingURL=index15.js.map

package/dist/esm/index15.js.map

@@ -1 +1 @@
-{"version":3,"file":"index15.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
+{"version":3,"file":"index15.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/esm/index16.js

@@ -1,24 +1,4 @@
-export { V as VCCard } from './VCCard-f244c691.js';
+export { S as SkillsStatsCard } from './SkillsStatsCard-1628fe9c.js';
 import 'react';
-import 'stream';
-import 'http';
-import 'url';
-import 'punycode';
-import 'https';
-import 'zlib';
-import 'crypto';
-import 'process';
-import './VCDisplayCard-5d0628ee.js';
-import './FlippyCard-682649d7.js';
-import './icon.green.fat-arrow.png';
-import './ArrowArcRight.svg';
-import './default-face.jpeg';
-import './VCVerificationCheck-eef7883b.js';
-import './vc.check.svg';
-import './CircleSpinner-9b8b1a6b.js';
-import './VCDisplayBackFace-fb5d009b.js';
-import './VCVerificationPill-dd174003.js';
-import './RedXCircle.svg';
-import './GreenCheckCircle.svg';
-import './YellowWarningCircle.svg';
+import './skillgraph.svg';
 //# sourceMappingURL=index16.js.map

package/dist/esm/index16.js.map

@@ -1 +1 @@
-{"version":3,"file":"index16.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index16.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/esm/index17.js

@@ -1,11 +1,4 @@
-export { V as VCDisplayBackFace } from './VCDisplayBackFace-fb5d009b.js';
+export { S as SkillVerticalCard } from './SkillVerticalCard-108f49bb.js';
 import 'react';
-import './VCVerificationCheck-eef7883b.js';
-import './vc.check.svg';
-import './CircleSpinner-9b8b1a6b.js';
-import './VCVerificationPill-dd174003.js';
-import './RedXCircle.svg';
-import './GreenCheckCircle.svg';
-import './YellowWarningCircle.svg';
-import './ArrowArcRight.svg';
+import './skillplaceholder.png';
 //# sourceMappingURL=index17.js.map

package/dist/esm/index17.js.map

@@ -1 +1 @@
-{"version":3,"file":"index17.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}
+{"version":3,"file":"index17.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/esm/index18.js

@@ -1,15 +1,4 @@
-export { V as VCDisplayCard } from './VCDisplayCard-5d0628ee.js';
+export { S as SmallAchievementCard } from './SmallAchievementCard-44f6fef8.js';
 import 'react';
-import './FlippyCard-682649d7.js';
-import './icon.green.fat-arrow.png';
-import './ArrowArcRight.svg';
-import './default-face.jpeg';
-import './VCVerificationCheck-eef7883b.js';
-import './vc.check.svg';
-import './CircleSpinner-9b8b1a6b.js';
-import './VCDisplayBackFace-fb5d009b.js';
-import './VCVerificationPill-dd174003.js';
-import './RedXCircle.svg';
-import './GreenCheckCircle.svg';
-import './YellowWarningCircle.svg';
+import './Trophy-702610b8.js';
 //# sourceMappingURL=index18.js.map

package/dist/esm/index18.js.map

@@ -1 +1 @@
-{"version":3,"file":"index18.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;"}
+{"version":3,"file":"index18.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/esm/index19.js

@@ -1,6 +1,4 @@
+export { B as Briefcase, C as Checkmark, a as Coins, G as Graduation, L as Lightbulb, U as User } from './Checkmark-fb8086c5.js';
+export { T as Trophy } from './Trophy-702610b8.js';
 import 'react';
-import './icon.green.fat-arrow.png';
-import './ArrowArcRight.svg';
-import './default-face.jpeg';
-import './vc.check.svg';
 //# sourceMappingURL=index19.js.map

package/dist/esm/index19.js.map

@@ -1 +1 @@
-{"version":3,"file":"index19.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
+{"version":3,"file":"index19.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/esm/index20.js

@@ -1,5 +1,24 @@
-export { V as VCThumbnail } from './VCThumbnail-2571a0c6.js';
+export { V as VCCard } from './VCCard-f244c691.js';
 import 'react';
+import 'stream';
+import 'http';
+import 'url';
+import 'punycode';
+import 'https';
+import 'zlib';
+import 'crypto';
+import 'process';
+import './VCDisplayCard-5d0628ee.js';
+import './FlippyCard-682649d7.js';
 import './icon.green.fat-arrow.png';
-import './verified-check.png';
+import './ArrowArcRight.svg';
+import './default-face.jpeg';
+import './VCVerificationCheck-eef7883b.js';
+import './vc.check.svg';
+import './CircleSpinner-9b8b1a6b.js';
+import './VCDisplayBackFace-fb5d009b.js';
+import './VCVerificationPill-dd174003.js';
+import './RedXCircle.svg';
+import './GreenCheckCircle.svg';
+import './YellowWarningCircle.svg';
 //# sourceMappingURL=index20.js.map

package/dist/esm/index20.js.map

@@ -1 +1 @@
-{"version":3,"file":"index20.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}
+{"version":3,"file":"index20.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/index21.js

@@ -1,5 +1,11 @@
-export { V as VCVerificationCheck, a as VCVerificationCheckWithText } from './VCVerificationCheck-eef7883b.js';
+export { V as VCDisplayBackFace } from './VCDisplayBackFace-fb5d009b.js';
 import 'react';
+import './VCVerificationCheck-eef7883b.js';
 import './vc.check.svg';
 import './CircleSpinner-9b8b1a6b.js';
+import './VCVerificationPill-dd174003.js';
+import './RedXCircle.svg';
+import './GreenCheckCircle.svg';
+import './YellowWarningCircle.svg';
+import './ArrowArcRight.svg';
 //# sourceMappingURL=index21.js.map

package/dist/esm/index21.js.map

@@ -1 +1 @@
-{"version":3,"file":"index21.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}
+{"version":3,"file":"index21.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}

package/dist/esm/index22.js

@@ -1,5 +1,14 @@
-export { V as ValidationStateIndicator } from './VCVerificationPill-dd174003.js';
+export { V as VCDisplayCard } from './VCDisplayCard-5d0628ee.js';
 import 'react';
+import './FlippyCard-682649d7.js';
+import './icon.green.fat-arrow.png';
+import './ArrowArcRight.svg';
+import './default-face.jpeg';
+import './VCVerificationCheck-eef7883b.js';
+import './vc.check.svg';
+import './CircleSpinner-9b8b1a6b.js';
+import './VCDisplayBackFace-fb5d009b.js';
+import './VCVerificationPill-dd174003.js';
 import './RedXCircle.svg';
 import './GreenCheckCircle.svg';
 import './YellowWarningCircle.svg';

package/dist/esm/index22.js.map

@@ -1 +1 @@
-{"version":3,"file":"index22.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
+{"version":3,"file":"index22.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;"}

package/dist/esm/index23.js

@@ -0,0 +1,6 @@
+import 'react';
+import './icon.green.fat-arrow.png';
+import './ArrowArcRight.svg';
+import './default-face.jpeg';
+import './vc.check.svg';
+//# sourceMappingURL=index23.js.map

package/dist/esm/index23.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index23.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/esm/index24.js

@@ -0,0 +1,5 @@
+export { V as VCThumbnail } from './VCThumbnail-2571a0c6.js';
+import 'react';
+import './icon.green.fat-arrow.png';
+import './verified-check.png';
+//# sourceMappingURL=index24.js.map

package/dist/esm/index24.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index24.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/esm/index25.js

@@ -0,0 +1,5 @@
+export { V as VCVerificationCheck, a as VCVerificationCheckWithText } from './VCVerificationCheck-eef7883b.js';
+import 'react';
+import './vc.check.svg';
+import './CircleSpinner-9b8b1a6b.js';
+//# sourceMappingURL=index25.js.map

package/dist/esm/index25.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index25.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/esm/index26.js

@@ -0,0 +1,6 @@
+export { V as ValidationStateIndicator } from './VCVerificationPill-dd174003.js';
+import 'react';
+import './RedXCircle.svg';
+import './GreenCheckCircle.svg';
+import './YellowWarningCircle.svg';
+//# sourceMappingURL=index26.js.map

package/dist/esm/index26.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index26.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/esm/index4.js

@@ -1,3 +1,7 @@
-export { F as FlippyCard } from './FlippyCard-682649d7.js';
+export { C as CourseCard } from './CourseCard-b9e42233.js';
 import 'react';
+import './lhplaceholder.png';
+import './minitrophy.svg';
+import './minijob.svg';
+import './minipuzzle.svg';
 //# sourceMappingURL=index4.js.map

package/dist/esm/index4.js.map

@@ -1 +1 @@
-{"version":3,"file":"index4.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"index4.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/dist/esm/index5.js

@@ -1,54 +1,3 @@
-export { B as Button } from './Button-5f805204.js';
-export { a as CircleIcon, C as CountCircle } from './CircleIcon-7c21af00.js';
 export { F as FlippyCard } from './FlippyCard-682649d7.js';
-export { L as LearnCardCreditCardBackFace } from './LearnCardCreditCardBackFace-9baa9e6b.js';
-export { L as LearnCardCreditCardFrontFace } from './LearnCardCreditCardFrontFace-2f2e066d.js';
-export { C as CircleLoadingState } from './CircleSpinner-9b8b1a6b.js';
-export { M as MiniVCThumbnail } from './MiniVCThumbnail-6a07e810.js';
-export { N as Notification, a as NotificationTypeStyles } from './Notification-ddbb3c37.js';
-export { Q as QRCodeCard } from './QRCodeCard-11e192b2.js';
-export { R as RoundedSquare, T as TYPE_TO_IMG_SRC, a as TYPE_TO_WALLET_COLOR, W as WALLET_SUBTYPES } from './RoundedSquare-c3706147.js';
-export { S as SchoolIDCard } from './SchoolIDCard-de021534.js';
-export { S as SmallAchievementCard } from './SmallAchievementCard-44f6fef8.js';
-export { V as VCCard } from './VCCard-f244c691.js';
-export { V as VCDisplayBackFace } from './VCDisplayBackFace-fb5d009b.js';
-export { V as VCDisplayCard } from './VCDisplayCard-5d0628ee.js';
-export { V as VCThumbnail } from './VCThumbnail-2571a0c6.js';
-export { V as VCVerificationCheck, a as VCVerificationCheckWithText } from './VCVerificationCheck-eef7883b.js';
-export { V as ValidationStateIndicator } from './VCVerificationPill-dd174003.js';
-export { B as Briefcase, C as Checkmark, a as Coins, G as Graduation, L as Lightbulb, U as User } from './Checkmark-fb8086c5.js';
-export { T as Trophy } from './Trophy-702610b8.js';
 import 'react';
-import './coins.svg';
-import './user.svg';
-import './trophy.svg';
-import './briefcase.svg';
-import './graduation.svg';
-import './lightbulb.svg';
-import './contactless-symbol.svg';
-import './index-aa1098e1.js';
-import './card-chip.svg';
-import './master-card-logo.svg';
-import './verified-check.png';
-import './walletcurrency.webp';
-import './walletids.webp';
-import './walletjobhistory.webp';
-import './walletlearninghistory.webp';
-import './walletskills.webp';
-import './walletTrophy.webp';
-import 'stream';
-import 'http';
-import 'url';
-import 'punycode';
-import 'https';
-import 'zlib';
-import 'crypto';
-import 'process';
-import './ArrowArcRight.svg';
-import './icon.green.fat-arrow.png';
-import './default-face.jpeg';
-import './vc.check.svg';
-import './RedXCircle.svg';
-import './GreenCheckCircle.svg';
-import './YellowWarningCircle.svg';
 //# sourceMappingURL=index5.js.map