@tipp/ui 2.2.3 → 2.2.4

package/dist/chunk-OEZ56BOH.js

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

package/dist/chunk-OEZ56BOH.js.map

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

package/dist/chunk-OHFEMVML.js

@@ -1,228 +0,0 @@
-import {
-  OnOfflineRadioCard
-} from "./chunk-T322YCWC.js";
-import {
-  DatePickerButton
-} from "./chunk-YHJMXPFV.js";
-import {
-  toast
-} from "./chunk-26ZU5KUR.js";
-import {
-  Grid
-} from "./chunk-EGEQY3KT.js";
-import {
-  Inset
-} from "./chunk-XQOL7UBI.js";
-import {
-  Heading
-} from "./chunk-34OQDUQR.js";
-import {
-  Card
-} from "./chunk-HEDMSFPW.js";
-import {
-  Badge
-} from "./chunk-FCIHNIOH.js";
-import {
-  Box
-} from "./chunk-4Y5BEXVN.js";
-import {
-  BulletText
-} from "./chunk-VE737SXT.js";
-import {
-  Flex
-} from "./chunk-25HMMI7R.js";
-import {
-  Typo
-} from "./chunk-PARGQUJB.js";
-import {
-  Button
-} from "./chunk-BW46WIN5.js";
-import {
-  ArrowRightIcon,
-  Cross1Icon
-} from "./chunk-V5XKNSCK.js";
-import {
-  __spreadProps,
-  __spreadValues
-} from "./chunk-2NMEKWO5.js";
-
-// src/app/platform/reservation-card.tsx
-import { useCallback, useEffect, useMemo, useState } from "react";
-import { format } from "date-fns";
-import { ko } from "date-fns/locale";
-import { jsx, jsxs } from "react/jsx-runtime";
-function ReservationCard(props) {
-  const {
-    sessionNumber,
-    customerName,
-    readonly,
-    defaultTime,
-    defaultType,
-    error,
-    minTime,
-    maxTime,
-    onClickReserve,
-    onClickCancel,
-    onClickCompleteSession
-  } = props;
-  const [editValues, setEditValues] = useState({
-    date: props.defaultTime,
-    type: props.defaultType
-  });
-  const date = readonly ? defaultTime : editValues.date;
-  const type = readonly ? defaultType : editValues.type;
-  const onClickSave = useCallback(() => {
-    var _a;
-    (_a = props.onClickSave) == null ? void 0 : _a.call(props, editValues);
-  }, [editValues, props]);
-  const onClickReset = useCallback(() => {
-    setEditValues({
-      date: defaultTime,
-      type: defaultType
-    });
-  }, [defaultTime, defaultType]);
-  const ActionButtons = useMemo(() => {
-    if (readonly) {
-      return /* @__PURE__ */ jsx(Button, { onClick: onClickReserve, size: "small", variant: "surface", children: defaultTime && defaultType ? "\uC608\uC57D \uC218\uC815\uD558\uAE30" : "\uC608\uC57D\uD558\uAE30" });
-    }
-    return /* @__PURE__ */ jsx(Button, { color: "gray", onClick: onClickCancel, variant: "transparent", children: /* @__PURE__ */ jsx(Cross1Icon, {}) });
-  }, [defaultTime, defaultType, onClickCancel, onClickReserve, readonly]);
-  const onChangeDate = useCallback((newDate) => {
-    if (!newDate) return;
-    setEditValues((prev) => {
-      return __spreadProps(__spreadValues({}, prev), {
-        date: newDate
-      });
-    });
-  }, []);
-  const onChangeType = useCallback((newType) => {
-    setEditValues((prev) => {
-      return __spreadProps(__spreadValues({}, prev), {
-        type: newType
-      });
-    });
-  }, []);
-  const formatDate = useCallback((v) => {
-    return format(v, "yyyy\uB144 MM\uC6D4 dd\uC77C(EEE) aa h:mm", { locale: ko });
-  }, []);
-  useEffect(() => {
-    if (!minTime || !editValues.date || readonly) return;
-    if (editValues.date < minTime) {
-      toast.warn("\uC120\uD0DD \uAC00\uB2A5\uD55C \uC2DC\uAC04\uB300\uB85C \uBCC0\uACBD\uB418\uC5C8\uC2B5\uB2C8\uB2E4.");
-      setEditValues((prev) => {
-        return __spreadProps(__spreadValues({}, prev), {
-          date: minTime
-        });
-      });
-    }
-  }, [editValues, minTime, readonly]);
-  useEffect(() => {
-    if (!maxTime || !editValues.date || readonly) return;
-    if (editValues.date > maxTime) {
-      toast.warn("\uC120\uD0DD \uAC00\uB2A5\uD55C \uC2DC\uAC04\uB300\uB85C \uBCC0\uACBD\uB418\uC5C8\uC2B5\uB2C8\uB2E4.");
-      setEditValues((prev) => {
-        return __spreadProps(__spreadValues({}, prev), {
-          date: maxTime
-        });
-      });
-    }
-  }, [editValues, maxTime, readonly]);
-  return /* @__PURE__ */ jsxs(
-    Card,
-    {
-      error: Boolean(error),
-      size: "3",
-      style: { overflow: "visible", contain: "initial" },
-      children: [
-        /* @__PURE__ */ jsxs(Flex, { gap: "3", justify: "between", mb: "5", children: [
-          /* @__PURE__ */ jsxs(
-            Grid,
-            {
-              align: "center",
-              columns: { initial: "1", xs: "auto 1fr" },
-              gapY: "2",
-              children: [
-                /* @__PURE__ */ jsxs(Flex, { align: "center", children: [
-                  /* @__PURE__ */ jsxs(Heading, { variant: "heading4", children: [
-                    customerName || "-",
-                    "\uB2D8 ",
-                    sessionNumber || "-",
-                    "\uD68C\uCC28 \uC138\uC158"
-                  ] }),
-                  /* @__PURE__ */ jsx(Badge, { ml: "2", children: "\uB2E4\uC74C \uC138\uC158" })
-                ] }),
-                error ? /* @__PURE__ */ jsx(BulletText, { color: "red", variant: "caption", children: error }) : null
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsx(Flex, { children: ActionButtons })
-        ] }),
-        /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "5", children: [
-          /* @__PURE__ */ jsx(Heading, { mb: "2", variant: "heading5", weight: "regular", children: "\uC138\uC158 \uC77C\uC790\uC640 \uC2DC\uAC01" }),
-          /* @__PURE__ */ jsx(
-            DatePickerButton,
-            {
-              disabled: readonly,
-              format: formatDate,
-              maxDate: maxTime,
-              minDate: minTime,
-              onChange: onChangeDate,
-              placeholder: "\uC77C\uC790\uB97C \uC120\uD0DD\uD574\uC8FC\uC138\uC694",
-              selected: date,
-              showTimeSelect: true,
-              size: "large"
-            }
-          ),
-          /* @__PURE__ */ jsx(Heading, { mb: "2", variant: "heading5", weight: "regular", children: "\uC628/\uC624\uD504\uB77C\uC778 \uC9C4\uD589 \uC5EC\uBD80" }),
-          /* @__PURE__ */ jsx(
-            OnOfflineRadioCard,
-            {
-              disabled: readonly,
-              onValueChange: onChangeType,
-              size: "1",
-              value: type
-            }
-          ),
-          readonly ? null : /* @__PURE__ */ jsxs(Flex, { align: "center", gap: "3", justify: "end", children: [
-            /* @__PURE__ */ jsx(
-              Button,
-              {
-                color: "gray",
-                onClick: onClickReset,
-                size: "small",
-                variant: "transparent",
-                children: "\uCD08\uAE30\uD654\uD558\uAE30"
-              }
-            ),
-            /* @__PURE__ */ jsx(Button, { onClick: onClickSave, size: "small", children: "\uC800\uC7A5\uD558\uAE30" })
-          ] })
-        ] }) }),
-        readonly ? /* @__PURE__ */ jsx(Inset, { clip: "border-box", side: "bottom", children: /* @__PURE__ */ jsx(
-          Box,
-          {
-            mt: "5",
-            px: "5",
-            py: "4",
-            style: { backgroundColor: "var(--accent-a3)" },
-            width: "100%",
-            children: /* @__PURE__ */ jsxs(Flex, { align: "center", gap: "4", justify: "center", children: [
-              /* @__PURE__ */ jsxs(Typo, { children: [
-                sessionNumber || "-",
-                "\uD68C\uCC28 \uC138\uC158\uC744 \uC644\uB8CC\uD558\uC168\uB098\uC694?"
-              ] }),
-              /* @__PURE__ */ jsxs(Button, { onClick: onClickCompleteSession, size: "small", children: [
-                "\uC138\uC158 \uC885\uB8CC\uD558\uAE30",
-                /* @__PURE__ */ jsx(ArrowRightIcon, {})
-              ] })
-            ] })
-          }
-        ) }) : null
-      ]
-    }
-  );
-}
-
-export {
-  ReservationCard
-};
-//# sourceMappingURL=chunk-OHFEMVML.js.map

