@learncard/react 2.3.52 → 2.3.54

package/dist/cjs/constants-678d0aa9.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants-678d0aa9.js","sources":["../../src/components/RoundedSquare/RoundedSquare.tsx","../../src/components/RoundedSquare/constants.ts"],"sourcesContent":["import React from 'react';\nimport { Icons, WalletCategoryTypes } from '../../types';\nimport { ICONS_TO_SOURCE } from '../../constants/icons';\nimport CircleIcon from '../CircleIcon/CircleIcon';\nimport { CountCircle } from '../CircleIcon';\nimport { TYPE_TO_IMG_SRC, TYPE_TO_WALLET_COLOR } from '../../constants';\n\nexport type RoundedSquareProps = {\n    title?: string;\n    description?: string;\n    type?: WalletCategoryTypes;\n    iconSrc?: string;\n    imgSrc?: string;\n    count?: string | number;\n    onClick?: () => void;\n    bgColor?: string;\n};\n\nexport const RoundedSquare: React.FC<RoundedSquareProps> = ({\n    title = 'Currencies',\n    description = 'Lorem ipsum sit dalor amet',\n    iconSrc = ICONS_TO_SOURCE[Icons.trophyIcon],\n    imgSrc,\n    type = WalletCategoryTypes.achievements,\n    count = '28',\n    onClick = () => {},\n    bgColor,\n}) => {\n    const imgSource = imgSrc || TYPE_TO_IMG_SRC[type];\n    const backgroundColor = bgColor ?? `bg-${TYPE_TO_WALLET_COLOR[type]}`;\n    const circleClass = `flex w-full justify-end icon-display absolute right-[15px] bottom-[10px] max-h-[40px] max-w-[40px]`;\n\n    return (\n        <button\n            onClick={onClick}\n            className={`flex relative ${backgroundColor} py-[15px] px-[15px] w-[170px] h-[170px] rounded-[40px] rounded-square-card-container`}\n        >\n            <div className=\"w-full relative\">\n                <section className=\"title-headline-container flex items-center\">\n                    <CountCircle\n                        count={count}\n                        className=\"solo-counter-circle right-[0px] top-[0px] relative\"\n                    />\n                    <h3 className=\"line-clamp-2 font-bold text-[13px] text-grayscale-900 ml-[5px]\">\n                        {title}\n                    </h3>\n                </section>\n\n                <div className=\"graphic-background relative flex justify-center\">\n                    <img className=\"max-w-[130px]\" src={imgSource} />\n                </div>\n            </div>\n\n            <div className={circleClass}>\n                <CircleIcon iconSrc={iconSrc} count={count} size=\"40\" />\n            </div>\n        </button>\n    );\n};\n\nexport default RoundedSquare;\n","import coinsGraphic from '../../assets/images/walletcurrency.webp';\nimport idsGraphic from '../../assets/images/walletids.webp';\nimport jobhistoryGraphic from '../../assets/images/walletjobhistory.webp';\nimport learningHistoryGraphic from '../../assets/images/walletlearninghistory.webp';\nimport skillsGraphic from '../../assets/images/walletskills.webp';\nimport achievementsGraphic from '../../assets/images/walletTrophy.webp';\n\nimport MiniTrophyIcon from '../../assets/images/minitrophycolored.svg';\nimport MiniGradIcon from '../../assets/images/minigradcapcolored.svg';\nimport MiniPuzzleIcon from '../../assets/images/minipuzzlecolored.svg';\nimport { LCSubtypes } from '../../types';\n\nexport const TYPE_TO_MINI_ICON: any = {\n    [LCSubtypes.course]: MiniGradIcon,\n    [LCSubtypes.achievement]: MiniTrophyIcon,\n    [LCSubtypes.skill]: MiniPuzzleIcon,\n};\n\nexport const WALLET_SUBTYPES = {\n    ACHIEVEMENTS: 'achievements',\n    IDS: 'ids',\n    JOB_HISTORY: 'jobHistory',\n    CURRENCIES: 'currency',\n    LEARNING_HISTORY: 'learningHistory',\n    SKILLS: 'skills',\n};\n\nexport const TYPE_TO_IMG_SRC = {\n    [WALLET_SUBTYPES.ACHIEVEMENTS]: achievementsGraphic,\n    [WALLET_SUBTYPES.IDS]: idsGraphic,\n    [WALLET_SUBTYPES.JOB_HISTORY]: jobhistoryGraphic,\n    [WALLET_SUBTYPES.LEARNING_HISTORY]: learningHistoryGraphic,\n    [WALLET_SUBTYPES.CURRENCIES]: coinsGraphic,\n    [WALLET_SUBTYPES.SKILLS]: skillsGraphic,\n};\n\nexport const TYPE_TO_WALLET_COLOR = {\n    [WALLET_SUBTYPES.ACHIEVEMENTS]: 'spice-300',\n    [WALLET_SUBTYPES.IDS]: 'yellow-300',\n    [WALLET_SUBTYPES.JOB_HISTORY]: 'rose-300',\n    [WALLET_SUBTYPES.LEARNING_HISTORY]: 'emerald-300',\n    [WALLET_SUBTYPES.CURRENCIES]: 'cyan-200',\n    [WALLET_SUBTYPES.SKILLS]: 'indigo-300',\n};"],"names":["ICONS_TO_SOURCE","Icons","WalletCategoryTypes","TYPE_TO_IMG_SRC","TYPE_TO_WALLET_COLOR","React","CountCircle","CircleIcon","LCSubtypes","MiniGradIcon","MiniTrophyIcon","MiniPuzzleIcon","achievementsGraphic","idsGraphic","jobhistoryGraphic","learningHistoryGraphic","coinsGraphic","skillsGraphic"],"mappings":"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"}
+{"version":3,"file":"constants-678d0aa9.js","sources":["../../src/components/RoundedSquare/RoundedSquare.tsx","../../src/components/RoundedSquare/constants.ts"],"sourcesContent":["import React from 'react';\nimport { Icons, WalletCategoryTypes } from '../../types';\nimport { ICONS_TO_SOURCE } from '../../constants/icons';\nimport CircleIcon from '../CircleIcon/CircleIcon';\nimport { CountCircle } from '../CircleIcon';\nimport { TYPE_TO_IMG_SRC, TYPE_TO_WALLET_COLOR } from '../../constants';\n\nexport type RoundedSquareProps = {\n    title?: string;\n    description?: string;\n    type?: WalletCategoryTypes;\n    iconSrc?: string;\n    imgSrc?: string;\n    count?: string | number;\n    onClick?: () => void;\n    bgColor?: string;\n};\n\nexport const RoundedSquare: React.FC<RoundedSquareProps> = ({\n    title = 'Currencies',\n    description = 'Lorem ipsum sit dalor amet',\n    iconSrc = ICONS_TO_SOURCE[Icons.trophyIcon],\n    imgSrc,\n    type = WalletCategoryTypes.achievements,\n    count = '28',\n    onClick = () => {},\n    bgColor,\n}) => {\n    const imgSource = imgSrc || TYPE_TO_IMG_SRC[type];\n    const backgroundColor = bgColor ?? `bg-${TYPE_TO_WALLET_COLOR[type]}`;\n    const circleClass = `flex w-full justify-end icon-display absolute right-[15px] bottom-[10px] max-h-[40px] max-w-[40px]`;\n\n    return (\n        <button\n            onClick={onClick}\n            className={`flex relative ${backgroundColor} py-[15px] px-[15px] w-[170px] h-[170px] rounded-[40px] rounded-square-card-container`}\n        >\n            <div className=\"w-full relative\">\n                <section className=\"title-headline-container flex items-center\">\n                    <CountCircle\n                        count={count}\n                        className=\"solo-counter-circle right-[0px] top-[0px] relative\"\n                    />\n                    <h3 className=\"line-clamp-2 font-bold text-[13px] text-grayscale-900 ml-[5px]\">\n                        {title}\n                    </h3>\n                </section>\n\n                <div className=\"graphic-background relative flex justify-center\">\n                    <img className=\"max-w-[130px]\" src={imgSource} />\n                </div>\n            </div>\n\n            <div className={circleClass}>\n                <CircleIcon iconSrc={iconSrc} count={count} size=\"40\" />\n            </div>\n        </button>\n    );\n};\n\nexport default RoundedSquare;\n","import coinsGraphic from '../../assets/images/walletcurrency.webp';\nimport idsGraphic from '../../assets/images/walletids.webp';\nimport jobhistoryGraphic from '../../assets/images/walletjobhistory.webp';\nimport learningHistoryGraphic from '../../assets/images/walletlearninghistory.webp';\nimport skillsGraphic from '../../assets/images/walletskills.webp';\nimport achievementsGraphic from '../../assets/images/walletTrophy.webp';\n\nimport MiniTrophyIcon from '../../assets/images/minitrophycolored.svg';\nimport MiniGradIcon from '../../assets/images/minigradcapcolored.svg';\nimport MiniPuzzleIcon from '../../assets/images/minipuzzlecolored.svg';\nimport { LCSubtypes } from '../../types';\n\nexport const TYPE_TO_MINI_ICON: any = {\n    [LCSubtypes.course]: MiniGradIcon,\n    [LCSubtypes.achievement]: MiniTrophyIcon,\n    [LCSubtypes.skill]: MiniPuzzleIcon,\n};\n\nexport const WALLET_SUBTYPES = {\n    ACHIEVEMENTS: 'achievements',\n    IDS: 'ids',\n    JOB_HISTORY: 'jobHistory',\n    CURRENCIES: 'currency',\n    LEARNING_HISTORY: 'learningHistory',\n    SKILLS: 'skills',\n};\n\nexport const TYPE_TO_IMG_SRC = {\n    [WALLET_SUBTYPES.ACHIEVEMENTS]: achievementsGraphic,\n    [WALLET_SUBTYPES.IDS]: idsGraphic,\n    [WALLET_SUBTYPES.JOB_HISTORY]: jobhistoryGraphic,\n    [WALLET_SUBTYPES.LEARNING_HISTORY]: learningHistoryGraphic,\n    [WALLET_SUBTYPES.CURRENCIES]: coinsGraphic,\n    [WALLET_SUBTYPES.SKILLS]: skillsGraphic,\n};\n\nexport const TYPE_TO_WALLET_COLOR = {\n    [WALLET_SUBTYPES.ACHIEVEMENTS]: 'spice-300',\n    [WALLET_SUBTYPES.IDS]: 'yellow-300',\n    [WALLET_SUBTYPES.JOB_HISTORY]: 'rose-300',\n    [WALLET_SUBTYPES.LEARNING_HISTORY]: 'emerald-300',\n    [WALLET_SUBTYPES.CURRENCIES]: 'cyan-200',\n    [WALLET_SUBTYPES.SKILLS]: 'indigo-300',\n};"],"names":["ICONS_TO_SOURCE","Icons","WalletCategoryTypes","TYPE_TO_IMG_SRC","TYPE_TO_WALLET_COLOR","React","CountCircle","CircleIcon","LCSubtypes","MiniGradIcon","MiniTrophyIcon","MiniPuzzleIcon","achievementsGraphic","idsGraphic","jobhistoryGraphic","learningHistoryGraphic","coinsGraphic","skillsGraphic"],"mappings":"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"}

package/dist/cjs/icons-cf98ef88.js.map

