@tipp/ui 2.3.26 → 2.3.31

package/dist/chunk-YXPMFEO5.js

@@ -1,151 +0,0 @@
-import {
-  useCurriculumReviewContext
-} from "./chunk-GMKRNFH5.js";
-import {
-  getCurriculumIcon,
-  getCurriculumQuestionIconColor,
-  getCurriculumQuestionTypeDescription
-} from "./chunk-RYK2ILB2.js";
-import {
-  Separator
-} from "./chunk-HYITAA4J.js";
-import {
-  Grid
-} from "./chunk-EGEQY3KT.js";
-import {
-  Flex
-} from "./chunk-25HMMI7R.js";
-import {
-  Button
-} from "./chunk-ZVDAEY5Q.js";
-import {
-  Badge
-} from "./chunk-U3BQT7ZO.js";
-import {
-  Box
-} from "./chunk-4Y5BEXVN.js";
-import {
-  Heading
-} from "./chunk-BESTU2AY.js";
-import {
-  Typo
-} from "./chunk-PMJIFLDT.js";
-
-// src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/start-review.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-var renderPreviewContent = (args) => {
-  const { question } = args;
-  const Icon = getCurriculumIcon({
-    type: question.type,
-    icon: question.icon
-  });
-  const getDescription = () => {
-    return [
-      getCurriculumQuestionTypeDescription(question.type),
-      question.duration ? `${question.duration}\uBD84` : ""
-    ].filter(Boolean).join(" | ");
-  };
-  return /* @__PURE__ */ jsxs(
-    Grid,
-    {
-      columns: "16px 1fr",
-      gap: "2",
-      px: "4",
-      py: "2",
-      width: "100%",
-      children: [
-        /* @__PURE__ */ jsx(Box, { mt: "1", children: /* @__PURE__ */ jsx(Icon, { color: getCurriculumQuestionIconColor(question.type) }) }),
-        /* @__PURE__ */ jsxs(Box, { children: [
-          /* @__PURE__ */ jsx(Typo, { as: "p", color: "gray", weight: "bold", children: question.title }),
-          /* @__PURE__ */ jsx(Typo, { color: "gray", children: getDescription() })
-        ] })
-      ]
-    },
-    question.uuid
-  );
-};
-var getReviewContentValue = (question, answer) => {
-  var _a, _b, _c;
-  if (question.type === "question_satisfaction_option") {
-    return (_c = (_b = (_a = question.options) == null ? void 0 : _a.find((option) => option.value === Number(answer))) == null ? void 0 : _b.label) != null ? _c : "";
-  }
-  return answer;
-};
-var renderReviewContent = (args) => {
-  const { question, answer } = args;
-  const Icon = getCurriculumIcon({
-    type: question.type,
-    icon: question.icon
-  });
-  const color = getCurriculumQuestionIconColor(question.type);
-  const badgeColor = ["question_radio", "question_satisfaction_option"].includes(question.type) ? "accent" : "neutral";
-  const value = getReviewContentValue(question, answer);
-  return /* @__PURE__ */ jsxs(
-    Grid,
-    {
-      columns: "16px 1fr",
-      gap: "2",
-      px: "4",
-      py: "2",
-      width: "100%",
-      children: [
-        /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(Icon, { color }) }),
-        /* @__PURE__ */ jsxs(Box, { children: [
-          /* @__PURE__ */ jsx(Typo, { as: "p", color: "gray", mb: "2", weight: "bold", children: question.title }),
-          /* @__PURE__ */ jsx(Badge, { color: badgeColor, size: "large", style: { whiteSpace: "break-spaces", lineBreak: "anywhere" }, children: value || "(\uBBF8 \uC751\uB2F5)" })
-        ] })
-      ]
-    },
-    question.uuid
-  );
-};
-function StartReview({ onStart }) {
-  const { curriculum, reviewContents, sectionTitle, done, formik } = useCurriculumReviewContext();
-  return /* @__PURE__ */ jsx(
-    Flex,
-    {
-      align: "center",
-      direction: "column",
-      height: "100%",
-      justify: "center",
-      width: "100%",
-      children: /* @__PURE__ */ jsxs(
-        Flex,
-        {
-          align: "center",
-          direction: "column",
-          height: "100%",
-          justify: "center",
-          maxWidth: "650px",
-          pb: { initial: "6", sm: "0" },
-          pt: { initial: "4", sm: "0" },
-          px: { initial: "4", sm: "0" },
-          width: "100%",
-          children: [
-            /* @__PURE__ */ jsx(Typo, { color: "gray", mb: "1", children: curriculum.title }),
-            /* @__PURE__ */ jsx(Heading, { variant: "heading3", children: reviewContents.title }),
-            /* @__PURE__ */ jsx(Separator, { my: "4", style: { width: 100 } }),
-            /* @__PURE__ */ jsxs(Typo, { align: "left", as: "p", color: "gray", mb: "4", children: [
-              /* @__PURE__ */ jsx(Typo, { as: "span", weight: "bold", children: sectionTitle }),
-              " ",
-              /* @__PURE__ */ jsx(Typo, { children: reviewContents.description })
-            ] }),
-            /* @__PURE__ */ jsx(Box, { mb: "5", overflowY: "auto", width: "100%", children: reviewContents.questions.map((question) => {
-              if (done) {
-                return renderReviewContent({ question, answer: formik.values.answers[question.uuid] });
-              }
-              return renderPreviewContent({ question });
-            }) }),
-            /* @__PURE__ */ jsx(Button, { color: "yellow", onClick: onStart, variant: done ? "outline" : "solid", children: done ? "\uB098\uC758 \uC751\uB2F5 \uC218\uC815\uD558\uAE30" : reviewContents.buttonTitle })
-          ]
-        }
-      )
-    }
-  );
-}
-var start_review_default = StartReview;
-
-export {
-  start_review_default
-};
-//# sourceMappingURL=chunk-YXPMFEO5.js.map