package/dist/chunk-OKHSIITN.js

@@ -1,74 +0,0 @@
-import {
-  Flex
-} from "./chunk-25HMMI7R.js";
-import {
-  Typo
-} from "./chunk-PARGQUJB.js";
-import {
-  mapWithResponsive
-} from "./chunk-LDBWASUA.js";
-import {
-  __objRest,
-  __spreadProps,
-  __spreadValues
-} from "./chunk-2NMEKWO5.js";
-
-// src/atoms/list.tsx
-import { createContext, useContext, useMemo } from "react";
-import { clsx } from "clsx";
-import { jsx } from "react/jsx-runtime";
-function Root(props) {
-  const _a = props, {
-    variant,
-    size = "large",
-    children,
-    preSpace,
-    className: propsClassName
-  } = _a, rest = __objRest(_a, [
-    "variant",
-    "size",
-    "children",
-    "preSpace",
-    "className"
-  ]);
-  const Comp = variant === "ol" ? "ol" : "ul";
-  const className = useMemo(
-    () => clsx(
-      {
-        "pre-space-small": preSpace === "small"
-      },
-      propsClassName
-    ),
-    [preSpace, propsClassName]
-  );
-  return /* @__PURE__ */ jsx(ListContext.Provider, { value: { size }, children: /* @__PURE__ */ jsx(Flex, __spreadProps(__spreadValues({ asChild: true, direction: "column", gap: "1" }, rest), { className, children: /* @__PURE__ */ jsx(Comp, { children }) })) });
-}
-function Item(props) {
-  const { children } = props;
-  const { size } = useList();
-  const variant = useMemo(() => {
-    return mapWithResponsive({
-      value: size,
-      mapFn: (sizeValue) => {
-        return sizeValue === "small" ? "caption" : "body";
-      }
-    });
-  }, [size]);
-  return /* @__PURE__ */ jsx(Typo, { asChild: true, variant, children: /* @__PURE__ */ jsx("li", { children }) });
-}
-var ListContext = createContext({
-  size: "large"
-});
-function useList() {
-  return useContext(ListContext);
-}
-var List = {
-  Root,
-  Item
-};
-
-export {
-  useList,
-  List
-};
-//# sourceMappingURL=chunk-OKHSIITN.js.map

