@tipp/ui 2.3.26 → 2.3.31

package/dist/chunk-O5MYSBA3.js

@@ -1,84 +0,0 @@
-import {
-  List
-} from "./chunk-WV2HN6H4.js";
-import {
-  Heading
-} from "./chunk-BESTU2AY.js";
-import {
-  Typo
-} from "./chunk-PMJIFLDT.js";
-
-// src/molecules/one-on-one-guide-list.tsx
-import { useMemo } from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var oneOnOneNoteTextReplacer = (args) => {
-  const { text, userName, templateName } = args;
-  return text.replace(/\{\{Template_Name\}\}/g, templateName).replace(/\{\{Subject_Name\}\}/g, userName);
-};
-function OneOnOneGuideList(props) {
-  const { data, relacements, guideTitle, guideDescription } = props;
-  const groupedData = useMemo(() => {
-    return data == null ? void 0 : data.reduce(
-      (acc, item) => {
-        if (item.type === "title") {
-          acc.push({ title: item.value, children: [] });
-        } else {
-          acc[acc.length - 1].children.push(item);
-        }
-        return acc;
-      },
-      []
-    );
-  }, [data]);
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(Heading, { mb: "2", variant: "heading5", children: oneOnOneNoteTextReplacer({
-      text: guideTitle || "",
-      userName: (relacements == null ? void 0 : relacements.userName) || "",
-      templateName: (relacements == null ? void 0 : relacements.templateName) || ""
-    }) }),
-    /* @__PURE__ */ jsx(Typo, { as: "div", mb: "4", children: oneOnOneNoteTextReplacer({
-      text: guideDescription || "",
-      userName: (relacements == null ? void 0 : relacements.userName) || "\uD300\uC6D0",
-      templateName: (relacements == null ? void 0 : relacements.templateName) || "1on1"
-    }) }),
-    /* @__PURE__ */ jsx(
-      List.Root,
-      {
-        preSpace: "small",
-        style: { fontWeight: "bold", gap: "var(--space-5)" },
-        variant: "ol",
-        children: groupedData == null ? void 0 : groupedData.map((item) => {
-          return /* @__PURE__ */ jsxs(List.Item, { children: [
-            /* @__PURE__ */ jsx(Typo, { as: "div", mb: "1", children: item.title }),
-            item.children.map((child) => {
-              if (child.type === "ul") {
-                return /* @__PURE__ */ jsx(
-                  List.Root,
-                  {
-                    preSpace: "small",
-                    style: { fontWeight: "normal", gap: "var(--space-2)" },
-                    variant: "ul",
-                    children: child.value.map((el) => {
-                      return /* @__PURE__ */ jsx(List.Item, { children: el }, el);
-                    })
-                  },
-                  child.value[0]
-                );
-              }
-              if (typeof child.value === "string") {
-                return /* @__PURE__ */ jsx(Typo, { as: "div", mb: "2", weight: "regular", children: child.value }, child.value);
-              }
-              return null;
-            })
-          ] }, item.title);
-        })
-      }
-    )
-  ] });
-}
-
-export {
-  oneOnOneNoteTextReplacer,
-  OneOnOneGuideList
-};
-//# sourceMappingURL=chunk-O5MYSBA3.js.map