package/dist/chunk-YXPMFEO5.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/start-review.tsx"],"sourcesContent":["import React from 'react'; \nimport type { BadgeProps } from '@/atoms/badge';\nimport { Badge } from '@/atoms/badge';\nimport { Box } from '@/atoms/box';\nimport { Button } from '@/atoms/button';\nimport { Flex } from '@/atoms/flex';\nimport { Grid } from '@/atoms/grid';\nimport { Heading } from '@/atoms/heading';\nimport { Separator } from '@/atoms/separator';\nimport { Typo } from '@/atoms/typo';\nimport {\n  getCurriculumIcon,\n  getCurriculumQuestionIconColor,\n  getCurriculumQuestionTypeDescription,\n} from '@/utils/curriculum.utils';\nimport type { ReviewQuestionElement } from '@/types/curriculum.type';\nimport { useCurriculumReviewContext } from './curriculum-review-context';\n\ninterface StartReviewProps {\n  onStart: () => void;\n}\n\n\nconst renderPreviewContent = (args: {\n  question: ReviewQuestionElement;\n}):React.ReactElement => {\n  const { question } = args;\n  const Icon = getCurriculumIcon({\n    type: question.type,\n    icon: question.icon,\n  });\n  const getDescription = (): string => {\n    return [\n      getCurriculumQuestionTypeDescription(question.type),\n      question.duration ? `${question.duration}분` : '',\n    ]\n      .filter(Boolean)\n      .join(' | ');\n  };\n\n  return (\n    <Grid\n      columns=\"16px 1fr\"\n      gap=\"2\"\n      key={question.uuid}\n      px=\"4\"\n      py=\"2\"\n      width=\"100%\"\n    >\n      <Box mt=\"1\">\n        <Icon color={getCurriculumQuestionIconColor(question.type)} />\n      </Box>\n      <Box>\n        <Typo as=\"p\" color=\"gray\" weight=\"bold\">\n          {question.title}\n        </Typo>\n        <Typo color=\"gray\">{getDescription()}</Typo>\n      </Box>\n    </Grid>\n  );\n};\n\n\nconst getReviewContentValue = (question: ReviewQuestionElement, answer: string): string => {\n  if(question.type === 'question_satisfaction_option'){ \n    return question.options?.find((option)=>option.value === Number(answer))?.label ?? '';\n  }\n  return answer\n}\n\n\nconst renderReviewContent = (args: {\n  question: ReviewQuestionElement;\n  answer: string;\n}):React.ReactElement => {\n  const { question, answer } = args;\n  const Icon = getCurriculumIcon({\n    type: question.type,\n    icon: question.icon,\n  }); \n\n  const color = getCurriculumQuestionIconColor(question.type);\n  const badgeColor: BadgeProps['color'] = ['question_radio','question_satisfaction_option'].includes(question.type) ? 'accent' : 'neutral';\n  const value = getReviewContentValue(question, answer);\n\n  return (\n    <Grid\n    columns=\"16px 1fr\"\n    gap=\"2\"\n    key={question.uuid}\n    px=\"4\"\n    py=\"2\"\n    width=\"100%\"\n  >\n    <Box>\n      <Icon color={color} />\n    </Box>\n\n    <Box>\n      <Typo as=\"p\" color=\"gray\" mb=\"2\" weight=\"bold\">{question.title}</Typo>\n      <Badge color={badgeColor} size=\"large\" style={{whiteSpace: 'break-spaces', lineBreak: 'anywhere'}}>\n        {value || '(미 응답)'}\n      </Badge>\n    </Box>\n   \n  </Grid>\n  );\n};\n\nfunction StartReview({ onStart }: StartReviewProps): React.ReactNode {\n  const { curriculum, reviewContents, sectionTitle, done,formik } =\n    useCurriculumReviewContext();\n\n  return (\n    <Flex\n      align=\"center\"\n      direction=\"column\"\n      height=\"100%\"\n      justify=\"center\"\n      width=\"100%\"\n    >\n      <Flex\n        align=\"center\"\n        direction=\"column\"\n        height=\"100%\"\n        justify=\"center\"\n        maxWidth=\"650px\"\n        pb={{initial: '6', sm: '0'}}\n        pt={{initial: '4', sm: '0'}}\n        px={{initial: '4', sm: '0'}}\n        width=\"100%\"\n      >\n        <Typo color=\"gray\" mb=\"1\">{curriculum.title}</Typo>\n        <Heading variant=\"heading3\">{reviewContents.title}</Heading>\n        <Separator my=\"4\" style={{ width: 100 }} />\n\n        <Typo align=\"left\" as=\"p\" color=\"gray\" mb=\"4\">\n          <Typo as=\"span\" weight=\"bold\">\n            {sectionTitle}\n          </Typo>\n          {' '}\n          <Typo>{reviewContents.description}</Typo>\n        </Typo>\n\n        <Box mb=\"5\" overflowY=\"auto\" width=\"100%\">\n          {reviewContents.questions.map((question)=>{\n            if(done){\n              return renderReviewContent({ question, answer: formik.values.answers[question.uuid]});\n            }\n            return renderPreviewContent({ question });\n          })}\n        </Box>\n        <Button color=\"yellow\" onClick={onStart} variant={done ?  'outline' : 'solid'}>\n          {done ? '나의 응답 수정하기' : reviewContents.buttonTitle}\n        </Button>\n      </Flex>\n    </Flex>\n  );\n}\n\nexport default StartReview;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkDQ,cAEF,YAFE;AA3BR,IAAM,uBAAuB,CAAC,SAEL;AACvB,QAAM,EAAE,SAAS,IAAI;AACrB,QAAM,OAAO,kBAAkB;AAAA,IAC7B,MAAM,SAAS;AAAA,IACf,MAAM,SAAS;AAAA,EACjB,CAAC;AACD,QAAM,iBAAiB,MAAc;AACnC,WAAO;AAAA,MACL,qCAAqC,SAAS,IAAI;AAAA,MAClD,SAAS,WAAW,GAAG,SAAS,QAAQ,WAAM;AAAA,IAChD,EACG,OAAO,OAAO,EACd,KAAK,KAAK;AAAA,EACf;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAQ;AAAA,MACR,KAAI;AAAA,MAEJ,IAAG;AAAA,MACH,IAAG;AAAA,MACH,OAAM;AAAA,MAEN;AAAA,4BAAC,OAAI,IAAG,KACN,8BAAC,QAAK,OAAO,+BAA+B,SAAS,IAAI,GAAG,GAC9D;AAAA,QACA,qBAAC,OACC;AAAA,8BAAC,QAAK,IAAG,KAAI,OAAM,QAAO,QAAO,QAC9B,mBAAS,OACZ;AAAA,UACA,oBAAC,QAAK,OAAM,QAAQ,yBAAe,GAAE;AAAA,WACvC;AAAA;AAAA;AAAA,IAbK,SAAS;AAAA,EAchB;AAEJ;AAGA,IAAM,wBAAwB,CAAC,UAAiC,WAA2B;AA/D3F;AAgEE,MAAG,SAAS,SAAS,gCAA+B;AAClD,YAAO,0BAAS,YAAT,mBAAkB,KAAK,CAAC,WAAS,OAAO,UAAU,OAAO,MAAM,OAA/D,mBAAmE,UAAnE,YAA4E;AAAA,EACrF;AACA,SAAO;AACT;AAGA,IAAM,sBAAsB,CAAC,SAGJ;AACvB,QAAM,EAAE,UAAU,OAAO,IAAI;AAC7B,QAAM,OAAO,kBAAkB;AAAA,IAC7B,MAAM,SAAS;AAAA,IACf,MAAM,SAAS;AAAA,EACjB,CAAC;AAED,QAAM,QAAQ,+BAA+B,SAAS,IAAI;AAC1D,QAAM,aAAkC,CAAC,kBAAiB,8BAA8B,EAAE,SAAS,SAAS,IAAI,IAAI,WAAW;AAC/H,QAAM,QAAQ,sBAAsB,UAAU,MAAM;AAEpD,SACE;AAAA,IAAC;AAAA;AAAA,MACD,SAAQ;AAAA,MACR,KAAI;AAAA,MAEJ,IAAG;AAAA,MACH,IAAG;AAAA,MACH,OAAM;AAAA,MAEN;AAAA,4BAAC,OACC,8BAAC,QAAK,OAAc,GACtB;AAAA,QAEA,qBAAC,OACC;AAAA,8BAAC,QAAK,IAAG,KAAI,OAAM,QAAO,IAAG,KAAI,QAAO,QAAQ,mBAAS,OAAM;AAAA,UAC/D,oBAAC,SAAM,OAAO,YAAY,MAAK,SAAQ,OAAO,EAAC,YAAY,gBAAgB,WAAW,WAAU,GAC7F,mBAAS,yBACZ;AAAA,WACF;AAAA;AAAA;AAAA,IAdK,SAAS;AAAA,EAgBhB;AAEF;AAEA,SAAS,YAAY,EAAE,QAAQ,GAAsC;AACnE,QAAM,EAAE,YAAY,gBAAgB,cAAc,MAAK,OAAO,IAC5D,2BAA2B;AAE7B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAM;AAAA,MACN,WAAU;AAAA,MACV,QAAO;AAAA,MACP,SAAQ;AAAA,MACR,OAAM;AAAA,MAEN;AAAA,QAAC;AAAA;AAAA,UACC,OAAM;AAAA,UACN,WAAU;AAAA,UACV,QAAO;AAAA,UACP,SAAQ;AAAA,UACR,UAAS;AAAA,UACT,IAAI,EAAC,SAAS,KAAK,IAAI,IAAG;AAAA,UAC1B,IAAI,EAAC,SAAS,KAAK,IAAI,IAAG;AAAA,UAC1B,IAAI,EAAC,SAAS,KAAK,IAAI,IAAG;AAAA,UAC1B,OAAM;AAAA,UAEN;AAAA,gCAAC,QAAK,OAAM,QAAO,IAAG,KAAK,qBAAW,OAAM;AAAA,YAC5C,oBAAC,WAAQ,SAAQ,YAAY,yBAAe,OAAM;AAAA,YAClD,oBAAC,aAAU,IAAG,KAAI,OAAO,EAAE,OAAO,IAAI,GAAG;AAAA,YAEzC,qBAAC,QAAK,OAAM,QAAO,IAAG,KAAI,OAAM,QAAO,IAAG,KACxC;AAAA,kCAAC,QAAK,IAAG,QAAO,QAAO,QACpB,wBACH;AAAA,cACC;AAAA,cACD,oBAAC,QAAM,yBAAe,aAAY;AAAA,eACpC;AAAA,YAEA,oBAAC,OAAI,IAAG,KAAI,WAAU,QAAO,OAAM,QAChC,yBAAe,UAAU,IAAI,CAAC,aAAW;AACxC,kBAAG,MAAK;AACN,uBAAO,oBAAoB,EAAE,UAAU,QAAQ,OAAO,OAAO,QAAQ,SAAS,IAAI,EAAC,CAAC;AAAA,cACtF;AACA,qBAAO,qBAAqB,EAAE,SAAS,CAAC;AAAA,YAC1C,CAAC,GACH;AAAA,YACA,oBAAC,UAAO,OAAM,UAAS,SAAS,SAAS,SAAS,OAAQ,YAAY,SACnE,iBAAO,uDAAe,eAAe,aACxC;AAAA;AAAA;AAAA,MACF;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,uBAAQ;","names":[]}

package/dist/chunk-YYWEFK4H.js

@@ -1,39 +0,0 @@
-import {
-  Card
-} from "./chunk-RP2RGCAW.js";
-import {
-  Box
-} from "./chunk-4Y5BEXVN.js";
-import {
-  Flex
-} from "./chunk-25HMMI7R.js";
-import {
-  Heading
-} from "./chunk-BESTU2AY.js";
-import {
-  Typo
-} from "./chunk-PMJIFLDT.js";
-import {
-  __spreadValues
-} from "./chunk-CRTRMMJ7.js";
-
-// src/app/platform/coach-question-list.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-function QuestionItem({ question, answer }) {
-  return /* @__PURE__ */ jsxs(Box, { children: [
-    /* @__PURE__ */ jsx(Heading, { mb: "2", variant: "heading5", children: question }),
-    /* @__PURE__ */ jsx(Card, { children: answer ? /* @__PURE__ */ jsx(Typo, { as: "p", children: answer }) : /* @__PURE__ */ jsx(Typo, { color: "gray", children: "\uB4F1\uB85D\uB41C \uB2F5\uBCC0\uC774 \uC5C6\uC2B5\uB2C8\uB2E4." }) })
-  ] }, question);
-}
-function CoachQuestionList({
-  questions
-}) {
-  return /* @__PURE__ */ jsx(Flex, { direction: "column", gap: "8", children: questions.map((question) => {
-    return /* @__PURE__ */ jsx(QuestionItem, __spreadValues({}, question), question.question);
-  }) });
-}
-
-export {
-  CoachQuestionList
-};
-//# sourceMappingURL=chunk-YYWEFK4H.js.map

