@tipp/ui 2.3.15 → 2.3.17

package/dist/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/index.cjs

@@ -808,8 +808,52 @@ var CircleChatIcon = React16.forwardRef(
 );
 CircleChatIcon.displayName = "CircleChatIcon";
 
-// src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-footer.tsx
+// src/icons/circle-file.tsx
+var React17 = __toESM(require("react"), 1);
 var import_jsx_runtime20 = require("react/jsx-runtime");
+var CircleFileIcon = React17.forwardRef(
+  (_a, forwardedRef) => {
+    var _b = _a, { color = "currentColor" } = _b, props = __objRest(_b, ["color"]);
+    return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+      "svg",
+      __spreadProps(__spreadValues({
+        fill: "none",
+        height: "16",
+        viewBox: "0 0 16 16",
+        width: "16",
+        xmlns: "http://www.w3.org/2000/svg"
+      }, props), {
+        ref: forwardedRef,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("rect", { fill: color, height: "16", rx: "8", width: "16" }),
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+            "rect",
+            {
+              fill: "white",
+              fillOpacity: "0.01",
+              height: "12",
+              transform: "translate(2 2)",
+              width: "12"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+            "path",
+            {
+              clipRule: "evenodd",
+              d: "M4.39998 4.00005C4.39998 3.77914 4.57906 3.60005 4.79998 3.60005H9.26861C9.37469 3.60005 9.47643 3.64219 9.55145 3.71721L11.4829 5.64858C11.5578 5.72359 11.6 5.82534 11.6 5.93142V12C11.6 12.2209 11.4209 12.4 11.2 12.4H4.79998C4.57906 12.4 4.39998 12.2209 4.39998 12V4.00005ZM4.79998 2.80005C4.13723 2.80005 3.59998 3.3373 3.59998 4.00005V12C3.59998 12.6628 4.13723 13.2 4.79998 13.2H11.2C11.8627 13.2 12.4 12.6628 12.4 12V5.93142C12.4 5.61316 12.2736 5.30794 12.0485 5.08289L10.1171 3.15152C9.89209 2.92648 9.58686 2.80005 9.26861 2.80005H4.79998ZM5.59998 5.20005C5.37906 5.20005 5.19998 5.37914 5.19998 5.60005C5.19998 5.82096 5.37906 6.00005 5.59998 6.00005H7.99998C8.22089 6.00005 8.39998 5.82096 8.39998 5.60005C8.39998 5.37914 8.22089 5.20005 7.99998 5.20005H5.59998ZM5.59998 7.60005C5.37906 7.60005 5.19998 7.77914 5.19998 8.00005C5.19998 8.22096 5.37906 8.40005 5.59998 8.40005H10.4C10.6209 8.40005 10.8 8.22096 10.8 8.00005C10.8 7.77914 10.6209 7.60005 10.4 7.60005H5.59998ZM5.59998 10C5.37906 10 5.19998 10.1792 5.19998 10.4C5.19998 10.6209 5.37906 10.8 5.59998 10.8H10.4C10.6209 10.8 10.8 10.6209 10.8 10.4C10.8 10.1792 10.6209 10 10.4 10H5.59998Z",
+              fill: "white",
+              fillRule: "evenodd"
+            }
+          )
+        ]
+      })
+    );
+  }
+);
+CircleFileIcon.displayName = "CircleFileIcon";
+
+// src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-footer.tsx
+var import_jsx_runtime21 = require("react/jsx-runtime");
 function ReviewQuestionFooter({
   index,
   onNext,
@@ -819,22 +863,22 @@ function ReviewQuestionFooter({
   onSubmit,
   isLoading
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_themes3.Grid, { columns: "1fr 1fr", gap: "3", children: [
-    index > 0 ? /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(Button, { onClick: onPrev, variant: "outline", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react_icons.ChevronLeftIcon, {}),
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_themes3.Grid, { columns: "1fr 1fr", gap: "3", children: [
+    index > 0 ? /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(Button, { onClick: onPrev, variant: "outline", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_icons.ChevronLeftIcon, {}),
       "\uC774\uC804\uC73C\uB85C"
-    ] }) : /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_themes.Box, {}),
-    isLast ? /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(Button, { disabled: isNextButtonDisabled, loading: isLoading, onClick: onSubmit, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react_icons.PaperPlaneIcon, {}),
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_themes.Box, {}),
+    isLast ? /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(Button, { disabled: isNextButtonDisabled, loading: isLoading, onClick: onSubmit, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_icons.PaperPlaneIcon, {}),
       "\uC81C\uCD9C\uD558\uAE30"
-    ] }) : /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
       Button,
       {
         disabled: isNextButtonDisabled,
         onClick: onNext,
         variant: "surface",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react_icons.ChevronRightIcon, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_icons.ChevronRightIcon, {}),
           "\uB2E4\uC74C\uC73C\uB85C"
         ]
       }
@@ -849,7 +893,7 @@ var import_react7 = require("react");
 // src/atoms/card.tsx
 var import_react5 = require("react");
 var import_themes10 = require("@radix-ui/themes");
-var import_jsx_runtime21 = require("react/jsx-runtime");
+var import_jsx_runtime22 = require("react/jsx-runtime");
 var Card = (0, import_react5.forwardRef)(
   (props, forwardedRef) => {
     const _a = props, { borderDisable, borderRadius, error } = _a, rest = __objRest(_a, ["borderDisable", "borderRadius", "error"]);
@@ -866,7 +910,7 @@ var Card = (0, import_react5.forwardRef)(
     const errorClsName = (0, import_react5.useMemo)(() => {
       return error ? " error" : "";
     }, [error]);
-    return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
       import_themes10.Card,
       __spreadProps(__spreadValues({
         variant: "surface"
@@ -890,7 +934,7 @@ var import_themes11 = require("@radix-ui/themes");
 var import_themes12 = require("@radix-ui/themes");
 
 // src/molecules/radio-button-card.tsx
-var import_jsx_runtime22 = require("react/jsx-runtime");
+var import_jsx_runtime23 = require("react/jsx-runtime");
 var RadioCardContext = (0, import_react6.createContext)({});
 function Root(props) {
   const [value, setValue] = (0, import_react6.useState)(props.value || props.defaultValue);
@@ -902,7 +946,7 @@ function Root(props) {
     },
     [props]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(RadioCardContext.Provider, { value: __spreadProps(__spreadValues({}, props), { value }), children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_themes11.RadioCards.Root, __spreadProps(__spreadValues({}, props), { onValueChange })) });
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(RadioCardContext.Provider, { value: __spreadProps(__spreadValues({}, props), { value }), children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_themes11.RadioCards.Root, __spreadProps(__spreadValues({}, props), { onValueChange })) });
 }
 function Item(_a) {
   var _b = _a, {
@@ -919,9 +963,9 @@ function Item(_a) {
     "justify",
     "RadioWrapper"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_themes11.RadioCards.Item, __spreadProps(__spreadValues({}, itemRest), { children: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_themes2.Flex, { align: "center", justify: justify || "between", width: "100%", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_themes11.RadioCards.Item, __spreadProps(__spreadValues({}, itemRest), { children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_themes2.Flex, { align: "center", justify: justify || "between", width: "100%", children: [
     children,
-    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(RadioWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(RadioWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
       import_themes12.Radio,
       {
         checked: itemRest.value === value,
@@ -942,7 +986,8 @@ var CurriculumListIcons = {
   video: CirclePlayIcon,
   quote: CircleQuoteIcon,
   check: CircleCheckIcon,
-  star: CircleSatisfactionIcon
+  star: CircleSatisfactionIcon,
+  file: CircleFileIcon
 };
 var getCurriculumIcon = ({
   type,
@@ -963,6 +1008,8 @@ var getCurriculumIcon = ({
       return CircleSatisfactionIcon;
     case "aiTraining":
       return CircleChatIcon;
+    case "fileDownload":
+      return CircleFileIcon;
     case "review":
     default:
       return CirclePencilIcon;
@@ -980,7 +1027,7 @@ var getCurriculumQuestionIconColor = (type) => {
 };
 
 // src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-comp.tsx
-var import_jsx_runtime23 = require("react/jsx-runtime");
+var import_jsx_runtime24 = require("react/jsx-runtime");
 function ReviewQuestionContentHeader({
   type,
   title,
@@ -988,9 +1035,9 @@ function ReviewQuestionContentHeader({
   icon
 }) {
   const Icon = getCurriculumIcon({ type, icon });
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_themes.Box, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_themes2.Flex, { gap: "2", mb: "3", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_themes.Box, { children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_themes.Box, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_themes2.Flex, { gap: "2", mb: "3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_themes.Box, { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
         Icon,
         {
           color: getCurriculumQuestionIconColor(type),
@@ -998,14 +1045,14 @@ function ReviewQuestionContentHeader({
           width: "16"
         }
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Typo, { color: "gray", weight: "bold", children: title })
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Typo, { color: "gray", weight: "bold", children: title })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Typo, { as: "p", color: "gray", children: question })
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Typo, { as: "p", color: "gray", children: question })
   ] });
 }
 
 // src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-radio.tsx
-var import_jsx_runtime24 = require("react/jsx-runtime");
+var import_jsx_runtime25 = require("react/jsx-runtime");
 var correctAnswerStyle = {
   backgroundColor: "var(--green-a2)"
 };
@@ -1022,8 +1069,8 @@ function ReviewQuestionRadio(props) {
     if (isWrong) return "red";
     return void 0;
   }, [isCorrect, isWrong]);
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_themes3.Grid, { height: "100%", rows: "auto 1fr", width: "100%", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Card, { mb: "4", size: "2", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_themes3.Grid, { height: "100%", rows: "auto 1fr", width: "100%", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Card, { mb: "4", size: "2", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
       ReviewQuestionContentHeader,
       {
         icon: question.icon,
@@ -1032,8 +1079,8 @@ function ReviewQuestionRadio(props) {
         type: question.type
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_themes3.Grid, { height: "100%", rows: "1fr auto", width: "100%", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_themes.Box, { position: "relative", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_themes3.Grid, { height: "100%", rows: "1fr auto", width: "100%", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_themes.Box, { position: "relative", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
         RadioButtonCard.Root,
         {
           color: radioColor,
@@ -1045,7 +1092,7 @@ function ReviewQuestionRadio(props) {
             position: "absolute"
           },
           value: answer,
-          children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_themes2.Flex, { direction: "column", gap: "2", width: "100%", children: question.options.map((option, i) => {
+          children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_themes2.Flex, { direction: "column", gap: "2", width: "100%", children: question.options.map((option, i) => {
             const isThisOptionCorrect = isCheckAnswer && i === question.correctAnswer;
             const isThisOptionSelected = isCheckAnswer && i === Number(answer);
             const isThisOptionWrong = isCheckAnswer && isThisOptionSelected && i !== question.correctAnswer;
@@ -1053,15 +1100,15 @@ function ReviewQuestionRadio(props) {
               if (isThisOptionCorrect) return correctAnswerStyle;
               return {};
             })();
-            return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+            return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
               RadioButtonCard.Item,
               {
                 style,
                 value: i.toString(),
-                children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_themes.Box, { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Typo, { as: "p", children: option.label }),
-                  isThisOptionCorrect ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Typo, { color: "green", children: "\uC815\uB2F5\uC785\uB2C8\uB2E4" }) : null,
-                  isThisOptionWrong ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Typo, { color: "red", children: "\uC815\uB2F5\uC774 \uC544\uB2D9\uB2C8\uB2E4" }) : null
+                children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_themes.Box, { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Typo, { as: "p", children: option.label }),
+                  isThisOptionCorrect ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Typo, { color: "green", children: "\uC815\uB2F5\uC785\uB2C8\uB2E4" }) : null,
+                  isThisOptionWrong ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Typo, { color: "red", children: "\uC815\uB2F5\uC774 \uC544\uB2D9\uB2C8\uB2E4" }) : null
                 ] })
               },
               `${option.label}-${i}`
@@ -1069,7 +1116,7 @@ function ReviewQuestionRadio(props) {
           }) })
         }
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_themes2.Flex, { justify: "end", mt: "2", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Button, { onClick: checkAnswer, children: "\uC815\uB2F5 \uD655\uC778" }) })
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_themes2.Flex, { justify: "end", mt: "2", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Button, { onClick: checkAnswer, children: "\uC815\uB2F5 \uD655\uC778" }) })
     ] })
   ] });
 }
@@ -1078,7 +1125,7 @@ var review_question_radio_default = ReviewQuestionRadio;
 // src/atoms/text-area.tsx
 var import_themes13 = require("@radix-ui/themes");
 var import_react8 = require("react");
-var import_jsx_runtime25 = require("react/jsx-runtime");
+var import_jsx_runtime26 = require("react/jsx-runtime");
 var TextArea = (0, import_react8.forwardRef)(
   (props, ref) => {
     const _a = props, { error, style, className } = _a, rest = __objRest(_a, ["error", "style", "className"]);
@@ -1090,7 +1137,7 @@ var TextArea = (0, import_react8.forwardRef)(
       return __spreadValues(__spreadValues({}, style || {}), errorStyle);
     }, [error, style]);
     const classNameStr = error ? `error ${className}` : className;
-    return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
       import_themes13.TextArea,
       __spreadProps(__spreadValues({}, rest), {
         className: classNameStr,
@@ -1106,12 +1153,12 @@ TextArea.displayName = "TextArea";
 var import_themes14 = require("@radix-ui/themes");
 
 // src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-text.tsx
-var import_jsx_runtime26 = require("react/jsx-runtime");
+var import_jsx_runtime27 = require("react/jsx-runtime");
 function ReviewQuestionText(props) {
   const { question, answer, onChange } = props;
   const minLengthNotMet = question.minLength && answer.length < question.minLength;
   const remainingLength = question.minLength && answer.length < question.minLength ? question.minLength - answer.length : 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
     Card,
     {
       size: "2",
@@ -1119,9 +1166,9 @@ function ReviewQuestionText(props) {
         width: "100%",
         height: "100%"
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_themes3.Grid, { height: "100%", rows: "1fr auto", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_themes3.Grid, { height: "100%", rows: "auto 1fr", width: "100%", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_themes3.Grid, { height: "100%", rows: "1fr auto", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_themes3.Grid, { height: "100%", rows: "auto 1fr", width: "100%", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
             ReviewQuestionContentHeader,
             {
               icon: question.icon,
@@ -1130,7 +1177,7 @@ function ReviewQuestionText(props) {
               type: question.type
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
             TextArea,
             {
               mt: "2",
@@ -1142,17 +1189,17 @@ function ReviewQuestionText(props) {
             }
           )
         ] }),
-        minLengthNotMet ? /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_themes.Box, { mt: "2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Typo, { align: "right", as: "p", color: "red", variant: "caption", children: `${remainingLength}\uC790 \uB354 \uC791\uC131\uD574\uC8FC\uC138\uC694.` }),
-          question.minLengthInfoMessage ? /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+        minLengthNotMet ? /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_themes.Box, { mt: "2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Typo, { align: "right", as: "p", color: "red", variant: "caption", children: `${remainingLength}\uC790 \uB354 \uC791\uC131\uD574\uC8FC\uC138\uC694.` }),
+          question.minLengthInfoMessage ? /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
             import_themes14.Callout.Root,
             {
               color: "iris",
               mt: "2",
               style: { alignItems: "center" },
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_themes14.Callout.Icon, { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_react_icons.BellIcon, {}) }),
-                /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_themes14.Callout.Text, { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Typo, { as: "p", variant: "caption", children: question.minLengthInfoMessage }) })
+                /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_themes14.Callout.Icon, { children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_react_icons.BellIcon, {}) }),
+                /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_themes14.Callout.Text, { children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Typo, { as: "p", variant: "caption", children: question.minLengthInfoMessage }) })
               ]
             }
           ) : null
@@ -1167,12 +1214,12 @@ var review_question_text_default = ReviewQuestionText;
 var import_themes15 = require("@radix-ui/themes");
 
 // src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-satisfaction-option.tsx
-var import_jsx_runtime27 = require("react/jsx-runtime");
+var import_jsx_runtime28 = require("react/jsx-runtime");
 function ReviewQuestionSatisfisRadio(props) {
   var _a, _b, _c;
   const { question, answer, onChange } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_jsx_runtime27.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Card, { size: "2", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_jsx_runtime28.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Card, { size: "2", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
       ReviewQuestionContentHeader,
       {
         icon: question.icon,
@@ -1181,18 +1228,18 @@ function ReviewQuestionSatisfisRadio(props) {
         type: question.type
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_themes15.RadioGroup.Root, { color: "iris", mt: "3", onValueChange: onChange, value: answer, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_themes2.Flex, { direction: "column", gap: "2", children: (_c = question.options) == null ? void 0 : _c.map((option) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_themes15.RadioGroup.Item, { value: String(option.value), children: option.label }, option.value)) }) })
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_themes15.RadioGroup.Root, { color: "iris", mt: "3", onValueChange: onChange, value: answer, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_themes2.Flex, { direction: "column", gap: "2", children: (_c = question.options) == null ? void 0 : _c.map((option) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_themes15.RadioGroup.Item, { value: String(option.value), children: option.label }, option.value)) }) })
   ] });
 }
 var review_question_satisfaction_option_default = ReviewQuestionSatisfisRadio;
 
 // src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-satisfaction-text.tsx
-var import_jsx_runtime28 = require("react/jsx-runtime");
+var import_jsx_runtime29 = require("react/jsx-runtime");
 function ReviewQuestionSatisfisText(props) {
   var _a, _b;
   const { question, answer, onChange } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Card, { size: "2", style: { height: "100%", width: "100%" }, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_themes3.Grid, { height: "100%", rows: "auto 1fr", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Card, { size: "2", style: { height: "100%", width: "100%" }, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_themes3.Grid, { height: "100%", rows: "auto 1fr", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
       ReviewQuestionContentHeader,
       {
         icon: question.icon,
@@ -1201,7 +1248,7 @@ function ReviewQuestionSatisfisText(props) {
         type: question.type
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
       TextArea,
       {
         mt: "2",
@@ -1219,11 +1266,11 @@ function ReviewQuestionSatisfisText(props) {
 }
 
 // src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-body.tsx
-var import_jsx_runtime29 = require("react/jsx-runtime");
+var import_jsx_runtime30 = require("react/jsx-runtime");
 function ReviewQuestionBody(props) {
   const { question, answer, error, onChange } = props;
   if (question.type === "question_radio") {
-    return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
       review_question_radio_default,
       {
         answer,
@@ -1234,7 +1281,7 @@ function ReviewQuestionBody(props) {
     );
   }
   if (question.type === "question_text") {
-    return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
       review_question_text_default,
       {
         answer,
@@ -1245,7 +1292,7 @@ function ReviewQuestionBody(props) {
     );
   }
   if (question.type === "question_satisfaction_option") {
-    return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
       review_question_satisfaction_option_default,
       {
         answer,
@@ -1256,7 +1303,7 @@ function ReviewQuestionBody(props) {
     );
   }
   if (question.type === "question_satisfaction_text") {
-    return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
       ReviewQuestionSatisfisText,
       {
         answer,
@@ -1271,7 +1318,7 @@ function ReviewQuestionBody(props) {
 var review_question_body_default = ReviewQuestionBody;
 
 // src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/index.tsx
-var import_jsx_runtime30 = require("react/jsx-runtime");
+var import_jsx_runtime31 = require("react/jsx-runtime");
 function ReviewQuestion({
   question,
   index,
@@ -1286,10 +1333,10 @@ function ReviewQuestion({
   onSubmit,
   isLoading
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
     review_question_layout_default,
     {
-      Body: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+      Body: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
         review_question_body_default,
         {
           answer,
@@ -1298,7 +1345,7 @@ function ReviewQuestion({
           question
         }
       ),
-      Footer: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+      Footer: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
         review_question_footer_default,
         {
           index,
@@ -1310,7 +1357,7 @@ function ReviewQuestion({
           onSubmit
         }
       ),
-      Header: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(review_question_header_default, { index, total })
+      Header: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(review_question_header_default, { index, total })
     }
   );
 }