@tipp/ui 2.1.18 → 2.1.19

package/dist/molecules/curriculumV2/index.js

@@ -1,7 +1,7 @@
 import "../../chunk-AS7ID74X.js";
 import {
   CurriculumBody
-} from "../../chunk-XKJYONHV.js";
+} from "../../chunk-GUB4IPAK.js";
 import {
   CurriculumSidebar
 } from "../../chunk-3BVQLREH.js";
@@ -11,21 +11,21 @@ import "../../chunk-FJPNCT7B.js";
 import "../../chunk-22HJDAZH.js";
 import "../../chunk-HFXODPRR.js";
 import "../../chunk-N2Q6ESHU.js";
-import "../../chunk-GJXNSLUM.js";
-import "../../chunk-ZF22BWAU.js";
-import "../../chunk-PEY2BL3Z.js";
-import "../../chunk-RKZHP3AB.js";
-import "../../chunk-SYSHJ76B.js";
-import "../../chunk-OX4O4PXR.js";
+import "../../chunk-3K6EZ35F.js";
+import "../../chunk-L62LNJFW.js";
+import "../../chunk-XE3WEY7M.js";
+import "../../chunk-6RDHONTX.js";
+import "../../chunk-5Z5Z3WXM.js";
+import "../../chunk-PUNNF2RQ.js";
 import "../../chunk-SFRE4VOT.js";
-import "../../chunk-CHGLVZEQ.js";
+import "../../chunk-A7MWL24M.js";
 import "../../chunk-YVMPMKUV.js";
-import "../../chunk-O435FVHB.js";
-import "../../chunk-H6BBD6DK.js";
+import "../../chunk-CQF6WAI4.js";
+import "../../chunk-GYDRLF6A.js";
 import "../../chunk-TH4BBGMM.js";
 import "../../chunk-ZP6ENLEA.js";
-import "../../chunk-EIQ7AJJF.js";
-import "../../chunk-EBGKFGME.js";
+import "../../chunk-UWSVYBBK.js";
+import "../../chunk-WZVJYDVP.js";
 import "../../chunk-HYMGXDPL.js";
 import {
   CurriculumSubNav
@@ -36,61 +36,55 @@ import {
 } from "../../chunk-IYQJIEVM.js";
 import {
   CurriculumV2Layout
-} from "../../chunk-M6VXNQHU.js";
+} from "../../chunk-TKD7AJ2T.js";
 import "../../chunk-PAFFDZBG.js";
 import "../../chunk-SLXXCM56.js";
 import "../../chunk-A6W2ZWYA.js";
 import "../../chunk-QD5ZSFPG.js";
-import "../../chunk-YJ7ZFOYL.js";
-import "../../chunk-5ZITU5L7.js";
-import "../../chunk-3F45OPXG.js";
 import "../../chunk-5KDNSBO5.js";
 import "../../chunk-26ZU5KUR.js";
-import "../../chunk-MUNMDHRF.js";
-import "../../chunk-TVDKGMBI.js";
-import "../../chunk-AP52M2Z5.js";
 import "../../chunk-5H3YPCZK.js";
 import "../../chunk-FR2GDOU2.js";
 import "../../chunk-74DX4CU7.js";
 import "../../chunk-OYM4XCHQ.js";
-import "../../chunk-F6YQBCJB.js";
-import "../../chunk-5AVBYDPB.js";
-import "../../chunk-365QMK4D.js";
+import "../../chunk-YJ7ZFOYL.js";
+import "../../chunk-5ZITU5L7.js";
+import "../../chunk-3F45OPXG.js";
 import "../../chunk-YO3BQW6S.js";
 import "../../chunk-6IVCARWS.js";
 import "../../chunk-6DJOIRMF.js";
 import "../../chunk-FPD73OHW.js";
 import "../../chunk-MUPK4L3U.js";