package/dist/chunk-O5MYSBA3.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/molecules/one-on-one-guide-list.tsx"],"sourcesContent":["/* eslint-disable tsdoc/syntax -- template 이름 표기법 허용 */\nimport React, { useMemo } from 'react';\nimport { Heading } from '@/atoms/heading';\nimport { List } from '@/atoms/list';\nimport { Typo } from '@/atoms/typo';\n\nexport type OneOnOneGuideData =\n  | {\n      type: 'title';\n      value: string;\n    }\n  | { type: 'ul'; value: string[] }\n  | {\n      type: 'text';\n      value: string;\n    };\n\nexport interface OneOnOneGuideListProps {\n  data?: OneOnOneGuideData[];\n  relacements?: {\n    /** {{Subject_Name}} 에 대치되는 값 */\n    userName?: string;\n    /** {{Template_Name}} 에 대치되는 값 */\n    templateName?: string;\n  };\n  guideTitle?: string;\n  guideDescription?: string;\n}\n\nexport const oneOnOneNoteTextReplacer = (args: {\n  text: string;\n  userName: string;\n  templateName: string;\n}): string => {\n  const { text, userName, templateName } = args;\n  return text\n    .replace(/\\{\\{Template_Name\\}\\}/g, templateName)\n    .replace(/\\{\\{Subject_Name\\}\\}/g, userName);\n};\n\nexport function OneOnOneGuideList(\n  props: OneOnOneGuideListProps\n): React.ReactElement {\n  const { data, relacements, guideTitle, guideDescription } = props;\n\n  const groupedData = useMemo(() => {\n    return data?.reduce(\n      (acc, item) => {\n        if (item.type === 'title') {\n          acc.push({ title: item.value, children: [] });\n        } else {\n          acc[acc.length - 1].children.push(item);\n        }\n        return acc;\n      },\n      [] as { title: string; children: OneOnOneGuideData[] }[]\n    );\n  }, [data]);\n\n  return (\n    <>\n      <Heading mb=\"2\" variant=\"heading5\">\n        {oneOnOneNoteTextReplacer({\n          text: guideTitle || '',\n          userName: relacements?.userName || '',\n          templateName: relacements?.templateName || '',\n        })}\n      </Heading>\n      <Typo as=\"div\" mb=\"4\">\n        {oneOnOneNoteTextReplacer({\n          text: guideDescription || '',\n          userName: relacements?.userName || '팀원',\n          templateName: relacements?.templateName || '1on1',\n        })}\n      </Typo>\n\n      <List.Root\n        preSpace=\"small\"\n        style={{ fontWeight: 'bold', gap: 'var(--space-5)' }}\n        variant=\"ol\"\n      >\n        {groupedData?.map((item) => {\n          return (\n            <List.Item key={item.title}>\n              <Typo as=\"div\" mb=\"1\">\n                {item.title}\n              </Typo>\n              {item.children.map((child) => {\n                if (child.type === 'ul') {\n                  return (\n                    <List.Root\n                      key={child.value[0]}\n                      preSpace=\"small\"\n                      style={{ fontWeight: 'normal', gap: 'var(--space-2)' }}\n                      variant=\"ul\"\n                    >\n                      {child.value.map((el) => {\n                        return <List.Item key={el}>{el}</List.Item>;\n                      })}\n                    </List.Root>\n                  );\n                }\n                if (typeof child.value === 'string') {\n                  return (\n                    <Typo as=\"div\" key={child.value} mb=\"2\" weight=\"regular\">\n                      {child.value}\n                    </Typo>\n                  );\n                }\n                return null;\n              })}\n            </List.Item>\n          );\n        })}\n      </List.Root>\n    </>\n  );\n}\n"],"mappings":";;;;;;;;;;;AACA,SAAgB,eAAe;AA2D3B,mBACE,KAsBM,YAvBR;AA/BG,IAAM,2BAA2B,CAAC,SAI3B;AACZ,QAAM,EAAE,MAAM,UAAU,aAAa,IAAI;AACzC,SAAO,KACJ,QAAQ,0BAA0B,YAAY,EAC9C,QAAQ,yBAAyB,QAAQ;AAC9C;AAEO,SAAS,kBACd,OACoB;AACpB,QAAM,EAAE,MAAM,aAAa,YAAY,iBAAiB,IAAI;AAE5D,QAAM,cAAc,QAAQ,MAAM;AAChC,WAAO,6BAAM;AAAA,MACX,CAAC,KAAK,SAAS;AACb,YAAI,KAAK,SAAS,SAAS;AACzB,cAAI,KAAK,EAAE,OAAO,KAAK,OAAO,UAAU,CAAC,EAAE,CAAC;AAAA,QAC9C,OAAO;AACL,cAAI,IAAI,SAAS,CAAC,EAAE,SAAS,KAAK,IAAI;AAAA,QACxC;AACA,eAAO;AAAA,MACT;AAAA,MACA,CAAC;AAAA;AAAA,EAEL,GAAG,CAAC,IAAI,CAAC;AAET,SACE,iCACE;AAAA,wBAAC,WAAQ,IAAG,KAAI,SAAQ,YACrB,mCAAyB;AAAA,MACxB,MAAM,cAAc;AAAA,MACpB,WAAU,2CAAa,aAAY;AAAA,MACnC,eAAc,2CAAa,iBAAgB;AAAA,IAC7C,CAAC,GACH;AAAA,IACA,oBAAC,QAAK,IAAG,OAAM,IAAG,KACf,mCAAyB;AAAA,MACxB,MAAM,oBAAoB;AAAA,MAC1B,WAAU,2CAAa,aAAY;AAAA,MACnC,eAAc,2CAAa,iBAAgB;AAAA,IAC7C,CAAC,GACH;AAAA,IAEA;AAAA,MAAC,KAAK;AAAA,MAAL;AAAA,QACC,UAAS;AAAA,QACT,OAAO,EAAE,YAAY,QAAQ,KAAK,iBAAiB;AAAA,QACnD,SAAQ;AAAA,QAEP,qDAAa,IAAI,CAAC,SAAS;AAC1B,iBACE,qBAAC,KAAK,MAAL,EACC;AAAA,gCAAC,QAAK,IAAG,OAAM,IAAG,KACf,eAAK,OACR;AAAA,YACC,KAAK,SAAS,IAAI,CAAC,UAAU;AAC5B,kBAAI,MAAM,SAAS,MAAM;AACvB,uBACE;AAAA,kBAAC,KAAK;AAAA,kBAAL;AAAA,oBAEC,UAAS;AAAA,oBACT,OAAO,EAAE,YAAY,UAAU,KAAK,iBAAiB;AAAA,oBACrD,SAAQ;AAAA,oBAEP,gBAAM,MAAM,IAAI,CAAC,OAAO;AACvB,6BAAO,oBAAC,KAAK,MAAL,EAAoB,gBAAL,EAAQ;AAAA,oBACjC,CAAC;AAAA;AAAA,kBAPI,MAAM,MAAM,CAAC;AAAA,gBAQpB;AAAA,cAEJ;AACA,kBAAI,OAAO,MAAM,UAAU,UAAU;AACnC,uBACE,oBAAC,QAAK,IAAG,OAAwB,IAAG,KAAI,QAAO,WAC5C,gBAAM,SADW,MAAM,KAE1B;AAAA,cAEJ;AACA,qBAAO;AAAA,YACT,CAAC;AAAA,eA3Ba,KAAK,KA4BrB;AAAA,QAEJ;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/chunk-O63J4YET.js

@@ -1,169 +0,0 @@
-import {
-  Typo
-} from "./chunk-PMJIFLDT.js";
-import {
-  Flex
-} from "./chunk-25HMMI7R.js";
-import {
-  CheckIcon
-} from "./chunk-W5TPOFOO.js";
-import {
-  Avatar
-} from "./chunk-K36TPMKL.js";
-
-// src/molecules/stepper.tsx
-import { createContext, Children, useContext, useMemo } from "react";
-import { Separator } from "@radix-ui/themes";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var StepContext = createContext({
-  active: false,
-  completed: false,
-  index: 0
-});
-function Root(props) {
-  const {
-    activeStep = 0,
-    children,
-    width,
-    minWidth,
-    maxWidth,
-    direction = "vertical"
-  } = props;
-  return /* @__PURE__ */ jsx(
-    Flex,
-    {
-      gap: "3",
-      style: {
-        width,
-        minWidth,
-        maxWidth
-      },
-      children: Children.map(children, (child, index) => {
-        return /* @__PURE__ */ jsx(
-          StepContext.Provider,
-          {
-            value: {
-              active: index === activeStep,
-              completed: index < activeStep,
-              index,
-              direction
-            },
-            children: child
-          }
-        );
-      })
-    }
-  );
-}
-function Step(props) {
-  const { Icon, children } = props;
-  const {
-    active,
-    completed,
-    index,
-    direction = "vertical"
-  } = useContext(StepContext);
-  const connector = index > 0 ? /* @__PURE__ */ jsx(
-    Separator,
-    {
-      style: {
-        width: `calc(100% - 40px)`,
-        position: "absolute",
-        top: 16,
-        right: `calc(50% + 26px)`
-      }
-    }
-  ) : null;
-  const InnerStep = useMemo(() => {
-    if (active) {
-      return ActiveStep;
-    }
-    if (completed) {
-      return CompleteStep;
-    }
-    return IncompleteStep;
-  }, [completed, active]);
-  return /* @__PURE__ */ jsxs(
-    Flex,
-    {
-      align: "center",
-      direction: direction === "horizontal" ? "row" : "column",
-      gap: "4",
-      position: "relative",
-      style: { flex: 1 },
-      children: [
-        connector,
-        /* @__PURE__ */ jsx(InnerStep, { Icon, children })
-      ]
-    }
-  );
-}
-function CompleteStep(props) {
-  const { Icon, children } = props;
-  const { completed, active } = useContext(StepContext);
-  const background = "var(--accent-a4)";
-  const border = "1px solid var(--accent-7)";
-  const color = "var(--accent-contrast)";
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    Icon ? /* @__PURE__ */ jsx(Icon, { active, completed }) : /* @__PURE__ */ jsx(
-      Avatar,
-      {
-        fallback: /* @__PURE__ */ jsx(CheckIcon, { fill: color, height: 16, width: 16 }),
-        radius: "full",
-        size: "medium",
-        style: {
-          border,
-          background
-        }
-      }
-    ),
-    /* @__PURE__ */ jsx(Typo, { align: "center", variant: "caption", children })
-  ] });
-}
-function IncompleteStep(props) {
-  const { Icon, children } = props;
-  const { completed, active, index } = useContext(StepContext);
-  const background = "var(--gray-5)";
-  const color = "var(--gray-a11)";
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    Icon ? /* @__PURE__ */ jsx(Icon, { active, completed }) : /* @__PURE__ */ jsx(
-      Avatar,
-      {
-        fallback: /* @__PURE__ */ jsx(Typo, { style: { color }, children: index + 1 }),
-        radius: "full",
-        size: "medium",
-        style: {
-          background
-        }
-      }
-    ),
-    /* @__PURE__ */ jsx(Typo, { align: "center", style: { color }, variant: "caption", children })
-  ] });
-}
-function ActiveStep(props) {
-  const { Icon, children } = props;
-  const { completed, active, index } = useContext(StepContext);
-  const background = "var(--accent-10)";
-  const color = "var(--accent-contrast)";
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    Icon ? /* @__PURE__ */ jsx(Icon, { active, completed }) : /* @__PURE__ */ jsx(
-      Avatar,
-      {
-        fallback: /* @__PURE__ */ jsx(Typo, { style: { color }, weight: "bold", children: index + 1 }),
-        radius: "full",
-        size: "medium",
-        style: { background }
-      }
-    ),
-    /* @__PURE__ */ jsx(Typo, { align: "center", variant: "caption", weight: "bold", children })
-  ] });
-}
-var Stepper = {
-  Root,
-  Step
-};
-
-export {
-  Stepper
-};
-//# sourceMappingURL=chunk-O63J4YET.js.map

