@tipp/ui 2.2.3 → 2.2.5

package/dist/chunk-PIF5DEYP.js

@@ -0,0 +1,70 @@
+import {
+  useCurriculumContext
+} from "./chunk-IYQJIEVM.js";
+import {
+  Typo
+} from "./chunk-PMJIFLDT.js";
+import {
+  Flex
+} from "./chunk-25HMMI7R.js";
+import {
+  Button
+} from "./chunk-EBBSXNIL.js";
+import {
+  ResetIcon
+} from "./chunk-V5XKNSCK.js";
+
+// src/molecules/curriculumV2/CurriculumContents/curriculum-ai-traning.tsx
+import { useMemo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function CurriculumAiTraning({
+  item
+}) {
+  const { title, description, buttonTitle } = item;
+  const { curriculumCompleteMap, onActionButtonClick } = useCurriculumContext();
+  const done = useMemo(() => {
+    return Boolean(curriculumCompleteMap[item.uuid]);
+  }, [curriculumCompleteMap, item.uuid]);
+  const bgColor = done ? "var(--color-panel-solid)" : void 0;
+  return /* @__PURE__ */ jsxs(
+    Flex,
+    {
+      align: "center",
+      direction: "column",
+      height: "100%",
+      justify: "center",
+      style: {
+        backgroundImage: `url(https://tipp-coaching-live.s3.ap-northeast-2.amazonaws.com/images/curriculum_ai_bg.png)`,
+        backgroundPosition: "center",
+        backgroundSize: "cover",
+        backgroundRepeat: "no-repeat"
+      },
+      width: "100%",
+      children: [
+        /* @__PURE__ */ jsx(Typo, { color: "gray", weight: "bold", children: title }),
+        /* @__PURE__ */ jsx(Typo, { align: "center", as: "p", color: "gray", children: description }),
+        /* @__PURE__ */ jsxs(
+          Button,
+          {
+            mt: "3",
+            onClick: () => {
+              onActionButtonClick(item);
+            },
+            style: { minWidth: 232, backgroundColor: bgColor },
+            variant: done ? "outline" : "solid",
+            children: [
+              done ? "\uB2E4\uC2DC \uC5F0\uC2B5\uD558\uAE30" : buttonTitle || "\uC2DC\uC791\uD558\uAE30",
+              done ? /* @__PURE__ */ jsx(ResetIcon, {}) : null
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+var curriculum_ai_traning_default = CurriculumAiTraning;
+
+export {
+  curriculum_ai_traning_default
+};
+//# sourceMappingURL=chunk-PIF5DEYP.js.map

package/dist/chunk-PIF5DEYP.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/molecules/curriculumV2/CurriculumContents/curriculum-ai-traning.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport type { CurriculumAiTrainingContents } from '@/types/curriculumContents.type';\nimport { Button, Flex, Typo } from '@/atoms';\nimport { ResetIcon } from '@/icon';\nimport { useCurriculumContext } from '../curriculum-context';\n\ninterface CurriculumAiTraningProps {\n  item: CurriculumAiTrainingContents;\n}\n\nfunction CurriculumAiTraning({\n  item,\n}: CurriculumAiTraningProps): React.ReactNode {\n  const { title, description, buttonTitle } = item;\n  const { curriculumCompleteMap, onActionButtonClick } = useCurriculumContext();\n\n  const done = useMemo(() => {\n    return Boolean(curriculumCompleteMap[item.uuid]);\n  }, [curriculumCompleteMap, item.uuid]);\n\n  const bgColor=  done ? 'var(--color-panel-solid)' : undefined;\n\n  return (\n    <Flex\n      align=\"center\"\n      direction=\"column\"\n      height=\"100%\"\n      justify=\"center\"\n      style={{\n        backgroundImage: `url(https://tipp-coaching-live.s3.ap-northeast-2.amazonaws.com/images/curriculum_ai_bg.png)`,\n        backgroundPosition: 'center',\n        backgroundSize: 'cover',\n        backgroundRepeat: 'no-repeat',\n      }}\n      width=\"100%\"\n    >\n      <Typo color=\"gray\" weight=\"bold\">\n        {title}\n      </Typo>\n      <Typo align=\"center\" as=\"p\" color=\"gray\">\n        {description}\n      </Typo>\n\n      <Button\n        mt=\"3\"\n        onClick={() => { onActionButtonClick(item); }}\n        style={{ minWidth: 232, backgroundColor: bgColor }}\n        variant={done ? 'outline' : 'solid'}\n      >\n        {done ? '다시 연습하기' : buttonTitle || '시작하기'}\n        {done ? <ResetIcon/> : null}\n      </Button>\n \n    </Flex>\n  );\n}\n\nexport default CurriculumAiTraning;\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA,SAAgB,eAAe;AAoCzB,cAOA,YAPA;AA1BN,SAAS,oBAAoB;AAAA,EAC3B;AACF,GAA8C;AAC5C,QAAM,EAAE,OAAO,aAAa,YAAY,IAAI;AAC5C,QAAM,EAAE,uBAAuB,oBAAoB,IAAI,qBAAqB;AAE5E,QAAM,OAAO,QAAQ,MAAM;AACzB,WAAO,QAAQ,sBAAsB,KAAK,IAAI,CAAC;AAAA,EACjD,GAAG,CAAC,uBAAuB,KAAK,IAAI,CAAC;AAErC,QAAM,UAAU,OAAO,6BAA6B;AAEpD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAM;AAAA,MACN,WAAU;AAAA,MACV,QAAO;AAAA,MACP,SAAQ;AAAA,MACR,OAAO;AAAA,QACL,iBAAiB;AAAA,QACjB,oBAAoB;AAAA,QACpB,gBAAgB;AAAA,QAChB,kBAAkB;AAAA,MACpB;AAAA,MACA,OAAM;AAAA,MAEN;AAAA,4BAAC,QAAK,OAAM,QAAO,QAAO,QACvB,iBACH;AAAA,QACA,oBAAC,QAAK,OAAM,UAAS,IAAG,KAAI,OAAM,QAC/B,uBACH;AAAA,QAEA;AAAA,UAAC;AAAA;AAAA,YACC,IAAG;AAAA,YACH,SAAS,MAAM;AAAE,kCAAoB,IAAI;AAAA,YAAG;AAAA,YAC5C,OAAO,EAAE,UAAU,KAAK,iBAAiB,QAAQ;AAAA,YACjD,SAAS,OAAO,YAAY;AAAA,YAE3B;AAAA,qBAAO,0CAAY,eAAe;AAAA,cAClC,OAAO,oBAAC,aAAS,IAAK;AAAA;AAAA;AAAA,QACzB;AAAA;AAAA;AAAA,EAEF;AAEJ;AAEA,IAAO,gCAAQ;","names":[]}

package/dist/chunk-PIHEHUNF.js

@@ -0,0 +1,63 @@
+import {
+  review_question_layout_default
+} from "./chunk-SQBRHTZD.js";
+import {
+  review_question_body_default
+} from "./chunk-P6CHMIRK.js";
+import {
+  review_question_footer_default
+} from "./chunk-NMS3AZUF.js";
+import {
+  review_question_header_default
+} from "./chunk-6SBDC73H.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-PIHEHUNF.js.map

package/dist/chunk-PJPT4ZEE.js

@@ -0,0 +1,171 @@
+import {
+  DynamicFormField
+} from "./chunk-ET3REX7G.js";
+import {
+  Form
+} from "./chunk-2OMSNCRH.js";
+import {
+  Typo
+} from "./chunk-PMJIFLDT.js";
+import {
+  Button
+} from "./chunk-TSXRCXC6.js";
+import {
+  __async
+} from "./chunk-CRTRMMJ7.js";
+
+// src/molecules/dynamic-form.tsx
+import { useMemo, useRef } from "react";
+import { useFormik } from "formik";
+import * as Yup from "yup";
+import { Box } from "@radix-ui/themes";
+import { jsx, jsxs } from "react/jsx-runtime";
+function DynamicForm({
+  fields,
+  initialValues = {},
+  onSubmit,
+  submitButtonText = "\uC81C\uCD9C",
+  labelVariant = "body",
+  className
+}) {
+  const fieldRefs = useRef({});
+  const validationSchema = useMemo(() => {
+    const schema = {};
+    fields.forEach((field) => {
+      if (field.validation) {
+        schema[field.name] = field.validation;
+      } else if (field.required) {
+        if (field.type === "checkbox") {
+          schema[field.name] = Yup.array().min(1, `${field.label}\uC744(\uB97C) \uD558\uB098 \uC774\uC0C1 \uC120\uD0DD\uD574\uC8FC\uC138\uC694`).required(`${field.label}\uC740(\uB294) \uD544\uC218\uC785\uB2C8\uB2E4`);
+        } else {
+          schema[field.name] = Yup.string().required(
+            `${field.label}\uC740(\uB294) \uD544\uC218\uC785\uB2C8\uB2E4`
+          );
+        }
+      }
+    });
+    return Object.keys(schema).length > 0 ? Yup.object(schema) : void 0;
+  }, [fields]);
+  const formik = useFormik({
+    initialValues: fields.reduce((acc, field) => {
+      if (field.type === "checkbox") {
+        acc[field.name] = initialValues[field.name] || [];
+      } else if (field.type === "single-checkbox") {
+        acc[field.name] = initialValues[field.name] || false;
+      } else {
+        acc[field.name] = initialValues[field.name] || "";
+      }
+      return acc;
+    }, {}),
+    validationSchema,
+    validateOnBlur: true,
+    onSubmit: (values, formikHelpers) => __async(null, null, function* () {
+      yield onSubmit(values);
+    })
+  });
+  return /* @__PURE__ */ jsxs(Form.Root, { className, onSubmit: formik.handleSubmit, children: [
+    fields.map((field) => {
+      const errorMessage = formik.touched[field.name] && formik.errors[field.name] ? String(formik.errors[field.name]) : void 0;
+      return /* @__PURE__ */ jsx(
+        Box,
+        {
+          mb: "2",
+          ref: (el) => {
+            fieldRefs.current[field.name] = el;
+          },
+          children: /* @__PURE__ */ jsxs(
+            Form.FormItem,
+            {
+              errorMessage,
+              label: field.label,
+              labelVariant,
+              name: field.name,
+              required: field.required,
+              children: [
+                /* @__PURE__ */ jsx(DynamicFormField, { field, formik }),
+                field.description ? /* @__PURE__ */ jsx(Typo, { children: field.description }) : null
+              ]
+            }
+          )
+        },
+        field.name
+      );
+    }),
+    /* @__PURE__ */ jsx(Button, { disabled: formik.isSubmitting, type: "submit", children: formik.isSubmitting ? "\uC81C\uCD9C \uC911..." : submitButtonText })
+  ] });
+}
+function convertJsonToFields(jsonData) {
+  return jsonData.fields.map((field) => ({
+    name: field.name,
+    type: field.type,
+    label: field.label,
+    placeholder: field.placeholder,
+    description: field.description,
+    required: field.required,
+    orientation: field.orientation,
+    options: field.options,
+    validation: field.validation ? createYupValidation(field.validation) : void 0
+  }));
+}
+function createYupValidation(validation) {
+  if (!validation) return void 0;
+  let schema;
+  if (validation.type === "number") {
+    schema = Yup.number();
+  } else if (validation.type === "email") {
+    schema = Yup.string().email(
+      validation.message || "\uC62C\uBC14\uB978 \uC774\uBA54\uC77C \uD615\uC2DD\uC774 \uC544\uB2D9\uB2C8\uB2E4"
+    );
+  } else if (validation.type === "array") {
+    schema = Yup.array();
+  } else {
+    schema = Yup.string();
+  }
+  if (validation.required) {
+    schema = schema.required(validation.message || "\uD544\uC218 \uD56D\uBAA9\uC785\uB2C8\uB2E4");
+  }
+  if (validation.min !== void 0) {
+    if (validation.type === "number") {
+      schema = schema.min(
+        validation.min,
+        validation.message || `\uCD5C\uC18C ${validation.min}\uC774\uC5B4\uC57C \uD569\uB2C8\uB2E4`
+      );
+    } else if (validation.type === "array") {
+      schema = schema.min(
+        validation.min,
+        validation.message || `\uCD5C\uC18C ${validation.min}\uAC1C \uC774\uC0C1 \uC120\uD0DD\uD574\uC8FC\uC138\uC694`
+      );
+    } else {
+      schema = schema.min(
+        validation.min,
+        validation.message || `\uCD5C\uC18C ${validation.min}\uC790 \uC774\uC0C1\uC774\uC5B4\uC57C \uD569\uB2C8\uB2E4`
+      );
+    }
+  }
+  if (validation.max !== void 0) {
+    if (validation.type === "number") {
+      schema = schema.max(
+        validation.max,
+        validation.message || `\uCD5C\uB300 ${validation.max}\uC774\uC5B4\uC57C \uD569\uB2C8\uB2E4`
+      );
+    } else if (validation.type === "array") {
+      schema = schema.max(
+        validation.max,
+        validation.message || `\uCD5C\uB300 ${validation.max}\uAC1C\uAE4C\uC9C0 \uC120\uD0DD \uAC00\uB2A5\uD569\uB2C8\uB2E4`
+      );
+    } else {
+      schema = schema.max(
+        validation.max,
+        validation.message || `\uCD5C\uB300 ${validation.max}\uC790 \uC774\uD558\uC5EC\uC57C \uD569\uB2C8\uB2E4`
+      );
+    }
+  }
+  return schema;
+}
+
+export {
+  DynamicForm,
+  convertJsonToFields,
+  createYupValidation
+};
+//# sourceMappingURL=chunk-PJPT4ZEE.js.map

package/dist/chunk-PJPT4ZEE.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/molecules/dynamic-form.tsx"],"sourcesContent":["import React, { useMemo, useRef } from 'react';\nimport { useFormik, type FormikProps } from 'formik';\nimport * as Yup from 'yup';\nimport { Box } from '@radix-ui/themes';\nimport { Typo } from '@/atoms';\nimport type {\n  DynamicFormJsonSchema,\n  ValidationRule,\n} from '@/types/dynamic-form-json';\nimport { Button } from '../atoms/button';\nimport { Form } from './form/form';\nimport { DynamicFormField } from './dynamic-field';\n\nexport interface DynamicFormProps {\n  fields: DynamicFormField[];\n  initialValues?: Record<string, unknown>;\n  onSubmit: (values: Record<string, unknown>) => void | Promise<void>;\n  submitButtonText?: string;\n  labelVariant?: 'title' | 'body' | 'caption';\n  className?: string;\n}\n\nexport function DynamicForm({\n  fields,\n  initialValues = {},\n  onSubmit,\n  submitButtonText = '제출',\n  labelVariant = 'body',\n  className,\n}: DynamicFormProps): React.ReactElement {\n  const fieldRefs = useRef<Record<string, HTMLElement | null>>({});\n\n  const validationSchema = useMemo(() => {\n    const schema: Record<string, Yup.Schema<unknown>> = {};\n    fields.forEach((field) => {\n      if (field.validation) {\n        schema[field.name] = field.validation;\n      } else if (field.required) {\n        // checkbox 타입은 배열 스키마로 처리\n        if (field.type === 'checkbox') {\n          schema[field.name] = Yup.array()\n            .min(1, `${field.label}을(를) 하나 이상 선택해주세요`)\n            .required(`${field.label}은(는) 필수입니다`);\n        } else {\n          schema[field.name] = Yup.string().required(\n            `${field.label}은(는) 필수입니다`\n          );\n        }\n      }\n    });\n    return Object.keys(schema).length > 0 ? Yup.object(schema) : undefined;\n  }, [fields]);\n\n  const formik: FormikProps<Record<string, unknown>> = useFormik({\n    initialValues: fields.reduce<Record<string, unknown>>((acc, field) => {\n      if (field.type === 'checkbox') {\n        acc[field.name] = initialValues[field.name] || [];\n      } else if (field.type === 'single-checkbox') {\n        acc[field.name] = initialValues[field.name] || false;\n      } else {\n        acc[field.name] = initialValues[field.name] || '';\n      }\n      return acc;\n    }, {}),\n    validationSchema,\n    validateOnBlur: true,\n    onSubmit: async (values, formikHelpers) => {\n      // 1. 에러 체크 동기적 실행\n      // const errors = await formikHelpers.validateForm();\n\n      // // 2. 에러가 있으면 스크롤 이동, 아니면 submit 동기적 실행\n      // if (Object.keys(errors).length > 0) {\n      //   void formikHelpers.setTouched(\n      //     fields.reduce<Record<string, boolean>>((acc, field) => {\n      //       acc[field.name] = true;\n      //       return acc;\n      //     }, {})\n      //   );\n\n      //   // 첫 번째 에러 필드로 스크롤\n      //   const firstErrorField = fields.find((field) => errors[field.name]);\n      //   if (firstErrorField) {\n      //     const fieldElement = fieldRefs.current[firstErrorField.name];\n      //     if (fieldElement) {\n      //       fieldElement.scrollIntoView({\n      //         behavior: 'smooth',\n      //         block: 'center',\n      //       });\n      //       // 포커스도 함께 이동\n      //       const focusableElement = fieldElement.querySelector(\n      //         'input, select, textarea, button'\n      //       );\n      //       if (focusableElement) {\n      //         (focusableElement as HTMLElement).focus();\n      //       }\n      //     }\n      //   }\n      //   return;\n      // }\n\n      await onSubmit(values);\n    },\n  });\n\n  return (\n    <Form.Root className={className} onSubmit={formik.handleSubmit}>\n      {fields.map((field) => {\n        const errorMessage =\n          formik.touched[field.name] && formik.errors[field.name]\n            ? String(formik.errors[field.name])\n            : undefined;\n\n        return (\n          <Box\n            key={field.name}\n            mb=\"2\"\n            ref={(el) => {\n              fieldRefs.current[field.name] = el;\n            }}\n          >\n            <Form.FormItem\n              errorMessage={errorMessage}\n              label={field.label}\n              labelVariant={labelVariant}\n              name={field.name}\n              required={field.required}\n            >\n              <DynamicFormField field={field} formik={formik} />\n              {field.description ? <Typo>{field.description}</Typo> : null}\n            </Form.FormItem>\n          </Box>\n        );\n      })}\n\n      <Button disabled={formik.isSubmitting} type=\"submit\">\n        {formik.isSubmitting ? '제출 중...' : submitButtonText}\n      </Button>\n    </Form.Root>\n  );\n}\n\n// JSON 데이터를 DynamicFormField 타입으로 변환하는 함수\nexport function convertJsonToFields(\n  jsonData: DynamicFormJsonSchema\n): DynamicFormField[] {\n  return jsonData.fields.map((field) => ({\n    name: field.name,\n    type: field.type,\n    label: field.label,\n    placeholder: field.placeholder,\n    description: field.description,\n    required: field.required,\n    orientation: field.orientation,\n    options: field.options,\n    validation: field.validation\n      ? createYupValidation(field.validation)\n      : undefined,\n  }));\n}\n\nexport function createYupValidation(\n  validation?: ValidationRule\n): Yup.Schema<unknown> | undefined {\n  if (!validation) return undefined;\n\n  let schema: Yup.Schema<unknown>;\n\n  if (validation.type === 'number') {\n    schema = Yup.number();\n  } else if (validation.type === 'email') {\n    schema = Yup.string().email(\n      validation.message || '올바른 이메일 형식이 아닙니다'\n    );\n  } else if (validation.type === 'array') {\n    schema = Yup.array();\n  } else {\n    schema = Yup.string();\n  }\n\n  if (validation.required) {\n    schema = schema.required(validation.message || '필수 항목입니다') as Yup.Schema<unknown>;\n  }\n\n  if (validation.min !== undefined) {\n    if (validation.type === 'number') {\n      schema = (schema as Yup.NumberSchema).min(\n        validation.min,\n        validation.message || `최소 ${validation.min}이어야 합니다`\n      );\n    } else if (validation.type === 'array') {\n      schema = (schema as ReturnType<typeof Yup.array>).min(\n        validation.min,\n        validation.message || `최소 ${validation.min}개 이상 선택해주세요`\n      );\n    } else {\n      schema = (schema as Yup.StringSchema).min(\n        validation.min,\n        validation.message || `최소 ${validation.min}자 이상이어야 합니다`\n      );\n    }\n  }\n\n  if (validation.max !== undefined) {\n    if (validation.type === 'number') {\n      schema = (schema as Yup.NumberSchema).max(\n        validation.max,\n        validation.message || `최대 ${validation.max}이어야 합니다`\n      );\n    } else if (validation.type === 'array') {\n      schema = (schema as ReturnType<typeof Yup.array>).max(\n        validation.max,\n        validation.message || `최대 ${validation.max}개까지 선택 가능합니다`\n      );\n    } else {\n      schema = (schema as Yup.StringSchema).max(\n        validation.max,\n        validation.message || `최대 ${validation.max}자 이하여야 합니다`\n      );\n    }\n  }\n\n  return schema;\n}\n"],"mappings":"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","names":[]}

package/dist/chunk-PMJIFLDT.js

@@ -0,0 +1,43 @@
+import {
+  mapWithResponsive
+} from "./chunk-LDBWASUA.js";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./chunk-CRTRMMJ7.js";
+
+// src/atoms/typo.tsx
+import { Text as RadixText } from "@radix-ui/themes";
+import { useMemo, forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+var Typo = forwardRef(
+  (props, ref) => {
+    const _a = props, { size, variant, children } = _a, rest = __objRest(_a, ["size", "variant", "children"]);
+    const radixSize = useMemo(() => {
+      if (size !== void 0) return size;
+      if (variant === void 0) return "2";
+      return mapWithResponsive({
+        value: variant,
+        mapFn: (variantValue) => {
+          switch (variantValue) {
+            case "caption":
+              return "1";
+            case "subtitle":
+              return "3";
+            case "body":
+            default:
+              return "2";
+          }
+        }
+      });
+    }, [size, variant]);
+    return /* @__PURE__ */ jsx(RadixText, __spreadProps(__spreadValues({}, rest), { ref, size: radixSize, children }));
+  }
+);
+Typo.displayName = "Typo";
+
+export {
+  Typo
+};
+//# sourceMappingURL=chunk-PMJIFLDT.js.map

package/dist/chunk-PNKZKHR3.js

@@ -0,0 +1,70 @@
+import {
+  ThemeProvider
+} from "./chunk-7FKRQQYK.js";
+import {
+  Heading
+} from "./chunk-BESTU2AY.js";
+import {
+  Box
+} from "./chunk-4Y5BEXVN.js";
+import {
+  Flex
+} from "./chunk-25HMMI7R.js";
+import {
+  Button
+} from "./chunk-TSXRCXC6.js";
+import {
+  __spreadProps,
+  __spreadValues
+} from "./chunk-CRTRMMJ7.js";
+
+// src/molecules/ghost-post.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function GhostPost(props) {
+  const { defaultThemeProps, html, onPageBack } = props;
+  return /* @__PURE__ */ jsx(
+    ThemeProvider,
+    __spreadProps(__spreadValues({}, defaultThemeProps), {
+      accentColor: "iris",
+      scaling: "110%",
+      style: {},
+      children: html ? /* @__PURE__ */ jsx(Box, { mt: "5", width: "100%", children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: "gh-content",
+          dangerouslySetInnerHTML: { __html: html }
+        }
+      ) }) : /* @__PURE__ */ jsxs(
+        Flex,
+        {
+          align: "center",
+          direction: "column",
+          gap: "6",
+          height: "100%",
+          justify: "center",
+          width: "100%",
+          children: [
+            /* @__PURE__ */ jsx(Heading, { variant: "heading1", children: "\uCF58\uD150\uCE20\uB97C \uCC3E\uC744 \uC218 \uC5C6\uC2B5\uB2C8\uB2E4." }),
+            /* @__PURE__ */ jsx(
+              Heading,
+              {
+                align: "center",
+                color: "gray",
+                variant: "heading4",
+                weight: "regular",
+                children: `\uC694\uCCAD\uD558\uC2E0 \uCF58\uD150\uCE20\uB97C \uCC3E\uC744 \uC218 \uC5C6\uC2B5\uB2C8\uB2E4.
+        \uC7A0\uC2DC \uD6C4 \uB2E4\uC2DC \uC2DC\uB3C4\uD574\uC8FC\uC138\uC694.`
+              }
+            ),
+            /* @__PURE__ */ jsx(Button, { onClick: onPageBack, size: "large", children: "\uB4A4\uB85C\uAC00\uAE30" })
+          ]
+        }
+      )
+    })
+  );
+}
+
+export {
+  GhostPost
+};
+//# sourceMappingURL=chunk-PNKZKHR3.js.map

package/dist/chunk-PSTPFBBT.js

@@ -0,0 +1,28 @@
+import {
+  Typo
+} from "./chunk-PMJIFLDT.js";
+import {
+  Flex
+} from "./chunk-25HMMI7R.js";
+
+// src/molecules/curriculumV2/CurriculumSidebar/Items/curriculum-item-title.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function CurriculumItemTitle({
+  title,
+  subText,
+  duration
+}) {
+  return /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "1", children: [
+    /* @__PURE__ */ jsx(Typo, { color: "gray", weight: "bold", children: title }),
+    /* @__PURE__ */ jsxs(Typo, { color: "gray", variant: "caption", children: [
+      subText,
+      duration ? ` | ${duration}\uBD84` : ""
+    ] })
+  ] });
+}
+var curriculum_item_title_default = CurriculumItemTitle;
+
+export {
+  curriculum_item_title_default
+};
+//# sourceMappingURL=chunk-PSTPFBBT.js.map

package/dist/chunk-PT2BAFSQ.js

@@ -0,0 +1,63 @@
+import {
+  Typo
+} from "./chunk-PMJIFLDT.js";
+import {
+  Flex
+} from "./chunk-25HMMI7R.js";
+import {
+  Button
+} from "./chunk-EBBSXNIL.js";
+
+// src/molecules/navigation.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function Navigation({
+  items,
+  fontColor,
+  backgroundColor,
+  activeKey
+}) {
+  return /* @__PURE__ */ jsx(
+    Flex,
+    {
+      direction: "column",
+      gap: "4",
+      pr: "3",
+      style: {
+        color: fontColor || "var(--white-a12)",
+        backgroundColor: backgroundColor || "var(--black-a12)"
+      },
+      children: items == null ? void 0 : items.map((item) => {
+        const { key, title, icon, itemRender, onClick, children } = item;
+        return /* @__PURE__ */ jsxs(Flex, { direction: "column", onClick, children: [
+          itemRender ? itemRender(item) : /* @__PURE__ */ jsxs(Flex, { align: "center", gap: "3", height: "36px", pl: "4", pr: "4", children: [
+            icon,
+            /* @__PURE__ */ jsx(Typo, { variant: "subtitle", children: title })
+          ] }),
+          children == null ? void 0 : children.map((menu) => {
+            return menu.itemRender ? menu.itemRender(menu) : /* @__PURE__ */ jsx(
+              Button,
+              {
+                className: `tipp-navigation-button ${activeKey === menu.key ? "active" : ""}`,
+                ml: "37px",
+                onClick: menu.onClick,
+                size: "large",
+                style: {
+                  color: "var(--white-a12)",
+                  height: "32px",
+                  paddingLeft: "var(--space-2)"
+                },
+                children: menu.title
+              },
+              menu.key
+            );
+          })
+        ] }, key);
+      })
+    }
+  );
+}
+
+export {
+  Navigation
+};
+//# sourceMappingURL=chunk-PT2BAFSQ.js.map