@tipp/ui 2.1.14 → 2.1.15

package/dist/chunk-NIJKJMBZ.js

@@ -0,0 +1,64 @@
+import {
+  curriculum_ai_traning_default
+} from "./chunk-SWDEAHPM.js";
+import {
+  curriculum_review_default
+} from "./chunk-V6GEGJYT.js";
+import {
+  curriculum_video_default
+} from "./chunk-HYMGXDPL.js";
+import {
+  useCurriculumContext
+} from "./chunk-VUWDCZOW.js";
+import {
+  Typo
+} from "./chunk-LH57PIY2.js";
+import {
+  Flex
+} from "./chunk-25HMMI7R.js";
+import {
+  InfoCircledIcon
+} from "./chunk-53ZVUOHV.js";
+
+// src/molecules/curriculumV2/CurriculumContents/index.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function CurriculumBody() {
+  const { selectedItem, selectedSectionTitle } = useCurriculumContext();
+  switch (selectedItem.type) {
+    case "video":
+      return /* @__PURE__ */ jsx(curriculum_video_default, { item: selectedItem });
+    case "review":
+      return /* @__PURE__ */ jsx(
+        curriculum_review_default,
+        {
+          item: selectedItem,
+          sectionTitle: selectedSectionTitle == null ? void 0 : selectedSectionTitle.title
+        }
+      );
+    case "aiTraining":
+      return /* @__PURE__ */ jsx(curriculum_ai_traning_default, { item: selectedItem });
+    default:
+      return /* @__PURE__ */ jsxs(
+        Flex,
+        {
+          align: "center",
+          direction: "column",
+          gap: "2",
+          height: "100%",
+          justify: "center",
+          width: "100%",
+          children: [
+            /* @__PURE__ */ jsx(InfoCircledIcon, { height: 24, width: 24 }),
+            /* @__PURE__ */ jsx(Typo, { children: "\uCEE8\uD150\uCE20\uB97C \uB85C\uB529 \uD560 \uC218 \uC5C6\uC2B5\uB2C8\uB2E4" }),
+            /* @__PURE__ */ jsx(Typo, { align: "center", color: "gray", variant: "caption", children: `[debug info]
+            ${JSON.stringify(selectedItem)}` })
+          ]
+        }
+      );
+  }
+}
+
+export {
+  CurriculumBody
+};
+//# sourceMappingURL=chunk-NIJKJMBZ.js.map

