@tipp/ui 2.2.3 → 2.2.4

package/dist/app/platform/report-card.js

@@ -1,86 +1,86 @@
 import {
   ReportCard
-} from "../../chunk-D32EAZMA.js";
+} from "../../chunk-QOZFJAWL.js";
 import "../../chunk-HBF6IIVZ.js";
-import "../../chunk-A5S42XBJ.js";
-import "../../chunk-3F45OPXG.js";
-import "../../chunk-5KDNSBO5.js";
-import "../../chunk-26ZU5KUR.js";
-import "../../chunk-AP52M2Z5.js";
-import "../../chunk-5H3YPCZK.js";
-import "../../chunk-FR2GDOU2.js";
+import "../../chunk-2OMSNCRH.js";
 import "../../chunk-74DX4CU7.js";
 import "../../chunk-OYM4XCHQ.js";
 import "../../chunk-YJ7ZFOYL.js";
 import "../../chunk-5ZITU5L7.js";
-import "../../chunk-365QMK4D.js";
-import "../../chunk-YO3BQW6S.js";
-import "../../chunk-6IVCARWS.js";
-import "../../chunk-6DJOIRMF.js";
+import "../../chunk-5XYPLDI5.js";
+import "../../chunk-6NPTJBFE.js";
+import "../../chunk-EEKOTWBE.js";
 import "../../chunk-FPD73OHW.js";
 import "../../chunk-MUPK4L3U.js";
 import "../../chunk-MUNMDHRF.js";
 import "../../chunk-TVDKGMBI.js";
-import "../../chunk-XQOL7UBI.js";
-import "../../chunk-TULWX7D6.js";
-import "../../chunk-TQOQC4PZ.js";
-import "../../chunk-7NH52DGC.js";
-import "../../chunk-BXQCEPIO.js";
+import "../../chunk-X2GMDZ7M.js";
+import "../../chunk-5H3YPCZK.js";
+import "../../chunk-FR2GDOU2.js";
+import "../../chunk-DHZVOXFM.js";
+import "../../chunk-WV2HN6H4.js";
+import "../../chunk-DWSZ4PWA.js";
 import "../../chunk-5AVBYDPB.js";
-import "../../chunk-HYE34QEM.js";
-import "../../chunk-AIYMJYCT.js";
-import "../../chunk-CYPER4YW.js";
-import "../../chunk-PT57HCAI.js";
-import "../../chunk-2DZ2Y3JI.js";
-import "../../chunk-KXF3A4OR.js";
+import "../../chunk-365QMK4D.js";
+import "../../chunk-YO3BQW6S.js";
+import "../../chunk-6IVCARWS.js";
+import "../../chunk-6DJOIRMF.js";
 import "../../chunk-EGEQY3KT.js";
 import "../../chunk-O3T3TM3V.js";
-import "../../chunk-RMTJMZBQ.js";
-import "../../chunk-DGAB7BIE.js";
-import "../../chunk-OHMOP5PV.js";
-import "../../chunk-NFDQJVFA.js";
+import "../../chunk-XQOL7UBI.js";
+import "../../chunk-TULWX7D6.js";
 import "../../chunk-Q37G2GS6.js";
 import "../../chunk-VTJZMOSP.js";
-import "../../chunk-22326A76.js";
-import "../../chunk-34OQDUQR.js";
-import "../../chunk-ZMHUWLB2.js";
-import "../../chunk-DDUKEE5E.js";
+import "../../chunk-OURS6IRY.js";
+import "../../chunk-BESTU2AY.js";
+import "../../chunk-CV723FQV.js";
+import "../../chunk-645GPOW2.js";
 import "../../chunk-HYITAA4J.js";
 import "../../chunk-U7N2PWMO.js";