package/dist/chunk-YYWEFK4H.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/app/platform/coach-question-list.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, Card, Flex, Heading, Typo } from '../../atoms';\n\ninterface Question {\n  answer: string;\n  question: string;\n}\nexport interface CoachQuestionListProps {\n  questions: Question[];\n}\n\nfunction QuestionItem({ question, answer }: Question): React.ReactNode {\n  return (\n    <Box key={question}>\n      <Heading mb=\"2\" variant=\"heading5\">\n        {question}\n      </Heading>\n      <Card>\n        {answer ? (\n          <Typo as=\"p\">{answer}</Typo>\n        ) : (\n          <Typo color=\"gray\">등록된 답변이 없습니다.</Typo>\n        )}\n      </Card>\n    </Box>\n  );\n}\n\nexport function CoachQuestionList({\n  questions,\n}: CoachQuestionListProps): React.ReactNode {\n  return (\n    <Flex direction=\"column\" gap=\"8\">\n      {questions.map((question) => {\n        return <QuestionItem key={question.question} {...question} />;\n      })}\n    </Flex>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAaI,SACE,KADF;AAFJ,SAAS,aAAa,EAAE,UAAU,OAAO,GAA8B;AACrE,SACE,qBAAC,OACC;AAAA,wBAAC,WAAQ,IAAG,KAAI,SAAQ,YACrB,oBACH;AAAA,IACA,oBAAC,QACE,mBACC,oBAAC,QAAK,IAAG,KAAK,kBAAO,IAErB,oBAAC,QAAK,OAAM,QAAO,6EAAa,GAEpC;AAAA,OAVQ,QAWV;AAEJ;AAEO,SAAS,kBAAkB;AAAA,EAChC;AACF,GAA4C;AAC1C,SACE,oBAAC,QAAK,WAAU,UAAS,KAAI,KAC1B,oBAAU,IAAI,CAAC,aAAa;AAC3B,WAAO,oBAAC,iCAAyC,WAAvB,SAAS,QAAwB;AAAA,EAC7D,CAAC,GACH;AAEJ;","names":[]}

package/dist/chunk-YZ7LP3PU.js

@@ -1,101 +0,0 @@
-import {
-  ReviewQuestionContentHeader
-} from "./chunk-QB73IVKI.js";
-import {
-  RadioButtonCard
-} from "./chunk-CSKNBWPB.js";
-import {
-  Grid
-} from "./chunk-EGEQY3KT.js";
-import {
-  Box
-} from "./chunk-4Y5BEXVN.js";
-import {
-  Typo
-} from "./chunk-PMJIFLDT.js";
-import {
-  Flex
-} from "./chunk-25HMMI7R.js";
-import {
-  Button
-} from "./chunk-ZVDAEY5Q.js";
-import {
-  Card
-} from "./chunk-RP2RGCAW.js";
-
-// src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-radio.tsx
-import { useCallback, useMemo, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var correctAnswerStyle = {
-  backgroundColor: "var(--green-a2)"
-};
-function ReviewQuestionRadio(props) {
-  const { question, answer, onChange } = props;
-  const [isCheckAnswer, setIsCheckAnswer] = useState(false);
-  const checkAnswer = useCallback(() => {
-    setIsCheckAnswer(true);
-  }, []);
-  const isCorrect = isCheckAnswer && Number(answer) === question.correctAnswer;
-  const isWrong = isCheckAnswer && Number(answer) !== question.correctAnswer;
-  const radioColor = useMemo(() => {
-    if (isCorrect) return "green";
-    if (isWrong) return "red";
-    return void 0;
-  }, [isCorrect, isWrong]);
-  return /* @__PURE__ */ jsxs(Grid, { height: "100%", rows: "auto 1fr", width: "100%", children: [
-    /* @__PURE__ */ jsx(Card, { mb: "4", size: "2", children: /* @__PURE__ */ jsx(
-      ReviewQuestionContentHeader,
-      {
-        icon: question.icon,
-        question: question.question,
-        title: question.title,
-        type: question.type
-      }
-    ) }),
-    /* @__PURE__ */ jsxs(Grid, { height: "100%", rows: "1fr auto", width: "100%", children: [
-      /* @__PURE__ */ jsx(Box, { position: "relative", children: /* @__PURE__ */ jsx(
-        RadioButtonCard.Root,
-        {
-          color: radioColor,
-          onValueChange: onChange,
-          style: {
-            width: "100%",
-            height: "100%",
-            overflowY: "auto",
-            position: "absolute"
-          },
-          value: answer,
-          children: /* @__PURE__ */ jsx(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;
-            const style = (() => {
-              if (isThisOptionCorrect) return correctAnswerStyle;
-              return {};
-            })();
-            return /* @__PURE__ */ jsx(
-              RadioButtonCard.Item,
-              {
-                style,
-                value: i.toString(),
-                children: /* @__PURE__ */ jsxs(Box, { children: [
-                  /* @__PURE__ */ jsx(Typo, { as: "p", children: option.label }),
-                  isThisOptionCorrect ? /* @__PURE__ */ jsx(Typo, { color: "green", children: "\uC815\uB2F5\uC785\uB2C8\uB2E4" }) : null,
-                  isThisOptionWrong ? /* @__PURE__ */ jsx(Typo, { color: "red", children: "\uC815\uB2F5\uC774 \uC544\uB2D9\uB2C8\uB2E4" }) : null
-                ] })
-              },
-              `${option.label}-${i}`
-            );
-          }) })
-        }
-      ) }),
-      /* @__PURE__ */ jsx(Flex, { justify: "end", mt: "2", children: /* @__PURE__ */ jsx(Button, { onClick: checkAnswer, children: "\uC815\uB2F5 \uD655\uC778" }) })
-    ] })
-  ] });
-}
-var review_question_radio_default = ReviewQuestionRadio;
-
-export {
-  review_question_radio_default
-};
-//# sourceMappingURL=chunk-YZ7LP3PU.js.map