-import "../../chunk-EGEQY3KT.js";
-import "../../chunk-O3T3TM3V.js";
+import "../../chunk-MUNMDHRF.js";
+import "../../chunk-TVDKGMBI.js";
+import "../../chunk-AP52M2Z5.js";
 import "../../chunk-XQOL7UBI.js";
 import "../../chunk-TULWX7D6.js";
 import "../../chunk-TQOQC4PZ.js";
-import "../../chunk-VTJZMOSP.js";
-import "../../chunk-45VFASWZ.js";
-import "../../chunk-3IT3NVK6.js";
-import "../../chunk-LDBWASUA.js";
-import "../../chunk-UOYF3DBN.js";
-import "../../chunk-DDUKEE5E.js";
-import "../../chunk-HYITAA4J.js";
-import "../../chunk-U7N2PWMO.js";
-import "../../chunk-O3DNDMV3.js";
+import "../../chunk-F6YQBCJB.js";
+import "../../chunk-5AVBYDPB.js";
+import "../../chunk-365QMK4D.js";
 import "../../chunk-HYE34QEM.js";
 import "../../chunk-YXO6QOFA.js";
 import "../../chunk-ACVANQJ4.js";
 import "../../chunk-2DZ2Y3JI.js";
 import "../../chunk-SSNESKAJ.js";
-import "../../chunk-B6XJN6EC.js";
-import "../../chunk-HEDMSFPW.js";
-import "../../chunk-MIMJ7LON.js";
+import "../../chunk-EGEQY3KT.js";
+import "../../chunk-O3T3TM3V.js";
 import "../../chunk-RMTJMZBQ.js";
 import "../../chunk-DGAB7BIE.js";
 import "../../chunk-OHMOP5PV.js";
 import "../../chunk-NFDQJVFA.js";
 import "../../chunk-Q37G2GS6.js";
-import "../../chunk-XTHDFSN3.js";
-import "../../chunk-FC7WH2S6.js";
-import "../../chunk-FCIHNIOH.js";
+import "../../chunk-VTJZMOSP.js";
+import "../../chunk-45VFASWZ.js";
+import "../../chunk-3IT3NVK6.js";
+import "../../chunk-LDBWASUA.js";
+import "../../chunk-UOYF3DBN.js";
+import "../../chunk-DDUKEE5E.js";
+import "../../chunk-HYITAA4J.js";
+import "../../chunk-U7N2PWMO.js";
+import "../../chunk-O3DNDMV3.js";
 import "../../chunk-YGL6SWKN.js";
 import "../../chunk-4Y5BEXVN.js";
 import "../../chunk-LMWTEDYS.js";
@@ -99,6 +93,9 @@ import "../../chunk-25HMMI7R.js";
 import "../../chunk-AFPH32MF.js";
 import "../../chunk-LQY4RKWI.js";
 import "../../chunk-ZD7MNMED.js";
+import "../../chunk-B6XJN6EC.js";
+import "../../chunk-HEDMSFPW.js";
+import "../../chunk-MIMJ7LON.js";
 import "../../chunk-CEK4NKTO.js";
 import "../../chunk-WJ34ZHTU.js";
 import "../../chunk-2TPQQBUQ.js";
@@ -116,6 +113,9 @@ import "../../chunk-ECVAWQXV.js";
 import "../../chunk-D7EYDD4E.js";
 import "../../chunk-J242TTFH.js";
 import "../../chunk-EAXUQEO5.js";