-import "../../chunk-ZOFENAZJ.js";
-import "../../chunk-YGL6SWKN.js";
-import "../../chunk-4Y5BEXVN.js";
-import "../../chunk-I7UUXACJ.js";
-import "../../chunk-PARGQUJB.js";
-import "../../chunk-LDBWASUA.js";
-import "../../chunk-25HMMI7R.js";
-import "../../chunk-BW46WIN5.js";
-import "../../chunk-LQY4RKWI.js";
+import "../../chunk-OLOJSZ56.js";
+import "../../chunk-D4U2MCJG.js";
+import "../../chunk-Y4U24VXI.js";
+import "../../chunk-3NUQAVE6.js";
+import "../../chunk-2DZ2Y3JI.js";
+import "../../chunk-VRJR534I.js";
 import "../../chunk-ZD7MNMED.js";
 import "../../chunk-B6XJN6EC.js";
-import "../../chunk-HEDMSFPW.js";
+import "../../chunk-RP2RGCAW.js";
 import "../../chunk-MIMJ7LON.js";
+import "../../chunk-W7X7KSJP.js";
+import "../../chunk-VYCYVN3L.js";
+import "../../chunk-OHMOP5PV.js";
+import "../../chunk-NFDQJVFA.js";
+import "../../chunk-EAXUQEO5.js";
+import "../../chunk-FU5BNFCO.js";
+import "../../chunk-K36TPMKL.js";
+import "../../chunk-U3BQT7ZO.js";
+import "../../chunk-YGL6SWKN.js";
+import "../../chunk-4Y5BEXVN.js";
+import "../../chunk-QRI6ARS6.js";
+import "../../chunk-25HMMI7R.js";
+import "../../chunk-PMJIFLDT.js";
+import "../../chunk-LDBWASUA.js";
+import "../../chunk-EBBSXNIL.js";
+import "../../chunk-FQJFXZ66.js";
 import "../../chunk-V5XKNSCK.js";
 import "../../chunk-WJ34ZHTU.js";
-import "../../chunk-PVL7SJYR.js";
-import "../../chunk-ECVAWQXV.js";
-import "../../chunk-D7EYDD4E.js";
-import "../../chunk-2TPQQBUQ.js";
-import "../../chunk-HLFTU725.js";
-import "../../chunk-XD3KUE4Q.js";
-import "../../chunk-MEKWBVXE.js";
-import "../../chunk-25Q6QLSN.js";
-import "../../chunk-TPEIE4IP.js";
-import "../../chunk-QNWBUYV2.js";
-import "../../chunk-XSX6K7SK.js";
-import "../../chunk-UQN63IRS.js";
-import "../../chunk-K25BYIJ7.js";
+import "../../chunk-2O45FRFQ.js";
+import "../../chunk-5KNRHIIF.js";
+import "../../chunk-6JRAI4G5.js";
+import "../../chunk-776WBOKL.js";
+import "../../chunk-2FJ4LW7E.js";
+import "../../chunk-ZQE7SP6P.js";
+import "../../chunk-R6ARPREO.js";
+import "../../chunk-YSYJCYHY.js";
+import "../../chunk-5OM2H6RI.js";
+import "../../chunk-ZUYCXCPW.js";
+import "../../chunk-YVFNJE4E.js";
+import "../../chunk-J2I3R3OV.js";
+import "../../chunk-QO6KO6MN.js";
+import "../../chunk-PT57HCAI.js";
 import "../../chunk-J242TTFH.js";
-import "../../chunk-EAXUQEO5.js";
-import "../../chunk-XTHDFSN3.js";
-import "../../chunk-FC7WH2S6.js";
-import "../../chunk-FCIHNIOH.js";
-import "../../chunk-2NMEKWO5.js";
+import "../../chunk-CRTRMMJ7.js";
 export {
   ReportCard
 };

package/dist/app/platform/reservation-card.cjs

@@ -62,7 +62,7 @@ __export(reservation_card_exports, {
   ReservationCard: () => ReservationCard
 });
 module.exports = __toCommonJS(reservation_card_exports);
-var import_react41 = require("react");
+var import_react42 = require("react");
 var import_date_fns3 = require("date-fns");
 var import_locale2 = require("date-fns/locale");
 
@@ -167,7 +167,7 @@ var convertSizeStr = (size) => {
     case "medium":
       return "2";
     case "large":
-      return "3";
+      return "4";
     default:
       return "2";
   }