package/dist/chunk-NIJKJMBZ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/molecules/curriculumV2/CurriculumContents/index.tsx"],"sourcesContent":["import React from 'react';\nimport { Flex, Typo } from '@/atoms';\nimport { InfoCircledIcon } from '@/icon';\nimport { useCurriculumContext } from '../curriculum-context';\nimport CurriculumVideo from './curriculum-video';\nimport CurriculumReview from './curriculum-review';\nimport CurriculumAiTraning from './curriculum-ai-traning';\n\nexport function CurriculumBody(): React.ReactNode {\n  const { selectedItem, selectedSectionTitle } = useCurriculumContext();\n\n  switch (selectedItem.type) {\n    case 'video':\n      return <CurriculumVideo item={selectedItem} />;\n    case 'review':\n      return (\n        <CurriculumReview\n          item={selectedItem}\n          sectionTitle={selectedSectionTitle?.title}\n        />\n      );\n      case 'aiTraining':\n        return <CurriculumAiTraning item={selectedItem}/>\n    default:\n      return (\n        <Flex\n          align=\"center\"\n          direction=\"column\"\n          gap=\"2\"\n          height=\"100%\"\n          justify=\"center\"\n          width=\"100%\"\n        >\n          <InfoCircledIcon height={24} width={24} />\n          <Typo>컨텐츠를 로딩 할 수 없습니다</Typo>\n          <Typo align=\"center\" color=\"gray\" variant=\"caption\">\n            {`[debug info]\n            ${JSON.stringify(selectedItem)}`}\n          </Typo>\n        </Flex>\n      );\n  }\n} "],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAaa,cAYL,YAZK;AALN,SAAS,iBAAkC;AAChD,QAAM,EAAE,cAAc,qBAAqB,IAAI,qBAAqB;AAEpE,UAAQ,aAAa,MAAM;AAAA,IACzB,KAAK;AACH,aAAO,oBAAC,4BAAgB,MAAM,cAAc;AAAA,IAC9C,KAAK;AACH,aACE;AAAA,QAAC;AAAA;AAAA,UACC,MAAM;AAAA,UACN,cAAc,6DAAsB;AAAA;AAAA,MACtC;AAAA,IAEF,KAAK;AACH,aAAO,oBAAC,iCAAoB,MAAM,cAAa;AAAA,IACnD;AACE,aACE;AAAA,QAAC;AAAA;AAAA,UACC,OAAM;AAAA,UACN,WAAU;AAAA,UACV,KAAI;AAAA,UACJ,QAAO;AAAA,UACP,SAAQ;AAAA,UACR,OAAM;AAAA,UAEN;AAAA,gCAAC,mBAAgB,QAAQ,IAAI,OAAO,IAAI;AAAA,YACxC,oBAAC,QAAK,0FAAgB;AAAA,YACtB,oBAAC,QAAK,OAAM,UAAS,OAAM,QAAO,SAAQ,WACvC;AAAA,cACC,KAAK,UAAU,YAAY,CAAC,IAChC;AAAA;AAAA;AAAA,MACF;AAAA,EAEN;AACF;","names":[]}

package/dist/chunk-NL44G6TW.js

@@ -0,0 +1,63 @@
+import {
+  review_question_body_default
+} from "./chunk-HLRPXSTL.js";
+import {
+  review_question_footer_default
+} from "./chunk-JLNQOXEV.js";
+import {
+  review_question_header_default
+} from "./chunk-CHGLVZEQ.js";
+import {
+  review_question_layout_default
+} from "./chunk-YVMPMKUV.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-NL44G6TW.js.map

package/dist/chunk-NL44G6TW.js.map

@@ -0,0 +1 @@
+{"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-NRUZYBFM.js

@@ -0,0 +1,129 @@
+import {
+  CurriculumReviewSteps_default
+} from "./chunk-YDNYSZ4R.js";
+import {
+  useCurriculumContext
+} from "./chunk-YN4SHJ2O.js";
+import {
+  Dialog
+} from "./chunk-45VFASWZ.js";
+import {
+  IconButton
+} from "./chunk-O3DNDMV3.js";
+import {
+  Box
+} from "./chunk-4Y5BEXVN.js";
+import {
+  Typo
+} from "./chunk-LH57PIY2.js";
+import {
+  Flex
+} from "./chunk-25HMMI7R.js";
+import {
+  Button
+} from "./chunk-AFPH32MF.js";
+import {
+  __spreadValues
+} from "./chunk-2NMEKWO5.js";
+
+// src/molecules/curriculumV2/CurriculumContents/curriculum-review.tsx
+import { useCallback, useMemo, useState } from "react";
+import { Cross1Icon } from "@radix-ui/react-icons";
+import { jsx, jsxs } from "react/jsx-runtime";
+function CurriculumReview(props) {
+  const { item, sectionTitle } = props;
+  const { description, buttonTitle } = item;
+  const { curriculum, onReviewSubmit: _onReviewSubmit, onReviewValueChange, curriculumReviewAnswers, tempCurriculumReviewAnswers, curriculumCompleteMap } = useCurriculumContext();
+  const [open, setOpen] = useState(false);
+  const onReviewSubmit = useCallback((values) => {
+    return _onReviewSubmit({ reviewId: item.uuid, answer: values });
+  }, [item.uuid, _onReviewSubmit]);
+  const onClickEndReview = useCallback(() => {
+    setOpen(false);
+  }, []);
+  const mode = useMemo(() => {
+    return item.questions.every((question) => curriculumReviewAnswers[question.uuid] && curriculumReviewAnswers[question.uuid] !== "") ? "edit" : "create";
+  }, [curriculumReviewAnswers, item.questions]);
+  const defaultValues = useMemo(() => {
+    const allAnswers = __spreadValues(__spreadValues({}, tempCurriculumReviewAnswers), curriculumReviewAnswers);
+    return item.questions.reduce((acc, question) => {
+      acc[question.uuid] = allAnswers[question.uuid] || "";
+      return acc;
+    }, {});
+  }, [curriculumReviewAnswers, item.questions, tempCurriculumReviewAnswers]);
+  const done = useMemo(() => {
+    return Boolean(curriculumCompleteMap[item.uuid]);
+  }, [curriculumCompleteMap, item.uuid]);
+  return /* @__PURE__ */ jsxs(Dialog.Root, { onOpenChange: setOpen, open, children: [
+    /* @__PURE__ */ jsxs(
+      Flex,
+      {
+        align: "center",
+        direction: "column",
+        height: "100%",
+        justify: "center",
+        px: "3",
+        py: "3",
+        width: "100%",
+        style: {
+          backgroundImage: `url(https://tipp-coaching-live.s3.ap-northeast-2.amazonaws.com/images/curriculum_review_bg.png)`,
+          backgroundPosition: "center",
+          backgroundSize: "cover",
+          backgroundRepeat: "no-repeat"
+        },
+        children: [
+          /* @__PURE__ */ jsx(Typo, { color: "gray", weight: "bold", children: curriculum.title }),
+          /* @__PURE__ */ jsx(Typo, { align: "center", as: "p", color: "gray", children: description }),
+          /* @__PURE__ */ jsx(Dialog.Trigger, { children: /* @__PURE__ */ jsx(Button, { mt: "3", style: { width: 232 }, variant: done ? "outline" : "solid", children: /* @__PURE__ */ jsx(Typo, { truncate: true, children: done ? "\uB098\uC758 \uC751\uB2F5 \uB2E4\uC2DC\uBCF4\uAE30" : buttonTitle }) }) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Dialog.Content,
+      {
+        height: "100%",
+        hideCloseButton: true,
+        style: { borderRadius: 0, padding: 0 },
+        title: "",
+        width: "100%",
+        children: /* @__PURE__ */ jsxs(
+          Flex,
+          {
+            align: "center",
+            height: "100%",
+            justify: "center",
+            pb: "3",
+            position: "relative",
+            width: "100%",
+            children: [
+              /* @__PURE__ */ jsx(
+                CurriculumReviewSteps_default,
+                {
+                  contents: item,
+                  curriculum,
+                  defaultValues,
+                  done,
+                  mode,
+                  onClickEndReview,
+                  onReviewValueChange,
+                  onSubmit: onReviewSubmit,
+                  title: sectionTitle
+                }
+              ),
+              /* @__PURE__ */ jsx(Box, { position: "absolute", right: "16px", top: "16px", children: /* @__PURE__ */ jsx(Dialog.Close, { asChild: true, children: /* @__PURE__ */ jsxs(IconButton, { color: "gray", variant: "ghost", children: [
+                /* @__PURE__ */ jsx(Box, { display: { initial: "none", md: "block" }, children: /* @__PURE__ */ jsx(Cross1Icon, { height: 20, width: 20 }) }),
+                /* @__PURE__ */ jsx(Box, { display: { initial: "block", md: "none" }, children: /* @__PURE__ */ jsx(Cross1Icon, { height: 16, width: 16 }) })
+              ] }) }) })
+            ]
+          }
+        )
+      }
+    )
+  ] });
+}
+var curriculum_review_default = CurriculumReview;
+
+export {
+  curriculum_review_default
+};
+//# sourceMappingURL=chunk-NRUZYBFM.js.map

package/dist/chunk-NRUZYBFM.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/molecules/curriculumV2/CurriculumContents/curriculum-review.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useState } from 'react';\nimport { Cross1Icon } from '@radix-ui/react-icons';\nimport { Box, Button, Dialog, Flex, IconButton, Typo } from '@/atoms';\nimport { type CurriculumReviewContents } from '@/types/curriculumContents.type';\nimport { useCurriculumContext } from '../curriculum-context';\nimport CurriculumReviewSteps from './CurriculumReviewSteps';\n\ninterface CurriculumReviewProps {\n  item: CurriculumReviewContents;\n  sectionTitle: string | undefined;\n}\n\nfunction CurriculumReview(props: CurriculumReviewProps): React.ReactNode {\n  const { item, sectionTitle } = props;\n  const { description, buttonTitle } = item;\n  const { curriculum, onReviewSubmit: _onReviewSubmit, onReviewValueChange, curriculumReviewAnswers, tempCurriculumReviewAnswers, curriculumCompleteMap } = useCurriculumContext();\n  const [open, setOpen] = useState(false);\n\n  const onReviewSubmit = useCallback((values: Record<string, string>) => {\n    return _onReviewSubmit({ reviewId: item.uuid, answer: values });\n  }, [item.uuid, _onReviewSubmit]); \n\n  const onClickEndReview = useCallback(() => {\n    setOpen(false); \n  }, []);\n\n  const mode = useMemo(() => {\n    return item.questions.every(question => curriculumReviewAnswers[question.uuid] && curriculumReviewAnswers[question.uuid] !== '') ? 'edit' : 'create';\n  }, [curriculumReviewAnswers, item.questions]);\n\n  const defaultValues = useMemo(() => { \n    const allAnswers = {\n      ...tempCurriculumReviewAnswers,\n      ...curriculumReviewAnswers\n    };\n\n    return item.questions.reduce<Record<string, string>>((acc, question) => {\n      acc[question.uuid] = allAnswers[question.uuid] || '';\n      return acc;\n    }, {});\n  }, [curriculumReviewAnswers, item.questions, tempCurriculumReviewAnswers]);\n\n  const done = useMemo(() => {\n    return Boolean(curriculumCompleteMap[item.uuid]);\n  }, [curriculumCompleteMap, item.uuid]);\n\n  return (\n    <Dialog.Root onOpenChange={setOpen} open={open}>\n      <Flex\n        align=\"center\"\n        direction=\"column\"\n        height=\"100%\"\n        justify=\"center\"\n        px=\"3\"\n        py=\"3\"\n        width=\"100%\"\n        style={{\n          backgroundImage: `url(https://tipp-coaching-live.s3.ap-northeast-2.amazonaws.com/images/curriculum_review_bg.png)`,\n          backgroundPosition:'center',\n          backgroundSize:'cover',\n          backgroundRepeat:'no-repeat',\n        }}\n      >\n        <Typo color=\"gray\" weight=\"bold\">\n          {curriculum.title}\n        </Typo>\n        <Typo align=\"center\" as=\"p\" color=\"gray\">\n          {description}\n        </Typo>\n\n        <Dialog.Trigger>\n          <Button mt=\"3\" style={{ width: 232 }} variant={done ? 'outline' : 'solid'}>\n            <Typo truncate>{done ? '나의 응답 다시보기' : buttonTitle}</Typo>\n          </Button>\n        </Dialog.Trigger>\n      </Flex>\n      <Dialog.Content\n        height=\"100%\"\n        hideCloseButton\n        style={{ borderRadius: 0, padding: 0 }}\n        title=\"\"\n        width=\"100%\"\n      >\n        <Flex\n          align=\"center\"\n          height=\"100%\"\n          justify=\"center\"\n          pb=\"3\"\n          position=\"relative\"\n          width=\"100%\"\n        >\n          <CurriculumReviewSteps\n            contents={item}\n            curriculum={curriculum} \n            defaultValues={defaultValues}\n            done={done}\n            mode={mode}\n            onClickEndReview={onClickEndReview}\n            onReviewValueChange={onReviewValueChange}\n            onSubmit={onReviewSubmit}\n            title={sectionTitle}\n          />\n          <Box position=\"absolute\" right=\"16px\" top=\"16px\">\n            <Dialog.Close asChild>\n              <IconButton color=\"gray\" variant=\"ghost\">\n                <Box display={{ initial: 'none', md: 'block' }}>\n                  <Cross1Icon height={20} width={20} />\n                </Box>\n                <Box display={{ initial: 'block', md: 'none' }}>\n                  <Cross1Icon height={16} width={16} />\n                </Box>\n              </IconButton>\n            </Dialog.Close>\n          </Box>\n        </Flex>\n      </Dialog.Content>\n    </Dialog.Root>\n  );\n}\n\nexport default CurriculumReview;\n"],"mappings":"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","names":[]}

package/dist/chunk-NWDER52Q.js

@@ -0,0 +1,143 @@
+// src/molecules/curriculumV2/curriculum-context.tsx
+import {
+  createContext,
+  useContext,
+  useState,
+  useMemo,
+  useCallback,
+  useRef,
+  useEffect
+} from "react";
+import { jsx } from "react/jsx-runtime";
+var CurriculumContext = createContext(
+  void 0
+);
+function CurriculumProvider(props) {
+  var _a;
+  const {
+    children,
+    curriculum,
+    onReviewSubmit,
+    onReviewValueChange,
+    curriculumReviewAnswers,
+    tempCurriculumReviewAnswers,
+    curriculumCompleteMap,
+    onChangeSelectedContent
+  } = props;
+  const sidebarRef = useRef(null);
+  const scrollNavItem = useCallback((index) => {
+    var _a2;
+    const element = (_a2 = sidebarRef.current) == null ? void 0 : _a2.querySelector(
+      `[data-curriculum-item-index="${index}"]`
+    );
+    if (element) {
+      element.scrollIntoView({ behavior: "smooth", block: "start" });
+    }
+  }, []);
+  const list = curriculum.contents.list;
+  const selectableIndexes = useMemo(
+    () => list.map((item, i) => item.type !== "sectionTitle" ? i : null).filter((i) => i !== null),
+    [list]
+  );
+  const [selectedIndexState, setSelectedIndexState] = useState(
+    (_a = selectableIndexes[0]) != null ? _a : 0
+  );
+  const setSelectedIndex = useCallback(
+    (idx) => {
+      if (selectableIndexes.includes(idx)) {
+        setSelectedIndexState(idx);
+      } else {
+        const next = selectableIndexes.find((i) => i > idx);
+        const prev = [...selectableIndexes].reverse().find((i) => i < idx);
+        if (next !== void 0) setSelectedIndexState(next);
+        else if (prev !== void 0) setSelectedIndexState(prev);
+      }
+    },
+    [selectableIndexes]
+  );
+  const selectablePos = useMemo(
+    () => selectableIndexes.indexOf(selectedIndexState),
+    [selectableIndexes, selectedIndexState]
+  );
+  const hasPrev = selectablePos > 0;
+  const hasNext = selectablePos < selectableIndexes.length - 1;
+  const selectPrev = useCallback(
+    (cb) => {
+      setSelectedIndexState((cur) => {
+        let prevIndex = cur;
+        const pos = selectableIndexes.indexOf(cur);
+        if (pos > 0) {
+          prevIndex = selectableIndexes[pos - 1];
+        }
+        if (cb) cb(prevIndex);
+        return prevIndex;
+      });
+    },
+    [selectableIndexes]
+  );
+  const selectNext = useCallback(
+    (cb) => {
+      setSelectedIndexState((cur) => {
+        let nextIndex = cur;
+        const pos = selectableIndexes.indexOf(cur);
+        if (pos < selectableIndexes.length - 1) {
+          nextIndex = selectableIndexes[pos + 1];
+        }
+        if (cb) cb(nextIndex);
+        return nextIndex;
+      });
+    },
+    [selectableIndexes]
+  );
+  const selectedId = useMemo(
+    () => {
+      var _a2, _b;
+      return (_b = (_a2 = list[selectedIndexState]) == null ? void 0 : _a2.uuid) != null ? _b : "";
+    },
+    [list, selectedIndexState]
+  );
+  const selectedItem = useMemo(() => {
+    return list[selectedIndexState];
+  }, [list, selectedIndexState]);
+  const selectedSectionTitle = useMemo(() => {
+    var _a2;
+    const prevItems = list.slice(0, selectedIndexState).reverse();
+    return (_a2 = prevItems.find((item) => item.type === "sectionTitle")) != null ? _a2 : null;
+  }, [list, selectedIndexState]);
+  useEffect(() => {
+    onChangeSelectedContent == null ? void 0 : onChangeSelectedContent(selectedItem);
+  }, [selectedItem]);
+  return /* @__PURE__ */ jsx(CurriculumContext.Provider, { value: {
+    curriculum,
+    scrollNavItem,
+    selectedIndex: selectedIndexState,
+    setSelectedIndex,
+    selectedId,
+    hasPrev,
+    hasNext,
+    selectPrev,
+    selectNext,
+    selectedSectionTitle,
+    selectedItem,
+    scrollAreaRef: sidebarRef,
+    onReviewSubmit,
+    onReviewValueChange,
+    curriculumReviewAnswers,
+    tempCurriculumReviewAnswers,
+    curriculumCompleteMap
+  }, children });
+}
+function useCurriculumContext() {
+  const ctx = useContext(CurriculumContext);
+  if (!ctx)
+    throw new Error(
+      "useCurriculumContext must be used within CurriculumProvider"
+    );
+  return ctx;
+}
+
+export {
+  CurriculumProvider,
+  useCurriculumContext
+};
+//# sourceMappingURL=chunk-NWDER52Q.js.map

package/dist/chunk-NWDER52Q.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/molecules/curriculumV2/curriculum-context.tsx"],"sourcesContent":["import React, {\n  createContext,\n  useContext,\n  useState,\n  useMemo,\n  useCallback,\n  useRef,\n  useEffect,\n} from 'react';\nimport {  \n  type CurriculumSectionTitleContents,\n} from '@/types/curriculumContents.type';\nimport type { Curriculum, CurriculumListContents } from '@/types/curriculum.type';\n\n\nexport interface CurriculumContextValue {\n  curriculum: Curriculum;\n  selectedIndex: number;\n  setSelectedIndex: (idx: number) => void;\n  selectedId: string;\n  hasPrev: boolean;\n  hasNext: boolean;\n  selectPrev: (cb?: (moveIndex: number) => void) => void;\n  selectNext: (cb?: (moveIndex: number) => void) => void;\n  selectedItem: CurriculumListContents;\n  /** 선택된 아이템의 이전 아이템 중 가장 가까운 섹션 타이틀 */\n  selectedSectionTitle: CurriculumSectionTitleContents | null;\n  /** 컨텐츠 목록 스크롤 이동 함수 */\n  scrollNavItem: (uuid: string) => void;\n  /** 스크롤 영역 참조 */\n  scrollAreaRef: React.RefObject<HTMLDivElement | null>;\n  /** 리뷰 제출 함수 */\n  onReviewSubmit: ({\n    reviewId,\n    answer,\n  }: {\n    reviewId: string;\n    answer: Record<string, string>;\n  }) => Promise<boolean>;\n  /** 리뷰 응답 값 변경 시 호출 */\n  onReviewValueChange: ({\n    reviewId,\n    answer,\n  }: {\n    reviewId: string;\n    answer: Record<string, string>;\n  }) => void;\n  /** 과제 완료 후 저장된 값 */\n  curriculumReviewAnswers: Record<string, string>;\n  /** 과제 완료 전 임시 저장된 값 */\n  tempCurriculumReviewAnswers: Record<string, string>; \n  /** 항목 수강 완료 여부 */\n  curriculumCompleteMap: Record<string, boolean>;\n  /** action Button 클릭시 호출 */\n  onActionButtonClick: (item: CurriculumListContents) => void;\n}\n\nconst CurriculumContext = createContext<CurriculumContextValue | undefined>(\n  undefined\n);\n\nexport interface CurriculumProviderProps extends Pick<CurriculumContextValue, 'curriculum' | 'onReviewSubmit' | 'onReviewValueChange' | 'curriculumReviewAnswers' | 'tempCurriculumReviewAnswers' | 'curriculumCompleteMap'> {\n  children: React.ReactNode; \n  onReviewValueChange: ({\n    reviewId,\n    answer,\n  }: {\n    reviewId: string;\n    answer: Record<string, string>;\n  }) => void; \n\n  /** 현재 화면에 표시 중인 컨텐츠 인덱스 변경 시 호출 */\n  onChangeSelectedContent?: (item: CurriculumListContents) => void;\n}\n\nexport function CurriculumProvider(props: CurriculumProviderProps): React.ReactElement {\n  const {\n    children,\n    curriculum,\n    onReviewSubmit, \n    onReviewValueChange,\n    curriculumReviewAnswers,\n    tempCurriculumReviewAnswers, \n    curriculumCompleteMap,\n    onChangeSelectedContent\n  } = props;\n  const sidebarRef = useRef<HTMLDivElement>(null);\n\n  const scrollNavItem = useCallback((index: string) => {\n    const element = sidebarRef.current?.querySelector(\n      `[data-curriculum-item-index=\"${index}\"]`\n    );\n    if (element) {\n      element.scrollIntoView({ behavior: 'smooth', block: 'start' });\n    }\n  }, []);\n\n  const list = curriculum.contents.list;\n  // 선택 가능한 인덱스만 추출\n  const selectableIndexes = useMemo(\n    () =>\n      list\n        .map((item, i) => (item.type !== 'sectionTitle' ? i : null))\n        .filter((i): i is number => i !== null),\n    [list]\n  );\n  // 최초 선택값: 첫 번째 선택 가능한 인덱스\n  const [selectedIndexState, setSelectedIndexState] = useState<number>(\n    selectableIndexes[0] ?? 0\n  );\n\n  // 선택 인덱스 보정 함수\n  const setSelectedIndex = useCallback(\n    (idx: number) => {\n      if (selectableIndexes.includes(idx)) {\n        setSelectedIndexState(idx);\n      } else {\n        // idx가 선택 불가면, selectableIndexes에서 가장 가까운 다음 인덱스 선택\n        const next = selectableIndexes.find((i) => i > idx);\n        const prev = [...selectableIndexes].reverse().find((i) => i < idx);\n        if (next !== undefined) setSelectedIndexState(next);\n        else if (prev !== undefined) setSelectedIndexState(prev);\n      }\n    },\n    [selectableIndexes]\n  );\n\n  // 현재 선택 인덱스가 selectableIndexes 내 몇 번째인지\n  const selectablePos = useMemo(\n    () => selectableIndexes.indexOf(selectedIndexState),\n    [selectableIndexes, selectedIndexState]\n  );\n  const hasPrev = selectablePos > 0;\n  const hasNext = selectablePos < selectableIndexes.length - 1;\n\n  const selectPrev = useCallback(\n    (cb?: (moveIndex: number) => void) => {\n      setSelectedIndexState((cur) => {\n        let prevIndex = cur;\n        const pos = selectableIndexes.indexOf(cur);\n        if (pos > 0) {\n          prevIndex = selectableIndexes[pos - 1];\n        }\n        if (cb) cb(prevIndex);\n        return prevIndex;\n      });\n    },\n    [selectableIndexes]\n  );\n  const selectNext = useCallback(\n    (cb?: (moveIndex: number) => void) => {\n      setSelectedIndexState((cur) => {\n        let nextIndex = cur;\n        const pos = selectableIndexes.indexOf(cur);\n        if (pos < selectableIndexes.length - 1) {\n          nextIndex = selectableIndexes[pos + 1];\n        }\n        if (cb) cb(nextIndex);\n        return nextIndex;\n      });\n    },\n    [selectableIndexes]\n  );\n\n  const selectedId = useMemo(\n    () => list[selectedIndexState]?.uuid ?? '',\n    [list, selectedIndexState]\n  );\n\n  const selectedItem = useMemo(()=>{\n    return list[selectedIndexState];\n  },[list,selectedIndexState])\n\n  const selectedSectionTitle = useMemo(() => {\n    // selectedIndexState 이전 인덱스 중 가장 가까운 섹션 타이틀 찾기\n    const prevItems = list.slice(0, selectedIndexState).reverse();\n    return prevItems.find((item) => item.type === 'sectionTitle') ?? null;\n  }, [list, selectedIndexState]);\n \n\n  useEffect(()=>{\n    onChangeSelectedContent?.(selectedItem);\n  // eslint-disable-next-line react-hooks/exhaustive-deps -- useEffect 호출 최적화\n  },[selectedItem])\n\n  return (\n    <CurriculumContext.Provider value={{\n      curriculum,\n      scrollNavItem,\n      selectedIndex: selectedIndexState,\n      setSelectedIndex,\n      selectedId,\n      hasPrev,\n      hasNext,\n      selectPrev,\n      selectNext,\n      selectedSectionTitle,\n      selectedItem,\n      scrollAreaRef: sidebarRef,\n      onReviewSubmit, \n      onReviewValueChange,\n      curriculumReviewAnswers,\n      tempCurriculumReviewAnswers, \n      curriculumCompleteMap\n    }}>\n      {children}\n    </CurriculumContext.Provider>\n  );\n}\n\nexport function useCurriculumContext(): CurriculumContextValue {\n  const ctx = useContext(CurriculumContext);\n  if (!ctx)\n    throw new Error(\n      'useCurriculumContext must be used within CurriculumProvider'\n    );\n  return ctx;\n}\n"],"mappings":"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","names":["_a"]}

package/dist/chunk-NYMTN67G.js

@@ -0,0 +1,49 @@
+import {
+  ReviewQuestionContentHeader
+} from "./chunk-D45E6VDM.js";
+import {
+  TextArea
+} from "./chunk-3F45OPXG.js";
+import {
+  Grid
+} from "./chunk-EGEQY3KT.js";
+import {
+  Card
+} from "./chunk-HEDMSFPW.js";
+
+// src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-satisfaction-text.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function ReviewQuestionSatisfisText(props) {
+  var _a, _b;
+  const { question, answer, onChange } = props;
+  return /* @__PURE__ */ jsx(Card, { size: "2", style: { height: "100%", width: "100%" }, children: /* @__PURE__ */ jsxs(Grid, { height: "100%", rows: "auto 1fr", children: [
+    /* @__PURE__ */ jsx(
+      ReviewQuestionContentHeader,
+      {
+        icon: question.icon,
+        question: (_a = question.question) != null ? _a : "\uC774\uBC88 \uD559\uC2B5\uC5D0 \uB300\uD574 \uCD94\uAC00\uB85C \uB0A8\uAE38 \uC758\uACAC\uC774 \uC788\uB2E4\uBA74 \uACF5\uC720\uD574\uC8FC\uC138\uC694.",
+        title: (_b = question.title) != null ? _b : "\uB9CC\uC871\uB3C4 \uC870\uC0AC",
+        type: question.type
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      TextArea,
+      {
+        mt: "2",
+        onChange: (e) => {
+          onChange(e.target.value);
+        },
+        placeholder: question.placeholder,
+        style: {
+          height: "100%"
+        },
+        value: answer
+      }
+    )
+  ] }) });
+}
+
+export {
+  ReviewQuestionSatisfisText
+};
+//# sourceMappingURL=chunk-NYMTN67G.js.map

package/dist/chunk-NYMTN67G.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-satisfaction-text.tsx"],"sourcesContent":["import React from 'react';\nimport { Card, Grid, TextArea } from '@/atoms';\nimport { type CurriculumReviewQuestionSatisfactionText } from '@/types/curriculumContents.type';\nimport { ReviewQuestionContentHeader } from './review-comp';\n\ninterface ReviewQuestionSatisfactionTextProps {\n  question: CurriculumReviewQuestionSatisfactionText;\n  answer: string;\n  error?: string;\n  onChange: (value: string) => void;\n}\n\nexport default function ReviewQuestionSatisfisText(\n  props: ReviewQuestionSatisfactionTextProps\n): React.ReactNode {\n  const { question, answer, onChange } = props;\n\n  return (\n    <Card size=\"2\" style={{ height: '100%', width: '100%' }}>\n      <Grid height=\"100%\" rows=\"auto 1fr\">\n        <ReviewQuestionContentHeader\n          icon={question.icon}\n          question={\n            question.question ??\n            '이번 학습에 대해 추가로 남길 의견이 있다면 공유해주세요.'\n          }\n          title={question.title ?? '만족도 조사'}\n          type={question.type}\n        />\n        <TextArea\n          mt=\"2\"\n          onChange={(e) => {\n            onChange(e.target.value);\n          }}\n          placeholder={question.placeholder}\n          style={{\n            height: '100%',\n          }}\n          value={answer}\n        />\n      </Grid>\n    </Card>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;AAmBM,SACE,KADF;AAPS,SAAR,2BACL,OACiB;AAdnB;AAeE,QAAM,EAAE,UAAU,QAAQ,SAAS,IAAI;AAEvC,SACE,oBAAC,QAAK,MAAK,KAAI,OAAO,EAAE,QAAQ,QAAQ,OAAO,OAAO,GACpD,+BAAC,QAAK,QAAO,QAAO,MAAK,YACvB;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,MAAM,SAAS;AAAA,QACf,WACE,cAAS,aAAT,YACA;AAAA,QAEF,QAAO,cAAS,UAAT,YAAkB;AAAA,QACzB,MAAM,SAAS;AAAA;AAAA,IACjB;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH,UAAU,CAAC,MAAM;AACf,mBAAS,EAAE,OAAO,KAAK;AAAA,QACzB;AAAA,QACA,aAAa,SAAS;AAAA,QACtB,OAAO;AAAA,UACL,QAAQ;AAAA,QACV;AAAA,QACA,OAAO;AAAA;AAAA,IACT;AAAA,KACF,GACF;AAEJ;","names":[]}

package/dist/chunk-O667N37D.js

@@ -0,0 +1,61 @@
+import {
+  sidebar_item_default
+} from "./chunk-ME4UZKVM.js";
+import {
+  useCurriculumContext
+} from "./chunk-VUWDCZOW.js";
+import {
+  Tabs
+} from "./chunk-5ZITU5L7.js";
+import {
+  Grid
+} from "./chunk-EGEQY3KT.js";
+import {
+  Box
+} from "./chunk-4Y5BEXVN.js";
+
+// src/molecules/curriculumV2/CurriculumSidebar/index.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var TAB_LIST = [
+  {
+    label: "\uAC15\uC758 \uBAA9\uCC28",
+    value: "curriculum"
+  }
+];
+function CurriculumSidebar() {
+  const { curriculum, selectedIndex, setSelectedIndex, scrollAreaRef, curriculumCompleteMap } = useCurriculumContext();
+  const list = curriculum.contents.list;
+  return /* @__PURE__ */ jsx(Tabs.Root, { asChild: true, defaultValue: TAB_LIST[0].value, children: /* @__PURE__ */ jsxs(Grid, { height: "100%", overflowY: "auto", rows: "auto 1fr ", width: "100%", children: [
+    /* @__PURE__ */ jsx(Tabs.List, { style: { padding: "0 var(--space-3)" }, children: TAB_LIST.map((tab) => /* @__PURE__ */ jsx(Tabs.Trigger, { value: tab.value, children: tab.label }, tab.value)) }),
+    /* @__PURE__ */ jsx(
+      Box,
+      {
+        height: "100%",
+        overflowY: "auto",
+        position: "relative",
+        ref: scrollAreaRef,
+        width: "100%",
+        children: /* @__PURE__ */ jsxs(
+          Tabs.Content,
+          {
+            style: {
+              position: "absolute",
+              height: "100%",
+              width: "100%"
+            },
+            value: TAB_LIST[0].value,
+            children: [
+              list.map((item, index) => /* @__PURE__ */ jsx(sidebar_item_default, { done: curriculumCompleteMap[item.uuid], index, item, selectedIndex, setSelectedIndex }, item.uuid)),
+              /* @__PURE__ */ jsx(Box, { height: "150px" })
+            ]
+          }
+        )
+      }
+    )
+  ] }) });
+}
+
+export {
+  CurriculumSidebar
+};
+//# sourceMappingURL=chunk-O667N37D.js.map

package/dist/chunk-O667N37D.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/molecules/curriculumV2/CurriculumSidebar/index.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, Grid, Tabs } from '@/atoms';\nimport { useCurriculumContext } from '../curriculum-context'; \nimport SidebarItem from './sidebar-item';\n\nconst TAB_LIST = [\n  {\n    label: '강의 목차',\n    value: 'curriculum',\n  },\n];\nexport function CurriculumSidebar(): React.ReactNode {\n  const { curriculum, selectedIndex, setSelectedIndex, scrollAreaRef, curriculumCompleteMap } =\n    useCurriculumContext();\n  const list = curriculum.contents.list;\n \n\n  return (\n    <Tabs.Root asChild defaultValue={TAB_LIST[0].value}>\n      <Grid height=\"100%\" overflowY=\"auto\" rows=\"auto 1fr \" width=\"100%\">\n        <Tabs.List style={{ padding: '0 var(--space-3)' }}>\n          {TAB_LIST.map((tab) => (\n            <Tabs.Trigger key={tab.value} value={tab.value}>\n              {tab.label}\n            </Tabs.Trigger>\n          ))}\n        </Tabs.List>\n        <Box\n          height=\"100%\"\n          overflowY=\"auto\"\n          position=\"relative\"\n          ref={scrollAreaRef}\n          width=\"100%\"\n        >\n          <Tabs.Content\n            style={{\n              position: 'absolute',\n              height: '100%',\n              width: '100%',\n            }}\n            value={TAB_LIST[0].value}\n          >\n            {list.map((item, index) => (\n              <SidebarItem done={curriculumCompleteMap[item.uuid]} index={index} item={item} key={item.uuid} selectedIndex={selectedIndex} setSelectedIndex={setSelectedIndex} />\n            ))}\n            <Box height=\"150px\" />\n          </Tabs.Content>\n        </Box>\n      </Grid>\n    </Tabs.Root>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAsBY,cAYF,YAZE;AAjBZ,IAAM,WAAW;AAAA,EACf;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,EACT;AACF;AACO,SAAS,oBAAqC;AACnD,QAAM,EAAE,YAAY,eAAe,kBAAkB,eAAe,sBAAsB,IACxF,qBAAqB;AACvB,QAAM,OAAO,WAAW,SAAS;AAGjC,SACE,oBAAC,KAAK,MAAL,EAAU,SAAO,MAAC,cAAc,SAAS,CAAC,EAAE,OAC3C,+BAAC,QAAK,QAAO,QAAO,WAAU,QAAO,MAAK,aAAY,OAAM,QAC1D;AAAA,wBAAC,KAAK,MAAL,EAAU,OAAO,EAAE,SAAS,mBAAmB,GAC7C,mBAAS,IAAI,CAAC,QACb,oBAAC,KAAK,SAAL,EAA6B,OAAO,IAAI,OACtC,cAAI,SADY,IAAI,KAEvB,CACD,GACH;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,QAAO;AAAA,QACP,WAAU;AAAA,QACV,UAAS;AAAA,QACT,KAAK;AAAA,QACL,OAAM;AAAA,QAEN;AAAA,UAAC,KAAK;AAAA,UAAL;AAAA,YACC,OAAO;AAAA,cACL,UAAU;AAAA,cACV,QAAQ;AAAA,cACR,OAAO;AAAA,YACT;AAAA,YACA,OAAO,SAAS,CAAC,EAAE;AAAA,YAElB;AAAA,mBAAK,IAAI,CAAC,MAAM,UACf,oBAAC,wBAAY,MAAM,sBAAsB,KAAK,IAAI,GAAG,OAAc,MAA4B,eAA8B,oBAAzC,KAAK,IAAwE,CAClK;AAAA,cACD,oBAAC,OAAI,QAAO,SAAQ;AAAA;AAAA;AAAA,QACtB;AAAA;AAAA,IACF;AAAA,KACF,GACF;AAEJ;","names":[]}

package/dist/chunk-OGNEFTFX.js

@@ -0,0 +1,49 @@
+import {
+  ReviewQuestionContentHeader
+} from "./chunk-ABYY6L2W.js";
+import {
+  TextArea
+} from "./chunk-3F45OPXG.js";
+import {
+  Grid
+} from "./chunk-EGEQY3KT.js";
+import {
+  Card
+} from "./chunk-HEDMSFPW.js";
+
+// src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-satisfaction-text.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function ReviewQuestionSatisfisText(props) {
+  var _a, _b;
+  const { question, answer, onChange } = props;
+  return /* @__PURE__ */ jsx(Card, { size: "2", style: { height: "100%", width: "100%" }, children: /* @__PURE__ */ jsxs(Grid, { height: "100%", rows: "auto 1fr", children: [
+    /* @__PURE__ */ jsx(
+      ReviewQuestionContentHeader,
+      {
+        icon: question.icon,
+        question: (_a = question.question) != null ? _a : "\uC774\uBC88 \uD559\uC2B5\uC5D0 \uB300\uD574 \uCD94\uAC00\uB85C \uB0A8\uAE38 \uC758\uACAC\uC774 \uC788\uB2E4\uBA74 \uACF5\uC720\uD574\uC8FC\uC138\uC694.",
+        title: (_b = question.title) != null ? _b : "\uB9CC\uC871\uB3C4 \uC870\uC0AC",
+        type: question.type
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      TextArea,
+      {
+        mt: "2",
+        onChange: (e) => {
+          onChange(e.target.value);
+        },
+        placeholder: question.placeholder,
+        style: {
+          height: "100%"
+        },
+        value: answer
+      }
+    )
+  ] }) });
+}
+
+export {
+  ReviewQuestionSatisfisText
+};
+//# sourceMappingURL=chunk-OGNEFTFX.js.map

package/dist/chunk-OGNEFTFX.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-satisfaction-text.tsx"],"sourcesContent":["import React from 'react';\nimport { Card, Grid, TextArea } from '@/atoms';\nimport { type CurriculumReviewQuestionSatisfactionText } from '@/types/curriculumContents.type';\nimport { ReviewQuestionContentHeader } from './review-comp';\n\ninterface ReviewQuestionSatisfactionTextProps {\n  question: CurriculumReviewQuestionSatisfactionText;\n  answer: string;\n  error?: string;\n  onChange: (value: string) => void;\n}\n\nexport default function ReviewQuestionSatisfisText(\n  props: ReviewQuestionSatisfactionTextProps\n): React.ReactNode {\n  const { question, answer, onChange } = props;\n\n  return (\n    <Card size=\"2\" style={{ height: '100%', width: '100%' }}>\n      <Grid height=\"100%\" rows=\"auto 1fr\">\n        <ReviewQuestionContentHeader\n          icon={question.icon}\n          question={\n            question.question ??\n            '이번 학습에 대해 추가로 남길 의견이 있다면 공유해주세요.'\n          }\n          title={question.title ?? '만족도 조사'}\n          type={question.type}\n        />\n        <TextArea\n          mt=\"2\"\n          onChange={(e) => {\n            onChange(e.target.value);\n          }}\n          placeholder={question.placeholder}\n          style={{\n            height: '100%',\n          }}\n          value={answer}\n        />\n      </Grid>\n    </Card>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;AAmBM,SACE,KADF;AAPS,SAAR,2BACL,OACiB;AAdnB;AAeE,QAAM,EAAE,UAAU,QAAQ,SAAS,IAAI;AAEvC,SACE,oBAAC,QAAK,MAAK,KAAI,OAAO,EAAE,QAAQ,QAAQ,OAAO,OAAO,GACpD,+BAAC,QAAK,QAAO,QAAO,MAAK,YACvB;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,MAAM,SAAS;AAAA,QACf,WACE,cAAS,aAAT,YACA;AAAA,QAEF,QAAO,cAAS,UAAT,YAAkB;AAAA,QACzB,MAAM,SAAS;AAAA;AAAA,IACjB;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH,UAAU,CAAC,MAAM;AACf,mBAAS,EAAE,OAAO,KAAK;AAAA,QACzB;AAAA,QACA,aAAa,SAAS;AAAA,QACtB,OAAO;AAAA,UACL,QAAQ;AAAA,QACV;AAAA,QACA,OAAO;AAAA;AAAA,IACT;AAAA,KACF,GACF;AAEJ;","names":[]}