{"version":3,"file":"static/chunks/2562-e57b599e5e08eeb1.js","mappings":"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,MAAAA,CAAK,CAAE,CAAAC,SAAKD,EAAMI,SAAS,CAACc,EAAE,mJCpH3C,IAAMU,EAA6B,CACxC,CACEC,MAAO,aACPC,MAAO,OACT,EACA,CACED,MAAO,SACPC,MAAO,SACT,EACA,CACED,MAAO,QACPC,MAAO,WACT,EACD,CAEYC,EAAsC,CACjDC,MAAO,CACLC,OAAQ,CACN,CACEC,KAAM,KACNC,OAAQ,CACN,CACED,KAAM,gBACNE,KAAM,eACR,EACA,CACEF,KAAM,gCACNE,KAAM,+BACR,EACA,CACEF,KAAM,wBACNE,KAAM,uBACR,EACA,CACEF,KAAM,eACNE,KAAM,cACR,EACA,CACEF,KAAM,mBACNE,KAAM,kBACR,EACA,CACEF,KAAM,4BACNE,KAAM,2BACR,EACA,CACEF,KAAM,8BACNE,KAAM,6BACR,EACD,EAEH,CACEF,KAAM,KACNC,OAAQ,CACN,CACED,KAAM,UACNE,KAAM,SACR,EACA,CACEF,KAAM,eACNE,KAAM,cACR,EACA,CACEF,KAAM,UACNE,KAAM,SACR,EACA,CACEF,KAAM,WACNE,KAAM,UACR,EACA,CACEF,KAAM,+CACNE,KAAM,8CACR,EACA,CACEF,KAAM,iBACNE,KAAM,gBACR,EACA,CACEF,KAAM,mBACNE,KAAM,kBACR,EACA,CACEF,KAAM,qBACNE,KAAM,oBACR,EACA,CACEF,KAAM,iBACNE,KAAM,gBACR,EACA,CACEF,KAAM,UACNE,KAAM,SACR,EACA,CACEF,KAAM,eACNE,KAAM,cACR,EACA,CACEF,KAAM,sBACNE,KAAM,qBACR,EACA,CACEF,KAAM,yBACNE,KAAM,wBACR,EACA,CACEF,KAAM,iBACNE,KAAM,gBACR,EACA,CACEF,KAAM,aACNE,KAAM,YACR,EACD,EAEH,CACEF,KAAM,KACNC,OAAQ,CACN,CACED,KAAM,SACNE,KAAM,QACR,EACA,CACEF,KAAM,eACNE,KAAM,cACR,EACA,CACEF,KAAM,iDACNE,KAAM,gDACR,EACA,CACEF,KAAM,oBACNE,KAAM,mBACR,EACA,CACEF,KAAM,0DACNE,KAAM,yDACR,EACA,CACEF,KAAM,sDACNE,KAAM,qDACR,EACA,CACEF,KAAM,wCACNE,KAAM,uCACR,EACA,CACEF,KAAM,qCACNE,KAAM,oCACR,EACA,CACEF,KAAM,uCACNE,KAAM,sCACR,EACA,CACEF,KAAM,4CACNE,KAAM,2CACR,EACA,CACEF,KAAM,+DACNE,KAAM,4DACR,EACD,EAEH,CACEF,KAAM,IACNC,OAAQ,CACN,CACED,KAAM,wBACNE,KAAM,uBACR,EACA,CACEF,KAAM,8BACNE,KAAM,6BACR,EACA,CACEF,KAAM,6BACNE,KAAM,4BACR,EACA,CACEF,KAAM,sCACNE,KAAM,qCACR,EACA,CACEF,KAAM,oBACNE,KAAM,mBACR,EACA,CACEF,KAAM,iBACNE,KAAM,gBACR,EACD,EAEH,CACEF,KAAM,IACNC,OAAQ,CACN,CACED,KAAM,qBACNE,KAAM,oBACR,EACA,CACEF,KAAM,YACNE,KAAM,WACR,EACA,CACEF,KAAM,2BACNE,KAAM,0BACR,EACA,CACEF,KAAM,0BACNE,KAAM,yBACR,EACA,CACEF,KAAM,UACNE,KAAM,SACR,EACA,CACEF,KAAM,qCACNE,KAAM,oCACR,EACA,CACEF,KAAM,sBACNE,KAAM,qBACR,EACA,CACEF,KAAM,oBACNE,KAAM,mBACR,EACA,CACEF,KAAM,wBACNE,KAAM,uBACR,EACA,CACEF,KAAM,+CACNE,KAAM,4CACR,EACD,EAEH,CACEF,KAAM,IACNC,OAAQ,CACN,CACED,KAAM,eACNE,KAAM,cACR,EACA,CACEF,KAAM,uCACNE,KAAM,oCACR,EACA,CACEF,KAAM,0BACNE,KAAM,yBACR,EACA,CACEF,KAAM,aACNE,KAAM,YACR,EACA,CACEF,KAAM,WACNE,KAAM,UACR,EACA,CACEF,KAAM,aACNE,KAAM,YACR,EACA,CACEF,KAAM,6BACNE,KAAM,4BACR,EACA,CACEF,KAAM,WACNE,KAAM,UACR,EACA,CACEF,KAAM,yCACNE,KAAM,wCACR,EACA,CACEF,KAAM,oDACNE,KAAM,mDACR,EACD,EAEH,CACEF,KAAM,IACNC,OAAQ,CACN,CACED,KAAM,eACNE,KAAM,cACR,EACA,CACEF,KAAM,eACNE,KAAM,cACR,EACA,CACEF,KAAM,mBACNE,KAAM,kBACR,EACA,CACEF,KAAM,iBACNE,KAAM,gBACR,EACA,CACEF,KAAM,YACNE,KAAM,WACR,EACD,EAEH,CACEF,KAAM,IACNC,OAAQ,CACN,CACED,KAAM,eACNE,KAAM,cACR,EACA,CACEF,KAAM,iCACNE,KAAM,gCACR,EACA,CACEF,KAAM,2BACNE,KAAM,0BACR,EACA,CACEF,KAAM,sBACNE,KAAM,qBACR,EACA,CACEF,KAAM,QACNE,KAAM,OACR,EACA,CACEF,KAAM,wBACNE,KAAM,uBACR,EACD,EAEH,CACEF,KAAM,IACNC,OAAQ,CACN,CACED,KAAM,2BACNE,KAAM,wBACR,EACA,CACEF,KAAM,eACNE,KAAM,cACR,EACA,CACEF,KAAM,aACNE,KAAM,YACR,EACA,CACEF,KAAM,mBACNE,KAAM,kBACR,EACA,CACEF,KAAM,kBACNE,KAAM,iBACR,EACA,CACEF,KAAM,UACNE,KAAM,SACR,EACA,CACEF,KAAM,cACNE,KAAM,aACR,EACD,EAEJ,EAEHC,QAAS,CACPJ,OAAQ,CACN,CACEC,KAAM,KACNC,OAAQ,CACN,CACED,KAAM,2BACNE,KAAM,0BACR,EACA,CACEF,KAAM,8BACNE,KAAM,6BACR,EACA,CACEF,KAAM,oBACNE,KAAM,mBACR,EACA,CACEF,KAAM,YACNE,KAAM,WACR,EACA,CACEF,KAAM,uBACNE,KAAM,sBACR,EACA,CACEF,KAAM,wBACNE,KAAM,uBACR,EACA,CACEF,KAAM,kCACNE,KAAM,+BACR,EACA,CACEF,KAAM,eACNE,KAAM,cACR,EACA,CACEF,KAAM,0BACNE,KAAM,yBACR,EACA,CACEF,KAAM,6BACNE,KAAM,4BACR,EACA,CACEF,KAAM,0BACNE,KAAM,yBACR,EACD,EAEH,CACEF,KAAM,KACNC,OAAQ,CACN,CACED,KAAM,sBACNE,KAAM,qBACR,EACA,CACEF,KAAM,8BACNE,KAAM,6BACR,EACA,CACEF,KAAM,6CACNE,KAAM,4CACR,EACA,CACEF,KAAM,kBACNE,KAAM,iBACR,EACA,CACEF,KAAM,mBACNE,KAAM,kBACR,EACA,CACEF,KAAM,kBACNE,KAAM,iBACR,EACA,CACEF,KAAM,0BACNE,KAAM,yBACR,EACA,CACEF,KAAM,oBACNE,KAAM,mBACR,EACA,CACEF,KAAM,mCACNE,KAAM,kCACR,EACA,CACEF,KAAM,8BACNE,KAAM,6BACR,EACA,CACEF,KAAM,gBACNE,KAAM,eACR,EACA,CACEF,KAAM,iBACNE,KAAM,gBACR,EACA,CACEF,KAAM,oCACNE,KAAM,kCACR,EACA,CACEF,KAAM,oBACNE,KAAM,mBACR,EACD,EAEH,CACEF,KAAM,KACNC,OAAQ,CACN,CACED,KAAM,eACNE,KAAM,cACR,EACA,CACEF,KAAM,iCACNE,KAAM,gCACR,EACA,CACEF,KAAM,2BACNE,KAAM,wBACR,EACA,CACEF,KAAM,sBACNE,KAAM,qBACR,EACA,CACEF,KAAM,mBACNE,KAAM,kBACR,EACA,CACEF,KAAM,qCACNE,KAAM,oCACR,EACA,CACEF,KAAM,aACNE,KAAM,YACR,EACA,CACEF,KAAM,SACNE,KAAM,QACR,EACA,CACEF,KAAM,cACNE,KAAM,aACR,EACA,CACEF,KAAM,iBACNE,KAAM,gBACR,EACA,CACEF,KAAM,kBACNE,KAAM,iBACR,EACD,EAEH,CACEF,KAAM,IACNC,OAAQ,CACN,CACED,KAAM,oEACNE,KAAM,kEACR,EACA,CACEF,KAAM,mBACNE,KAAM,kBACR,EACA,CACEF,KAAM,cACNE,KAAM,aACR,EACA,CACEF,KAAM,kDACNE,KAAM,iDACR,EACD,EAEH,CACEF,KAAM,IACNC,OAAQ,CACN,CACED,KAAM,UACNE,KAAM,SACR,EACA,CACEF,KAAM,SACNE,KAAM,QACR,EACA,CACEF,KAAM,wBACNE,KAAM,uBACR,EACA,CACEF,KAAM,iBACNE,KAAM,gBACR,EACA,CACEF,KAAM,oBACNE,KAAM,mBACR,EACD,EAEH,CACEF,KAAM,IACNC,OAAQ,CACN,CACED,KAAM,aACNE,KAAM,YACR,EACA,CACEF,KAAM,gDACNE,KAAM,+CACR,EACA,CACEF,KAAM,2BACNE,KAAM,0BACR,EACA,CACEF,KAAM,iBACNE,KAAM,gBACR,EACA,CACEF,KAAM,SACNE,KAAM,QACR,EACA,CACEF,KAAM,kBACNE,KAAM,iBACR,EACD,EAEJ,EAEHE,UAAW,CACTL,OAAQ,CACN,CACEC,KAAM,KACNC,OAAQ,CACN,CACED,KAAM,yEACNE,KAAM,mEACR,EACA,CACEF,KAAM,yBACNE,KAAM,wBACR,EACA,CACEF,KAAM,wEACNE,KAAM,mEACR,EACA,CACEF,KAAM,0BACNE,KAAM,yBACR,EACA,CACEF,KAAM,qCACNE,KAAM,oCACR,EACA,CACEF,KAAM,cACNE,KAAM,aACR,EACD,EAEH,CACEF,KAAM,KACNC,OAAQ,CACN,CACED,KAAM,gBACNE,KAAM,eACR,EACA,CACEF,KAAM,yCACNE,KAAM,wCACR,EACA,CACEF,KAAM,oBACNE,KAAM,mBACR,EACA,CACEF,KAAM,UACNE,KAAM,SACR,EACA,CACEF,KAAM,8BACNE,KAAM,2BACR,EACA,CACEF,KAAM,gBACNE,KAAM,eACR,EACA,CACEF,KAAM,gBACNE,KAAM,eACR,EACA,CACEF,KAAM,sBACNE,KAAM,qBACR,EACA,CACEF,KAAM,cACNE,KAAM,aACR,EACA,CACEF,KAAM,aACNE,KAAM,YACR,EACA,CACEF,KAAM,cACNE,KAAM,aACR,EACA,CACEF,KAAM,mDACNE,KAAM,kDACR,EACD,EAEH,CACEF,KAAM,KACNC,OAAQ,CACN,CACED,KAAM,gDACNE,KAAM,+CACR,EACA,CACEF,KAAM,sDACNE,KAAM,qDACR,EACA,CACEF,KAAM,2CACNE,KAAM,0CACR,EACA,CACEF,KAAM,uHACNE,KAAM,mGACR,EACA,CACEF,KAAM,mCACNE,KAAM,kCACR,EACA,CACEF,KAAM,2DACNE,KAAM,wDACR,EACD,EAEJ,CAEL,ECptBMG,EAAkD,KACtD,GAAM,CAACC,EAAeC,EAAiB,CAAGC,CAAAA,EAAAA,EAAAA,QAAAA,EACxCd,CAAY,CAAC,EAAE,CAACE,KAAK,EAQvB,MAAO,CACLU,cAAAA,EACAG,0BAPgC,GAChCF,EAAiBG,GAOjBC,uBAL6B,GAAqBL,IAAkBI,CAMtE,CACF,4BCEA,IAAME,EAAsD,OAAC,CAC3DC,MAAAA,EAAQ,sDAAsD,CAC/D,CAAA9C,EACO,CAAEuC,cAAAA,CAAa,CAAEG,0BAAAA,CAAyB,CAAEE,uBAAAA,CAAsB,CAAE,CACxEN,IAEF,MACE,GAAAS,EAAAC,IAAA,EAACrD,EAAAA,EAAyBA,CAAAA,WACxB,GAAAoD,EAAAE,GAAA,EAACpD,EAAAA,EAAqBA,CAAAA,UAAEiD,IACxB,GAAAC,EAAAE,GAAA,EAACzC,EAAAA,EAAiBA,CAAAA,UACfmB,EAAauB,GAAG,CAAC,CAACP,EAASQ,IAC1B,GAAAJ,EAAAE,GAAA,EAACxC,EAAAA,EAAWA,CAAAA,UACV,GAAAsC,EAAAE,GAAA,EAACtC,EAAAA,EAAaA,CAAAA,CAEZE,QAASuC,CAAAA,CAAQR,EAAuBD,EAAQd,KAAK,EACrDwB,QAAS,IAAMX,EAA0BC,EAAQd,KAAK,WAErDc,EAAQf,KAAK,IANA,WAA4BuB,MAAAA,CAAjBR,EAAQd,KAAK,CAAC,KAAOyB,MAAA,CAAJH,EAAI,SAWtD,GAAAJ,EAAAE,GAAA,EAACM,EAAAA,EAASA,CAAAA,UACPC,OAAOC,IAAI,CAAC3B,GAAkBoB,GAAG,CAAC,GACjC,GAAAH,EAAAE,GAAA,EAAC/B,EAAAA,EAAuBA,CAAAA,CACtBL,QAAS0B,IAAkBI,WAG1Bb,CAAgB,CAACa,EAAQ,CAACX,MAAM,CAACkB,GAAG,CAAC,CAACQ,EAAOP,IAC5C,GAAAJ,EAAAC,IAAA,EAAC7B,EAAAA,EAAkBA,CAAAA,WACjB,GAAA4B,EAAAC,IAAA,EAAC5B,EAAAA,EAAcA,CAAAA,WACZsC,EAAMzB,IAAI,CAAC,IAAE0B,CAAAA,EAAAA,EAAAA,EAAAA,EAAcD,EAAMzB,IAAI,KAExC,GAAAc,EAAAE,GAAA,EAAC1B,EAAAA,EAAqBA,CAAAA,UACnBmC,EAAMxB,MAAM,CAACgB,GAAG,CAAC,CAACU,EAAOT,IACxB,GAAAJ,EAAAE,GAAA,EAACzB,EAAAA,EAAgBA,CAAAA,UAGf,GAAAuB,EAAAE,GAAA,EAACxB,EAAAA,EAAYA,CAAAA,CAEXoC,KAAM,kBAEFC,MAAAA,CADFJ,EAAMzB,IAAI,CACX,KAAkC2B,MAAAA,CAA/BE,CAAAA,EAAAA,EAAAA,EAAAA,EAAmBnB,GAAS,KAAcW,MAAA,CAAXM,EAAMzB,IAAI,WAE5CyB,EAAM3B,IAAI,IARR,iBAA+BkB,MAAAA,CAAdS,EAAMzB,IAAI,CAAC,KAAOmB,MAAA,CAAJH,SAPnB,SAAuBA,MAAAA,CAAdO,EAAMzB,IAAI,CAAC,KAAOqB,MAAA,CAAJH,EAAI,QAHjDR,QA8BjB,EAGA,IAAAoB,EAAelB","sources":["webpack://_N_E/./src/components/subject-topic-grid/subject-topic-grid.styles.tsx","webpack://_N_E/./src/components/subject-topic-grid/subject-topic-grid.data.ts","webpack://_N_E/./src/components/subject-topic-grid/use-subject-topic-grid.ts","webpack://_N_E/./src/components/subject-topic-grid/subject-topic-grid.tsx","webpack://_N_E/<anon>"],"sourcesContent":["import styled from \"styled-components\";\nimport { breakpoints } from \"styles\";\n\nconst UnStyledList = styled.ul`\n  list-style: none;\n  padding: 0;\n  margin: 0;\n`;\nexport const SubjectTopicGridContainer = styled.section`\n  margin: 10px 0;\n  padding: 32px 16px;\n`;\n\nexport const SubjectTopicGridTitle = styled.h2`\n  font-family: ${({ theme }) => theme.fonts.primary};\n  font-size: ${({ theme }) => theme.fontSizes[\"2xl\"]};\n  font-weight: bold;\n  line-height: 1.25;\n  color: ${({ theme }) => theme.colors.brand[500]};\n  margin: 32px 0;\n  text-align: center;\n\n  @media ${breakpoints.tablet} {\n    font-size: ${({ theme }) => theme.fontSizes[\"4xl\"]};\n    margin: 48px 0;\n  }\n`;\n\nexport const SubjectsContainer = styled(UnStyledList)`\n  margin: 10px 0;\n  display: flex;\n  flex-wrap: wrap;\n  gap: 10px;\n  align-items: center;\n  justify-content: center;\n\n  @media ${breakpoints.tablet} {\n    margin: 48px 0;\n  }\n`;\n\nexport const SubjectItem = styled.li`\n  &:not(:last-child) {\n    margin-right: 16px;\n  }\n`;\n\nexport const SubjectButton = styled.button<{ $active?: boolean }>`\n  --webkit-appearance: none;\n  border: 2px solid\n    ${({ theme, $active }) =>\n      $active ? theme.colors.brand[500] : theme.colors.neutral[800]};\n  color: ${({ $active, theme }) =>\n    $active ? theme.colors.brand[500] : theme.colors.neutral[800]};\n  background: ${({ $active, theme }) =>\n    $active ? theme.colors.brand[50] : \"none\"};\n  padding: 16px 24px;\n  font-size: ${({ theme }) => theme.fontSizes.sm};\n  border-radius: 6px;\n  border-radius: 2px solid ${({ theme }) => theme.colors.periwinkle[\"500\"]};\n  cursor: pointer;\n  font-weight: ${({ $active }) => ($active ? \"bold\" : \"normal\")};\n\n  @media ${breakpoints.tablet} {\n    font-size: ${({ theme }) => theme.fontSizes.md};\n  }\n`;\n\nexport const SubjectChapterContainer = styled(UnStyledList)<{\n  $active?: boolean;\n}>`\n  display: ${({ $active }) => ($active ? \"flex\" : \"none\")};\n  list-style: none;\n  overflow-x: scroll;\n  padding: 20px 0 40px 0;\n`;\n\nexport const SubjectChapterItem = styled.li`\n  margin-right: 32px;\n\n  @media ${breakpoints.tablet} {\n    margin-right: 60px;\n  }\n`;\n\nexport const SubjectChapter = styled.h3`\n  font-family: ${({ theme }) => theme.fonts.primary};\n  font-size: ${({ theme }) => theme.fontSizes.md};\n  font-weight: bold;\n  color: ${({ theme }) => theme.colors.neutral[900]};\n  margin: 0 0 16px 0;\n\n  @media ${breakpoints.tablet} {\n    font-size: ${({ theme }) => theme.fontSizes.lg};\n  }\n`;\n\nexport const SubjectTopicContainer = styled(UnStyledList)``;\n\nexport const SubjectTopicItem = styled.li`\n  &:not(:last-child) {\n    margin-bottom: 18px;\n  }\n`;\n\nexport const SubjectTopic = styled.a`\n  font-family: ${({ theme }) => theme.fonts.primary};\n  font-size: ${({ theme }) => theme.fontSizes.sm};\n  color: ${({ theme }) => theme.colors.neutral[800]};\n  white-space: nowrap;\n  text-transform: capitalize;\n  text-decoration: none;\n\n  &:visited {\n    color: ${({ theme }) => theme.colors.neutral[800]};\n  }\n\n  @media ${breakpoints.tablet} {\n    font-size: ${({ theme }) => theme.fontSizes.md};\n  }\n`;\n","import { ISubjectData, ISubjectTopicData } from \"./subject-topic-grid.types\";\n\nexport const subjectsData: ISubjectData = [\n  {\n    label: \"Matematika\",\n    value: \"maths\"\n  },\n  {\n    label: \"Fisika\",\n    value: \"physics\"\n  },\n  {\n    label: \"Kimia\",\n    value: \"chemistry\"\n  }\n];\n\nexport const subjectTopicData: ISubjectTopicData = {\n  maths: {\n    grades: [\n      {\n        name: \"12\",\n        topics: [\n          {\n            name: \"Peluang Wajib\",\n            slug: \"Peluang-Wajib\"\n          },\n          {\n            name: \"Kekongruenan dan Kesebangunan\",\n            slug: \"Kekongruenan-dan-Kesebangunan\"\n          },\n          {\n            name: \"Statistika Inferensia\",\n            slug: \"Statistika-Inferensia\"\n          },\n          {\n            name: \"Dimensi Tiga\",\n            slug: \"Dimensi-Tiga\"\n          },\n          {\n            name: \"Statistika Wajib\",\n            slug: \"Statistika-Wajib\"\n          },\n          {\n            name: \"Limit Fungsi Trigonometri\",\n            slug: \"Limit-Fungsi-Trigonometri\"\n          },\n          {\n            name: \"Turunan Fungsi Trigonometri\",\n            slug: \"Turunan-Fungsi-Trigonometri\"\n          }\n        ]\n      },\n      {\n        name: \"11\",\n        topics: [\n          {\n            name: \"Barisan\",\n            slug: \"Barisan\"\n          },\n          {\n            name: \"Limit Fungsi\",\n            slug: \"Limit-Fungsi\"\n          },\n          {\n            name: \"Turunan\",\n            slug: \"Turunan\"\n          },\n          {\n            name: \"Integral\",\n            slug: \"Integral\"\n          },\n          {\n            name: \"Persamaan Lingkaran dan Irisan Dua Lingkaran\",\n            slug: \"Persamaan-Lingkaran-dan-Irisan-Dua-Lingkaran\"\n          },\n          {\n            name: \"Integral Tentu\",\n            slug: \"Integral-Tentu\"\n          },\n          {\n            name: \"Integral Parsial\",\n            slug: \"Integral-Parsial\"\n          },\n          {\n            name: \"Induksi Matematika\",\n            slug: \"Induksi-Matematika\"\n          },\n          {\n            name: \"Program Linear\",\n            slug: \"Program-Linear\"\n          },\n          {\n            name: \"Matriks\",\n            slug: \"Matriks\"\n          },\n          {\n            name: \"Transformasi\",\n            slug: \"Transformasi\"\n          },\n          {\n            name: \"Fungsi Trigonometri\",\n            slug: \"Fungsi-Trigonometri\"\n          },\n          {\n            name: \"Persamaan Trigonometri\",\n            slug: \"Persamaan-Trigonometri\"\n          },\n          {\n            name: \"Irisan Kerucut\",\n            slug: \"Irisan-Kerucut\"\n          },\n          {\n            name: \"Polinomial\",\n            slug: \"Polinomial\"\n          }\n        ]\n      },\n      {\n        name: \"10\",\n        topics: [\n          {\n            name: \"Fungsi\",\n            slug: \"Fungsi\"\n          },\n          {\n            name: \"Trigonometri\",\n            slug: \"Trigonometri\"\n          },\n          {\n            name: \"Skalar dan vektor serta operasi aljabar vektor\",\n            slug: \"Skalar-dan-vektor-serta-operasi-aljabar-vektor\"\n          },\n          {\n            name: \"Logika Matematika\",\n            slug: \"Logika-Matematika\"\n          },\n          {\n            name: \"Persamaan Dan Pertidaksamaan Linear Satu Variabel Wajib\",\n            slug: \"Persamaan-Dan-Pertidaksamaan-Linear-Satu-Variabel-Wajib\"\n          },\n          {\n            name: \"Pertidaksamaan Rasional Dan Irasional Satu Variabel\",\n            slug: \"Pertidaksamaan-Rasional-Dan-Irasional-Satu-Variabel\"\n          },\n          {\n            name: \"Sistem Persamaan Linear Tiga Variabel\",\n            slug: \"Sistem-Persamaan-Linear-Tiga-Variabel\"\n          },\n          {\n            name: \"Sistem Pertidaksamaan Dua Variabel\",\n            slug: \"Sistem-Pertidaksamaan-Dua-Variabel\"\n          },\n          {\n            name: \"Sistem Persamaan Linier Dua Variabel\",\n            slug: \"Sistem-Persamaan-Linier-Dua-Variabel\"\n          },\n          {\n            name: \"Sistem Pertidaksamaan Linier Dua Variabel\",\n            slug: \"Sistem-Pertidaksamaan-Linier-Dua-Variabel\"\n          },\n          {\n            name: \"Grafik, Persamaan, Dan Pertidaksamaan Eksponen Dan Logaritma\",\n            slug: \"Grafik-Persamaan-Dan-Pertidaksamaan-Eksponen-Dan-Logaritma\"\n          }\n        ]\n      },\n      {\n        name: \"9\",\n        topics: [\n          {\n            name: \"Transformasi Geometri\",\n            slug: \"Transformasi-Geometri\"\n          },\n          {\n            name: \"Kesebangunan dan Kongruensi\",\n            slug: \"Kesebangunan-dan-Kongruensi\"\n          },\n          {\n            name: \"Bangun Ruang Sisi Lengkung\",\n            slug: \"Bangun-Ruang-Sisi-Lengkung\"\n          },\n          {\n            name: \"Bilangan Berpangkat Dan Bentuk Akar\",\n            slug: \"Bilangan-Berpangkat-Dan-Bentuk-Akar\"\n          },\n          {\n            name: \"Persamaan Kuadrat\",\n            slug: \"Persamaan-Kuadrat\"\n          },\n          {\n            name: \"Fungsi Kuadrat\",\n            slug: \"Fungsi-Kuadrat\"\n          }\n        ]\n      },\n      {\n        name: \"8\",\n        topics: [\n          {\n            name: \"Teorema Phytagoras\",\n            slug: \"Teorema-Phytagoras\"\n          },\n          {\n            name: \"Lingkaran\",\n            slug: \"Lingkaran\"\n          },\n          {\n            name: \"Garis Singgung Lingkaran\",\n            slug: \"Garis-Singgung-Lingkaran\"\n          },\n          {\n            name: \"Bangun Ruang Sisi Datar\",\n            slug: \"Bangun-Ruang-Sisi-Datar\"\n          },\n          {\n            name: \"Peluang\",\n            slug: \"Peluang\"\n          },\n          {\n            name: \"Pola Bilangan Dan Barisan Bilangan\",\n            slug: \"Pola-Bilangan-Dan-Barisan-Bilangan\"\n          },\n          {\n            name: \"Koordinat Cartesius\",\n            slug: \"Koordinat-Cartesius\"\n          },\n          {\n            name: \"Relasi Dan Fungsi\",\n            slug: \"Relasi-Dan-Fungsi\"\n          },\n          {\n            name: \"Persamaan Garis Lurus\",\n            slug: \"Persamaan-Garis-Lurus\"\n          },\n          {\n            name: \"Sistem Persamaan Linear Dua Variabel (Spldv)\",\n            slug: \"Sistem-Persamaan-Linear-Dua-Variabel-Spldv\"\n          }\n        ]\n      },\n      {\n        name: \"7\",\n        topics: [\n          {\n            name: \"Perbandingan\",\n            slug: \"Perbandingan\"\n          },\n          {\n            name: \"Aritmetika Sosial (Aplikasi Aljabar)\",\n            slug: \"Aritmetika-Sosial-Aplikasi-Aljabar\"\n          },\n          {\n            name: \"Sudut dan Garis Sejajar\",\n            slug: \"Sudut-dan-Garis-Sejajar\"\n          },\n          {\n            name: \"Segi Empat\",\n            slug: \"Segi-Empat\"\n          },\n          {\n            name: \"Segitiga\",\n            slug: \"Segitiga\"\n          },\n          {\n            name: \"Statistika\",\n            slug: \"Statistika\"\n          },\n          {\n            name: \"Bilangan Bulat Dan Pecahan\",\n            slug: \"Bilangan-Bulat-Dan-Pecahan\"\n          },\n          {\n            name: \"Himpunan\",\n            slug: \"Himpunan\"\n          },\n          {\n            name: \"Operasi Dan Faktorisasi Bentuk Aljabar\",\n            slug: \"Operasi-Dan-Faktorisasi-Bentuk-Aljabar\"\n          },\n          {\n            name: \"Persamaan Dan Pertidaksamaan Linear Satu Variabel\",\n            slug: \"Persamaan-Dan-Pertidaksamaan-Linear-Satu-Variabel\"\n          }\n        ]\n      },\n      {\n        name: \"6\",\n        topics: [\n          {\n            name: \"Bangun Ruang\",\n            slug: \"Bangun-Ruang\"\n          },\n          {\n            name: \"Statistika 6\",\n            slug: \"Statistika-6\"\n          },\n          {\n            name: \"Sistem Koordinat\",\n            slug: \"Sistem-Koordinat\"\n          },\n          {\n            name: \"Bilangan Bulat\",\n            slug: \"Bilangan-Bulat\"\n          },\n          {\n            name: \"Lingkaran\",\n            slug: \"Lingkaran\"\n          }\n        ]\n      },\n      {\n        name: \"5\",\n        topics: [\n          {\n            name: \"Bangun Ruang\",\n            slug: \"Bangun-Ruang\"\n          },\n          {\n            name: \"Pengumpulan dan Penyajian Data\",\n            slug: \"Pengumpulan-dan-Penyajian-Data\"\n          },\n          {\n            name: \"Operasi Bilangan Pecahan\",\n            slug: \"Operasi-Bilangan-Pecahan\"\n          },\n          {\n            name: \"Kecepatan Dan Debit\",\n            slug: \"Kecepatan-Dan-Debit\"\n          },\n          {\n            name: \"Skala\",\n            slug: \"Skala\"\n          },\n          {\n            name: \"Perpangkatan Dan Akar\",\n            slug: \"Perpangkatan-Dan-Akar\"\n          }\n        ]\n      },\n      {\n        name: \"4\",\n        topics: [\n          {\n            name: \"Aproksimasi / Pembulatan\",\n            slug: \"Aproksimasi-Pembulatan\"\n          },\n          {\n            name: \"Bangun Datar\",\n            slug: \"Bangun-Datar\"\n          },\n          {\n            name: \"Statistika\",\n            slug: \"Statistika\"\n          },\n          {\n            name: \"Pengukuran Sudut\",\n            slug: \"Pengukuran-Sudut\"\n          },\n          {\n            name: \"Bilangan Romawi\",\n            slug: \"Bilangan-Romawi\"\n          },\n          {\n            name: \"Pecahan\",\n            slug: \"Pecahan\"\n          },\n          {\n            name: \"KPK Dan FPB\",\n            slug: \"Kpk-Dan-Fpb\"\n          }\n        ]\n      }\n    ]\n  },\n  physics: {\n    grades: [\n      {\n        name: \"12\",\n        topics: [\n          {\n            name: \"Teori Relativitas Khusus\",\n            slug: \"Teori-Relativitas-Khusus\"\n          },\n          {\n            name: \"Konsep dan Fenomena Kuantum\",\n            slug: \"Konsep-dan-Fenomena-Kuantum\"\n          },\n          {\n            name: \"Teknologi Digital\",\n            slug: \"Teknologi-Digital\"\n          },\n          {\n            name: \"Inti Atom\",\n            slug: \"Inti-Atom\"\n          },\n          {\n            name: \"Sumber-Sumber Energi\",\n            slug: \"Sumber-Sumber-Energi\"\n          },\n          {\n            name: \"Rangkaian Arus Searah\",\n            slug: \"Rangkaian-Arus-Searah\"\n          },\n          {\n            name: \"Listrik Statis (Elektrostatika)\",\n            slug: \"Listrik-Statis-Elektrostatika\"\n          },\n          {\n            name: \"Medan Magnet\",\n            slug: \"Medan-Magnet\"\n          },\n          {\n            name: \"Induksi Elektromagnetik\",\n            slug: \"Induksi-Elektromagnetik\"\n          },\n          {\n            name: \"Rangkaian Arus Bolak Balik\",\n            slug: \"Rangkaian-Arus-Bolak-Balik\"\n          },\n          {\n            name: \"Radiasi Elektromagnetik\",\n            slug: \"Radiasi-Elektromagnetik\"\n          }\n        ]\n      },\n      {\n        name: \"11\",\n        topics: [\n          {\n            name: \"Hukum Termodinamika\",\n            slug: \"Hukum-Termodinamika\"\n          },\n          {\n            name: \"Ciri-Ciri Gelombang Mekanik\",\n            slug: \"Ciri-Ciri-Gelombang-Mekanik\"\n          },\n          {\n            name: \"Gelombang Berjalan dan Gelombang Stasioner\",\n            slug: \"Gelombang-Berjalan-dan-Gelombang-Stasioner\"\n          },\n          {\n            name: \"Gelombang Bunyi\",\n            slug: \"Gelombang-Bunyi\"\n          },\n          {\n            name: \"Gelombang Cahaya\",\n            slug: \"Gelombang-Cahaya\"\n          },\n          {\n            name: \"Alat-Alat Optik\",\n            slug: \"Alat-Alat-Optik\"\n          },\n          {\n            name: \"Gejala Pemanasan Global\",\n            slug: \"Gejala-Pemanasan-Global\"\n          },\n          {\n            name: \"Alternatif Solusi\",\n            slug: \"Alternatif-Solusi\"\n          },\n          {\n            name: \"Keseimbangan Dan Dinamika Rotasi\",\n            slug: \"Keseimbangan-Dan-Dinamika-Rotasi\"\n          },\n          {\n            name: \"Elastisitas Dan Hukum Hooke\",\n            slug: \"Elastisitas-Dan-Hukum-Hooke\"\n          },\n          {\n            name: \"Fluida Statik\",\n            slug: \"Fluida-Statik\"\n          },\n          {\n            name: \"Fluida Dinamik\",\n            slug: \"Fluida-Dinamik\"\n          },\n          {\n            name: \"Suhu, Kalor Dan Perpindahan Kalor\",\n            slug: \"Suhu-Kalor-Dan-Perpindahan-Kalor\"\n          },\n          {\n            name: \"Teori Kinetik Gas\",\n            slug: \"Teori-Kinetik-Gas\"\n          }\n        ]\n      },\n      {\n        name: \"10\",\n        topics: [\n          {\n            name: \"Hukum Newton\",\n            slug: \"Hukum-Newton\"\n          },\n          {\n            name: \"Hukum Newton Tentang Gravitasi\",\n            slug: \"Hukum-Newton-Tentang-Gravitasi\"\n          },\n          {\n            name: \"Usaha (Kerja) Dan Energi\",\n            slug: \"Usaha-Kerja-dan-Energi\"\n          },\n          {\n            name: \"Momentum dan Impuls\",\n            slug: \"Momentum-dan-Impuls\"\n          },\n          {\n            name: \"Getaran Harmonis\",\n            slug: \"Getaran-Harmonis\"\n          },\n          {\n            name: \"Hakikat Fisika Dan Prosedur Ilmiah\",\n            slug: \"Hakikat-Fisika-Dan-Prosedur-Ilmiah\"\n          },\n          {\n            name: \"Pengukuran\",\n            slug: \"Pengukuran\"\n          },\n          {\n            name: \"Vektor\",\n            slug: \"Vektor\"\n          },\n          {\n            name: \"Gerak Lurus\",\n            slug: \"Gerak-Lurus\"\n          },\n          {\n            name: \"Gerak Parabola\",\n            slug: \"Gerak-Parabola\"\n          },\n          {\n            name: \"Gerak Melingkar\",\n            slug: \"Gerak-Melingkar\"\n          }\n        ]\n      },\n      {\n        name: \"9\",\n        topics: [\n          {\n            name: \"Kelistrikan, Kemagnetan dan Pemanfaatannya dalam Produk Teknologi\",\n            slug: \"Kelistrikan-Kemagnetan-dan-Pemanfaatannya-dalam-Produk-Teknologi\"\n          },\n          {\n            name: \"Produk Teknologi\",\n            slug: \"Produk-Teknologi\"\n          },\n          {\n            name: \"Sifat Bahan\",\n            slug: \"Sifat-Bahan\"\n          },\n          {\n            name: \"Kelistrikan Dan Teknologi Listrik Di Lingkungan\",\n            slug: \"Kelistrikan-Dan-Teknologi-Listrik-Di-Lingkungan\"\n          }\n        ]\n      },\n      {\n        name: \"8\",\n        topics: [\n          {\n            name: \"Tekanan\",\n            slug: \"Tekanan\"\n          },\n          {\n            name: \"Cahaya\",\n            slug: \"Cahaya\"\n          },\n          {\n            name: \"Getaran dan Gelombang\",\n            slug: \"Getaran-dan-Gelombang\"\n          },\n          {\n            name: \"Gerak Dan Gaya\",\n            slug: \"Gerak-Dan-Gaya\"\n          },\n          {\n            name: \"Pesawat Sederhana\",\n            slug: \"Pesawat-Sederhana\"\n          }\n        ]\n      },\n      {\n        name: \"7\",\n        topics: [\n          {\n            name: \"Tata Surya\",\n            slug: \"Tata-Surya\"\n          },\n          {\n            name: \"Objek Ilmu Pengetahuan Alam Dan Pengamatannya\",\n            slug: \"Objek-Ilmu-Pengetahuan-Alam-Dan-Pengamatannya\"\n          },\n          {\n            name: \"Zat Dan Karakteristiknya\",\n            slug: \"Zat-Dan-Karakteristiknya\"\n          },\n          {\n            name: \"Suhu Dan Kalor\",\n            slug: \"Suhu-Dan-Kalor\"\n          },\n          {\n            name: \"Energi\",\n            slug: \"Energi\"\n          },\n          {\n            name: \"Fisika Geografi\",\n            slug: \"Fisika-Geografi\"\n          }\n        ]\n      }\n    ]\n  },\n  chemistry: {\n    grades: [\n      {\n        name: \"12\",\n        topics: [\n          {\n            name: \"Struktur, Tata Nama, Sifat, Isomer, Identifikasi, dan Kegunaan Senyawa\",\n            slug: \"Struktur-Tata-Nama-Sifat-Isomer-Identifikasi-dan-Kegunaan-Senyawa\"\n          },\n          {\n            name: \"Benzena dan Turunannya\",\n            slug: \"Benzena-dan-Turunannya\"\n          },\n          {\n            name: \"Struktur, Tata Nama, Sifat, Penggunaan, dan Penggolongan Makromolekul\",\n            slug: \"Struktur-Tata-Nama-Sifat-Penggunaan-dan-Penggolongan-Makromolekul\"\n          },\n          {\n            name: \"Sifat Koligatif Larutan\",\n            slug: \"Sifat-Koligatif-Larutan\"\n          },\n          {\n            name: \"Reaksi Redoks Dan Sel Elektrokimia\",\n            slug: \"Reaksi-Redoks-Dan-Sel-Elektrokimia\"\n          },\n          {\n            name: \"Kimia Unsur\",\n            slug: \"Kimia-Unsur\"\n          }\n        ]\n      },\n      {\n        name: \"11\",\n        topics: [\n          {\n            name: \"Asam dan Basa\",\n            slug: \"Asam-dan-Basa\"\n          },\n          {\n            name: \"Kesetimbangan Ion dan pH Larutan Garam\",\n            slug: \"Kesetimbangan-Ion-dan-pH-Larutan-Garam\"\n          },\n          {\n            name: \"Larutan Penyangga\",\n            slug: \"Larutan-Penyangga\"\n          },\n          {\n            name: \"Titrasi\",\n            slug: \"Titrasi\"\n          },\n          {\n            name: \"Kesetimbangan Larutan (Ksp)\",\n            slug: \"Kesetimbangan-Larutan-Ksp\"\n          },\n          {\n            name: \"Sistem Koloid\",\n            slug: \"Sistem-Koloid\"\n          },\n          {\n            name: \"Kimia Terapan\",\n            slug: \"Kimia-Terapan\"\n          },\n          {\n            name: \"Senyawa Hidrokarbon\",\n            slug: \"Senyawa-Hidrokarbon\"\n          },\n          {\n            name: \"Minyak Bumi\",\n            slug: \"Minyak-Bumi\"\n          },\n          {\n            name: \"Termokimia\",\n            slug: \"Termokimia\"\n          },\n          {\n            name: \"Laju Reaksi\",\n            slug: \"Laju-Reaksi\"\n          },\n          {\n            name: \"Kesetimbangan Kimia Dan Pergeseran Kesetimbangan\",\n            slug: \"Kesetimbangan-Kimia-Dan-Pergeseran-Kesetimbangan\"\n          }\n        ]\n      },\n      {\n        name: \"10\",\n        topics: [\n          {\n            name: \"Larutan Elektrolit dan Larutan Non-Elektrolit\",\n            slug: \"Larutan-Elektrolit-dan-Larutan-Non-Elektrolit\"\n          },\n          {\n            name: \"Reaksi Reduksi dan Oksidasi serta Tata Nama Senyawa\",\n            slug: \"Reaksi-Reduksi-dan-Oksidasi-serta-Tata-Nama-Senyawa\"\n          },\n          {\n            name: \"Hukum-Hukum Dasar Kimia dan Stoikiometri\",\n            slug: \"Hukum-Hukum-Dasar-Kimia-dan-Stoikiometri\"\n          },\n          {\n            name: \"Metode Ilmiah, Hakikat Ilmu Kimia, Keselamatan dan Keamanan Kimia di Laboratorium, serta Peran Kimia dalam Kehidupan\",\n            slug: \"Metode-Ilmiah-Hakikat-Ilmu-Kimia-Keselamatan-dan-Keamanan-Kimia-di-Laboratorium-serta-Peran-Kimia\"\n          },\n          {\n            name: \"Struktur Atom Dan Tabel Periodik\",\n            slug: \"Struktur-Atom-Dan-Tabel-Periodik\"\n          },\n          {\n            name: \"Ikatan Kimia, Bentuk Molekul, Dan Interaksi Antarmolekul\",\n            slug: \"Ikatan-Kimia-Bentuk-Molekul-Dan-Interaksi-Antarmolekul\"\n          }\n        ]\n      }\n    ]\n  }\n};\n","import { useState } from \"react\";\nimport { subjectsData } from \"./subject-topic-grid.data\";\nimport { IUseSubjectTopicGrid } from \"./subject-topic-grid.types\";\n\nconst useSubjectTopicGrid: () => IUseSubjectTopicGrid = () => {\n  const [activeSubject, setActiveSubject] = useState<string>(\n    subjectsData[0].value\n  );\n\n  const handleActiveSubjectChange = (subject: string) =>\n    setActiveSubject(subject);\n\n  const isCurrentSubjectActive = (subject: string) => activeSubject === subject;\n\n  return {\n    activeSubject,\n    handleActiveSubjectChange,\n    isCurrentSubjectActive\n  };\n};\n\nexport { useSubjectTopicGrid };\n","import React from \"react\";\nimport {\n  SubjectButton,\n  SubjectChapterContainer,\n  SubjectChapterItem,\n  SubjectChapter,\n  SubjectItem,\n  SubjectsContainer,\n  SubjectTopicGridContainer,\n  SubjectTopicGridTitle,\n  SubjectTopicContainer,\n  SubjectTopic,\n  SubjectTopicItem\n} from \"./subject-topic-grid.styles\";\n\nimport { subjectsData, subjectTopicData } from \"./subject-topic-grid.data\";\nimport { useSubjectTopicGrid } from \"./use-subject-topic-grid\";\nimport { Container } from \"styles/common/container\";\nimport { ISubjectTopicGridProps } from \"./subject-topic-grid.types\";\nimport { getGradeGroup, getSubjectInBahasa } from \"utils/utils\";\n\nconst SubjectTopicsGrid: React.FC<ISubjectTopicGridProps> = ({\n  title = \"Sukses nggak pernah instan. Latihan topik lain, yuk!\"\n}) => {\n  const { activeSubject, handleActiveSubjectChange, isCurrentSubjectActive } =\n    useSubjectTopicGrid();\n\n  return (\n    <SubjectTopicGridContainer>\n      <SubjectTopicGridTitle>{title}</SubjectTopicGridTitle>\n      <SubjectsContainer>\n        {subjectsData.map((subject, idx) => (\n          <SubjectItem key={`subject-${subject.value}-${idx}}`}>\n            <SubjectButton\n              data-testid={`subject-${subject.value}-button`}\n              $active={Boolean(isCurrentSubjectActive(subject.value))}\n              onClick={() => handleActiveSubjectChange(subject.value)}\n            >\n              {subject.label}\n            </SubjectButton>\n          </SubjectItem>\n        ))}\n      </SubjectsContainer>\n      <Container>\n        {Object.keys(subjectTopicData).map((subject) => (\n          <SubjectChapterContainer\n            $active={activeSubject === subject}\n            key={subject}\n          >\n            {subjectTopicData[subject].grades.map((grade, idx) => (\n              <SubjectChapterItem key={`grade-${grade.name}-${idx}}`}>\n                <SubjectChapter>\n                  {grade.name} {getGradeGroup(grade.name)}\n                </SubjectChapter>\n                <SubjectTopicContainer>\n                  {grade.topics.map((topic, idx) => (\n                    <SubjectTopicItem\n                      key={`subject-topic-${topic.slug}-${idx}`}\n                    >\n                      <SubjectTopic\n                        data-testid={`subject-topic-${topic.slug}-${idx}`}\n                        href={`/tanya/chapter/${\n                          grade.name\n                        }/${getSubjectInBahasa(subject)}/${topic.slug}`}\n                      >\n                        {topic.name}\n                      </SubjectTopic>\n                    </SubjectTopicItem>\n                  ))}\n                </SubjectTopicContainer>\n              </SubjectChapterItem>\n            ))}\n          </SubjectChapterContainer>\n        ))}\n      </Container>\n    </SubjectTopicGridContainer>\n  );\n};\n\nexport { SubjectTopicsGrid };\nexport default SubjectTopicsGrid;\n"],"names":["UnStyledList","styled","ul","withConfig","SubjectTopicGridContainer","section","SubjectTopicGridTitle","h2","theme","param","fonts","primary","fontSizes","colors","brand","breakpoints","tablet","SubjectsContainer","SubjectItem","li","SubjectButton","button","$active","neutral","sm","periwinkle","md","SubjectChapterContainer","SubjectChapterItem","SubjectChapter","h3","lg","SubjectTopicContainer","SubjectTopicItem","SubjectTopic","a","subjectsData","label","value","subjectTopicData","maths","grades","name","topics","slug","physics","chemistry","useSubjectTopicGrid","activeSubject","setActiveSubject","useState","handleActiveSubjectChange","subject","isCurrentSubjectActive","SubjectTopicsGrid","title","jsx_runtime","jsxs","jsx","map","idx","Boolean","onClick","concat","Container","Object","keys","grade","getGradeGroup","topic","href","getSubjectInBahasa","subject_topic_grid"],"sourceRoot":""}