@@ -1846,22 +1846,34 @@ var import_jsx_runtime83 = require("react/jsx-runtime");
 // src/molecules/curriculumV2/curriculum-v2-layout.tsx
 var import_jsx_runtime84 = require("react/jsx-runtime");
 
+// src/molecules/dynamic-form.tsx
+var import_react41 = require("react");
+var import_formik2 = require("formik");
+var Yup2 = __toESM(require("yup"), 1);
+var import_themes53 = require("@radix-ui/themes");
+
+// src/molecules/dynamic-field.tsx
+var import_jsx_runtime85 = require("react/jsx-runtime");
+
+// src/molecules/dynamic-form.tsx
+var import_jsx_runtime86 = require("react/jsx-runtime");
+
 // src/app/platform/on-offline-radio-card.tsx
 var import_react_icons9 = require("@radix-ui/react-icons");
-var import_jsx_runtime85 = require("react/jsx-runtime");
+var import_jsx_runtime87 = require("react/jsx-runtime");
 var SERVICE_TYPE = {
   onlineCoaching: "onlineCoaching",
   offlineCoaching: "offlineCoaching"
 };
 var breakpoint = "sm";
 function HideSmallBox(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_themes6.Box, { display: { initial: "none", [breakpoint]: "block" }, children: props.children });