+import "../../chunk-XTHDFSN3.js";
+import "../../chunk-FC7WH2S6.js";
+import "../../chunk-FCIHNIOH.js";
 import "../../chunk-2NMEKWO5.js";
 export {
   CurriculumBody,

package/dist/molecules/date-picker/date-picker-button.js

@@ -4,56 +4,50 @@ import {
 import "../../chunk-DL56P5KJ.js";
 import "../../chunk-A6W2ZWYA.js";
 import "../../chunk-QD5ZSFPG.js";
-import "../../chunk-YJ7ZFOYL.js";
-import "../../chunk-5ZITU5L7.js";
-import "../../chunk-3F45OPXG.js";
 import "../../chunk-5KDNSBO5.js";
 import "../../chunk-26ZU5KUR.js";
-import "../../chunk-MUNMDHRF.js";
-import "../../chunk-TVDKGMBI.js";
-import "../../chunk-AP52M2Z5.js";
 import "../../chunk-5H3YPCZK.js";
 import "../../chunk-FR2GDOU2.js";
 import "../../chunk-74DX4CU7.js";
 import "../../chunk-OYM4XCHQ.js";
-import "../../chunk-F6YQBCJB.js";
-import "../../chunk-5AVBYDPB.js";
-import "../../chunk-365QMK4D.js";
+import "../../chunk-YJ7ZFOYL.js";
+import "../../chunk-5ZITU5L7.js";
+import "../../chunk-3F45OPXG.js";
 import "../../chunk-YO3BQW6S.js";
 import "../../chunk-6IVCARWS.js";
 import "../../chunk-6DJOIRMF.js";
 import "../../chunk-FPD73OHW.js";
 import "../../chunk-MUPK4L3U.js";
-import "../../chunk-EGEQY3KT.js";
-import "../../chunk-O3T3TM3V.js";
+import "../../chunk-MUNMDHRF.js";
+import "../../chunk-TVDKGMBI.js";
+import "../../chunk-AP52M2Z5.js";
 import "../../chunk-XQOL7UBI.js";
 import "../../chunk-TULWX7D6.js";
 import "../../chunk-TQOQC4PZ.js";
-import "../../chunk-VTJZMOSP.js";
-import "../../chunk-45VFASWZ.js";
-import "../../chunk-3IT3NVK6.js";
-import "../../chunk-LDBWASUA.js";
-import "../../chunk-UOYF3DBN.js";
-import "../../chunk-DDUKEE5E.js";
-import "../../chunk-HYITAA4J.js";
-import "../../chunk-U7N2PWMO.js";
-import "../../chunk-O3DNDMV3.js";
+import "../../chunk-F6YQBCJB.js";
+import "../../chunk-5AVBYDPB.js";
+import "../../chunk-365QMK4D.js";
 import "../../chunk-HYE34QEM.js";
 import "../../chunk-YXO6QOFA.js";
 import "../../chunk-ACVANQJ4.js";
 import "../../chunk-2DZ2Y3JI.js";
 import "../../chunk-SSNESKAJ.js";
-import "../../chunk-B6XJN6EC.js";
-import "../../chunk-HEDMSFPW.js";
-import "../../chunk-MIMJ7LON.js";
+import "../../chunk-EGEQY3KT.js";
+import "../../chunk-O3T3TM3V.js";
 import "../../chunk-RMTJMZBQ.js";
 import "../../chunk-DGAB7BIE.js";
 import "../../chunk-OHMOP5PV.js";
 import "../../chunk-NFDQJVFA.js";
 import "../../chunk-Q37G2GS6.js";
-import "../../chunk-XTHDFSN3.js";
-import "../../chunk-FC7WH2S6.js";
-import "../../chunk-FCIHNIOH.js";
+import "../../chunk-VTJZMOSP.js";
+import "../../chunk-45VFASWZ.js";
+import "../../chunk-3IT3NVK6.js";
+import "../../chunk-LDBWASUA.js";
+import "../../chunk-UOYF3DBN.js";
+import "../../chunk-DDUKEE5E.js";
+import "../../chunk-HYITAA4J.js";
+import "../../chunk-U7N2PWMO.js";
+import "../../chunk-O3DNDMV3.js";
 import "../../chunk-YGL6SWKN.js";
 import "../../chunk-4Y5BEXVN.js";
 import "../../chunk-LMWTEDYS.js";
@@ -62,6 +56,9 @@ import "../../chunk-25HMMI7R.js";
 import "../../chunk-AFPH32MF.js";
 import "../../chunk-LQY4RKWI.js";
 import "../../chunk-ZD7MNMED.js";
+import "../../chunk-B6XJN6EC.js";
+import "../../chunk-HEDMSFPW.js";
+import "../../chunk-MIMJ7LON.js";
 import "../../chunk-CEK4NKTO.js";
 import "../../chunk-WJ34ZHTU.js";
 import "../../chunk-2TPQQBUQ.js";
@@ -79,6 +76,9 @@ import "../../chunk-ECVAWQXV.js";
 import "../../chunk-D7EYDD4E.js";
 import "../../chunk-J242TTFH.js";
 import "../../chunk-EAXUQEO5.js";
+import "../../chunk-XTHDFSN3.js";
+import "../../chunk-FC7WH2S6.js";
+import "../../chunk-FCIHNIOH.js";
 import "../../chunk-2NMEKWO5.js";
 export {
   DatePickerButton

package/dist/molecules/expand-table/index.js

@@ -5,56 +5,50 @@ import {
 import "../../chunk-WDUSQ6HR.js";
 import "../../chunk-A6W2ZWYA.js";
 import "../../chunk-QD5ZSFPG.js";
-import "../../chunk-YJ7ZFOYL.js";
-import "../../chunk-5ZITU5L7.js";
-import "../../chunk-3F45OPXG.js";
 import "../../chunk-5KDNSBO5.js";
 import "../../chunk-26ZU5KUR.js";
-import "../../chunk-MUNMDHRF.js";
-import "../../chunk-TVDKGMBI.js";
-import "../../chunk-AP52M2Z5.js";
 import "../../chunk-5H3YPCZK.js";
 import "../../chunk-FR2GDOU2.js";
 import "../../chunk-74DX4CU7.js";
 import "../../chunk-OYM4XCHQ.js";
-import "../../chunk-F6YQBCJB.js";
-import "../../chunk-5AVBYDPB.js";
-import "../../chunk-365QMK4D.js";
+import "../../chunk-YJ7ZFOYL.js";
+import "../../chunk-5ZITU5L7.js";
+import "../../chunk-3F45OPXG.js";
 import "../../chunk-YO3BQW6S.js";
 import "../../chunk-6IVCARWS.js";
 import "../../chunk-6DJOIRMF.js";
 import "../../chunk-FPD73OHW.js";
 import "../../chunk-MUPK4L3U.js";
-import "../../chunk-EGEQY3KT.js";
-import "../../chunk-O3T3TM3V.js";
+import "../../chunk-MUNMDHRF.js";
+import "../../chunk-TVDKGMBI.js";
+import "../../chunk-AP52M2Z5.js";
 import "../../chunk-XQOL7UBI.js";
 import "../../chunk-TULWX7D6.js";
 import "../../chunk-TQOQC4PZ.js";
-import "../../chunk-VTJZMOSP.js";
-import "../../chunk-45VFASWZ.js";
-import "../../chunk-3IT3NVK6.js";
-import "../../chunk-LDBWASUA.js";
-import "../../chunk-UOYF3DBN.js";
-import "../../chunk-DDUKEE5E.js";
-import "../../chunk-HYITAA4J.js";
-import "../../chunk-U7N2PWMO.js";
-import "../../chunk-O3DNDMV3.js";
+import "../../chunk-F6YQBCJB.js";
+import "../../chunk-5AVBYDPB.js";
+import "../../chunk-365QMK4D.js";
 import "../../chunk-HYE34QEM.js";
 import "../../chunk-YXO6QOFA.js";
 import "../../chunk-ACVANQJ4.js";
 import "../../chunk-2DZ2Y3JI.js";
 import "../../chunk-SSNESKAJ.js";
-import "../../chunk-B6XJN6EC.js";
-import "../../chunk-HEDMSFPW.js";
-import "../../chunk-MIMJ7LON.js";
+import "../../chunk-EGEQY3KT.js";
+import "../../chunk-O3T3TM3V.js";
 import "../../chunk-RMTJMZBQ.js";
 import "../../chunk-DGAB7BIE.js";
 import "../../chunk-OHMOP5PV.js";
 import "../../chunk-NFDQJVFA.js";
 import "../../chunk-Q37G2GS6.js";
-import "../../chunk-XTHDFSN3.js";
-import "../../chunk-FC7WH2S6.js";
-import "../../chunk-FCIHNIOH.js";
+import "../../chunk-VTJZMOSP.js";
+import "../../chunk-45VFASWZ.js";
+import "../../chunk-3IT3NVK6.js";
+import "../../chunk-LDBWASUA.js";
+import "../../chunk-UOYF3DBN.js";
+import "../../chunk-DDUKEE5E.js";
+import "../../chunk-HYITAA4J.js";
+import "../../chunk-U7N2PWMO.js";
+import "../../chunk-O3DNDMV3.js";
 import "../../chunk-YGL6SWKN.js";
 import "../../chunk-4Y5BEXVN.js";
 import "../../chunk-LMWTEDYS.js";
@@ -63,6 +57,9 @@ import "../../chunk-25HMMI7R.js";
 import "../../chunk-AFPH32MF.js";
 import "../../chunk-LQY4RKWI.js";
 import "../../chunk-ZD7MNMED.js";
+import "../../chunk-B6XJN6EC.js";
+import "../../chunk-HEDMSFPW.js";
+import "../../chunk-MIMJ7LON.js";
 import "../../chunk-CEK4NKTO.js";
 import "../../chunk-WJ34ZHTU.js";
 import "../../chunk-2TPQQBUQ.js";
@@ -80,6 +77,9 @@ import "../../chunk-ECVAWQXV.js";
 import "../../chunk-D7EYDD4E.js";
 import "../../chunk-J242TTFH.js";
 import "../../chunk-EAXUQEO5.js";
+import "../../chunk-XTHDFSN3.js";
+import "../../chunk-FC7WH2S6.js";
+import "../../chunk-FCIHNIOH.js";
 import "../../chunk-2NMEKWO5.js";
 export {
   ExpandTable,

package/dist/molecules/expand-table/row.js

@@ -3,56 +3,50 @@ import {
 } from "../../chunk-WDUSQ6HR.js";
 import "../../chunk-A6W2ZWYA.js";
 import "../../chunk-QD5ZSFPG.js";
-import "../../chunk-YJ7ZFOYL.js";
-import "../../chunk-5ZITU5L7.js";
-import "../../chunk-3F45OPXG.js";
 import "../../chunk-5KDNSBO5.js";
 import "../../chunk-26ZU5KUR.js";
-import "../../chunk-MUNMDHRF.js";
-import "../../chunk-TVDKGMBI.js";
-import "../../chunk-AP52M2Z5.js";
 import "../../chunk-5H3YPCZK.js";
 import "../../chunk-FR2GDOU2.js";
 import "../../chunk-74DX4CU7.js";
 import "../../chunk-OYM4XCHQ.js";
-import "../../chunk-F6YQBCJB.js";
-import "../../chunk-5AVBYDPB.js";
-import "../../chunk-365QMK4D.js";
+import "../../chunk-YJ7ZFOYL.js";
+import "../../chunk-5ZITU5L7.js";
+import "../../chunk-3F45OPXG.js";
 import "../../chunk-YO3BQW6S.js";
 import "../../chunk-6IVCARWS.js";
 import "../../chunk-6DJOIRMF.js";
 import "../../chunk-FPD73OHW.js";
 import "../../chunk-MUPK4L3U.js";
-import "../../chunk-EGEQY3KT.js";
-import "../../chunk-O3T3TM3V.js";
+import "../../chunk-MUNMDHRF.js";
+import "../../chunk-TVDKGMBI.js";
+import "../../chunk-AP52M2Z5.js";
 import "../../chunk-XQOL7UBI.js";
 import "../../chunk-TULWX7D6.js";
 import "../../chunk-TQOQC4PZ.js";
-import "../../chunk-VTJZMOSP.js";
-import "../../chunk-45VFASWZ.js";
-import "../../chunk-3IT3NVK6.js";
-import "../../chunk-LDBWASUA.js";
-import "../../chunk-UOYF3DBN.js";
-import "../../chunk-DDUKEE5E.js";
-import "../../chunk-HYITAA4J.js";
-import "../../chunk-U7N2PWMO.js";
-import "../../chunk-O3DNDMV3.js";
+import "../../chunk-F6YQBCJB.js";
+import "../../chunk-5AVBYDPB.js";
+import "../../chunk-365QMK4D.js";
 import "../../chunk-HYE34QEM.js";
 import "../../chunk-YXO6QOFA.js";
 import "../../chunk-ACVANQJ4.js";
 import "../../chunk-2DZ2Y3JI.js";
 import "../../chunk-SSNESKAJ.js";
-import "../../chunk-B6XJN6EC.js";
-import "../../chunk-HEDMSFPW.js";
-import "../../chunk-MIMJ7LON.js";
+import "../../chunk-EGEQY3KT.js";
+import "../../chunk-O3T3TM3V.js";
 import "../../chunk-RMTJMZBQ.js";
 import "../../chunk-DGAB7BIE.js";
 import "../../chunk-OHMOP5PV.js";
 import "../../chunk-NFDQJVFA.js";
 import "../../chunk-Q37G2GS6.js";
-import "../../chunk-XTHDFSN3.js";
-import "../../chunk-FC7WH2S6.js";
-import "../../chunk-FCIHNIOH.js";
+import "../../chunk-VTJZMOSP.js";
+import "../../chunk-45VFASWZ.js";
+import "../../chunk-3IT3NVK6.js";
+import "../../chunk-LDBWASUA.js";
+import "../../chunk-UOYF3DBN.js";
+import "../../chunk-DDUKEE5E.js";
+import "../../chunk-HYITAA4J.js";
+import "../../chunk-U7N2PWMO.js";
+import "../../chunk-O3DNDMV3.js";
 import "../../chunk-YGL6SWKN.js";
 import "../../chunk-4Y5BEXVN.js";
 import "../../chunk-LMWTEDYS.js";
@@ -61,6 +55,9 @@ import "../../chunk-25HMMI7R.js";
 import "../../chunk-AFPH32MF.js";
 import "../../chunk-LQY4RKWI.js";
 import "../../chunk-ZD7MNMED.js";
+import "../../chunk-B6XJN6EC.js";
+import "../../chunk-HEDMSFPW.js";
+import "../../chunk-MIMJ7LON.js";
 import "../../chunk-CEK4NKTO.js";
 import "../../chunk-WJ34ZHTU.js";
 import "../../chunk-2TPQQBUQ.js";
@@ -78,6 +75,9 @@ import "../../chunk-ECVAWQXV.js";
 import "../../chunk-D7EYDD4E.js";
 import "../../chunk-J242TTFH.js";
 import "../../chunk-EAXUQEO5.js";
+import "../../chunk-XTHDFSN3.js";
+import "../../chunk-FC7WH2S6.js";
+import "../../chunk-FCIHNIOH.js";
 import "../../chunk-2NMEKWO5.js";
 export {
   Row

package/dist/molecules/index.cjs

@@ -3221,7 +3221,7 @@ function CurriculumReviewProvider({
     }
   }, [step]);
   const onClickReviewMyAnswer = (0, import_react32.useCallback)(() => {
-    setStep(1);
+    setStep(0);
   }, []);
   const handleSubmit = (0, import_react32.useCallback)(() => {
     formik.handleSubmit();
@@ -3450,12 +3450,12 @@ function StartReview({ onStart }) {
           height: "100%",
           justify: "center",
           maxWidth: "650px",
-          pb: "6",
-          pt: "4",
-          px: "4",
+          pb: { initial: "6", sm: "0" },
+          pt: { initial: "4", sm: "0" },
+          px: { initial: "4", sm: "0" },
           width: "100%",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Typo, { color: "gray", children: curriculum.title }),
+            /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Typo, { color: "gray", mb: "1", children: curriculum.title }),
             /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Heading2, { variant: "heading3", children: reviewContents.title }),
             /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_themes39.Separator, { my: "4", style: { width: 100 } }),
             /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(Typo, { align: "left", as: "p", color: "gray", mb: "4", children: [
@@ -3494,8 +3494,8 @@ function CompleteReview(props) {
       justify: "between",
       maxHeight: "550px",
       maxWidth: "650px",
-      px: "4",
-      py: "6",
+      mx: "4",
+      my: "6",
       width: "100%",
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(import_themes22.Flex, { align: "center", direction: "column", children: [
@@ -4028,16 +4028,55 @@ var import_jsx_runtime71 = require("react/jsx-runtime");
 function CurriculumReview(props) {
   const { item, sectionTitle } = props;
   const { description, buttonTitle } = item;
-  const { curriculum, onReviewSubmit: _onReviewSubmit, onReviewValueChange, curriculumReviewAnswers, tempCurriculumReviewAnswers, curriculumCompleteMap } = useCurriculumContext();
+  const {
+    curriculum,
+    onReviewSubmit: _onReviewSubmit,
+    onReviewValueChange: _onReviewValueChange,
+    curriculumReviewAnswers,
+    tempCurriculumReviewAnswers,
+    curriculumCompleteMap
+  } = useCurriculumContext();
   const [open, setOpen] = (0, import_react34.useState)(false);
-  const onReviewSubmit = (0, import_react34.useCallback)((values) => {
-    return _onReviewSubmit({ reviewId: item.uuid, answer: values });
-  }, [item.uuid, _onReviewSubmit]);
+  const [isChanged, setIsChanged] = (0, import_react34.useState)(false);
+  const [closeDialogOpen, setCloseDialogOpen] = (0, import_react34.useState)(false);
+  const onReviewValueChange = (0, import_react34.useCallback)(
+    ({
+      reviewId,
+      answer
+    }) => {
+      if (curriculumReviewAnswers[reviewId] === answer[reviewId]) {
+        return;
+      }
+      setIsChanged(true);
+      _onReviewValueChange({ reviewId, answer });
+    },
+    [_onReviewValueChange, curriculumReviewAnswers]
+  );
+  const onReviewSubmit = (0, import_react34.useCallback)(
+    (values) => {
+      return _onReviewSubmit({ reviewId: item.uuid, answer: values }).then(
+        (result) => {
+          setIsChanged(false);
+          return result;
+        }
+      );
+    },
+    [item.uuid, _onReviewSubmit]
+  );
   const onClickEndReview = (0, import_react34.useCallback)(() => {
     setOpen(false);
   }, []);
+  const onClickCloseDrawer = (0, import_react34.useCallback)(() => {
+    if (isChanged) {
+      setCloseDialogOpen(true);
+    } else {
+      setOpen(false);
+    }
+  }, [isChanged]);
   const mode = (0, import_react34.useMemo)(() => {
-    return item.questions.every((question) => curriculumReviewAnswers[question.uuid] && curriculumReviewAnswers[question.uuid] !== "") ? "edit" : "create";
+    return item.questions.every(
+      (question) => curriculumReviewAnswers[question.uuid] && curriculumReviewAnswers[question.uuid] !== ""
+    ) ? "edit" : "create";
   }, [curriculumReviewAnswers, item.questions]);
   const defaultValues = (0, import_react34.useMemo)(() => {
     const allAnswers = __spreadValues(__spreadValues({}, tempCurriculumReviewAnswers), curriculumReviewAnswers);
@@ -4070,7 +4109,15 @@ function CurriculumReview(props) {
         children: [
           /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(Typo, { color: "gray", weight: "bold", children: curriculum.title }),
           /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(Typo, { align: "center", as: "p", color: "gray", children: description }),
-          /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(Dialog.Trigger, { children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(Button, { mt: "3", style: { minWidth: 232, backgroundColor: bgColor }, variant: done ? "outline" : "solid", children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(Typo, { truncate: true, children: done ? "\uB098\uC758 \uC751\uB2F5 \uB2E4\uC2DC\uBCF4\uAE30" : buttonTitle }) }) })
+          /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(Dialog.Trigger, { children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+            Button,
+            {
+              mt: "3",
+              style: { minWidth: 232, backgroundColor: bgColor },
+              variant: done ? "outline" : "solid",
+              children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(Typo, { truncate: true, children: done ? "\uB098\uC758 \uC751\uB2F5 \uB2E4\uC2DC\uBCF4\uAE30" : buttonTitle })
+            }
+          ) })
         ]
       }
     ),
@@ -4106,10 +4153,29 @@ function CurriculumReview(props) {
                   title: sectionTitle
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_themes6.Box, { position: "absolute", right: "16px", top: "16px", children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(Dialog.Close, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(import_themes18.IconButton, { color: "gray", variant: "ghost", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_themes6.Box, { display: { initial: "none", md: "block" }, children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_react_icons8.Cross1Icon, { height: 20, width: 20 }) }),
-                /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_themes6.Box, { display: { initial: "block", md: "none" }, children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_react_icons8.Cross1Icon, { height: 16, width: 16 }) })
-              ] }) }) })
+              /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_themes6.Box, { position: "absolute", right: "16px", top: "16px", children: /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(
+                import_themes18.IconButton,
+                {
+                  color: "gray",
+                  onClick: onClickCloseDrawer,
+                  variant: "ghost",
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_themes6.Box, { display: { initial: "none", md: "block" }, children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_react_icons8.Cross1Icon, { height: 20, width: 20 }) }),
+                    /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_themes6.Box, { display: { initial: "block", md: "none" }, children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_react_icons8.Cross1Icon, { height: 16, width: 16 }) })
+                  ]
+                }
+              ) }),
+              /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(Dialog.Root, { onOpenChange: setCloseDialogOpen, open: closeDialogOpen, children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+                Dialog.Content,
+                {
+                  buttons: /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(import_themes22.Flex, { gap: "3", justify: "end", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(Dialog.Close, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(Button, { color: "gray", variant: "outline", children: "\uB3CC\uC544\uAC00\uAE30" }) }),
+                    /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(Dialog.Close, { children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(Button, { color: "red", onClick: onClickEndReview, children: "\uB098\uAC00\uAE30" }) })
+                  ] }),
+                  title: "\uC791\uC131\uC744 \uC911\uB2E8\uD558\uC2DC\uACA0\uC2B5\uB2C8\uAE4C?",
+                  children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(Typo, { children: "\uD398\uC774\uC9C0\uC5D0\uC11C \uBC97\uC5B4\uB098\uBA74 \uC791\uC131\uD55C \uB0B4\uC6A9\uC774 \uC800\uC7A5\uB418\uC9C0 \uC54A\uC2B5\uB2C8\uB2E4." })
+                }
+              ) })
             ]
           }
         )
@@ -4394,7 +4460,7 @@ function CurriculumV2Layout(props) {
           {
             columns: { initial: "1", md: "1fr 340px" },
             height: "100%",
-            maxWidth: "1100px",
+            maxWidth: "1440px",
             rows: { initial: "auto 1fr", md: "auto" },
             width: "100%",
             children: [