package/dist/chunk-YZ7LP3PU.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-radio.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useState } from 'react';\nimport { Box } from '@/atoms/box';\nimport { Button } from '@/atoms/button';\nimport { Card } from '@/atoms/card';\nimport { Flex } from '@/atoms/flex';\nimport { Grid } from '@/atoms/grid';\nimport { Typo } from '@/atoms/typo';\nimport { type CurriculumReviewQuestionRadio } from '@/types/curriculumContents.type'; \nimport { RadioButtonCard } from \"../../../../radio-button-card\";\nimport { ReviewQuestionContentHeader } from './review-comp';\n\ninterface ReviewQuestionRadioProps {\n  question: CurriculumReviewQuestionRadio;\n  answer: string;\n  error?: string;\n  onChange: (value: string) => void;\n}\n\nconst correctAnswerStyle: React.CSSProperties = {\n  backgroundColor: 'var(--green-a2)',\n};\n\nfunction ReviewQuestionRadio(props: ReviewQuestionRadioProps): React.ReactNode {\n  const { question, answer, onChange } = props;\n  const [isCheckAnswer, setIsCheckAnswer] = useState(false);\n\n  const checkAnswer = useCallback(() => {\n    setIsCheckAnswer(true);\n  }, []);\n\n  const isCorrect = isCheckAnswer && Number(answer) === question.correctAnswer;\n  const isWrong = isCheckAnswer && Number(answer) !== question.correctAnswer;\n  const radioColor = useMemo(() => {\n    if (isCorrect) return 'green';\n    if (isWrong) return 'red';\n    return undefined;\n  }, [isCorrect, isWrong]);\n\n  return (\n    <Grid height=\"100%\" rows=\"auto 1fr\" width=\"100%\">\n      <Card mb=\"4\" size=\"2\">\n        <ReviewQuestionContentHeader\n          icon={question.icon}\n          question={question.question}\n          title={question.title}\n          type={question.type}\n        />\n      </Card>\n\n      <Grid height=\"100%\" rows=\"1fr auto\" width=\"100%\">\n        <Box position=\"relative\">\n          <RadioButtonCard.Root\n            color={radioColor}\n            onValueChange={onChange}\n            style={{\n              width: '100%',\n              height: '100%',\n              overflowY: 'auto',\n              position: 'absolute',\n            }}\n            value={answer}\n          >\n            <Flex direction=\"column\" gap=\"2\" width=\"100%\">\n              {question.options.map((option, i) => {\n                const isThisOptionCorrect =\n                  isCheckAnswer && i === question.correctAnswer;\n                const isThisOptionSelected =\n                  isCheckAnswer && i === Number(answer);\n                const isThisOptionWrong =\n                  isCheckAnswer &&\n                  isThisOptionSelected &&\n                  i !== question.correctAnswer;\n                const style = (() => {\n                  if (isThisOptionCorrect) return correctAnswerStyle;\n                  return {};\n                })();\n\n                return (\n                  <RadioButtonCard.Item\n                    // eslint-disable-next-line react/no-array-index-key -- 조합 키로 중복 회피\n                    key={`${option.label}-${i}`}\n                    style={style}\n                    value={i.toString()}\n                  >\n                    <Box>\n                      <Typo as=\"p\">{option.label}</Typo>\n                      {isThisOptionCorrect ? (\n                        <Typo color=\"green\">정답입니다</Typo>\n                      ) : null}\n                      {isThisOptionWrong ? (\n                        <Typo color=\"red\">정답이 아닙니다</Typo>\n                      ) : null}\n                    </Box>\n                  </RadioButtonCard.Item>\n                );\n              })}\n            </Flex>\n          </RadioButtonCard.Root>\n        </Box>\n        <Flex justify=\"end\" mt=\"2\">\n          <Button onClick={checkAnswer}>정답 확인</Button>\n        </Flex>\n      </Grid>\n    </Grid>\n  );\n}\n\nexport default ReviewQuestionRadio;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAgB,aAAa,SAAS,gBAAgB;AAyC9C,cA2CY,YA3CZ;AAvBR,IAAM,qBAA0C;AAAA,EAC9C,iBAAiB;AACnB;AAEA,SAAS,oBAAoB,OAAkD;AAC7E,QAAM,EAAE,UAAU,QAAQ,SAAS,IAAI;AACvC,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAAS,KAAK;AAExD,QAAM,cAAc,YAAY,MAAM;AACpC,qBAAiB,IAAI;AAAA,EACvB,GAAG,CAAC,CAAC;AAEL,QAAM,YAAY,iBAAiB,OAAO,MAAM,MAAM,SAAS;AAC/D,QAAM,UAAU,iBAAiB,OAAO,MAAM,MAAM,SAAS;AAC7D,QAAM,aAAa,QAAQ,MAAM;AAC/B,QAAI,UAAW,QAAO;AACtB,QAAI,QAAS,QAAO;AACpB,WAAO;AAAA,EACT,GAAG,CAAC,WAAW,OAAO,CAAC;AAEvB,SACE,qBAAC,QAAK,QAAO,QAAO,MAAK,YAAW,OAAM,QACxC;AAAA,wBAAC,QAAK,IAAG,KAAI,MAAK,KAChB;AAAA,MAAC;AAAA;AAAA,QACC,MAAM,SAAS;AAAA,QACf,UAAU,SAAS;AAAA,QACnB,OAAO,SAAS;AAAA,QAChB,MAAM,SAAS;AAAA;AAAA,IACjB,GACF;AAAA,IAEA,qBAAC,QAAK,QAAO,QAAO,MAAK,YAAW,OAAM,QACxC;AAAA,0BAAC,OAAI,UAAS,YACZ;AAAA,QAAC,gBAAgB;AAAA,QAAhB;AAAA,UACC,OAAO;AAAA,UACP,eAAe;AAAA,UACf,OAAO;AAAA,YACL,OAAO;AAAA,YACP,QAAQ;AAAA,YACR,WAAW;AAAA,YACX,UAAU;AAAA,UACZ;AAAA,UACA,OAAO;AAAA,UAEP,8BAAC,QAAK,WAAU,UAAS,KAAI,KAAI,OAAM,QACpC,mBAAS,QAAQ,IAAI,CAAC,QAAQ,MAAM;AACnC,kBAAM,sBACJ,iBAAiB,MAAM,SAAS;AAClC,kBAAM,uBACJ,iBAAiB,MAAM,OAAO,MAAM;AACtC,kBAAM,oBACJ,iBACA,wBACA,MAAM,SAAS;AACjB,kBAAM,SAAS,MAAM;AACnB,kBAAI,oBAAqB,QAAO;AAChC,qBAAO,CAAC;AAAA,YACV,GAAG;AAEH,mBACE;AAAA,cAAC,gBAAgB;AAAA,cAAhB;AAAA,gBAGC;AAAA,gBACA,OAAO,EAAE,SAAS;AAAA,gBAElB,+BAAC,OACC;AAAA,sCAAC,QAAK,IAAG,KAAK,iBAAO,OAAM;AAAA,kBAC1B,sBACC,oBAAC,QAAK,OAAM,SAAQ,4CAAK,IACvB;AAAA,kBACH,oBACC,oBAAC,QAAK,OAAM,OAAM,yDAAQ,IACxB;AAAA,mBACN;AAAA;AAAA,cAZK,GAAG,OAAO,KAAK,IAAI,CAAC;AAAA,YAa3B;AAAA,UAEJ,CAAC,GACH;AAAA;AAAA,MACF,GACF;AAAA,MACA,oBAAC,QAAK,SAAQ,OAAM,IAAG,KACrB,8BAAC,UAAO,SAAS,aAAa,uCAAK,GACrC;AAAA,OACF;AAAA,KACF;AAEJ;AAEA,IAAO,gCAAQ;","names":[]}