package/dist/chunk-OQ72S67G.js

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

package/dist/chunk-OY5IR4M2.js

@@ -1,101 +0,0 @@
-import {
-  ClosePanelArrowIcon
-} from "./chunk-DDUKEE5E.js";
-import {
-  Separator
-} from "./chunk-HYITAA4J.js";
-import {
-  usePortalContainer
-} from "./chunk-U7N2PWMO.js";
-import {
-  IconButton
-} from "./chunk-EN6GXHBD.js";
-import {
-  Flex
-} from "./chunk-25HMMI7R.js";
-import {
-  __objRest,
-  __spreadProps,
-  __spreadValues
-} from "./chunk-2NMEKWO5.js";
-
-// src/atoms/drawer.tsx
-import * as Dialog from "@radix-ui/react-dialog";
-import { Grid, Theme } from "@radix-ui/themes";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-function Root2(props) {
-  return /* @__PURE__ */ jsx(Dialog.Root, __spreadValues({}, props));
-}
-var preventDefault = (e) => {
-  e.preventDefault();
-};
-function Content2(props) {
-  const _a = props, {
-    position = "right",
-    className,
-    children,
-    HeaderContent,
-    hideHeader
-  } = _a, rest = __objRest(_a, [
-    "position",
-    "className",
-    "children",
-    "HeaderContent",
-    "hideHeader"
-  ]);
-  const mobileHeaderSize = 48;
-  const desktopHeaderSize = 64;
-  const separatorSize = 1;
-  const { drawerContainerRef } = usePortalContainer();
-  return /* @__PURE__ */ jsx(Dialog.Portal, { container: drawerContainerRef.current, children: /* @__PURE__ */ jsxs(Theme, { children: [
-    /* @__PURE__ */ jsx(Dialog.Overlay, { className: "DrawerOverlay" }),
-    /* @__PURE__ */ jsx(
-      Dialog.Content,
-      __spreadProps(__spreadValues({
-        className: `DrawerContent ${position} ${className || ""}`,
-        onPointerDownOutside: preventDefault
-      }, rest), {
-        children: /* @__PURE__ */ jsxs(
-          Grid,
-          {
-            height: "100%",
-            overflow: "hidden",
-            rows: hideHeader ? "1" : {
-              initial: `${mobileHeaderSize}px ${separatorSize}px calc(100% - ${mobileHeaderSize + separatorSize}px)`,
-              sm: `${desktopHeaderSize}px ${separatorSize}px calc(100% - ${desktopHeaderSize + separatorSize}px)`
-            },
-            children: [
-              !hideHeader && /* @__PURE__ */ jsxs(Fragment, { children: [
-                /* @__PURE__ */ jsxs(Flex, { align: "center", gap: "3", px: { initial: "4", md: "6" }, children: [
-                  /* @__PURE__ */ jsx(Dialog.Close, { asChild: true, children: /* @__PURE__ */ jsx(IconButton, { color: "gray", variant: "outline", children: /* @__PURE__ */ jsx(ClosePanelArrowIcon, {}) }) }),
-                  HeaderContent
-                ] }),
-                /* @__PURE__ */ jsx(Separator, { orientation: "horizontal", size: "4" })
-              ] }),
-              children
-            ]
-          }
-        )
-      })
-    )
-  ] }) });
-}
-function Trigger2(props) {
-  return /* @__PURE__ */ jsx(Dialog.Trigger, __spreadValues({ asChild: true }, props));
-}
-var Drawer = {
-  Root: Dialog.Root,
-  Trigger: Trigger2,
-  Content: Content2,
-  Close: Dialog.Close,
-  Title: Dialog.Title,
-  Description: Dialog.Description
-};
-
-export {
-  Root2 as Root,
-  Content2 as Content,
-  Trigger2 as Trigger,
-  Drawer
-};
-//# sourceMappingURL=chunk-OY5IR4M2.js.map