+  return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(import_themes6.Box, { display: { initial: "none", [breakpoint]: "block" }, children: props.children });
 }
 function OnOfflineRadioCard(props) {
   const Wrapper = props.response ? HideSmallBox : (p) => p.children;
   const columns = props.response ? { initial: "2", [breakpoint]: "1" } : "1";
   const justify = props.response ? { initial: "center", [breakpoint]: "between" } : "between";
-  return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(
     RadioButtonCard.Root,
     __spreadProps(__spreadValues({
       RadioWrapper: Wrapper,
@@ -1870,13 +1882,13 @@ function OnOfflineRadioCard(props) {
       justify
     }, props), {
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(RadioButtonCard.Item, { value: SERVICE_TYPE.onlineCoaching, children: /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(import_themes22.Flex, { align: "center", gap: "2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(Wrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_react_icons9.GlobeIcon, {}) }),
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(Typo, { children: "\uC628\uB77C\uC778" })
+        /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(RadioButtonCard.Item, { value: SERVICE_TYPE.onlineCoaching, children: /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(import_themes22.Flex, { align: "center", gap: "2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(Wrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(import_react_icons9.GlobeIcon, {}) }),
+          /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(Typo, { children: "\uC628\uB77C\uC778" })
         ] }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(RadioButtonCard.Item, { value: SERVICE_TYPE.offlineCoaching, children: /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(import_themes22.Flex, { align: "center", gap: "2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(Wrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_react_icons9.BackpackIcon, {}) }),
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(Typo, { children: "\uC624\uD504\uB77C\uC778" })
+        /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(RadioButtonCard.Item, { value: SERVICE_TYPE.offlineCoaching, children: /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(import_themes22.Flex, { align: "center", gap: "2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(Wrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(import_react_icons9.BackpackIcon, {}) }),
+          /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(Typo, { children: "\uC624\uD504\uB77C\uC778" })
         ] }) })
       ]
     })
@@ -1884,7 +1896,7 @@ function OnOfflineRadioCard(props) {
 }
 
 // src/app/platform/reservation-card.tsx
-var import_jsx_runtime86 = require("react/jsx-runtime");
+var import_jsx_runtime88 = require("react/jsx-runtime");
 function ReservationCard(props) {
   const {
     sessionNumber,
@@ -1899,29 +1911,29 @@ function ReservationCard(props) {
     onClickCancel,
     onClickCompleteSession
   } = props;
-  const [editValues, setEditValues] = (0, import_react41.useState)({
+  const [editValues, setEditValues] = (0, import_react42.useState)({
     date: props.defaultTime,
     type: props.defaultType
   });
   const date = readonly ? defaultTime : editValues.date;
   const type = readonly ? defaultType : editValues.type;
-  const onClickSave = (0, import_react41.useCallback)(() => {
+  const onClickSave = (0, import_react42.useCallback)(() => {
     var _a;
     (_a = props.onClickSave) == null ? void 0 : _a.call(props, editValues);
   }, [editValues, props]);
-  const onClickReset = (0, import_react41.useCallback)(() => {
+  const onClickReset = (0, import_react42.useCallback)(() => {
     setEditValues({
       date: defaultTime,
       type: defaultType
     });
   }, [defaultTime, defaultType]);
-  const ActionButtons = (0, import_react41.useMemo)(() => {
+  const ActionButtons = (0, import_react42.useMemo)(() => {
     if (readonly) {
-      return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(Button, { onClick: onClickReserve, size: "small", variant: "surface", children: defaultTime && defaultType ? "\uC608\uC57D \uC218\uC815\uD558\uAE30" : "\uC608\uC57D\uD558\uAE30" });
+      return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(Button, { onClick: onClickReserve, size: "small", variant: "surface", children: defaultTime && defaultType ? "\uC608\uC57D \uC218\uC815\uD558\uAE30" : "\uC608\uC57D\uD558\uAE30" });
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(Button, { color: "gray", onClick: onClickCancel, variant: "transparent", children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_react_icons2.Cross1Icon, {}) });
+    return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(Button, { color: "gray", onClick: onClickCancel, variant: "transparent", children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_react_icons2.Cross1Icon, {}) });
   }, [defaultTime, defaultType, onClickCancel, onClickReserve, readonly]);
-  const onChangeDate = (0, import_react41.useCallback)((newDate) => {
+  const onChangeDate = (0, import_react42.useCallback)((newDate) => {
     if (!newDate) return;
     setEditValues((prev) => {
       return __spreadProps(__spreadValues({}, prev), {
@@ -1929,17 +1941,17 @@ function ReservationCard(props) {
       });
     });
   }, []);
-  const onChangeType = (0, import_react41.useCallback)((newType) => {
+  const onChangeType = (0, import_react42.useCallback)((newType) => {
     setEditValues((prev) => {
       return __spreadProps(__spreadValues({}, prev), {
         type: newType
       });
     });
   }, []);
-  const formatDate = (0, import_react41.useCallback)((v) => {
+  const formatDate = (0, import_react42.useCallback)((v) => {
     return (0, import_date_fns3.format)(v, "yyyy\uB144 MM\uC6D4 dd\uC77C(EEE) aa h:mm", { locale: import_locale2.ko });
   }, []);
-  (0, import_react41.useEffect)(() => {
+  (0, import_react42.useEffect)(() => {
     if (!minTime || !editValues.date || readonly) return;
     if (editValues.date < minTime) {
       import_react_toastify2.toast.warn("\uC120\uD0DD \uAC00\uB2A5\uD55C \uC2DC\uAC04\uB300\uB85C \uBCC0\uACBD\uB418\uC5C8\uC2B5\uB2C8\uB2E4.");
@@ -1950,7 +1962,7 @@ function ReservationCard(props) {
       });
     }
   }, [editValues, minTime, readonly]);
-  (0, import_react41.useEffect)(() => {
+  (0, import_react42.useEffect)(() => {
     if (!maxTime || !editValues.date || readonly) return;
     if (editValues.date > maxTime) {
       import_react_toastify2.toast.warn("\uC120\uD0DD \uAC00\uB2A5\uD55C \uC2DC\uAC04\uB300\uB85C \uBCC0\uACBD\uB418\uC5C8\uC2B5\uB2C8\uB2E4.");
@@ -1961,39 +1973,39 @@ function ReservationCard(props) {
       });
     }
   }, [editValues, maxTime, readonly]);
-  return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(
     Card,
     {
       error: Boolean(error),
       size: "3",
       style: { overflow: "visible", contain: "initial" },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(import_themes22.Flex, { gap: "3", justify: "between", mb: "5", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(import_themes22.Flex, { gap: "3", justify: "between", mb: "5", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(
             import_themes23.Grid,
             {
               align: "center",
               columns: { initial: "1", xs: "auto 1fr" },
               gapY: "2",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(import_themes22.Flex, { align: "center", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(Heading2, { variant: "heading4", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(import_themes22.Flex, { align: "center", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(Heading2, { variant: "heading4", children: [
                     customerName || "-",
                     "\uB2D8 ",
                     sessionNumber || "-",
                     "\uD68C\uCC28 \uC138\uC158"
                   ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(Badge, { ml: "2", children: "\uB2E4\uC74C \uC138\uC158" })
+                  /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(Badge, { ml: "2", children: "\uB2E4\uC74C \uC138\uC158" })
                 ] }),
-                error ? /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(BulletText, { color: "red", variant: "caption", children: error }) : null
+                error ? /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(BulletText, { color: "red", variant: "caption", children: error }) : null
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_themes22.Flex, { children: ActionButtons })
+          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_themes22.Flex, { children: ActionButtons })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_themes6.Box, { children: /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(import_themes22.Flex, { direction: "column", gap: "5", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(Heading2, { mb: "2", variant: "heading5", weight: "regular", children: "\uC138\uC158 \uC77C\uC790\uC640 \uC2DC\uAC01" }),
-          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_themes6.Box, { children: /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(import_themes22.Flex, { direction: "column", gap: "5", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(Heading2, { mb: "2", variant: "heading5", weight: "regular", children: "\uC138\uC158 \uC77C\uC790\uC640 \uC2DC\uAC01" }),
+          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
             DatePickerButton,
             {
               disabled: readonly,
@@ -2007,8 +2019,8 @@ function ReservationCard(props) {
               size: "large"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(Heading2, { mb: "2", variant: "heading5", weight: "regular", children: "\uC628/\uC624\uD504\uB77C\uC778 \uC9C4\uD589 \uC5EC\uBD80" }),
-          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(Heading2, { mb: "2", variant: "heading5", weight: "regular", children: "\uC628/\uC624\uD504\uB77C\uC778 \uC9C4\uD589 \uC5EC\uBD80" }),
+          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
             OnOfflineRadioCard,
             {
               disabled: readonly,
@@ -2017,8 +2029,8 @@ function ReservationCard(props) {
               value: type
             }
           ),
-          readonly ? null : /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(import_themes22.Flex, { align: "center", gap: "3", justify: "end", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+          readonly ? null : /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(import_themes22.Flex, { align: "center", gap: "3", justify: "end", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
               Button,
               {
                 color: "gray",
@@ -2028,10 +2040,10 @@ function ReservationCard(props) {
                 children: "\uCD08\uAE30\uD654\uD558\uAE30"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(Button, { onClick: onClickSave, size: "small", children: "\uC800\uC7A5\uD558\uAE30" })
+            /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(Button, { onClick: onClickSave, size: "small", children: "\uC800\uC7A5\uD558\uAE30" })
           ] })
         ] }) }),
-        readonly ? /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_themes25.Inset, { clip: "border-box", side: "bottom", children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+        readonly ? /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_themes25.Inset, { clip: "border-box", side: "bottom", children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
           import_themes6.Box,
           {
             mt: "5",
@@ -2039,14 +2051,14 @@ function ReservationCard(props) {
             py: "4",
             style: { backgroundColor: "var(--accent-a3)" },
             width: "100%",
-            children: /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(import_themes22.Flex, { align: "center", gap: "4", justify: "center", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(Typo, { children: [
+            children: /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(import_themes22.Flex, { align: "center", gap: "4", justify: "center", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(Typo, { children: [
                 sessionNumber || "-",
                 "\uD68C\uCC28 \uC138\uC158\uC744 \uC644\uB8CC\uD558\uC168\uB098\uC694?"
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(Button, { onClick: onClickCompleteSession, size: "small", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(Button, { onClick: onClickCompleteSession, size: "small", children: [
                 "\uC138\uC158 \uC885\uB8CC\uD558\uAE30",
-                /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_react_icons2.ArrowRightIcon, {})
+                /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_react_icons2.ArrowRightIcon, {})
               ] })
             ] })
           }