package/dist/chunk-YZZCJCCC.js

@@ -1,51 +0,0 @@
-import {
-  curriculum_sidebar_item_wrapper_default
-} from "./chunk-WS7IOHVK.js";
-import {
-  section_item_default
-} from "./chunk-ZRMH2UZE.js";
-import {
-  section_title_default
-} from "./chunk-4TST4UK5.js";
-import {
-  getCurriculumIconColor
-} from "./chunk-GRENUZZJ.js";
-import {
-  __spreadProps,
-  __spreadValues
-} from "./chunk-CRTRMMJ7.js";
-
-// src/molecules/curriculumV2/CurriculumSidebar/sidebar-item.tsx
-import { jsx } from "react/jsx-runtime";
-function SidebarItem({ item, selectedIndex, setSelectedIndex, index, done }) {
-  if (item.type === "sectionTitle") {
-    return /* @__PURE__ */ jsx(section_title_default, __spreadValues({}, item), item.uuid);
-  }
-  const isSelected = selectedIndex === index;
-  return /* @__PURE__ */ jsx(
-    curriculum_sidebar_item_wrapper_default,
-    {
-      index,
-      isSelected,
-      onClick: () => {
-        setSelectedIndex(index);
-      },
-      children: /* @__PURE__ */ jsx(
-        section_item_default,
-        __spreadProps(__spreadValues({}, item), {
-          color: getCurriculumIconColor({
-            done,
-            selected: isSelected
-          })
-        })
-      )
-    },
-    item.uuid
-  );
-}
-var sidebar_item_default = SidebarItem;
-
-export {
-  sidebar_item_default
-};
-//# sourceMappingURL=chunk-YZZCJCCC.js.map

package/dist/chunk-YZZCJCCC.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/molecules/curriculumV2/CurriculumSidebar/sidebar-item.tsx"],"sourcesContent":["import type { CurriculumListContents } from '@/types/curriculum.type'; \nimport { getCurriculumIconColor } from '../../../utils/curriculum.utils';\nimport SectionTitle from './Items/section-title';\nimport CurriculumSidebarItemWrapper from './Items/curriculum-sidebar-item-wrapper';\nimport SectionCommonItem from './Items/section-item';\n\n\ninterface SidebarItemProps {\n    item: CurriculumListContents;\n    selectedIndex: number;\n    setSelectedIndex: (index: number) => void;\n    index: number;\n    done: boolean;\n}\n\nfunction SidebarItem({item, selectedIndex, setSelectedIndex, index, done}: SidebarItemProps): React.ReactNode {\n   \n  \n  if (item.type === 'sectionTitle') {\n        return <SectionTitle key={item.uuid} {...item} />;\n      }\n      const isSelected = selectedIndex === index;\n\n      return (\n        <CurriculumSidebarItemWrapper\n          index={index}\n          isSelected={isSelected}\n          key={item.uuid}\n          onClick={() => {\n            setSelectedIndex(index);\n          }}\n        >\n          <SectionCommonItem\n            {...item}\n            color={getCurriculumIconColor({\n              done,\n              selected: isSelected,\n            })}\n          />\n        </CurriculumSidebarItemWrapper>\n      );\n    }\n\nexport default SidebarItem;"],"mappings":";;;;;;;;;;;;;;;;;;AAmBe;AAJf,SAAS,YAAY,EAAC,MAAM,eAAe,kBAAkB,OAAO,KAAI,GAAsC;AAG5G,MAAI,KAAK,SAAS,gBAAgB;AAC5B,WAAO,oBAAC,0CAAiC,OAAf,KAAK,IAAgB;AAAA,EACjD;AACA,QAAM,aAAa,kBAAkB;AAErC,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MAEA,SAAS,MAAM;AACb,yBAAiB,KAAK;AAAA,MACxB;AAAA,MAEA;AAAA,QAAC;AAAA,yCACK,OADL;AAAA,UAEC,OAAO,uBAAuB;AAAA,YAC5B;AAAA,YACA,UAAU;AAAA,UACZ,CAAC;AAAA;AAAA,MACH;AAAA;AAAA,IAXK,KAAK;AAAA,EAYZ;AAEJ;AAEJ,IAAO,uBAAQ;","names":[]}