package/dist/chunk-OY7GKEXW.js

@@ -1,37 +0,0 @@
-import {
-  ReviewQuestionContentHeader
-} from "./chunk-67J64K4I.js";
-import {
-  RadioGroup
-} from "./chunk-6DJOIRMF.js";
-import {
-  Card
-} from "./chunk-HEDMSFPW.js";
-import {
-  Flex
-} from "./chunk-25HMMI7R.js";
-
-// src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-satisfaction-option.tsx
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-function ReviewQuestionSatisfisRadio(props) {
-  var _a, _b, _c;
-  const { question, answer, onChange } = props;
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(Card, { size: "2", children: /* @__PURE__ */ jsx(
-      ReviewQuestionContentHeader,
-      {
-        icon: question.icon,
-        question: (_a = question.question) != null ? _a : "\uC774\uBC88 \uD559\uC2B5\uC5D0 \uB300\uD55C \uC804\uBC18\uC801\uC778 \uB9CC\uC871\uB3C4\uB97C \uC54C\uB824\uC8FC\uC138\uC694.",
-        title: (_b = question.title) != null ? _b : "\uB9CC\uC871\uB3C4 \uC870\uC0AC",
-        type: question.type
-      }
-    ) }),
-    /* @__PURE__ */ jsx(RadioGroup.Root, { color: "iris", mt: "3", onValueChange: onChange, value: answer, children: /* @__PURE__ */ jsx(Flex, { direction: "column", gap: "2", children: (_c = question.options) == null ? void 0 : _c.map((option) => /* @__PURE__ */ jsx(RadioGroup.Item, { value: String(option.value), children: option.label }, option.value)) }) })
-  ] });
-}
-var review_question_satisfaction_option_default = ReviewQuestionSatisfisRadio;
-
-export {
-  review_question_satisfaction_option_default
-};
-//# sourceMappingURL=chunk-OY7GKEXW.js.map