package/dist/chunk-O63J4YET.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/molecules/stepper.tsx"],"sourcesContent":["import React, { createContext, Children, useContext, useMemo } from 'react';\nimport { Separator } from '@radix-ui/themes';\nimport { Flex } from '../atoms/flex';\nimport { Avatar } from '../atoms/avatar';\nimport { CheckIcon } from '../icon';\nimport { Typo } from '../atoms/typo';\n\ninterface StepState extends Pick<StepperProps, 'direction'> {\n  active: boolean;\n  completed: boolean;\n  index: number;\n}\n\nconst StepContext = createContext<StepState>({\n  active: false,\n  completed: false,\n  index: 0,\n});\n\ninterface StepperProps {\n  // 활성화된 스텝 인덱스. 0부터 시작\n  activeStep?: number;\n  children?: React.ReactNode | React.ReactNode[];\n  width?: string;\n  maxWidth?: string;\n  minWidth?: string;\n  /** icon과 children의 배치 방향. 기본 값 vertical */\n  direction?: 'horizontal' | 'vertical';\n}\n\nfunction Root(props: StepperProps): React.ReactNode {\n  const {\n    activeStep = 0,\n    children,\n    width,\n    minWidth,\n    maxWidth,\n    direction = 'vertical',\n  } = props;\n\n  return (\n    <Flex\n      gap=\"3\"\n      style={{\n        width,\n        minWidth,\n        maxWidth,\n      }}\n    >\n      {Children.map(children, (child, index) => {\n        return (\n          <StepContext.Provider\n            value={{\n              active: index === activeStep,\n              completed: index < activeStep,\n              index,\n              direction,\n            }}\n          >\n            {child}\n          </StepContext.Provider>\n        );\n      })}\n    </Flex>\n  );\n}\n\ninterface StepProps {\n  children?: React.ReactNode;\n  /** 아이콘 커스텀 필요시 사용 */\n  Icon?: (args: { completed: boolean; active: boolean }) => React.ReactNode;\n}\n\nfunction Step(props: StepProps): React.ReactNode {\n  const { Icon, children } = props;\n  const {\n    active,\n    completed,\n    index,\n    direction = 'vertical',\n  } = useContext(StepContext);\n\n  const connector =\n    index > 0 ? (\n      <Separator\n        style={{\n          width: `calc(100% - 40px)`,\n          position: 'absolute',\n          top: 16,\n          right: `calc(50% + 26px)`,\n        }}\n      />\n    ) : null;\n\n  const InnerStep = useMemo<(props: StepProps) => React.ReactNode>(() => {\n    if (active) {\n      return ActiveStep;\n    }\n    if (completed) {\n      return CompleteStep;\n    }\n    return IncompleteStep;\n  }, [completed, active]);\n\n  return (\n    <Flex\n      align=\"center\"\n      direction={direction === 'horizontal' ? 'row' : 'column'}\n      gap=\"4\"\n      position=\"relative\"\n      style={{ flex: 1 }}\n    >\n      {connector}\n      <InnerStep Icon={Icon}>{children}</InnerStep>\n    </Flex>\n  );\n}\n\nfunction CompleteStep(props: StepProps): React.ReactNode {\n  const { Icon, children } = props;\n  const { completed, active } = useContext(StepContext);\n  const background = 'var(--accent-a4)';\n  const border = '1px solid var(--accent-7)';\n  const color = 'var(--accent-contrast)';\n\n  return (\n    <>\n      {Icon ? (\n        <Icon active={active} completed={completed} />\n      ) : (\n        <Avatar\n          fallback={<CheckIcon fill={color} height={16} width={16} />}\n          radius=\"full\"\n          size=\"medium\"\n          style={{\n            border,\n            background,\n          }}\n        />\n      )}\n      <Typo align=\"center\" variant=\"caption\">\n        {children}\n      </Typo>\n    </>\n  );\n}\n\nfunction IncompleteStep(props: StepProps): React.ReactNode {\n  const { Icon, children } = props;\n  const { completed, active, index } = useContext(StepContext);\n  const background = 'var(--gray-5)';\n  const color = 'var(--gray-a11)';\n  return (\n    <>\n      {Icon ? (\n        <Icon active={active} completed={completed} />\n      ) : (\n        <Avatar\n          fallback={<Typo style={{ color }}>{index + 1}</Typo>}\n          radius=\"full\"\n          size=\"medium\"\n          style={{\n            background,\n          }}\n        />\n      )}\n      <Typo align=\"center\" style={{ color }} variant=\"caption\">\n        {children}\n      </Typo>\n    </>\n  );\n}\n\nfunction ActiveStep(props: StepProps): React.ReactNode {\n  const { Icon, children } = props;\n  const { completed, active, index } = useContext(StepContext);\n  const background = 'var(--accent-10)';\n  const color = 'var(--accent-contrast)';\n\n  return (\n    <>\n      {Icon ? (\n        <Icon active={active} completed={completed} />\n      ) : (\n        <Avatar\n          fallback={\n            <Typo style={{ color }} weight=\"bold\">\n              {index + 1}\n            </Typo>\n          }\n          radius=\"full\"\n          size=\"medium\"\n          style={{ background }}\n        />\n      )}\n      <Typo align=\"center\" variant=\"caption\" weight=\"bold\">\n        {children}\n      </Typo>\n    </>\n  );\n}\n\nexport const Stepper = {\n  Root,\n  Step,\n};\n"],"mappings":"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","names":[]}

package/dist/chunk-O665PURC.js

@@ -1,63 +0,0 @@
-import {
-  review_question_footer_default
-} from "./chunk-RFJ5NMY4.js";
-import {
-  review_question_header_default
-} from "./chunk-SAEPW5JF.js";
-import {
-  review_question_layout_default
-} from "./chunk-VK6INFSB.js";
-import {
-  review_question_body_default
-} from "./chunk-NHK64BOP.js";
-
-// src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/index.tsx
-import { jsx } from "react/jsx-runtime";
-function ReviewQuestion({
-  question,
-  index,
-  total,
-  answer,
-  error,
-  onChange,
-  onNext,
-  onPrev,
-  isLast,
-  isNextDisabled,
-  onSubmit,
-  isLoading
-}) {
-  return /* @__PURE__ */ jsx(
-    review_question_layout_default,
-    {
-      Body: /* @__PURE__ */ jsx(
-        review_question_body_default,
-        {
-          answer,
-          error,
-          onChange,
-          question
-        }
-      ),
-      Footer: /* @__PURE__ */ jsx(
-        review_question_footer_default,
-        {
-          index,
-          isLast,
-          isLoading,
-          isNextButtonDisabled: isNextDisabled,
-          onNext,
-          onPrev,
-          onSubmit
-        }
-      ),
-      Header: /* @__PURE__ */ jsx(review_question_header_default, { index, total })
-    }
-  );
-}
-var ReviewQuestion_default = ReviewQuestion;
-
-export {
-  ReviewQuestion_default
-};
-//# sourceMappingURL=chunk-O665PURC.js.map

package/dist/chunk-O665PURC.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/index.tsx"],"sourcesContent":["import React from 'react';\nimport type { ReviewQuestionElement } from '@/types/curriculum.type';\nimport ReviewQuestionLayout from './review-question-layout';\nimport ReviewQuestionHeader from './review-question-header';\nimport ReviewQuestionFooter from './review-question-footer';\nimport ReviewQuestionBody from './review-question-body';\n\ninterface ReviewQuestionProps {\n  question: ReviewQuestionElement;\n  index: number;\n  total: number;\n  answer: string;\n  error?: string;\n  onChange: (value: string) => void;\n  onNext: () => void;\n  onPrev: () => void;\n  isLast: boolean;\n  isNextDisabled?: boolean;\n  onSubmit: () => void;\n  isLoading?: boolean;\n}\n\nfunction ReviewQuestion({\n  question,\n  index,\n  total,\n  answer,\n  error,\n  onChange,\n  onNext,\n  onPrev,\n  isLast,\n  isNextDisabled,\n  onSubmit,\n  isLoading,\n}: ReviewQuestionProps): React.ReactElement {\n  \n  return (\n    <ReviewQuestionLayout\n      Body={\n        <ReviewQuestionBody\n          answer={answer}\n          error={error}\n          onChange={onChange}\n          question={question}\n        />\n      }\n      Footer={\n        <ReviewQuestionFooter\n          index={index}\n          isLast={isLast}\n          isLoading={isLoading}\n          isNextButtonDisabled={isNextDisabled}\n          onNext={onNext}\n          onPrev={onPrev}\n          onSubmit={onSubmit}\n        />\n      }\n      Header={<ReviewQuestionHeader index={index} total={total} />}\n    />\n  );\n}\n\nexport default ReviewQuestion;\n"],"mappings":";;;;;;;;;;;;;;AAwCQ;AAlBR,SAAS,eAAe;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA4C;AAE1C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MACE;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA;AAAA,MACF;AAAA,MAEF,QACE;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,UACA,sBAAsB;AAAA,UACtB;AAAA,UACA;AAAA,UACA;AAAA;AAAA,MACF;AAAA,MAEF,QAAQ,oBAAC,kCAAqB,OAAc,OAAc;AAAA;AAAA,EAC5D;AAEJ;AAEA,IAAO,yBAAQ;","names":[]}

package/dist/chunk-O66FI27Q.js

@@ -1,63 +0,0 @@
-import {
-  review_question_body_default
-} from "./chunk-CMBTJWVJ.js";
-import {
-  review_question_footer_default
-} from "./chunk-SDYFRI7L.js";
-import {
-  review_question_header_default
-} from "./chunk-SAEPW5JF.js";
-import {
-  review_question_layout_default
-} from "./chunk-LHDMV6AH.js";
-
-// src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/index.tsx
-import { jsx } from "react/jsx-runtime";
-function ReviewQuestion({
-  question,
-  index,
-  total,
-  answer,
-  error,
-  onChange,
-  onNext,
-  onPrev,
-  isLast,
-  isNextDisabled,
-  onSubmit,
-  isLoading
-}) {
-  return /* @__PURE__ */ jsx(
-    review_question_layout_default,
-    {
-      Body: /* @__PURE__ */ jsx(
-        review_question_body_default,
-        {
-          answer,
-          error,
-          onChange,
-          question
-        }
-      ),
-      Footer: /* @__PURE__ */ jsx(
-        review_question_footer_default,
-        {
-          index,
-          isLast,
-          isLoading,
-          isNextButtonDisabled: isNextDisabled,
-          onNext,
-          onPrev,
-          onSubmit
-        }
-      ),
-      Header: /* @__PURE__ */ jsx(review_question_header_default, { index, total })
-    }
-  );
-}
-var ReviewQuestion_default = ReviewQuestion;
-
-export {
-  ReviewQuestion_default
-};
-//# sourceMappingURL=chunk-O66FI27Q.js.map

package/dist/chunk-O66FI27Q.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/index.tsx"],"sourcesContent":["import React from 'react';\nimport type { ReviewQuestionElement } from '@/types/curriculum.type';\nimport ReviewQuestionLayout from './review-question-layout';\nimport ReviewQuestionHeader from './review-question-header';\nimport ReviewQuestionFooter from './review-question-footer';\nimport ReviewQuestionBody from './review-question-body';\n\ninterface ReviewQuestionProps {\n  question: ReviewQuestionElement;\n  index: number;\n  total: number;\n  answer: string;\n  error?: string;\n  onChange: (value: string) => void;\n  onNext: () => void;\n  onPrev: () => void;\n  isLast: boolean;\n  isNextDisabled?: boolean;\n  onSubmit: () => void;\n  isLoading?: boolean;\n}\n\nfunction ReviewQuestion({\n  question,\n  index,\n  total,\n  answer,\n  error,\n  onChange,\n  onNext,\n  onPrev,\n  isLast,\n  isNextDisabled,\n  onSubmit,\n  isLoading,\n}: ReviewQuestionProps): React.ReactElement {\n  \n  return (\n    <ReviewQuestionLayout\n      Body={\n        <ReviewQuestionBody\n          answer={answer}\n          error={error}\n          onChange={onChange}\n          question={question}\n        />\n      }\n      Footer={\n        <ReviewQuestionFooter\n          index={index}\n          isLast={isLast}\n          isLoading={isLoading}\n          isNextButtonDisabled={isNextDisabled}\n          onNext={onNext}\n          onPrev={onPrev}\n          onSubmit={onSubmit}\n        />\n      }\n      Header={<ReviewQuestionHeader index={index} total={total} />}\n    />\n  );\n}\n\nexport default ReviewQuestion;\n"],"mappings":";;;;;;;;;;;;;;AAwCQ;AAlBR,SAAS,eAAe;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA4C;AAE1C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MACE;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA;AAAA,MACF;AAAA,MAEF,QACE;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,UACA,sBAAsB;AAAA,UACtB;AAAA,UACA;AAAA,UACA;AAAA;AAAA,MACF;AAAA,MAEF,QAAQ,oBAAC,kCAAqB,OAAc,OAAc;AAAA;AAAA,EAC5D;AAEJ;AAEA,IAAO,yBAAQ;","names":[]}

package/dist/chunk-O6LH7P6V.js

@@ -1,87 +0,0 @@
-import {
-  ReviewQuestionContentHeader
-} from "./chunk-CNW3YEAK.js";
-import {
-  TextArea
-} from "./chunk-5XYPLDI5.js";
-import {
-  Grid
-} from "./chunk-EGEQY3KT.js";
-import {
-  Box
-} from "./chunk-4Y5BEXVN.js";
-import {
-  Typo
-} from "./chunk-PMJIFLDT.js";
-import {
-  Callout
-} from "./chunk-B6XJN6EC.js";
-import {
-  Card
-} from "./chunk-RP2RGCAW.js";
-import {
-  BellIcon
-} from "./chunk-LTEJYJUM.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-O6LH7P6V.js.map

package/dist/chunk-O6LH7P6V.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":[]}