package/dist/chunk-Z2NFJG2U.js

@@ -1,51 +0,0 @@
-import {
-  curriculum_sidebar_item_wrapper_default
-} from "./chunk-WS7IOHVK.js";
-import {
-  section_item_default
-} from "./chunk-FYF4AUTB.js";
-import {
-  section_title_default
-} from "./chunk-4TST4UK5.js";
-import {
-  getCurriculumIconColor
-} from "./chunk-6FAIGS23.js";
-import {
-  __spreadProps,
-  __spreadValues
-} from "./chunk-CRTRMMJ7.js";
-
-// src/molecules/curriculumV2/CurriculumSidebar/sidebar-item.tsx
-import { jsx } from "react/jsx-runtime";
-function SidebarItem({ item, selectedIndex, setSelectedIndex, index, done }) {
-  if (item.type === "sectionTitle") {
-    return /* @__PURE__ */ jsx(section_title_default, __spreadValues({}, item), item.uuid);
-  }
-  const isSelected = selectedIndex === index;
-  return /* @__PURE__ */ jsx(
-    curriculum_sidebar_item_wrapper_default,
-    {
-      index,
-      isSelected,
-      onClick: () => {
-        setSelectedIndex(index);
-      },
-      children: /* @__PURE__ */ jsx(
-        section_item_default,
-        __spreadProps(__spreadValues({}, item), {
-          color: getCurriculumIconColor({
-            done,
-            selected: isSelected
-          })
-        })
-      )
-    },
-    item.uuid
-  );
-}
-var sidebar_item_default = SidebarItem;
-
-export {
-  sidebar_item_default
-};
-//# sourceMappingURL=chunk-Z2NFJG2U.js.map

package/dist/chunk-Z2NFJG2U.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/molecules/curriculumV2/CurriculumSidebar/sidebar-item.tsx"],"sourcesContent":["import type { CurriculumListContents } from '@/types/curriculum.type'; \nimport { getCurriculumIconColor } from '../../../utils/curriculum.utils';\nimport SectionTitle from './Items/section-title';\nimport CurriculumSidebarItemWrapper from './Items/curriculum-sidebar-item-wrapper';\nimport SectionCommonItem from './Items/section-item';\n\n\ninterface SidebarItemProps {\n    item: CurriculumListContents;\n    selectedIndex: number;\n    setSelectedIndex: (index: number) => void;\n    index: number;\n    done: boolean;\n}\n\nfunction SidebarItem({item, selectedIndex, setSelectedIndex, index, done}: SidebarItemProps): React.ReactNode {\n   \n  \n  if (item.type === 'sectionTitle') {\n        return <SectionTitle key={item.uuid} {...item} />;\n      }\n      const isSelected = selectedIndex === index;\n\n      return (\n        <CurriculumSidebarItemWrapper\n          index={index}\n          isSelected={isSelected}\n          key={item.uuid}\n          onClick={() => {\n            setSelectedIndex(index);\n          }}\n        >\n          <SectionCommonItem\n            {...item}\n            color={getCurriculumIconColor({\n              done,\n              selected: isSelected,\n            })}\n          />\n        </CurriculumSidebarItemWrapper>\n      );\n    }\n\nexport default SidebarItem;"],"mappings":";;;;;;;;;;;;;;;;;;AAmBe;AAJf,SAAS,YAAY,EAAC,MAAM,eAAe,kBAAkB,OAAO,KAAI,GAAsC;AAG5G,MAAI,KAAK,SAAS,gBAAgB;AAC5B,WAAO,oBAAC,0CAAiC,OAAf,KAAK,IAAgB;AAAA,EACjD;AACA,QAAM,aAAa,kBAAkB;AAErC,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MAEA,SAAS,MAAM;AACb,yBAAiB,KAAK;AAAA,MACxB;AAAA,MAEA;AAAA,QAAC;AAAA,yCACK,OADL;AAAA,UAEC,OAAO,uBAAuB;AAAA,YAC5B;AAAA,YACA,UAAU;AAAA,UACZ,CAAC;AAAA;AAAA,MACH;AAAA;AAAA,IAXK,KAAK;AAAA,EAYZ;AAEJ;AAEJ,IAAO,uBAAQ;","names":[]}

package/dist/chunk-Z2XF3EO2.js

@@ -1,75 +0,0 @@
-import {
-  Dialog
-} from "./chunk-AH4A53SZ.js";
-import {
-  Flex
-} from "./chunk-25HMMI7R.js";
-import {
-  Button
-} from "./chunk-ZVDAEY5Q.js";
-import {
-  AspectRatio
-} from "./chunk-EAXUQEO5.js";
-
-// src/molecules/training-info-guideline.tsx
-import { FileTextIcon, VideoIcon } from "@radix-ui/react-icons";
-import { jsx, jsxs } from "react/jsx-runtime";
-function TrainingInfoGuideline({
-  values,
-  onClickFileDownload
-}) {
-  return /* @__PURE__ */ jsx(Flex, { direction: "column", gap: "4", children: values.map((value) => /* @__PURE__ */ jsx(
-    TrainingInfoGuidelineItem,
-    {
-      onClickFileDownload,
-      value
-    },
-    getItemKey(value)
-  )) });
-}
-function getItemKey(value) {
-  return value.url;
-}
-function TrainingInfoGuidelineItem({
-  value,
-  onClickFileDownload
-}) {
-  if (value.type === "file") {
-    return /* @__PURE__ */ jsxs(
-      Button,
-      {
-        onClick: () => {
-          onClickFileDownload({ url: value.url, filename: value.filename });
-        },
-        variant: "surface",
-        children: [
-          /* @__PURE__ */ jsx(FileTextIcon, {}),
-          value.downloadButtonName
-        ]
-      }
-    );
-  }
-  if (value.type === "video") {
-    return /* @__PURE__ */ jsxs(Dialog.Root, { children: [
-      /* @__PURE__ */ jsx(Dialog.Trigger, { children: /* @__PURE__ */ jsxs(Button, { variant: "surface", children: [
-        /* @__PURE__ */ jsx(VideoIcon, {}),
-        value.videoTitle
-      ] }) }),
-      /* @__PURE__ */ jsx(Dialog.Content, { title: value.videoTitle, maxWidth: "800px", maxHeight: "600px", style: { width: "100%", height: "100%" }, children: /* @__PURE__ */ jsx(AspectRatio, { ratio: 16 / 9, style: { width: "100%" }, children: /* @__PURE__ */ jsx(
-        "video",
-        {
-          controls: true,
-          src: value.url,
-          style: { height: "100%", width: "100%" },
-          children: /* @__PURE__ */ jsx("track", { kind: "captions", label: "Korean captions", srcLang: "ko" })
-        }
-      ) }) })
-    ] });
-  }
-  return null;
-}
-
-export {
-  TrainingInfoGuideline
-};
-//# sourceMappingURL=chunk-Z2XF3EO2.js.map