@@ -1 +1 @@
-{"version":3,"file":"icons-cf98ef88.js","sources":["../../src/constants/icons.ts"],"sourcesContent":["import coins from '../assets/images/coins.svg';\nimport user from '../assets/images/user.svg';\nimport trophy from '../assets/images/trophy.svg';\nimport briefcase from '../assets/images/briefcase.svg';\nimport graduation from '../assets/images/graduation.svg';\nimport lightbulb from '../assets/images/lightbulb.svg';\n\nimport puzzlelight from '../assets/images/minipuzzle.svg';\nimport trophylight from '../assets/images/minitrophy.svg';\nimport gradcaplight from '../assets/images/gradcaplight.svg';\n\nimport { Icons } from '../types';\nexport {\n    coins,\n    user,\n    trophy,\n    briefcase,\n    graduation,\n    lightbulb,\n    gradcaplight,\n    trophylight,\n    puzzlelight,\n};\n\nexport const ICONS_TO_SOURCE = {\n    [Icons.coinsIcon]: coins,\n    [Icons.userIcon]: user,\n    [Icons.trophyIcon]: trophy,\n    [Icons.briefcaseIcon]: briefcase,\n    [Icons.graduationIcon]: graduation,\n    [Icons.lightbulbIcon]: lightbulb,\n    [Icons.puzzlelight]: puzzlelight,\n    [Icons.trophylight]: trophylight,\n    [Icons.gradcaplight]: gradcaplight,\n};\n\nexport const TYPE_TO_ICON: any = {\n    course: gradcaplight,\n    achievement: trophylight,\n    skill: puzzlelight,\n};\n"],"names":["Icons","coins","user","trophy","briefcase","graduation","lightbulb","puzzlelight","trophylight","gradcaplight"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAqBY,MAAC,eAAe,GAAG;AAC/B,EAAE,CAACA,WAAK,CAAC,SAAS,GAAGC,yBAAK;AAC1B,EAAE,CAACD,WAAK,CAAC,QAAQ,GAAGE,wBAAI;AACxB,EAAE,CAACF,WAAK,CAAC,UAAU,GAAGG,0BAAM;AAC5B,EAAE,CAACH,WAAK,CAAC,aAAa,GAAGI,6BAAS;AAClC,EAAE,CAACJ,WAAK,CAAC,cAAc,GAAGK,8BAAU;AACpC,EAAE,CAACL,WAAK,CAAC,aAAa,GAAGM,6BAAS;AAClC,EAAE,CAACN,WAAK,CAAC,WAAW,GAAGO,+BAAW;AAClC,EAAE,CAACP,WAAK,CAAC,WAAW,GAAGQ,+BAAW;AAClC,EAAE,CAACR,WAAK,CAAC,YAAY,GAAGS,gCAAY;AACpC,EAAE;AACU,MAAC,YAAY,GAAG;AAC5B,EAAE,MAAM,EAAEA,gCAAY;AACtB,EAAE,WAAW,EAAED,+BAAW;AAC1B,EAAE,KAAK,EAAED,+BAAW;AACpB;;;;;"}
+{"version":3,"file":"icons-cf98ef88.js","sources":["../../src/constants/icons.ts"],"sourcesContent":["import coins from '../assets/images/coins.svg';\nimport user from '../assets/images/user.svg';\nimport trophy from '../assets/images/trophy.svg';\nimport briefcase from '../assets/images/briefcase.svg';\nimport graduation from '../assets/images/graduation.svg';\nimport lightbulb from '../assets/images/lightbulb.svg';\n\nimport puzzlelight from '../assets/images/minipuzzle.svg';\nimport trophylight from '../assets/images/minitrophy.svg';\nimport gradcaplight from '../assets/images/gradcaplight.svg';\n\nimport { Icons } from '../types';\nexport {\n    coins,\n    user,\n    trophy,\n    briefcase,\n    graduation,\n    lightbulb,\n    gradcaplight,\n    trophylight,\n    puzzlelight,\n};\n\nexport const ICONS_TO_SOURCE = {\n    [Icons.coinsIcon]: coins,\n    [Icons.userIcon]: user,\n    [Icons.trophyIcon]: trophy,\n    [Icons.briefcaseIcon]: briefcase,\n    [Icons.graduationIcon]: graduation,\n    [Icons.lightbulbIcon]: lightbulb,\n    [Icons.puzzlelight]: puzzlelight,\n    [Icons.trophylight]: trophylight,\n    [Icons.gradcaplight]: gradcaplight,\n};\n\nexport const TYPE_TO_ICON: any = {\n    course: gradcaplight,\n    achievement: trophylight,\n    skill: puzzlelight,\n};\n"],"names":["Icons","coins","user","trophy","briefcase","graduation","lightbulb","puzzlelight","trophylight","gradcaplight"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAwBO,MAAM,eAAkB,GAAA;AAAA,EAC3B,CAACA,YAAM,SAAY,GAAAC,yBAAA;AAAA,EACnB,CAACD,YAAM,QAAW,GAAAE,wBAAA;AAAA,EAClB,CAACF,YAAM,UAAa,GAAAG,0BAAA;AAAA,EACpB,CAACH,YAAM,aAAgB,GAAAI,6BAAA;AAAA,EACvB,CAACJ,YAAM,cAAiB,GAAAK,8BAAA;AAAA,EACxB,CAACL,YAAM,aAAgB,GAAAM,6BAAA;AAAA,EACvB,CAACN,YAAM,WAAc,GAAAO,+BAAA;AAAA,EACrB,CAACP,YAAM,WAAc,GAAAQ,+BAAA;AAAA,EACrB,CAACR,YAAM,YAAe,GAAAS,gCAAA;AAC1B,EAAA;AAEO,MAAM,YAAoB,GAAA;AAAA,EAC7B,MAAQ,EAAAA,gCAAA;AAAA,EACR,WAAa,EAAAD,+BAAA;AAAA,EACb,KAAO,EAAAD,+BAAA;AACX;;;;;"}

package/dist/cjs/index-63ee021e.js.map

@@ -1 +1 @@
-{"version":3,"file":"index-63ee021e.js","sources":["../../src/types/index.ts"],"sourcesContent":["import { VerificationItem, VC, Profile, CredentialSubject } from '@learncard/types';\nimport React from 'react';\n\nexport enum Icons {\n    coinsIcon,\n    userIcon,\n    trophyIcon,\n    briefcaseIcon,\n    graduationIcon,\n    lightbulbIcon,\n    gradcaplight,\n    trophylight,\n    puzzlelight,\n}\n\nexport enum LCSubtypes {\n    job = 'job',\n    achievement = 'achievement',\n    skill = 'skill',\n    course = 'course',\n    locked = 'locked',\n}\n\nexport enum WalletCategoryTypes {\n    achievements = 'achievements',\n    ids = 'ids',\n    jobHistory = 'jobHistory',\n    currency = 'currency',\n    learningHistory = 'learningHistory',\n    skills = 'skills',\n}\n\nexport type CredentialInfo = {\n    title?: string;\n    createdAt?: string;\n    issuer?: Profile;\n    issuee?: Profile;\n    credentialSubject?: CredentialSubject;\n};\n\nexport type VCDisplayCardProps = {\n    title?: string;\n    createdAt?: string;\n    issuer?: Profile;\n    issuee?: Profile;\n    subjectImageComponent?: React.ReactNode;\n    issuerImageComponent?: React.ReactNode;\n    hideProfileBubbles?: boolean;\n    userImage?: string;\n    className?: string;\n    credentialSubject?: CredentialSubject;\n    onClick?: () => void;\n    loading?: boolean;\n    verification?: VerificationItem[];\n};\n\nexport type RoundedSquareProps = {\n    title?: string;\n    description?: string;\n    iconSrc?: string;\n    count?: string | number;\n    onClick?: () => void;\n    bgColor?: string;\n};\n\nexport type SmallAchievementCardProps = {\n    title?: string;\n    thumbImgSrc?: string;\n    showStatus?: boolean;\n    showSkills?: boolean;\n    date?: string;\n    onClick?: () => void;\n};\n\nexport type AchievementCardProps = {\n    title?: string;\n    thumbImgSrc?: string;\n    showStatus?: boolean;\n    claimStatus?: boolean;\n    showSkills?: boolean;\n    skillCount?: number;\n    showChecked?: boolean;\n    checked?: boolean;\n    onCheckClick?: () => void;\n    onClick?: () => void;\n};\n\nexport type CourseCardProps = {\n    status?: string;\n    title?: string;\n    semester?: string;\n    skillCount?: string | number;\n    thumbSrc?: string;\n    jobCount?: string | number;\n    className?: string;\n    hideHeader?: boolean;\n    check?: boolean;\n    achievementCount: string | number;\n    onClick?: () => void;\n};\n\nexport type CourseCardVerticalProps = {\n    title?: string;\n    className?: string;\n    thumbImgSrc?: string;\n    showStatus?: boolean;\n    claimStatus?: boolean;\n    achievementCount?: number;\n    skillCount?: number;\n    date?: string;\n    checked?: boolean;\n    showChecked?: boolean;\n    onCheckClick?: () => void;\n    onClick?: () => void;\n};\n\nexport type SkillsCardProps = {\n    count?: number;\n    title?: string;\n    level?: string;\n    category?: string;\n    levelCount?: number;\n    skillColor?: string;\n    onClick?: () => void;\n    className?: string;\n};\n\nexport type SkillStat = {\n    name?: string;\n    percent: number | string;\n    className?: string;\n};\n\nexport type SkillsStatsCardProps = {\n    totalCount?: string | number;\n    skills?: SkillStat[];\n    className?: string;\n    onClick?: () => void;\n};\n\nexport type SkillVerticalCardProps = {\n    title: string;\n    completed?: number;\n    total?: number;\n    thumbImg?: string;\n    onClick?: () => void;\n    className?: string;\n};\n\nexport type RoundedPillProps = {\n    statusText?: string;\n    type?: LCSubtypes.course | LCSubtypes.achievement | LCSubtypes.skill | 'locked';\n    onClick?: () => void;\n    showCheckmark?: boolean;\n};\n\nexport type JobQualificationsCount = {\n    fulfilledCount: number;\n    totalRequiredCount: number;\n};\n\nexport type JobQualificationDisplay = {\n    skills?: JobQualificationsCount;\n    achievements?: JobQualificationsCount;\n    courses?: JobQualificationsCount;\n};\n\nexport type JobListCardProps = {\n    title?: string;\n    company?: string;\n    compensation?: string;\n    location?: string;\n    locationRequirement?: string;\n    timeRequirement?: string;\n    qualificationDisplay?: JobQualificationDisplay;\n    percentQualifiedDisplay?: string;\n    postDateDisplay?: string;\n    imgThumb?: string;\n    isBookmarked?: boolean;\n    className?: string;\n    onBookmark?: () => void;\n    onClick?: () => void;\n};\n\nexport type LearnPillProps = {\n    count: number | string;\n    type: LCSubtypes.course | LCSubtypes.achievement | LCSubtypes.skill;\n    className?: string;\n};\n\nexport type CircleCheckButtonProps = {\n    onClick?: () => void;\n    className?: string;\n    bgColor?: string;\n    checked?: boolean;\n};\n\nexport type SkillTabCardProps = {\n    title?: string;\n    description?: string;\n    checked?: boolean;\n    showChecked?: boolean;\n    className?: string;\n    onCheckClicked?: () => void;\n    onClick?: () => void;\n};\n\nexport type JobHistoryCardProps = {\n    title?: string;\n    company?: string;\n    description?: string;\n    dateRange?: string;\n    jobType?: string;\n    className?: string;\n    showArrow?: boolean;\n    onClick?: () => void;\n};\n\nexport type GenericCardProps = {\n    title?: string;\n    className?: string;\n    type?: WalletCategoryTypes;\n    thumbImgSrc?: string;\n    customThumbClass?: string;\n    customHeaderClass?: string;\n    onClick?: () => void;\n};\n"],"names":[],"mappings":";;AAAU,IAAC,KAAK,mBAAmB,CAAC,CAAC,MAAM,KAAK;AAChD,EAAE,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,GAAG,WAAW,CAAC;AAChD,EAAE,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,GAAG,UAAU,CAAC;AAC9C,EAAE,MAAM,CAAC,MAAM,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,GAAG,YAAY,CAAC;AAClD,EAAE,MAAM,CAAC,MAAM,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC,GAAG,eAAe,CAAC;AACxD,EAAE,MAAM,CAAC,MAAM,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC,GAAG,gBAAgB,CAAC;AAC1D,EAAE,MAAM,CAAC,MAAM,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC,GAAG,eAAe,CAAC;AACxD,EAAE,MAAM,CAAC,MAAM,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,GAAG,cAAc,CAAC;AACtD,EAAE,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,GAAG,aAAa,CAAC;AACpD,EAAE,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,GAAG,aAAa,CAAC;AACpD,EAAE,OAAO,MAAM,CAAC;AAChB,CAAC,EAAE,KAAK,IAAI,EAAE,EAAE;AACN,IAAC,UAAU,mBAAmB,CAAC,CAAC,WAAW,KAAK;AAC1D,EAAE,WAAW,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC;AAC7B,EAAE,WAAW,CAAC,aAAa,CAAC,GAAG,aAAa,CAAC;AAC7C,EAAE,WAAW,CAAC,OAAO,CAAC,GAAG,OAAO,CAAC;AACjC,EAAE,WAAW,CAAC,QAAQ,CAAC,GAAG,QAAQ,CAAC;AACnC,EAAE,WAAW,CAAC,QAAQ,CAAC,GAAG,QAAQ,CAAC;AACnC,EAAE,OAAO,WAAW,CAAC;AACrB,CAAC,EAAE,UAAU,IAAI,EAAE,EAAE;AACX,IAAC,mBAAmB,mBAAmB,CAAC,CAAC,oBAAoB,KAAK;AAC5E,EAAE,oBAAoB,CAAC,cAAc,CAAC,GAAG,cAAc,CAAC;AACxD,EAAE,oBAAoB,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC;AACtC,EAAE,oBAAoB,CAAC,YAAY,CAAC,GAAG,YAAY,CAAC;AACpD,EAAE,oBAAoB,CAAC,UAAU,CAAC,GAAG,UAAU,CAAC;AAChD,EAAE,oBAAoB,CAAC,iBAAiB,CAAC,GAAG,iBAAiB,CAAC;AAC9D,EAAE,oBAAoB,CAAC,QAAQ,CAAC,GAAG,QAAQ,CAAC;AAC5C,EAAE,OAAO,oBAAoB,CAAC;AAC9B,CAAC,EAAE,mBAAmB,IAAI,EAAE;;;;;;"}
+{"version":3,"file":"index-63ee021e.js","sources":["../../src/types/index.ts"],"sourcesContent":["import { VerificationItem, VC, Profile, CredentialSubject } from '@learncard/types';\nimport React from 'react';\n\nexport enum Icons {\n    coinsIcon,\n    userIcon,\n    trophyIcon,\n    briefcaseIcon,\n    graduationIcon,\n    lightbulbIcon,\n    gradcaplight,\n    trophylight,\n    puzzlelight,\n}\n\nexport enum LCSubtypes {\n    job = 'job',\n    achievement = 'achievement',\n    skill = 'skill',\n    course = 'course',\n    locked = 'locked',\n}\n\nexport enum WalletCategoryTypes {\n    achievements = 'achievements',\n    ids = 'ids',\n    jobHistory = 'jobHistory',\n    currency = 'currency',\n    learningHistory = 'learningHistory',\n    skills = 'skills',\n}\n\nexport type CredentialInfo = {\n    title?: string;\n    createdAt?: string;\n    issuer?: Profile;\n    issuee?: Profile;\n    credentialSubject?: CredentialSubject;\n};\n\nexport type VCDisplayCardProps = {\n    title?: string;\n    createdAt?: string;\n    issuer?: Profile;\n    issuee?: Profile;\n    subjectImageComponent?: React.ReactNode;\n    issuerImageComponent?: React.ReactNode;\n    hideProfileBubbles?: boolean;\n    userImage?: string;\n    className?: string;\n    credentialSubject?: CredentialSubject;\n    onClick?: () => void;\n    loading?: boolean;\n    verification?: VerificationItem[];\n};\n\nexport type RoundedSquareProps = {\n    title?: string;\n    description?: string;\n    iconSrc?: string;\n    count?: string | number;\n    onClick?: () => void;\n    bgColor?: string;\n};\n\nexport type SmallAchievementCardProps = {\n    title?: string;\n    thumbImgSrc?: string;\n    showStatus?: boolean;\n    showSkills?: boolean;\n    date?: string;\n    onClick?: () => void;\n};\n\nexport type AchievementCardProps = {\n    title?: string;\n    thumbImgSrc?: string;\n    showStatus?: boolean;\n    claimStatus?: boolean;\n    showSkills?: boolean;\n    skillCount?: number;\n    showChecked?: boolean;\n    checked?: boolean;\n    onCheckClick?: () => void;\n    onClick?: () => void;\n};\n\nexport type CourseCardProps = {\n    status?: string;\n    title?: string;\n    semester?: string;\n    skillCount?: string | number;\n    thumbSrc?: string;\n    jobCount?: string | number;\n    className?: string;\n    hideHeader?: boolean;\n    check?: boolean;\n    achievementCount: string | number;\n    onClick?: () => void;\n};\n\nexport type CourseCardVerticalProps = {\n    title?: string;\n    className?: string;\n    thumbImgSrc?: string;\n    showStatus?: boolean;\n    claimStatus?: boolean;\n    achievementCount?: number;\n    skillCount?: number;\n    date?: string;\n    checked?: boolean;\n    showChecked?: boolean;\n    onCheckClick?: () => void;\n    onClick?: () => void;\n};\n\nexport type SkillsCardProps = {\n    count?: number;\n    title?: string;\n    level?: string;\n    category?: string;\n    levelCount?: number;\n    skillColor?: string;\n    onClick?: () => void;\n    className?: string;\n};\n\nexport type SkillStat = {\n    name?: string;\n    percent: number | string;\n    className?: string;\n};\n\nexport type SkillsStatsCardProps = {\n    totalCount?: string | number;\n    skills?: SkillStat[];\n    className?: string;\n    onClick?: () => void;\n};\n\nexport type SkillVerticalCardProps = {\n    title: string;\n    completed?: number;\n    total?: number;\n    thumbImg?: string;\n    onClick?: () => void;\n    className?: string;\n};\n\nexport type RoundedPillProps = {\n    statusText?: string;\n    type?: LCSubtypes.course | LCSubtypes.achievement | LCSubtypes.skill | 'locked';\n    onClick?: () => void;\n    showCheckmark?: boolean;\n};\n\nexport type JobQualificationsCount = {\n    fulfilledCount: number;\n    totalRequiredCount: number;\n};\n\nexport type JobQualificationDisplay = {\n    skills?: JobQualificationsCount;\n    achievements?: JobQualificationsCount;\n    courses?: JobQualificationsCount;\n};\n\nexport type JobListCardProps = {\n    title?: string;\n    company?: string;\n    compensation?: string;\n    location?: string;\n    locationRequirement?: string;\n    timeRequirement?: string;\n    qualificationDisplay?: JobQualificationDisplay;\n    percentQualifiedDisplay?: string;\n    postDateDisplay?: string;\n    imgThumb?: string;\n    isBookmarked?: boolean;\n    className?: string;\n    onBookmark?: () => void;\n    onClick?: () => void;\n};\n\nexport type LearnPillProps = {\n    count: number | string;\n    type: LCSubtypes.course | LCSubtypes.achievement | LCSubtypes.skill;\n    className?: string;\n};\n\nexport type CircleCheckButtonProps = {\n    onClick?: () => void;\n    className?: string;\n    bgColor?: string;\n    checked?: boolean;\n};\n\nexport type SkillTabCardProps = {\n    title?: string;\n    description?: string;\n    checked?: boolean;\n    showChecked?: boolean;\n    className?: string;\n    onCheckClicked?: () => void;\n    onClick?: () => void;\n};\n\nexport type JobHistoryCardProps = {\n    title?: string;\n    company?: string;\n    description?: string;\n    dateRange?: string;\n    jobType?: string;\n    className?: string;\n    showArrow?: boolean;\n    onClick?: () => void;\n};\n\nexport type GenericCardProps = {\n    title?: string;\n    className?: string;\n    type?: WalletCategoryTypes;\n    thumbImgSrc?: string;\n    customThumbClass?: string;\n    customHeaderClass?: string;\n    onClick?: () => void;\n};\n"],"names":["Icons","LCSubtypes","WalletCategoryTypes"],"mappings":";;AAGY,IAAA,KAAA,qBAAAA,MAAL,KAAA;AACH,EAAAA,MAAA,CAAA,MAAA,CAAA,WAAA,CAAA,GAAA,CAAA,CAAA,GAAA,WAAA,CAAA;AACA,EAAAA,MAAA,CAAA,MAAA,CAAA,UAAA,CAAA,GAAA,CAAA,CAAA,GAAA,UAAA,CAAA;AACA,EAAAA,MAAA,CAAA,MAAA,CAAA,YAAA,CAAA,GAAA,CAAA,CAAA,GAAA,YAAA,CAAA;AACA,EAAAA,MAAA,CAAA,MAAA,CAAA,eAAA,CAAA,GAAA,CAAA,CAAA,GAAA,eAAA,CAAA;AACA,EAAAA,MAAA,CAAA,MAAA,CAAA,gBAAA,CAAA,GAAA,CAAA,CAAA,GAAA,gBAAA,CAAA;AACA,EAAAA,MAAA,CAAA,MAAA,CAAA,eAAA,CAAA,GAAA,CAAA,CAAA,GAAA,eAAA,CAAA;AACA,EAAAA,MAAA,CAAA,MAAA,CAAA,cAAA,CAAA,GAAA,CAAA,CAAA,GAAA,cAAA,CAAA;AACA,EAAAA,MAAA,CAAA,MAAA,CAAA,aAAA,CAAA,GAAA,CAAA,CAAA,GAAA,aAAA,CAAA;AACA,EAAAA,MAAA,CAAA,MAAA,CAAA,aAAA,CAAA,GAAA,CAAA,CAAA,GAAA,aAAA,CAAA;AATQ,EAAAA,OAAAA,MAAAA,CAAAA;AAAA,CAAA,EAAA,KAAA,IAAA,EAAA,EAAA;AAYA,IAAA,UAAA,qBAAAC,WAAL,KAAA;AACH,EAAAA,YAAA,KAAM,CAAA,GAAA,KAAA,CAAA;AACN,EAAAA,YAAA,aAAc,CAAA,GAAA,aAAA,CAAA;AACd,EAAAA,YAAA,OAAQ,CAAA,GAAA,OAAA,CAAA;AACR,EAAAA,YAAA,QAAS,CAAA,GAAA,QAAA,CAAA;AACT,EAAAA,YAAA,QAAS,CAAA,GAAA,QAAA,CAAA;AALD,EAAAA,OAAAA,WAAAA,CAAAA;AAAA,CAAA,EAAA,UAAA,IAAA,EAAA,EAAA;AAQA,IAAA,mBAAA,qBAAAC,oBAAL,KAAA;AACH,EAAAA,qBAAA,cAAe,CAAA,GAAA,cAAA,CAAA;AACf,EAAAA,qBAAA,KAAM,CAAA,GAAA,KAAA,CAAA;AACN,EAAAA,qBAAA,YAAa,CAAA,GAAA,YAAA,CAAA;AACb,EAAAA,qBAAA,UAAW,CAAA,GAAA,UAAA,CAAA;AACX,EAAAA,qBAAA,iBAAkB,CAAA,GAAA,iBAAA,CAAA;AAClB,EAAAA,qBAAA,QAAS,CAAA,GAAA,QAAA,CAAA;AAND,EAAAA,OAAAA,oBAAAA,CAAAA;AAAA,CAAA,EAAA,mBAAA,IAAA,EAAA;;;;;;"}

package/dist/cjs/index-6cab6d37.js.map

@@ -1 +1 @@
-{"version":3,"file":"index-6cab6d37.js","sources":["../../src/constants/index.ts"],"sourcesContent":["import coinsGraphic from '../assets/images/walletcurrency.webp';\nimport idsGraphic from '../assets/images/walletids.webp';\nimport jobhistoryGraphic from '../assets/images/walletjobhistory.webp';\nimport learningHistoryGraphic from '../assets/images/walletlearninghistory.webp';\nimport skillsGraphic from '../assets/images/walletskills.webp';\nimport achievementsGraphic from '../assets/images/walletTrophy.webp';\n\n\nimport MiniTrophyIcon from '../assets/images/minitrophycolored.svg';\nimport MiniGradIcon from '../assets/images/minigradcapcolored.svg';\nimport MiniPuzzleIcon from '../assets/images/minipuzzlecolored.svg';\nimport { LCSubtypes, WalletCategoryTypes } from '../types';\n\nexport const TYPE_TO_MINI_ICON: any = {\n    [LCSubtypes.course]: MiniGradIcon,\n    [LCSubtypes.achievement]: MiniTrophyIcon,\n    [LCSubtypes.skill]: MiniPuzzleIcon,\n};\n\nexport const TYPE_TO_IMG_SRC = {\n    [WalletCategoryTypes.achievements]: achievementsGraphic,\n    [WalletCategoryTypes.ids]: idsGraphic,\n    [WalletCategoryTypes.jobHistory]: jobhistoryGraphic,\n    [WalletCategoryTypes.learningHistory]: learningHistoryGraphic,\n    [WalletCategoryTypes.currency]: coinsGraphic,\n    [WalletCategoryTypes.skills]: skillsGraphic,\n};\n\nexport const TYPE_TO_WALLET_COLOR = {\n    [WalletCategoryTypes.achievements]: 'spice-300',\n    [WalletCategoryTypes.ids]: 'yellow-300',\n    [WalletCategoryTypes.jobHistory]: 'rose-300',\n    [WalletCategoryTypes.learningHistory]: 'emerald-300',\n    [WalletCategoryTypes.currency]: 'cyan-200',\n    [WalletCategoryTypes.skills]: 'indigo-300',\n};\n\nexport const TYPE_TO_WALLET_LIGHT_COLOR = {\n    [WalletCategoryTypes.achievements]: 'spice-200',\n    [WalletCategoryTypes.ids]: 'yellow-200',\n    [WalletCategoryTypes.jobHistory]: 'rose-200',\n    [WalletCategoryTypes.learningHistory]: 'emerald-200',\n    [WalletCategoryTypes.currency]: 'cyan-200',\n    [WalletCategoryTypes.skills]: 'indigo-200',\n};\n\nexport const TYPE_TO_WALLET_DARK_COLOR = {\n    [WalletCategoryTypes.achievements]: 'spice-500',\n    [WalletCategoryTypes.ids]: 'yellow-400',\n    [WalletCategoryTypes.jobHistory]: 'rose-400',\n    [WalletCategoryTypes.learningHistory]: 'emerald-500',\n    [WalletCategoryTypes.currency]: 'cyan-200',\n    [WalletCategoryTypes.skills]: 'indigo-400',\n};\n"],"names":["LCSubtypes","MiniGradIcon","MiniTrophyIcon","MiniPuzzleIcon","WalletCategoryTypes","achievementsGraphic","idsGraphic","jobhistoryGraphic","learningHistoryGraphic","coinsGraphic","skillsGraphic"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAUY,MAAC,iBAAiB,GAAG;AACjC,EAAE,CAACA,gBAAU,CAAC,MAAM,GAAGC,gCAAY;AACnC,EAAE,CAACD,gBAAU,CAAC,WAAW,GAAGE,kCAAc;AAC1C,EAAE,CAACF,gBAAU,CAAC,KAAK,GAAGG,kCAAc;AACpC,EAAE;AACU,MAAC,eAAe,GAAG;AAC/B,EAAE,CAACC,yBAAmB,CAAC,YAAY,GAAGC,uCAAmB;AACzD,EAAE,CAACD,yBAAmB,CAAC,GAAG,GAAGE,8BAAU;AACvC,EAAE,CAACF,yBAAmB,CAAC,UAAU,GAAGG,qCAAiB;AACrD,EAAE,CAACH,yBAAmB,CAAC,eAAe,GAAGI,0CAAsB;AAC/D,EAAE,CAACJ,yBAAmB,CAAC,QAAQ,GAAGK,gCAAY;AAC9C,EAAE,CAACL,yBAAmB,CAAC,MAAM,GAAGM,iCAAa;AAC7C,EAAE;AACU,MAAC,oBAAoB,GAAG;AACpC,EAAE,CAACN,yBAAmB,CAAC,YAAY,GAAG,WAAW;AACjD,EAAE,CAACA,yBAAmB,CAAC,GAAG,GAAG,YAAY;AACzC,EAAE,CAACA,yBAAmB,CAAC,UAAU,GAAG,UAAU;AAC9C,EAAE,CAACA,yBAAmB,CAAC,eAAe,GAAG,aAAa;AACtD,EAAE,CAACA,yBAAmB,CAAC,QAAQ,GAAG,UAAU;AAC5C,EAAE,CAACA,yBAAmB,CAAC,MAAM,GAAG,YAAY;AAC5C,EAAE;CACwC;AAC1C,EAAE,CAACA,yBAAmB,CAAC,YAAY,GAAG,WAAW;AACjD,EAAE,CAACA,yBAAmB,CAAC,GAAG,GAAG,YAAY;AACzC,EAAE,CAACA,yBAAmB,CAAC,UAAU,GAAG,UAAU;AAC9C,EAAE,CAACA,yBAAmB,CAAC,eAAe,GAAG,aAAa;AACtD,EAAE,CAACA,yBAAmB,CAAC,QAAQ,GAAG,UAAU;AAC5C,EAAE,CAACA,yBAAmB,CAAC,MAAM,GAAG,YAAY;AAC5C,GAAE;AACU,MAAC,yBAAyB,GAAG;AACzC,EAAE,CAACA,yBAAmB,CAAC,YAAY,GAAG,WAAW;AACjD,EAAE,CAACA,yBAAmB,CAAC,GAAG,GAAG,YAAY;AACzC,EAAE,CAACA,yBAAmB,CAAC,UAAU,GAAG,UAAU;AAC9C,EAAE,CAACA,yBAAmB,CAAC,eAAe,GAAG,aAAa;AACtD,EAAE,CAACA,yBAAmB,CAAC,QAAQ,GAAG,UAAU;AAC5C,EAAE,CAACA,yBAAmB,CAAC,MAAM,GAAG,YAAY;AAC5C;;;;;;;"}
+{"version":3,"file":"index-6cab6d37.js","sources":["../../src/constants/index.ts"],"sourcesContent":["import coinsGraphic from '../assets/images/walletcurrency.webp';\nimport idsGraphic from '../assets/images/walletids.webp';\nimport jobhistoryGraphic from '../assets/images/walletjobhistory.webp';\nimport learningHistoryGraphic from '../assets/images/walletlearninghistory.webp';\nimport skillsGraphic from '../assets/images/walletskills.webp';\nimport achievementsGraphic from '../assets/images/walletTrophy.webp';\n\n\nimport MiniTrophyIcon from '../assets/images/minitrophycolored.svg';\nimport MiniGradIcon from '../assets/images/minigradcapcolored.svg';\nimport MiniPuzzleIcon from '../assets/images/minipuzzlecolored.svg';\nimport { LCSubtypes, WalletCategoryTypes } from '../types';\n\nexport const TYPE_TO_MINI_ICON: any = {\n    [LCSubtypes.course]: MiniGradIcon,\n    [LCSubtypes.achievement]: MiniTrophyIcon,\n    [LCSubtypes.skill]: MiniPuzzleIcon,\n};\n\nexport const TYPE_TO_IMG_SRC = {\n    [WalletCategoryTypes.achievements]: achievementsGraphic,\n    [WalletCategoryTypes.ids]: idsGraphic,\n    [WalletCategoryTypes.jobHistory]: jobhistoryGraphic,\n    [WalletCategoryTypes.learningHistory]: learningHistoryGraphic,\n    [WalletCategoryTypes.currency]: coinsGraphic,\n    [WalletCategoryTypes.skills]: skillsGraphic,\n};\n\nexport const TYPE_TO_WALLET_COLOR = {\n    [WalletCategoryTypes.achievements]: 'spice-300',\n    [WalletCategoryTypes.ids]: 'yellow-300',\n    [WalletCategoryTypes.jobHistory]: 'rose-300',\n    [WalletCategoryTypes.learningHistory]: 'emerald-300',\n    [WalletCategoryTypes.currency]: 'cyan-200',\n    [WalletCategoryTypes.skills]: 'indigo-300',\n};\n\nexport const TYPE_TO_WALLET_LIGHT_COLOR = {\n    [WalletCategoryTypes.achievements]: 'spice-200',\n    [WalletCategoryTypes.ids]: 'yellow-200',\n    [WalletCategoryTypes.jobHistory]: 'rose-200',\n    [WalletCategoryTypes.learningHistory]: 'emerald-200',\n    [WalletCategoryTypes.currency]: 'cyan-200',\n    [WalletCategoryTypes.skills]: 'indigo-200',\n};\n\nexport const TYPE_TO_WALLET_DARK_COLOR = {\n    [WalletCategoryTypes.achievements]: 'spice-500',\n    [WalletCategoryTypes.ids]: 'yellow-400',\n    [WalletCategoryTypes.jobHistory]: 'rose-400',\n    [WalletCategoryTypes.learningHistory]: 'emerald-500',\n    [WalletCategoryTypes.currency]: 'cyan-200',\n    [WalletCategoryTypes.skills]: 'indigo-400',\n};\n"],"names":["LCSubtypes","MiniGradIcon","MiniTrophyIcon","MiniPuzzleIcon","WalletCategoryTypes","achievementsGraphic","idsGraphic","jobhistoryGraphic","learningHistoryGraphic","coinsGraphic","skillsGraphic"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAaO,MAAM,iBAAyB,GAAA;AAAA,EAClC,CAACA,iBAAW,MAAS,GAAAC,gCAAA;AAAA,EACrB,CAACD,iBAAW,WAAc,GAAAE,kCAAA;AAAA,EAC1B,CAACF,iBAAW,KAAQ,GAAAG,kCAAA;AACxB,EAAA;AAEO,MAAM,eAAkB,GAAA;AAAA,EAC3B,CAACC,0BAAoB,YAAe,GAAAC,uCAAA;AAAA,EACpC,CAACD,0BAAoB,GAAM,GAAAE,8BAAA;AAAA,EAC3B,CAACF,0BAAoB,UAAa,GAAAG,qCAAA;AAAA,EAClC,CAACH,0BAAoB,eAAkB,GAAAI,0CAAA;AAAA,EACvC,CAACJ,0BAAoB,QAAW,GAAAK,gCAAA;AAAA,EAChC,CAACL,0BAAoB,MAAS,GAAAM,iCAAA;AAClC,EAAA;AAEO,MAAM,oBAAuB,GAAA;AAAA,EAChC,CAACN,0BAAoB,YAAe,GAAA,WAAA;AAAA,EACpC,CAACA,0BAAoB,GAAM,GAAA,YAAA;AAAA,EAC3B,CAACA,0BAAoB,UAAa,GAAA,UAAA;AAAA,EAClC,CAACA,0BAAoB,eAAkB,GAAA,aAAA;AAAA,EACvC,CAACA,0BAAoB,QAAW,GAAA,UAAA;AAAA,EAChC,CAACA,0BAAoB,MAAS,GAAA,YAAA;AAClC,EAAA;CAE0C;AAAA,EACtC,CAACA,0BAAoB,YAAe,GAAA,WAAA;AAAA,EACpC,CAACA,0BAAoB,GAAM,GAAA,YAAA;AAAA,EAC3B,CAACA,0BAAoB,UAAa,GAAA,UAAA;AAAA,EAClC,CAACA,0BAAoB,eAAkB,GAAA,aAAA;AAAA,EACvC,CAACA,0BAAoB,QAAW,GAAA,UAAA;AAAA,EAChC,CAACA,0BAAoB,MAAS,GAAA,YAAA;AAClC,GAAA;AAEO,MAAM,yBAA4B,GAAA;AAAA,EACrC,CAACA,0BAAoB,YAAe,GAAA,WAAA;AAAA,EACpC,CAACA,0BAAoB,GAAM,GAAA,YAAA;AAAA,EAC3B,CAACA,0BAAoB,UAAa,GAAA,UAAA;AAAA,EAClC,CAACA,0BAAoB,eAAkB,GAAA,aAAA;AAAA,EACvC,CAACA,0BAAoB,QAAW,GAAA,UAAA;AAAA,EAChC,CAACA,0BAAoB,MAAS,GAAA,YAAA;AAClC;;;;;;;"}

package/dist/cjs/index.js

@@ -27,12 +27,12 @@ var SkillVerticalCard = require('./SkillVerticalCard-3eb3a8e9.js');
 var SkillsCard = require('./SkillsCard-4b6dbb4f.js');
 var SkillsStatsCard = require('./SkillsStatsCard-97a35a88.js');
 var SmallAchievementCard = require('./SmallAchievementCard-c76701ce.js');
-var VCCard = require('./VCCard-d04bbb8d.js');
-var VCDisplayBackFace = require('./VCDisplayBackFace-80deea80.js');
-var VCDisplayCard = require('./VCDisplayCard-8af36d1c.js');
+var VCCard = require('./VCCard-d12310c5.js');
+var VCDisplayBackFace = require('./VCDisplayBackFace-88beca2a.js');
+var VCDisplayCard = require('./VCDisplayCard-2444fe1b.js');
 var VCThumbnail = require('./VCThumbnail-6bf86bb2.js');
 var VCVerificationCheck = require('./VCVerificationCheck-0e495524.js');
-var VCVerificationPill = require('./VCVerificationPill-656a2742.js');
+var VCVerificationPill = require('./VCVerificationPill-e1b817ac.js');
 var User = require('./User-b16d5499.js');
 var GenericArrow = require('./GenericArrow-8dfb261d.js');
 var Trophy = require('./Trophy-9ede7f2b.js');

package/dist/cjs/index10.js

@@ -27,12 +27,12 @@ var SkillVerticalCard = require('./SkillVerticalCard-3eb3a8e9.js');
 var SkillsCard = require('./SkillsCard-4b6dbb4f.js');
 var SkillsStatsCard = require('./SkillsStatsCard-97a35a88.js');
 var SmallAchievementCard = require('./SmallAchievementCard-c76701ce.js');
-var VCCard = require('./VCCard-d04bbb8d.js');
-var VCDisplayBackFace = require('./VCDisplayBackFace-80deea80.js');
-var VCDisplayCard = require('./VCDisplayCard-8af36d1c.js');
+var VCCard = require('./VCCard-d12310c5.js');
+var VCDisplayBackFace = require('./VCDisplayBackFace-88beca2a.js');
+var VCDisplayCard = require('./VCDisplayCard-2444fe1b.js');
 var VCThumbnail = require('./VCThumbnail-6bf86bb2.js');
 var VCVerificationCheck = require('./VCVerificationCheck-0e495524.js');
-var VCVerificationPill = require('./VCVerificationPill-656a2742.js');
+var VCVerificationPill = require('./VCVerificationPill-e1b817ac.js');
 var User = require('./User-b16d5499.js');
 var GenericArrow = require('./GenericArrow-8dfb261d.js');
 var Trophy = require('./Trophy-9ede7f2b.js');

package/dist/cjs/index29.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var VCCard = require('./VCCard-d04bbb8d.js');
+var VCCard = require('./VCCard-d12310c5.js');
 require('react');
 require('@learncard/core');
-require('./VCDisplayCard-8af36d1c.js');
+require('./VCDisplayCard-2444fe1b.js');
 require('./FlippyCard-33e03a9e.js');
 require('./icon.green.fat-arrow.png');
 require('./ArrowArcRight.svg');
@@ -13,8 +13,8 @@ require('./default-face.jpeg');
 require('./VCVerificationCheck-0e495524.js');
 require('./vc.check.svg');
 require('./CircleSpinner-093cce04.js');
-require('./VCDisplayBackFace-80deea80.js');
-require('./VCVerificationPill-656a2742.js');
+require('./VCDisplayBackFace-88beca2a.js');
+require('./VCVerificationPill-e1b817ac.js');
 require('./RedXCircle.svg');
 require('./GreenCheckCircle.svg');
 require('./YellowWarningCircle.svg');

package/dist/cjs/index30.js

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var VCDisplayBackFace = require('./VCDisplayBackFace-80deea80.js');
+var VCDisplayBackFace = require('./VCDisplayBackFace-88beca2a.js');
 require('react');
 require('./VCVerificationCheck-0e495524.js');
 require('./vc.check.svg');
 require('./CircleSpinner-093cce04.js');
-require('./VCVerificationPill-656a2742.js');
+require('./VCVerificationPill-e1b817ac.js');
 require('./RedXCircle.svg');
 require('./GreenCheckCircle.svg');
 require('./YellowWarningCircle.svg');

package/dist/cjs/index31.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var VCDisplayCard = require('./VCDisplayCard-8af36d1c.js');
+var VCDisplayCard = require('./VCDisplayCard-2444fe1b.js');
 require('react');
 require('./FlippyCard-33e03a9e.js');
 require('./icon.green.fat-arrow.png');
@@ -11,8 +11,8 @@ require('./default-face.jpeg');
 require('./VCVerificationCheck-0e495524.js');
 require('./vc.check.svg');
 require('./CircleSpinner-093cce04.js');
-require('./VCDisplayBackFace-80deea80.js');
-require('./VCVerificationPill-656a2742.js');
+require('./VCDisplayBackFace-88beca2a.js');
+require('./VCVerificationPill-e1b817ac.js');
 require('./RedXCircle.svg');
 require('./GreenCheckCircle.svg');
 require('./YellowWarningCircle.svg');

package/dist/cjs/index35.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var VCVerificationPill = require('./VCVerificationPill-656a2742.js');
+var VCVerificationPill = require('./VCVerificationPill-e1b817ac.js');
 require('react');
 require('./RedXCircle.svg');
 require('./GreenCheckCircle.svg');

package/dist/esm/AchievementCard-92b5a3ea.js.map

@@ -1 +1 @@
-{"version":3,"file":"AchievementCard-92b5a3ea.js","sources":["../../src/components/AchievementCard/AchievementCard.tsx"],"sourcesContent":["import React from 'react';\nimport { AchievementCardProps } from '../../types';\nimport { RoundedPill } from '../RoundedPill';\nimport { CircleCheckButton } from '../CircleCheckButton';\nimport { Trophy } from '../svgs';\nimport { TYPE_TO_MINI_ICON } from '../../constants';\nimport { LCSubtypes } from '../../types';\n\nexport const AchievementCard: React.FC<AchievementCardProps> = ({\n    title = 'Title Lorem Ipsum',\n    thumbImgSrc,\n    claimStatus,\n    showSkills = true,\n    showChecked,\n    checked,\n    skillCount,\n    showStatus = true,\n    onCheckClick,\n    onClick = () => {},\n}) => {\n    const thumbClass = thumbImgSrc ? 'bg-grayscale-50' : 'bg-indigo-200';\n\n    const claimBtnStatusType = claimStatus ? LCSubtypes.achievement : LCSubtypes.locked;\n    const skillIconSrc = TYPE_TO_MINI_ICON[LCSubtypes.skill];\n    const skillCountTxt = skillCount && skillCount > 1 ? 'Skills' : 'Skill';\n    const showSkillCounter = showSkills && skillCount !== 0;\n\n    return (\n        <div\n            className={`flex-col shadow-[0_0_8px_0px_rgba(0,0,0,0.2)] relative $ py-[8px] px-[8px] w-[190px] h-[265px] rounded-[20px] rounded-square-card-container`}\n        >\n            <section\n                className={`relative flex h-[120px] ${thumbClass} flex-col justify-center items-center w-full rounded-[20px]`}\n            >\n                {thumbImgSrc && (\n                    <img\n                        className=\"h-full w-full object-cover rounded-[20px]\"\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\n                {showSkills && showSkillCounter && (\n                    <div className=\"absolute px-[10px] text-[14px] flex items-center justify-center text-indigo-600 skill-pill font-bold min-w-[100px] bottom-[10px] right-[9px] rounded-[20px] h-[30px] bg-indigo-50 \">\n                        <img\n                            src={skillIconSrc}\n                            className=\"flex items-center justify-center mr-[4px]\"\n                        />\n                        +{skillCount} {skillCountTxt}\n                    </div>\n                )}\n\n                {showChecked && (\n                    <CircleCheckButton\n                        checked={checked}\n                        onClick={onCheckClick}\n                        className=\"absolute top-[5px] left-[5px]\"\n                    />\n                )}\n            </section>\n\n            <section className=\"achievement-title w-full flex justify-center line-clamp-2\">\n                <p className=\"text-[14px] text-grayscale-900 font-bold mt-[10px] text-center\">\n                    {title}\n                </p>\n            </section>\n\n            <section className=\"achievement-card-footer absolute bottom-[6px] left-[5px]\">\n                {showStatus && (\n                    <RoundedPill\n                        onClick={onClick}\n                        showCheckmark\n                        type={claimBtnStatusType}\n                        statusText={'Claimed'}\n                    />\n                )}\n            </section>\n        </div>\n    );\n};\n\nexport default AchievementCard;\n"],"names":[],"mappings":";;;;;;;AAMY,MAAC,eAAe,GAAG,CAAC;AAChC,EAAE,KAAK,GAAG,mBAAmB;AAC7B,EAAE,WAAW;AACb,EAAE,WAAW;AACb,EAAE,UAAU,GAAG,IAAI;AACnB,EAAE,WAAW;AACb,EAAE,OAAO;AACT,EAAE,UAAU;AACZ,EAAE,UAAU,GAAG,IAAI;AACnB,EAAE,YAAY;AACd,EAAE,OAAO,GAAG,MAAM;AAClB,GAAG;AACH,CAAC,KAAK;AACN,EAAE,MAAM,UAAU,GAAG,WAAW,GAAG,iBAAiB,GAAG,eAAe,CAAC;AACvE,EAAE,MAAM,kBAAkB,GAAG,WAAW,GAAG,UAAU,CAAC,WAAW,GAAG,UAAU,CAAC,MAAM,CAAC;AACtF,EAAE,MAAM,YAAY,GAAG,iBAAiB,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;AAC3D,EAAE,MAAM,aAAa,GAAG,UAAU,IAAI,UAAU,GAAG,CAAC,GAAG,QAAQ,GAAG,OAAO,CAAC;AAC1E,EAAE,MAAM,gBAAgB,GAAG,UAAU,IAAI,UAAU,KAAK,CAAC,CAAC;AAC1D,EAAE,uBAAuB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AACpD,IAAI,SAAS,EAAE,CAAC,2IAA2I,CAAC;AAC5J,GAAG,kBAAkB,KAAK,CAAC,aAAa,CAAC,SAAS,EAAE;AACpD,IAAI,SAAS,EAAE,CAAC,wBAAwB,EAAE,UAAU,CAAC,2DAA2D,CAAC;AACjH,GAAG,EAAE,WAAW,oBAAoB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AAC/D,IAAI,SAAS,EAAE,2CAA2C;AAC1D,IAAI,GAAG,EAAE,WAAW,IAAI,IAAI,GAAG,WAAW,GAAG,EAAE;AAC/C,IAAI,GAAG,EAAE,8BAA8B;AACvC,GAAG,CAAC,EAAE,CAAC,CAAC,WAAW,IAAI,WAAW,KAAK,EAAE,qBAAqB,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE;AAC1F,IAAI,SAAS,EAAE,8CAA8C;AAC7D,IAAI,KAAK,EAAE,SAAS;AACpB,GAAG,CAAC,EAAE,UAAU,IAAI,gBAAgB,oBAAoB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AACnF,IAAI,SAAS,EAAE,oLAAoL;AACnM,GAAG,kBAAkB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AAChD,IAAI,GAAG,EAAE,YAAY;AACrB,IAAI,SAAS,EAAE,2CAA2C;AAC1D,GAAG,CAAC,EAAE,GAAG,EAAE,UAAU,EAAE,GAAG,EAAE,aAAa,CAAC,EAAE,WAAW,oBAAoB,KAAK,CAAC,aAAa,CAAC,iBAAiB,EAAE;AAClH,IAAI,OAAO;AACX,IAAI,OAAO,EAAE,YAAY;AACzB,IAAI,SAAS,EAAE,+BAA+B;AAC9C,GAAG,CAAC,CAAC,kBAAkB,KAAK,CAAC,aAAa,CAAC,SAAS,EAAE;AACtD,IAAI,SAAS,EAAE,2DAA2D;AAC1E,GAAG,kBAAkB,KAAK,CAAC,aAAa,CAAC,GAAG,EAAE;AAC9C,IAAI,SAAS,EAAE,gEAAgE;AAC/E,GAAG,EAAE,KAAK,CAAC,CAAC,kBAAkB,KAAK,CAAC,aAAa,CAAC,SAAS,EAAE;AAC7D,IAAI,SAAS,EAAE,0DAA0D;AACzE,GAAG,EAAE,UAAU,oBAAoB,KAAK,CAAC,aAAa,CAAC,WAAW,EAAE;AACpE,IAAI,OAAO;AACX,IAAI,aAAa,EAAE,IAAI;AACvB,IAAI,IAAI,EAAE,kBAAkB;AAC5B,IAAI,UAAU,EAAE,SAAS;AACzB,GAAG,CAAC,CAAC,CAAC,CAAC;AACP;;;;"}
+{"version":3,"file":"AchievementCard-92b5a3ea.js","sources":["../../src/components/AchievementCard/AchievementCard.tsx"],"sourcesContent":["import React from 'react';\nimport { AchievementCardProps } from '../../types';\nimport { RoundedPill } from '../RoundedPill';\nimport { CircleCheckButton } from '../CircleCheckButton';\nimport { Trophy } from '../svgs';\nimport { TYPE_TO_MINI_ICON } from '../../constants';\nimport { LCSubtypes } from '../../types';\n\nexport const AchievementCard: React.FC<AchievementCardProps> = ({\n    title = 'Title Lorem Ipsum',\n    thumbImgSrc,\n    claimStatus,\n    showSkills = true,\n    showChecked,\n    checked,\n    skillCount,\n    showStatus = true,\n    onCheckClick,\n    onClick = () => {},\n}) => {\n    const thumbClass = thumbImgSrc ? 'bg-grayscale-50' : 'bg-indigo-200';\n\n    const claimBtnStatusType = claimStatus ? LCSubtypes.achievement : LCSubtypes.locked;\n    const skillIconSrc = TYPE_TO_MINI_ICON[LCSubtypes.skill];\n    const skillCountTxt = skillCount && skillCount > 1 ? 'Skills' : 'Skill';\n    const showSkillCounter = showSkills && skillCount !== 0;\n\n    return (\n        <div\n            className={`flex-col shadow-[0_0_8px_0px_rgba(0,0,0,0.2)] relative $ py-[8px] px-[8px] w-[190px] h-[265px] rounded-[20px] rounded-square-card-container`}\n        >\n            <section\n                className={`relative flex h-[120px] ${thumbClass} flex-col justify-center items-center w-full rounded-[20px]`}\n            >\n                {thumbImgSrc && (\n                    <img\n                        className=\"h-full w-full object-cover rounded-[20px]\"\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\n                {showSkills && showSkillCounter && (\n                    <div className=\"absolute px-[10px] text-[14px] flex items-center justify-center text-indigo-600 skill-pill font-bold min-w-[100px] bottom-[10px] right-[9px] rounded-[20px] h-[30px] bg-indigo-50 \">\n                        <img\n                            src={skillIconSrc}\n                            className=\"flex items-center justify-center mr-[4px]\"\n                        />\n                        +{skillCount} {skillCountTxt}\n                    </div>\n                )}\n\n                {showChecked && (\n                    <CircleCheckButton\n                        checked={checked}\n                        onClick={onCheckClick}\n                        className=\"absolute top-[5px] left-[5px]\"\n                    />\n                )}\n            </section>\n\n            <section className=\"achievement-title w-full flex justify-center line-clamp-2\">\n                <p className=\"text-[14px] text-grayscale-900 font-bold mt-[10px] text-center\">\n                    {title}\n                </p>\n            </section>\n\n            <section className=\"achievement-card-footer absolute bottom-[6px] left-[5px]\">\n                {showStatus && (\n                    <RoundedPill\n                        onClick={onClick}\n                        showCheckmark\n                        type={claimBtnStatusType}\n                        statusText={'Claimed'}\n                    />\n                )}\n            </section>\n        </div>\n    );\n};\n\nexport default AchievementCard;\n"],"names":[],"mappings":";;;;;;;AAQO,MAAM,kBAAkD,CAAC;AAAA,EAC5D,KAAQ,GAAA,mBAAA;AAAA,EACR,WAAA;AAAA,EACA,WAAA;AAAA,EACA,UAAa,GAAA,IAAA;AAAA,EACb,WAAA;AAAA,EACA,OAAA;AAAA,EACA,UAAA;AAAA,EACA,UAAa,GAAA,IAAA;AAAA,EACb,YAAA;AAAA,EACA,UAAU,MAAM;AAAA,GAAC;AACrB,CAAM,KAAA;AACF,EAAM,MAAA,UAAA,GAAa,cAAc,iBAAoB,GAAA,eAAA,CAAA;AAErD,EAAA,MAAM,kBAAqB,GAAA,WAAA,GAAc,UAAW,CAAA,WAAA,GAAc,UAAW,CAAA,MAAA,CAAA;AAC7E,EAAM,MAAA,YAAA,GAAe,kBAAkB,UAAW,CAAA,KAAA,CAAA,CAAA;AAClD,EAAA,MAAM,aAAgB,GAAA,UAAA,IAAc,UAAa,GAAA,CAAA,GAAI,QAAW,GAAA,OAAA,CAAA;AAChE,EAAM,MAAA,gBAAA,GAAmB,cAAc,UAAe,KAAA,CAAA,CAAA;AAEtD,EAAA,uBACK,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IACG,SAAW,EAAA,CAAA,2IAAA,CAAA;AAAA,GAAA,kBAEV,KAAA,CAAA,aAAA,CAAA,SAAA,EAAA;AAAA,IACG,WAAW,CAA2B,wBAAA,EAAA,UAAA,CAAA,2DAAA,CAAA;AAAA,GAAA,EAErC,+BACI,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IACG,SAAU,EAAA,2CAAA;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,CAAA,EAGH,UAAc,IAAA,gBAAA,oBACV,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IAAI,SAAU,EAAA,oLAAA;AAAA,GAAA,kBACV,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IACG,GAAK,EAAA,YAAA;AAAA,IACL,SAAU,EAAA,2CAAA;AAAA,GACd,GAAE,GACA,EAAA,UAAA,EAAW,KAAE,aACnB,CAAA,EAGH,+BACI,KAAA,CAAA,aAAA,CAAA,iBAAA,EAAA;AAAA,IACG,OAAA;AAAA,IACA,OAAS,EAAA,YAAA;AAAA,IACT,SAAU,EAAA,+BAAA;AAAA,GACd,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,gEAAA;AAAA,GACR,EAAA,KACL,CACJ,CAAA,kBAEC,KAAA,CAAA,aAAA,CAAA,SAAA,EAAA;AAAA,IAAQ,SAAU,EAAA,0DAAA;AAAA,GAAA,EACd,8BACI,KAAA,CAAA,aAAA,CAAA,WAAA,EAAA;AAAA,IACG,OAAA;AAAA,IACA,aAAa,EAAA,IAAA;AAAA,IACb,IAAM,EAAA,kBAAA;AAAA,IACN,UAAY,EAAA,SAAA;AAAA,GAChB,CAER,CACJ,CAAA,CAAA;AAER;;;;"}

package/dist/esm/Button-5f805204.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button-5f805204.js","sources":["../../src/components/Button/Button.tsx"],"sourcesContent":["import React, { MouseEventHandler } from 'react';\n\nexport type ButtonProps = {\n    text?: string;\n    onClick: MouseEventHandler<HTMLButtonElement>;\n    className?: string;\n};\n\nexport const Button: React.FC<ButtonProps> = ({ text, onClick, className = '' }) => {\n    return (\n        <button\n            type=\"button\"\n            onClick={onClick}\n            className={`p-4 border rounded text-gray-700 ${className}`}\n        >\n            {text}\n        </button>\n    );\n};\n\nexport default Button;\n"],"names":[],"mappings":";;AACY,MAAC,MAAM,GAAG,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK;AAC7D,EAAE,uBAAuB,KAAK,CAAC,aAAa,CAAC,QAAQ,EAAE;AACvD,IAAI,IAAI,EAAE,QAAQ;AAClB,IAAI,OAAO;AACX,IAAI,SAAS,EAAE,CAAC,iCAAiC,EAAE,SAAS,CAAC,CAAC;AAC9D,GAAG,EAAE,IAAI,CAAC,CAAC;AACX;;;;"}
+{"version":3,"file":"Button-5f805204.js","sources":["../../src/components/Button/Button.tsx"],"sourcesContent":["import React, { MouseEventHandler } from 'react';\n\nexport type ButtonProps = {\n    text?: string;\n    onClick: MouseEventHandler<HTMLButtonElement>;\n    className?: string;\n};\n\nexport const Button: React.FC<ButtonProps> = ({ text, onClick, className = '' }) => {\n    return (\n        <button\n            type=\"button\"\n            onClick={onClick}\n            className={`p-4 border rounded text-gray-700 ${className}`}\n        >\n            {text}\n        </button>\n    );\n};\n\nexport default Button;\n"],"names":[],"mappings":";;AAQO,MAAM,SAAgC,CAAC,EAAE,MAAM,OAAS,EAAA,SAAA,GAAY,IAAS,KAAA;AAChF,EAAA,uBACK,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA;AAAA,IACG,IAAK,EAAA,QAAA;AAAA,IACL,OAAA;AAAA,IACA,WAAW,CAAoC,iCAAA,EAAA,SAAA,CAAA,CAAA;AAAA,GAAA,EAE9C,IACL,CAAA,CAAA;AAER;;;;"}

package/dist/esm/CircleCheckButton-a55dfd2a.js.map

@@ -1 +1 @@
-{"version":3,"file":"CircleCheckButton-a55dfd2a.js","sources":["../../src/components/CircleCheckButton/CircleCheckButton.tsx"],"sourcesContent":["import React from 'react';\nimport { CircleCheckButtonProps } from '../../types';\nimport { CheckmarkSvg } from '../RoundedPill';\n\nexport const CircleCheckButton: React.FC<CircleCheckButtonProps> = ({\n    checked,\n    onClick,\n    bgColor,\n    className = '',\n}) => {\n    const backgroundColor = checked ? 'bg-emerald-700' : bgColor ? bgColor : 'bg-gray-50';\n\n    const handleClick = () => {\n        onClick?.();\n    };\n\n    return (\n        <button\n            type=\"button\"\n            onClick={handleClick}\n            className={`w-[32px] h-[32px] flex items-center justify-center border-4 border-gray-50 rounded-full text-gray-700  ${backgroundColor} ${className}`}\n        >\n            <CheckmarkSvg color=\"#ffffff\" />\n        </button>\n    );\n};\n\nexport default CircleCheckButton;\n"],"names":[],"mappings":";;;AAEY,MAAC,iBAAiB,GAAG,CAAC;AAClC,EAAE,OAAO;AACT,EAAE,OAAO;AACT,EAAE,OAAO;AACT,EAAE,SAAS,GAAG,EAAE;AAChB,CAAC,KAAK;AACN,EAAE,MAAM,eAAe,GAAG,OAAO,GAAG,gBAAgB,GAAG,OAAO,GAAG,OAAO,GAAG,YAAY,CAAC;AACxF,EAAE,MAAM,WAAW,GAAG,MAAM;AAC5B,IAAI,OAAO,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,OAAO,EAAE,CAAC;AACzC,GAAG,CAAC;AACJ,EAAE,uBAAuB,KAAK,CAAC,aAAa,CAAC,QAAQ,EAAE;AACvD,IAAI,IAAI,EAAE,QAAQ;AAClB,IAAI,OAAO,EAAE,WAAW;AACxB,IAAI,SAAS,EAAE,CAAC,uGAAuG,EAAE,eAAe,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC;AACvJ,GAAG,kBAAkB,KAAK,CAAC,aAAa,CAAC,YAAY,EAAE;AACvD,IAAI,KAAK,EAAE,SAAS;AACpB,GAAG,CAAC,CAAC,CAAC;AACN;;;;"}
+{"version":3,"file":"CircleCheckButton-a55dfd2a.js","sources":["../../src/components/CircleCheckButton/CircleCheckButton.tsx"],"sourcesContent":["import React from 'react';\nimport { CircleCheckButtonProps } from '../../types';\nimport { CheckmarkSvg } from '../RoundedPill';\n\nexport const CircleCheckButton: React.FC<CircleCheckButtonProps> = ({\n    checked,\n    onClick,\n    bgColor,\n    className = '',\n}) => {\n    const backgroundColor = checked ? 'bg-emerald-700' : bgColor ? bgColor : 'bg-gray-50';\n\n    const handleClick = () => {\n        onClick?.();\n    };\n\n    return (\n        <button\n            type=\"button\"\n            onClick={handleClick}\n            className={`w-[32px] h-[32px] flex items-center justify-center border-4 border-gray-50 rounded-full text-gray-700  ${backgroundColor} ${className}`}\n        >\n            <CheckmarkSvg color=\"#ffffff\" />\n        </button>\n    );\n};\n\nexport default CircleCheckButton;\n"],"names":[],"mappings":";;;AAIO,MAAM,oBAAsD,CAAC;AAAA,EAChE,OAAA;AAAA,EACA,OAAA;AAAA,EACA,OAAA;AAAA,EACA,SAAY,GAAA,EAAA;AAChB,CAAM,KAAA;AACF,EAAA,MAAM,eAAkB,GAAA,OAAA,GAAU,gBAAmB,GAAA,OAAA,GAAU,OAAU,GAAA,YAAA,CAAA;AAEzE,EAAA,MAAM,cAAc,MAAM;AACtB,IAAA,OAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,OAAA,EAAA,CAAA;AAAA,GACJ,CAAA;AAEA,EAAA,uBACK,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA;AAAA,IACG,IAAK,EAAA,QAAA;AAAA,IACL,OAAS,EAAA,WAAA;AAAA,IACT,SAAA,EAAW,0GAA0G,eAAmB,CAAA,CAAA,EAAA,SAAA,CAAA,CAAA;AAAA,GAAA,kBAEvI,KAAA,CAAA,aAAA,CAAA,YAAA,EAAA;AAAA,IAAa,KAAM,EAAA,SAAA;AAAA,GAAU,CAClC,CAAA,CAAA;AAER;;;;"}

package/dist/esm/CircleIcon-b0dca4b6.js.map

@@ -1 +1 @@
-{"version":3,"file":"CircleIcon-b0dca4b6.js","sources":["../../src/components/CircleIcon/CircleIcon.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Icons } from '../../types';\nimport { ICONS_TO_SOURCE } from '../../constants/icons';\n\nexport type CircleIconProps = {\n    iconSrc?: string;\n    count?: string | number;\n    onClick?: () => void;\n    bgColor?: string;\n    innerPadding?: string;\n    size?: string;\n    hideCount?: boolean;\n    borderColor?: string;\n};\n\nexport type CountCircleProps = {\n    size?: string;\n    count?: string | number;\n    innerPadding?: string;\n    onClick?: () => {};\n    bgColor?: string;\n    className?: string;\n};\n\nexport const CountCircle: React.FC<CountCircleProps> = ({\n    size = 'auto',\n    count = '28',\n    innerPadding = '3px 5px',\n    className,\n    onClick = () => {},\n    bgColor = 'bg-grayscale-50',\n}) => {\n    const style = {\n        width: size,\n        height: size,\n        padding: innerPadding,\n    };\n\n    return (\n        <section\n            onClick={onClick}\n            className={`${bgColor} rounded-full circle-icon-wrapper text-center absolute right-[-15px] top-[-15px] min-w-[25px] ${className}`}\n            style={style}\n        >\n            <div className={`h-full`}>\n                <p className=\"h-full line-clamp-1 font-semibold text-grayscale-900 text-[12px]\">\n                    {count}\n                </p>\n            </div>\n        </section>\n    );\n};\n\nexport const CircleIcon: React.FC<CircleIconProps> = ({\n    iconSrc = ICONS_TO_SOURCE[Icons.coinsIcon],\n    size = '52px',\n    count = '28',\n    innerPadding = '6px',\n    onClick = () => {},\n    bgColor = 'bg-grayscale-900',\n    hideCount = true,\n}) => {\n    const style = {\n        width: size,\n        height: size,\n        padding: innerPadding,\n    };\n\n    return (\n        <section\n            onClick={onClick}\n            className={`${bgColor} rounded-full circle-icon-wrapper p-[0px] m-[0px]`}\n            style={style}\n        >\n            <div className={`relative w-full h-full`}>\n                {!hideCount && <CountCircle count={count} />}\n                <img className=\"h-full w-full object-cover\" src={iconSrc ?? ''} alt=\"Icon image\" />\n            </div>\n        </section>\n    );\n};\n\nexport default CircleIcon;\n"],"names":[],"mappings":";;;;AAGY,MAAC,WAAW,GAAG,CAAC;AAC5B,EAAE,IAAI,GAAG,MAAM;AACf,EAAE,KAAK,GAAG,IAAI;AACd,EAAE,YAAY,GAAG,SAAS;AAC1B,EAAE,SAAS;AACX,EAAE,OAAO,GAAG,MAAM;AAClB,GAAG;AACH,EAAE,OAAO,GAAG,iBAAiB;AAC7B,CAAC,KAAK;AACN,EAAE,MAAM,KAAK,GAAG;AAChB,IAAI,KAAK,EAAE,IAAI;AACf,IAAI,MAAM,EAAE,IAAI;AAChB,IAAI,OAAO,EAAE,YAAY;AACzB,GAAG,CAAC;AACJ,EAAE,uBAAuB,KAAK,CAAC,aAAa,CAAC,SAAS,EAAE;AACxD,IAAI,OAAO;AACX,IAAI,SAAS,EAAE,CAAC,EAAE,OAAO,CAAC,8FAA8F,EAAE,SAAS,CAAC,CAAC;AACrI,IAAI,KAAK;AACT,GAAG,kBAAkB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AAChD,IAAI,SAAS,EAAE,CAAC,MAAM,CAAC;AACvB,GAAG,kBAAkB,KAAK,CAAC,aAAa,CAAC,GAAG,EAAE;AAC9C,IAAI,SAAS,EAAE,kEAAkE;AACjF,GAAG,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC;AACd,EAAE;AACU,MAAC,UAAU,GAAG,CAAC;AAC3B,EAAE,OAAO,GAAG,eAAe,CAAC,KAAK,CAAC,SAAS,CAAC;AAC5C,EAAE,IAAI,GAAG,MAAM;AACf,EAAE,KAAK,GAAG,IAAI;AACd,EAAE,YAAY,GAAG,KAAK;AACtB,EAAE,OAAO,GAAG,MAAM;AAClB,GAAG;AACH,EAAE,OAAO,GAAG,kBAAkB;AAC9B,EAAE,SAAS,GAAG,IAAI;AAClB,CAAC,KAAK;AACN,EAAE,MAAM,KAAK,GAAG;AAChB,IAAI,KAAK,EAAE,IAAI;AACf,IAAI,MAAM,EAAE,IAAI;AAChB,IAAI,OAAO,EAAE,YAAY;AACzB,GAAG,CAAC;AACJ,EAAE,uBAAuB,KAAK,CAAC,aAAa,CAAC,SAAS,EAAE;AACxD,IAAI,OAAO;AACX,IAAI,SAAS,EAAE,CAAC,EAAE,OAAO,CAAC,iDAAiD,CAAC;AAC5E,IAAI,KAAK;AACT,GAAG,kBAAkB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AAChD,IAAI,SAAS,EAAE,CAAC,sBAAsB,CAAC;AACvC,GAAG,EAAE,CAAC,SAAS,oBAAoB,KAAK,CAAC,aAAa,CAAC,WAAW,EAAE;AACpE,IAAI,KAAK;AACT,GAAG,CAAC,kBAAkB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AACjD,IAAI,SAAS,EAAE,4BAA4B;AAC3C,IAAI,GAAG,EAAE,OAAO,IAAI,IAAI,GAAG,OAAO,GAAG,EAAE;AACvC,IAAI,GAAG,EAAE,YAAY;AACrB,GAAG,CAAC,CAAC,CAAC,CAAC;AACP;;;;"}
+{"version":3,"file":"CircleIcon-b0dca4b6.js","sources":["../../src/components/CircleIcon/CircleIcon.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Icons } from '../../types';\nimport { ICONS_TO_SOURCE } from '../../constants/icons';\n\nexport type CircleIconProps = {\n    iconSrc?: string;\n    count?: string | number;\n    onClick?: () => void;\n    bgColor?: string;\n    innerPadding?: string;\n    size?: string;\n    hideCount?: boolean;\n    borderColor?: string;\n};\n\nexport type CountCircleProps = {\n    size?: string;\n    count?: string | number;\n    innerPadding?: string;\n    onClick?: () => {};\n    bgColor?: string;\n    className?: string;\n};\n\nexport const CountCircle: React.FC<CountCircleProps> = ({\n    size = 'auto',\n    count = '28',\n    innerPadding = '3px 5px',\n    className,\n    onClick = () => {},\n    bgColor = 'bg-grayscale-50',\n}) => {\n    const style = {\n        width: size,\n        height: size,\n        padding: innerPadding,\n    };\n\n    return (\n        <section\n            onClick={onClick}\n            className={`${bgColor} rounded-full circle-icon-wrapper text-center absolute right-[-15px] top-[-15px] min-w-[25px] ${className}`}\n            style={style}\n        >\n            <div className={`h-full`}>\n                <p className=\"h-full line-clamp-1 font-semibold text-grayscale-900 text-[12px]\">\n                    {count}\n                </p>\n            </div>\n        </section>\n    );\n};\n\nexport const CircleIcon: React.FC<CircleIconProps> = ({\n    iconSrc = ICONS_TO_SOURCE[Icons.coinsIcon],\n    size = '52px',\n    count = '28',\n    innerPadding = '6px',\n    onClick = () => {},\n    bgColor = 'bg-grayscale-900',\n    hideCount = true,\n}) => {\n    const style = {\n        width: size,\n        height: size,\n        padding: innerPadding,\n    };\n\n    return (\n        <section\n            onClick={onClick}\n            className={`${bgColor} rounded-full circle-icon-wrapper p-[0px] m-[0px]`}\n            style={style}\n        >\n            <div className={`relative w-full h-full`}>\n                {!hideCount && <CountCircle count={count} />}\n                <img className=\"h-full w-full object-cover\" src={iconSrc ?? ''} alt=\"Icon image\" />\n            </div>\n        </section>\n    );\n};\n\nexport default CircleIcon;\n"],"names":[],"mappings":";;;;AAyBO,MAAM,cAA0C,CAAC;AAAA,EACpD,IAAO,GAAA,MAAA;AAAA,EACP,KAAQ,GAAA,IAAA;AAAA,EACR,YAAe,GAAA,SAAA;AAAA,EACf,SAAA;AAAA,EACA,UAAU,MAAM;AAAA,GAAC;AAAA,EACjB,OAAU,GAAA,iBAAA;AACd,CAAM,KAAA;AACF,EAAA,MAAM,KAAQ,GAAA;AAAA,IACV,KAAO,EAAA,IAAA;AAAA,IACP,MAAQ,EAAA,IAAA;AAAA,IACR,OAAS,EAAA,YAAA;AAAA,GACb,CAAA;AAEA,EAAA,uBACK,KAAA,CAAA,aAAA,CAAA,SAAA,EAAA;AAAA,IACG,OAAA;AAAA,IACA,SAAA,EAAW,GAAG,OAAwG,CAAA,8FAAA,EAAA,SAAA,CAAA,CAAA;AAAA,IACtH,KAAA;AAAA,GAAA,kBAEC,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IAAI,SAAW,EAAA,CAAA,MAAA,CAAA;AAAA,GAAA,kBACX,KAAA,CAAA,aAAA,CAAA,GAAA,EAAA;AAAA,IAAE,SAAU,EAAA,kEAAA;AAAA,GACR,EAAA,KACL,CACJ,CACJ,CAAA,CAAA;AAER,EAAA;AAEO,MAAM,aAAwC,CAAC;AAAA,EAClD,OAAA,GAAU,gBAAgB,KAAM,CAAA,SAAA,CAAA;AAAA,EAChC,IAAO,GAAA,MAAA;AAAA,EACP,KAAQ,GAAA,IAAA;AAAA,EACR,YAAe,GAAA,KAAA;AAAA,EACf,UAAU,MAAM;AAAA,GAAC;AAAA,EACjB,OAAU,GAAA,kBAAA;AAAA,EACV,SAAY,GAAA,IAAA;AAChB,CAAM,KAAA;AACF,EAAA,MAAM,KAAQ,GAAA;AAAA,IACV,KAAO,EAAA,IAAA;AAAA,IACP,MAAQ,EAAA,IAAA;AAAA,IACR,OAAS,EAAA,YAAA;AAAA,GACb,CAAA;AAEA,EAAA,uBACK,KAAA,CAAA,aAAA,CAAA,SAAA,EAAA;AAAA,IACG,OAAA;AAAA,IACA,WAAW,CAAG,EAAA,OAAA,CAAA,iDAAA,CAAA;AAAA,IACd,KAAA;AAAA,GAAA,kBAEC,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IAAI,SAAW,EAAA,CAAA,sBAAA,CAAA;AAAA,GACX,EAAA,CAAC,6BAAc,KAAA,CAAA,aAAA,CAAA,WAAA,EAAA;AAAA,IAAY,KAAA;AAAA,GAAc,mBACzC,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IAAI,SAAU,EAAA,4BAAA;AAAA,IAA6B,KAAK,OAAW,IAAA,IAAA,GAAA,OAAA,GAAA,EAAA;AAAA,IAAI,GAAI,EAAA,YAAA;AAAA,GAAa,CACrF,CACJ,CAAA,CAAA;AAER;;;;"}

package/dist/esm/CircleSpinner-9b8b1a6b.js.map

@@ -1 +1 @@
-{"version":3,"file":"CircleSpinner-9b8b1a6b.js","sources":["../../src/components/Loading/CircleSpinner.tsx"],"sourcesContent":["import React from 'react';\n\nexport enum CircleLoadingState {\n    spin,\n    stop,\n}\n\nexport type CircleSpinnerProps = {\n    size?: number; //in pixels\n    thickness?: number;\n    color?: string;\n    loadingState?: CircleLoadingState;\n    marginOffset?: number;\n};\n\nconst CircleSpinner: React.FC<CircleSpinnerProps> = ({\n    size = 60,\n    thickness = 4,\n    color = '#40CBA6',\n    marginOffset = 3,\n    loadingState = CircleLoadingState.stop,\n}) => {\n    const spinnerClass = loadingState === CircleLoadingState.spin ? 'lds-ring' : 'lds-ring static';\n\n    // overall circumference height and width\n    const outerStyle = {\n        width: `${size}px`,\n        height: `${size}px`,\n    };\n\n    // inner circle circumference is a ratio of the outer size\n    // this is the actual spinning thing you see\n    const spinnerStyles = {\n        height: `${Math.floor(size / 1.1111111)}px`,\n        width: `${Math.floor(size / 1.11111111)}px`,\n        border: `${thickness}px solid #fff`,\n        margin: `${marginOffset}px`,\n        borderColor: `${color}${\n            loadingState === CircleLoadingState.spin ? ' transparent transparent transparent' : ''\n        }`,\n    };\n    return (\n        <div className={spinnerClass} style={outerStyle}>\n            <div style={spinnerStyles}></div>\n            <div style={spinnerStyles}></div>\n            <div style={spinnerStyles}></div>\n            <div style={spinnerStyles}></div>\n        </div>\n    );\n};\n\nexport default CircleSpinner;\n"],"names":[],"mappings":";;AACU,IAAC,kBAAkB,mBAAmB,CAAC,CAAC,mBAAmB,KAAK;AAC1E,EAAE,mBAAmB,CAAC,mBAAmB,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,GAAG,MAAM,CAAC;AAChE,EAAE,mBAAmB,CAAC,mBAAmB,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,GAAG,MAAM,CAAC;AAChE,EAAE,OAAO,mBAAmB,CAAC;AAC7B,CAAC,EAAE,kBAAkB,IAAI,EAAE,EAAE;AACxB,MAAC,aAAa,GAAG,CAAC;AACvB,EAAE,IAAI,GAAG,EAAE;AACX,EAAE,SAAS,GAAG,CAAC;AACf,EAAE,KAAK,GAAG,SAAS;AACnB,EAAE,YAAY,GAAG,CAAC;AAClB,EAAE,YAAY,GAAG,CAAC;AAClB,CAAC,KAAK;AACN,EAAE,MAAM,YAAY,GAAG,YAAY,KAAK,CAAC,cAAc,UAAU,GAAG,iBAAiB,CAAC;AACtF,EAAE,MAAM,UAAU,GAAG;AACrB,IAAI,KAAK,EAAE,CAAC,EAAE,IAAI,CAAC,EAAE,CAAC;AACtB,IAAI,MAAM,EAAE,CAAC,EAAE,IAAI,CAAC,EAAE,CAAC;AACvB,GAAG,CAAC;AACJ,EAAE,MAAM,aAAa,GAAG;AACxB,IAAI,MAAM,EAAE,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,SAAS,CAAC,CAAC,EAAE,CAAC;AAC/C,IAAI,KAAK,EAAE,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,UAAU,CAAC,CAAC,EAAE,CAAC;AAC/C,IAAI,MAAM,EAAE,CAAC,EAAE,SAAS,CAAC,aAAa,CAAC;AACvC,IAAI,MAAM,EAAE,CAAC,EAAE,YAAY,CAAC,EAAE,CAAC;AAC/B,IAAI,WAAW,EAAE,CAAC,EAAE,KAAK,CAAC,EAAE,YAAY,KAAK,CAAC,cAAc,sCAAsC,GAAG,EAAE,CAAC,CAAC;AACzG,GAAG,CAAC;AACJ,EAAE,uBAAuB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AACpD,IAAI,SAAS,EAAE,YAAY;AAC3B,IAAI,KAAK,EAAE,UAAU;AACrB,GAAG,kBAAkB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AAChD,IAAI,KAAK,EAAE,aAAa;AACxB,GAAG,CAAC,kBAAkB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AACjD,IAAI,KAAK,EAAE,aAAa;AACxB,GAAG,CAAC,kBAAkB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AACjD,IAAI,KAAK,EAAE,aAAa;AACxB,GAAG,CAAC,kBAAkB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AACjD,IAAI,KAAK,EAAE,aAAa;AACxB,GAAG,CAAC,CAAC,CAAC;AACN;;;;"}
+{"version":3,"file":"CircleSpinner-9b8b1a6b.js","sources":["../../src/components/Loading/CircleSpinner.tsx"],"sourcesContent":["import React from 'react';\n\nexport enum CircleLoadingState {\n    spin,\n    stop,\n}\n\nexport type CircleSpinnerProps = {\n    size?: number; //in pixels\n    thickness?: number;\n    color?: string;\n    loadingState?: CircleLoadingState;\n    marginOffset?: number;\n};\n\nconst CircleSpinner: React.FC<CircleSpinnerProps> = ({\n    size = 60,\n    thickness = 4,\n    color = '#40CBA6',\n    marginOffset = 3,\n    loadingState = CircleLoadingState.stop,\n}) => {\n    const spinnerClass = loadingState === CircleLoadingState.spin ? 'lds-ring' : 'lds-ring static';\n\n    // overall circumference height and width\n    const outerStyle = {\n        width: `${size}px`,\n        height: `${size}px`,\n    };\n\n    // inner circle circumference is a ratio of the outer size\n    // this is the actual spinning thing you see\n    const spinnerStyles = {\n        height: `${Math.floor(size / 1.1111111)}px`,\n        width: `${Math.floor(size / 1.11111111)}px`,\n        border: `${thickness}px solid #fff`,\n        margin: `${marginOffset}px`,\n        borderColor: `${color}${\n            loadingState === CircleLoadingState.spin ? ' transparent transparent transparent' : ''\n        }`,\n    };\n    return (\n        <div className={spinnerClass} style={outerStyle}>\n            <div style={spinnerStyles}></div>\n            <div style={spinnerStyles}></div>\n            <div style={spinnerStyles}></div>\n            <div style={spinnerStyles}></div>\n        </div>\n    );\n};\n\nexport default CircleSpinner;\n"],"names":["CircleLoadingState"],"mappings":";;AAEY,IAAA,kBAAA,qBAAAA,mBAAL,KAAA;AACH,EAAAA,mBAAA,CAAA,mBAAA,CAAA,MAAA,CAAA,GAAA,CAAA,CAAA,GAAA,MAAA,CAAA;AACA,EAAAA,mBAAA,CAAA,mBAAA,CAAA,MAAA,CAAA,GAAA,CAAA,CAAA,GAAA,MAAA,CAAA;AAFQ,EAAAA,OAAAA,mBAAAA,CAAAA;AAAA,CAAA,EAAA,kBAAA,IAAA,EAAA,EAAA;AAaZ,MAAM,gBAA8C,CAAC;AAAA,EACjD,IAAO,GAAA,EAAA;AAAA,EACP,SAAY,GAAA,CAAA;AAAA,EACZ,KAAQ,GAAA,SAAA;AAAA,EACR,YAAe,GAAA,CAAA;AAAA,EACf,YAAe,GAAA,CAAA;AACnB,CAAM,KAAA;AACF,EAAM,MAAA,YAAA,GAAe,YAAiB,KAAA,CAAA,cAA0B,UAAa,GAAA,iBAAA,CAAA;AAG7E,EAAA,MAAM,UAAa,GAAA;AAAA,IACf,OAAO,CAAG,EAAA,IAAA,CAAA,EAAA,CAAA;AAAA,IACV,QAAQ,CAAG,EAAA,IAAA,CAAA,EAAA,CAAA;AAAA,GACf,CAAA;AAIA,EAAA,MAAM,aAAgB,GAAA;AAAA,IAClB,MAAQ,EAAA,CAAA,EAAG,IAAK,CAAA,KAAA,CAAM,OAAO,SAAS,CAAA,CAAA,EAAA,CAAA;AAAA,IACtC,KAAO,EAAA,CAAA,EAAG,IAAK,CAAA,KAAA,CAAM,OAAO,UAAU,CAAA,CAAA,EAAA,CAAA;AAAA,IACtC,QAAQ,CAAG,EAAA,SAAA,CAAA,aAAA,CAAA;AAAA,IACX,QAAQ,CAAG,EAAA,YAAA,CAAA,EAAA,CAAA;AAAA,IACX,WAAa,EAAA,CAAA,EAAG,KACZ,CAAA,EAAA,YAAA,KAAiB,eAA0B,sCAAyC,GAAA,EAAA,CAAA,CAAA;AAAA,GAE5F,CAAA;AACA,EAAA,uBACK,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IAAI,SAAW,EAAA,YAAA;AAAA,IAAc,KAAO,EAAA,UAAA;AAAA,GAAA,kBAChC,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IAAI,KAAO,EAAA,aAAA;AAAA,GAAe,mBAC1B,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IAAI,KAAO,EAAA,aAAA;AAAA,GAAe,mBAC1B,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IAAI,KAAO,EAAA,aAAA;AAAA,GAAe,mBAC1B,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IAAI,KAAO,EAAA,aAAA;AAAA,GAAe,CAC/B,CAAA,CAAA;AAER;;;;"}

package/dist/esm/CourseCard-663ff174.js.map

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

package/dist/esm/CourseVerticalCard-643f767b.js.map

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

package/dist/esm/FlippyCard-682649d7.js.map

@@ -1 +1 @@
-{"version":3,"file":"FlippyCard-682649d7.js","sources":["../../src/components/FlippyCard/FlippyCard.tsx"],"sourcesContent":["import React, { useState } from 'react';\n\nexport type FlippyCardProps = {\n    children: React.ReactChild[];\n};\n\nconst FRONT_FACE = 'front';\nconst BACK_FACE = 'back';\n\nexport const FlippyCard: React.FC<FlippyCardProps> = ({ children }) => {\n    const [flipState, setFlipState] = useState(FRONT_FACE);\n\n    if (children?.length > 3) {\n        console.warn('More than two children passed into Flippy Card! 😳😳😳 Picking first two...');\n    }\n\n    if (!children) return <></>;\n\n    const frontCard = children?.[0];\n    const backCard = children?.[1] || children?.[0];\n\n    const handleClick = () => {\n        if (flipState === FRONT_FACE) setFlipState(BACK_FACE);\n        if (flipState === BACK_FACE) setFlipState(FRONT_FACE);\n    };\n\n    const flipCardCSSClass = flipState === FRONT_FACE ? 'flippy-card' : 'flippy-card is-flipped';\n\n    return (\n        <div data-testid=\"flippy-card-wrapper\" className=\"flippy-wrapper-container\">\n            <div data-testid=\"flippy-card\" className={flipCardCSSClass} onClick={handleClick}>\n                <section data-testid=\"flippy-card-front\" className=\"card-face card-face--front\">\n                    {frontCard}\n                </section>\n                <section data-testid=\"flippy-card-back\" className=\"card-face card-face--back\">\n                    {backCard}\n                </section>\n            </div>\n        </div>\n    );\n};\n\nexport default FlippyCard;\n"],"names":[],"mappings":";;AACA,MAAM,UAAU,GAAG,OAAO,CAAC;AAC3B,MAAM,SAAS,GAAG,MAAM,CAAC;AACb,MAAC,UAAU,GAAG,CAAC,EAAE,QAAQ,EAAE,KAAK;AAC5C,EAAE,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,UAAU,CAAC,CAAC;AACzD,EAAE,IAAI,CAAC,QAAQ,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,EAAE;AACzD,IAAI,OAAO,CAAC,IAAI,CAAC,kGAAkG,CAAC,CAAC;AACrH,GAAG;AACH,EAAE,IAAI,CAAC,QAAQ;AACf,IAAI,uBAAuB,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC;AACrE,EAAE,MAAM,SAAS,GAAG,QAAQ,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;AAC5D,EAAE,MAAM,QAAQ,GAAG,CAAC,QAAQ,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,MAAM,QAAQ,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;AAC1G,EAAE,MAAM,WAAW,GAAG,MAAM;AAC5B,IAAI,IAAI,SAAS,KAAK,UAAU;AAChC,MAAM,YAAY,CAAC,SAAS,CAAC,CAAC;AAC9B,IAAI,IAAI,SAAS,KAAK,SAAS;AAC/B,MAAM,YAAY,CAAC,UAAU,CAAC,CAAC;AAC/B,GAAG,CAAC;AACJ,EAAE,MAAM,gBAAgB,GAAG,SAAS,KAAK,UAAU,GAAG,aAAa,GAAG,wBAAwB,CAAC;AAC/F,EAAE,uBAAuB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AACpD,IAAI,aAAa,EAAE,qBAAqB;AACxC,IAAI,SAAS,EAAE,0BAA0B;AACzC,GAAG,kBAAkB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AAChD,IAAI,aAAa,EAAE,aAAa;AAChC,IAAI,SAAS,EAAE,gBAAgB;AAC/B,IAAI,OAAO,EAAE,WAAW;AACxB,GAAG,kBAAkB,KAAK,CAAC,aAAa,CAAC,SAAS,EAAE;AACpD,IAAI,aAAa,EAAE,mBAAmB;AACtC,IAAI,SAAS,EAAE,4BAA4B;AAC3C,GAAG,EAAE,SAAS,CAAC,kBAAkB,KAAK,CAAC,aAAa,CAAC,SAAS,EAAE;AAChE,IAAI,aAAa,EAAE,kBAAkB;AACrC,IAAI,SAAS,EAAE,2BAA2B;AAC1C,GAAG,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC;AACjB;;;;"}
+{"version":3,"file":"FlippyCard-682649d7.js","sources":["../../src/components/FlippyCard/FlippyCard.tsx"],"sourcesContent":["import React, { useState } from 'react';\n\nexport type FlippyCardProps = {\n    children: React.ReactChild[];\n};\n\nconst FRONT_FACE = 'front';\nconst BACK_FACE = 'back';\n\nexport const FlippyCard: React.FC<FlippyCardProps> = ({ children }) => {\n    const [flipState, setFlipState] = useState(FRONT_FACE);\n\n    if (children?.length > 3) {\n        console.warn('More than two children passed into Flippy Card! 😳😳😳 Picking first two...');\n    }\n\n    if (!children) return <></>;\n\n    const frontCard = children?.[0];\n    const backCard = children?.[1] || children?.[0];\n\n    const handleClick = () => {\n        if (flipState === FRONT_FACE) setFlipState(BACK_FACE);\n        if (flipState === BACK_FACE) setFlipState(FRONT_FACE);\n    };\n\n    const flipCardCSSClass = flipState === FRONT_FACE ? 'flippy-card' : 'flippy-card is-flipped';\n\n    return (\n        <div data-testid=\"flippy-card-wrapper\" className=\"flippy-wrapper-container\">\n            <div data-testid=\"flippy-card\" className={flipCardCSSClass} onClick={handleClick}>\n                <section data-testid=\"flippy-card-front\" className=\"card-face card-face--front\">\n                    {frontCard}\n                </section>\n                <section data-testid=\"flippy-card-back\" className=\"card-face card-face--back\">\n                    {backCard}\n                </section>\n            </div>\n        </div>\n    );\n};\n\nexport default FlippyCard;\n"],"names":[],"mappings":";;AAMA,MAAM,UAAa,GAAA,OAAA,CAAA;AACnB,MAAM,SAAY,GAAA,MAAA,CAAA;AAEX,MAAM,UAAwC,GAAA,CAAC,EAAE,QAAA,EAAe,KAAA;AACnE,EAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAI,SAAS,UAAU,CAAA,CAAA;AAErD,EAAI,IAAA,CAAA,QAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,QAAA,CAAU,UAAS,CAAG,EAAA;AACtB,IAAA,OAAA,CAAQ,KAAK,kGAA6E,CAAA,CAAA;AAAA,GAC9F;AAEA,EAAA,IAAI,CAAC,QAAA;AAAU,IAAA,uBAAS,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,CAAA,CAAA;AAExB,EAAA,MAAM,YAAY,QAAW,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,QAAA,CAAA,CAAA,CAAA,CAAA;AAC7B,EAAM,MAAA,QAAA,GAAA,CAAW,QAAW,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,QAAA,CAAA,CAAA,CAAA,MAAM,QAAW,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,QAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAE7C,EAAA,MAAM,cAAc,MAAM;AACtB,IAAA,IAAI,SAAc,KAAA,UAAA;AAAY,MAAA,YAAA,CAAa,SAAS,CAAA,CAAA;AACpD,IAAA,IAAI,SAAc,KAAA,SAAA;AAAW,MAAA,YAAA,CAAa,UAAU,CAAA,CAAA;AAAA,GACxD,CAAA;AAEA,EAAM,MAAA,gBAAA,GAAmB,SAAc,KAAA,UAAA,GAAa,aAAgB,GAAA,wBAAA,CAAA;AAEpE,EAAA,uBACK,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IAAI,aAAY,EAAA,qBAAA;AAAA,IAAsB,SAAU,EAAA,0BAAA;AAAA,GAAA,kBAC5C,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IAAI,aAAY,EAAA,aAAA;AAAA,IAAc,SAAW,EAAA,gBAAA;AAAA,IAAkB,OAAS,EAAA,WAAA;AAAA,GAAA,kBAChE,KAAA,CAAA,aAAA,CAAA,SAAA,EAAA;AAAA,IAAQ,aAAY,EAAA,mBAAA;AAAA,IAAoB,SAAU,EAAA,4BAAA;AAAA,GAC9C,EAAA,SACL,mBACC,KAAA,CAAA,aAAA,CAAA,SAAA,EAAA;AAAA,IAAQ,aAAY,EAAA,kBAAA;AAAA,IAAmB,SAAU,EAAA,2BAAA;AAAA,GAC7C,EAAA,QACL,CACJ,CACJ,CAAA,CAAA;AAER;;;;"}

package/dist/esm/GenericArrow-0dba1707.js.map

@@ -1 +1 @@
-{"version":3,"file":"GenericArrow-0dba1707.js","sources":["../../src/components/svgs/GenericArrow.tsx"],"sourcesContent":["import React from 'react';\n\nexport const GenericArrow: React.FC<{\n    className?: string;\n    color?: string;\n    width?: string;\n    height?: string;\n}> = ({ className = '', color = '#18224E', width = '20', height = '19' }) => {\n    return (\n        <svg\n            width={width}\n            className={className}\n            height={height}\n            viewBox=\"0 0 12 19\"\n            fill=\"none\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n        >\n            <path\n                d=\"M2.375 1.6875L10.1875 9.5L2.375 17.3125\"\n                stroke={color}\n                strokeWidth=\"3\"\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n            />\n        </svg>\n    );\n};\n\nexport default GenericArrow;\n"],"names":[],"mappings":";;AACY,MAAC,YAAY,GAAG,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,GAAG,SAAS,EAAE,KAAK,GAAG,IAAI,EAAE,MAAM,GAAG,IAAI,EAAE,KAAK;AACpG,EAAE,uBAAuB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AACpD,IAAI,KAAK;AACT,IAAI,SAAS;AACb,IAAI,MAAM;AACV,IAAI,OAAO,EAAE,WAAW;AACxB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,KAAK,EAAE,4BAA4B;AACvC,GAAG,kBAAkB,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE;AACjD,IAAI,CAAC,EAAE,yCAAyC;AAChD,IAAI,MAAM,EAAE,KAAK;AACjB,IAAI,WAAW,EAAE,GAAG;AACpB,IAAI,aAAa,EAAE,OAAO;AAC1B,IAAI,cAAc,EAAE,OAAO;AAC3B,GAAG,CAAC,CAAC,CAAC;AACN;;;;"}
+{"version":3,"file":"GenericArrow-0dba1707.js","sources":["../../src/components/svgs/GenericArrow.tsx"],"sourcesContent":["import React from 'react';\n\nexport const GenericArrow: React.FC<{\n    className?: string;\n    color?: string;\n    width?: string;\n    height?: string;\n}> = ({ className = '', color = '#18224E', width = '20', height = '19' }) => {\n    return (\n        <svg\n            width={width}\n            className={className}\n            height={height}\n            viewBox=\"0 0 12 19\"\n            fill=\"none\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n        >\n            <path\n                d=\"M2.375 1.6875L10.1875 9.5L2.375 17.3125\"\n                stroke={color}\n                strokeWidth=\"3\"\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n            />\n        </svg>\n    );\n};\n\nexport default GenericArrow;\n"],"names":[],"mappings":";;AAEa,MAAA,YAAA,GAKR,CAAC,EAAE,SAAY,GAAA,EAAA,EAAI,KAAQ,GAAA,SAAA,EAAW,KAAQ,GAAA,IAAA,EAAM,MAAS,GAAA,IAAA,EAAW,KAAA;AACzE,EAAA,uBACK,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IACG,KAAA;AAAA,IACA,SAAA;AAAA,IACA,MAAA;AAAA,IACA,OAAQ,EAAA,WAAA;AAAA,IACR,IAAK,EAAA,MAAA;AAAA,IACL,KAAM,EAAA,4BAAA;AAAA,GAAA,kBAEL,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA;AAAA,IACG,CAAE,EAAA,yCAAA;AAAA,IACF,MAAQ,EAAA,KAAA;AAAA,IACR,WAAY,EAAA,GAAA;AAAA,IACZ,aAAc,EAAA,OAAA;AAAA,IACd,cAAe,EAAA,OAAA;AAAA,GACnB,CACJ,CAAA,CAAA;AAER;;;;"}