package/dist/chunk-Z2XF3EO2.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/molecules/training-info-guideline.tsx"],"sourcesContent":["import React from 'react';\nimport { FileTextIcon, VideoIcon } from '@radix-ui/react-icons';\nimport { AspectRatio } from '@/atoms/aspect-ratio';\nimport { Button } from '@/atoms/button';\nimport type { TrainingInfoGuidelineContents } from '@/types/training-info-guideline-schema-generated';\nimport { Dialog } from '@/atoms/dialog';\nimport { Flex } from '../atoms/flex';\n\nexport interface TrainingInfoGuidelineProps {\n  values: TrainingInfoGuidelineContents['values'];\n  onClickFileDownload: (args: { url: string; filename: string }) => void;\n}\n\nexport function TrainingInfoGuideline({\n  values,\n  onClickFileDownload,\n}: TrainingInfoGuidelineProps): React.ReactElement {\n  return (\n    <Flex direction=\"column\" gap=\"4\">\n      {values.map((value) => (\n        <TrainingInfoGuidelineItem\n          key={getItemKey(value)}\n          onClickFileDownload={onClickFileDownload}\n          value={value}\n        />\n      ))}\n    </Flex>\n  );\n}\n\ntype TrainingInfoGuidelineValue =\n  TrainingInfoGuidelineContents['values'][number];\n\nfunction getItemKey(value: TrainingInfoGuidelineValue): string {\n  return value.url;\n}\n\ninterface TrainingInfoGuidelineItemProps {\n  value: TrainingInfoGuidelineValue;\n  onClickFileDownload: TrainingInfoGuidelineProps['onClickFileDownload'];\n}\n\nfunction TrainingInfoGuidelineItem({\n  value,\n  onClickFileDownload,\n}: TrainingInfoGuidelineItemProps): React.ReactElement | null {\n  if (value.type === 'file') {\n    return (\n      <Button\n        onClick={() => {\n          onClickFileDownload({ url: value.url, filename: value.filename });\n        }}\n        variant=\"surface\"\n      >\n        <FileTextIcon />\n        {value.downloadButtonName}\n      </Button>\n    );\n  }\n\n  // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition -- 차후 다른 타입 추가 시 사용\n  if (value.type === 'video') {\n    return (\n      <Dialog.Root>\n        <Dialog.Trigger>\n          <Button variant=\"surface\">\n            <VideoIcon />\n            {value.videoTitle}\n          </Button>\n        </Dialog.Trigger>\n        <Dialog.Content title={value.videoTitle} maxWidth='800px' maxHeight='600px' style={{ width: '100%', height: '100%' }}>\n          <AspectRatio ratio={16 / 9} style={{ width: '100%' }}>\n            <video\n              controls\n              src={value.url}\n              style={{ height: '100%', width: '100%' }}\n            >\n              <track kind=\"captions\" label=\"Korean captions\" srcLang=\"ko\" />\n            </video>\n          </AspectRatio>\n        </Dialog.Content>\n      </Dialog.Root>\n    );\n  }\n  return null;\n}\n"],"mappings":";;;;;;;;;;;;;;AACA,SAAS,cAAc,iBAAiB;AAmBhC,cA4BF,YA5BE;AAPD,SAAS,sBAAsB;AAAA,EACpC;AAAA,EACA;AACF,GAAmD;AACjD,SACE,oBAAC,QAAK,WAAU,UAAS,KAAI,KAC1B,iBAAO,IAAI,CAAC,UACX;AAAA,IAAC;AAAA;AAAA,MAEC;AAAA,MACA;AAAA;AAAA,IAFK,WAAW,KAAK;AAAA,EAGvB,CACD,GACH;AAEJ;AAKA,SAAS,WAAW,OAA2C;AAC7D,SAAO,MAAM;AACf;AAOA,SAAS,0BAA0B;AAAA,EACjC;AAAA,EACA;AACF,GAA8D;AAC5D,MAAI,MAAM,SAAS,QAAQ;AACzB,WACE;AAAA,MAAC;AAAA;AAAA,QACC,SAAS,MAAM;AACb,8BAAoB,EAAE,KAAK,MAAM,KAAK,UAAU,MAAM,SAAS,CAAC;AAAA,QAClE;AAAA,QACA,SAAQ;AAAA,QAER;AAAA,8BAAC,gBAAa;AAAA,UACb,MAAM;AAAA;AAAA;AAAA,IACT;AAAA,EAEJ;AAGA,MAAI,MAAM,SAAS,SAAS;AAC1B,WACE,qBAAC,OAAO,MAAP,EACC;AAAA,0BAAC,OAAO,SAAP,EACC,+BAAC,UAAO,SAAQ,WACd;AAAA,4BAAC,aAAU;AAAA,QACV,MAAM;AAAA,SACT,GACF;AAAA,MACA,oBAAC,OAAO,SAAP,EAAe,OAAO,MAAM,YAAY,UAAS,SAAQ,WAAU,SAAQ,OAAO,EAAE,OAAO,QAAQ,QAAQ,OAAO,GACjH,8BAAC,eAAY,OAAO,KAAK,GAAG,OAAO,EAAE,OAAO,OAAO,GACjD;AAAA,QAAC;AAAA;AAAA,UACC,UAAQ;AAAA,UACR,KAAK,MAAM;AAAA,UACX,OAAO,EAAE,QAAQ,QAAQ,OAAO,OAAO;AAAA,UAEvC,8BAAC,WAAM,MAAK,YAAW,OAAM,mBAAkB,SAAQ,MAAK;AAAA;AAAA,MAC9D,GACF,GACF;AAAA,OACF;AAAA,EAEJ;AACA,SAAO;AACT;","names":[]}

package/dist/chunk-Z42FOTXC.js

@@ -1,87 +0,0 @@
-import {
-  ReviewQuestionContentHeader
-} from "./chunk-YT4LGWIY.js";
-import {
-  TextArea
-} from "./chunk-5XYPLDI5.js";
-import {
-  Grid
-} from "./chunk-EGEQY3KT.js";
-import {
-  Callout
-} from "./chunk-B6XJN6EC.js";
-import {
-  Card
-} from "./chunk-RP2RGCAW.js";
-import {
-  Box
-} from "./chunk-4Y5BEXVN.js";
-import {
-  BellIcon
-} from "./chunk-R7IT4TCD.js";
-import {
-  Typo
-} from "./chunk-PMJIFLDT.js";
-
-// src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-text.tsx
-import { jsx, jsxs } from "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__ */ jsx(
-    Card,
-    {
-      size: "2",
-      style: {
-        width: "100%",
-        height: "100%"
-      },
-      children: /* @__PURE__ */ jsxs(Grid, { height: "100%", rows: "1fr auto", children: [
-        /* @__PURE__ */ jsxs(Grid, { height: "100%", rows: "auto 1fr", width: "100%", children: [
-          /* @__PURE__ */ jsx(
-            ReviewQuestionContentHeader,
-            {
-              icon: question.icon,
-              question: question.question,
-              title: question.title,
-              type: question.type
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            TextArea,
-            {
-              mt: "2",
-              onChange: (e) => {
-                onChange(e.target.value);
-              },
-              placeholder: question.placeholder,
-              value: answer
-            }
-          )
-        ] }),
-        minLengthNotMet ? /* @__PURE__ */ jsxs(Box, { mt: "2", children: [
-          /* @__PURE__ */ jsx(Typo, { align: "right", as: "p", color: "red", variant: "caption", children: `${remainingLength}\uC790 \uB354 \uC791\uC131\uD574\uC8FC\uC138\uC694.` }),
-          question.minLengthInfoMessage ? /* @__PURE__ */ jsxs(
-            Callout.Root,
-            {
-              color: "iris",
-              mt: "2",
-              style: { alignItems: "center" },
-              children: [
-                /* @__PURE__ */ jsx(Callout.Icon, { children: /* @__PURE__ */ jsx(BellIcon, {}) }),
-                /* @__PURE__ */ jsx(Callout.Text, { children: /* @__PURE__ */ jsx(Typo, { as: "p", variant: "caption", children: question.minLengthInfoMessage }) })
-              ]
-            }
-          ) : null
-        ] }) : null
-      ] })
-    }
-  );
-}
-var review_question_text_default = ReviewQuestionText;
-
-export {
-  review_question_text_default
-};
-//# sourceMappingURL=chunk-Z42FOTXC.js.map

package/dist/chunk-Z42FOTXC.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-text.tsx"],"sourcesContent":["import React from 'react';\nimport { Box } from '@/atoms/box';\nimport { Card } from '@/atoms/card';\nimport { Grid } from '@/atoms/grid';\nimport { TextArea } from '@/atoms/text-area';\nimport { Typo } from '@/atoms/typo';\nimport { BellIcon } from '@/icon';\nimport { type CurriculumReviewQuestionText } from '@/types/curriculumContents.type';\nimport { Callout } from '@/atoms/call-out';\nimport { ReviewQuestionContentHeader } from './review-comp';\n\ninterface ReviewQuestionTextProps {\n  question: CurriculumReviewQuestionText;\n  answer: string;\n  error?: string;\n  onChange: (value: string) => void;\n}\n\nfunction ReviewQuestionText(props: ReviewQuestionTextProps): React.ReactNode {\n  const { question, answer, onChange } = props;\n\n  const minLengthNotMet =\n    question.minLength && answer.length < question.minLength;\n\n  const remainingLength =\n    question.minLength && answer.length < question.minLength\n      ? question.minLength - answer.length\n      : 0;\n\n  return (\n    <Card\n      size=\"2\"\n      style={{\n        width: '100%',\n        height: '100%',\n      }}\n    >\n      <Grid height=\"100%\" rows=\"1fr auto\">\n        <Grid height=\"100%\" rows=\"auto 1fr\" width=\"100%\">\n          <ReviewQuestionContentHeader\n            icon={question.icon}\n            question={question.question}\n            title={question.title}\n            type={question.type}\n          />\n\n          <TextArea\n            mt=\"2\"\n            onChange={(e) => {\n              onChange(e.target.value);\n            }}\n            placeholder={question.placeholder}\n            value={answer}\n          />\n        </Grid>\n        {minLengthNotMet ? (\n          <Box mt=\"2\">\n            <Typo align=\"right\" as=\"p\" color=\"red\" variant=\"caption\">\n              {`${remainingLength}자 더 작성해주세요.`}\n            </Typo>\n            {question.minLengthInfoMessage ? (\n              <Callout.Root\n                color=\"iris\"\n                mt=\"2\"\n                style={{ alignItems: 'center' }}\n              >\n                <Callout.Icon>\n                  <BellIcon />\n                </Callout.Icon>\n                <Callout.Text>\n                  <Typo as=\"p\" variant=\"caption\">\n                    {question.minLengthInfoMessage}\n                  </Typo>\n                </Callout.Text>\n              </Callout.Root>\n            ) : null}\n          </Box>\n        ) : null}\n      </Grid>\n    </Card>\n  );\n}\n\nexport default ReviewQuestionText;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAsCQ,SACE,KADF;AApBR,SAAS,mBAAmB,OAAiD;AAC3E,QAAM,EAAE,UAAU,QAAQ,SAAS,IAAI;AAEvC,QAAM,kBACJ,SAAS,aAAa,OAAO,SAAS,SAAS;AAEjD,QAAM,kBACJ,SAAS,aAAa,OAAO,SAAS,SAAS,YAC3C,SAAS,YAAY,OAAO,SAC5B;AAEN,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,OAAO;AAAA,QACL,OAAO;AAAA,QACP,QAAQ;AAAA,MACV;AAAA,MAEA,+BAAC,QAAK,QAAO,QAAO,MAAK,YACvB;AAAA,6BAAC,QAAK,QAAO,QAAO,MAAK,YAAW,OAAM,QACxC;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,MAAM,SAAS;AAAA,cACf,UAAU,SAAS;AAAA,cACnB,OAAO,SAAS;AAAA,cAChB,MAAM,SAAS;AAAA;AAAA,UACjB;AAAA,UAEA;AAAA,YAAC;AAAA;AAAA,cACC,IAAG;AAAA,cACH,UAAU,CAAC,MAAM;AACf,yBAAS,EAAE,OAAO,KAAK;AAAA,cACzB;AAAA,cACA,aAAa,SAAS;AAAA,cACtB,OAAO;AAAA;AAAA,UACT;AAAA,WACF;AAAA,QACC,kBACC,qBAAC,OAAI,IAAG,KACN;AAAA,8BAAC,QAAK,OAAM,SAAQ,IAAG,KAAI,OAAM,OAAM,SAAQ,WAC5C,aAAG,eAAe,uDACrB;AAAA,UACC,SAAS,uBACR;AAAA,YAAC,QAAQ;AAAA,YAAR;AAAA,cACC,OAAM;AAAA,cACN,IAAG;AAAA,cACH,OAAO,EAAE,YAAY,SAAS;AAAA,cAE9B;AAAA,oCAAC,QAAQ,MAAR,EACC,8BAAC,YAAS,GACZ;AAAA,gBACA,oBAAC,QAAQ,MAAR,EACC,8BAAC,QAAK,IAAG,KAAI,SAAQ,WAClB,mBAAS,sBACZ,GACF;AAAA;AAAA;AAAA,UACF,IACE;AAAA,WACN,IACE;AAAA,SACN;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,+BAAQ;","names":[]}