@tipp/ui 2.3.11 → 2.3.12

package/dist/index.cjs

@@ -3761,7 +3761,8 @@ function CurriculumProvider(props) {
     curriculumCompleteMap,
     onChangeSelectedContent,
     onActionButtonClick,
-    initialSelectedIndex
+    initialSelectedIndex,
+    customTabs
   } = props;
   const sidebarRef = (0, import_react34.useRef)(null);
   const scrollNavItem = (0, import_react34.useCallback)((index) => {
@@ -3846,26 +3847,33 @@ function CurriculumProvider(props) {
   (0, import_react34.useEffect)(() => {
     onChangeSelectedContent == null ? void 0 : onChangeSelectedContent(selectedItem);
   }, [selectedItem]);
-  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(CurriculumContext.Provider, { value: {
-    curriculum,
-    scrollNavItem,
-    selectedIndex: selectedIndexState,
-    setSelectedIndex,
-    selectedId,
-    hasPrev,
-    hasNext,
-    selectPrev,
-    selectNext,
-    selectedSectionTitle,
-    selectedItem,
-    scrollAreaRef: sidebarRef,
-    onReviewSubmit,
-    onReviewValueChange,
-    curriculumReviewAnswers,
-    tempCurriculumReviewAnswers,
-    curriculumCompleteMap,
-    onActionButtonClick
-  }, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+    CurriculumContext.Provider,
+    {
+      value: {
+        curriculum,
+        scrollNavItem,
+        selectedIndex: selectedIndexState,
+        setSelectedIndex,
+        selectedId,
+        hasPrev,
+        hasNext,
+        selectPrev,
+        selectNext,
+        selectedSectionTitle,
+        selectedItem,
+        scrollAreaRef: sidebarRef,
+        onReviewSubmit,
+        onReviewValueChange,
+        curriculumReviewAnswers,
+        tempCurriculumReviewAnswers,
+        curriculumCompleteMap,
+        onActionButtonClick,
+        customTabs
+      },
+      children
+    }
+  );
 }
 function useCurriculumContext() {
   const ctx = (0, import_react34.useContext)(CurriculumContext);
@@ -5167,6 +5175,9 @@ function CurriculumBody() {
   }
 }
 
+// src/molecules/curriculumV2/CurriculumSidebar/index.tsx
+var import_react41 = require("react");
+
 // src/molecules/curriculumV2/CurriculumSidebar/Items/section-title.tsx
 var import_jsx_runtime78 = require("react/jsx-runtime");
 function SectionTitle(props) {
@@ -5293,12 +5304,30 @@ var TAB_LIST = [
     value: "curriculum"
   }
 ];
+var TABS_LIST_STYLE = {
+  padding: "0 var(--space-3)"
+};
+var TABS_CONTENT_STYLE = {
+  position: "absolute",
+  height: "100%",
+  width: "100%"
+};
 function CurriculumSidebar() {
-  const { curriculum, selectedIndex, setSelectedIndex, scrollAreaRef, curriculumCompleteMap } = useCurriculumContext();
+  const {
+    curriculum,
+    selectedIndex,
+    setSelectedIndex,
+    scrollAreaRef,
+    curriculumCompleteMap,
+    customTabs
+  } = useCurriculumContext();
   const list = curriculum.contents.list;
+  const tabList = (0, import_react41.useMemo)(() => {
+    return [...TAB_LIST, ...customTabs != null ? customTabs : []];
+  }, [customTabs]);
   return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_themes44.Tabs.Root, { asChild: true, defaultValue: TAB_LIST[0].value, children: /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(import_themes23.Grid, { height: "100%", overflowY: "auto", rows: "auto 1fr ", width: "100%", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_themes44.Tabs.List, { style: { padding: "0 var(--space-3)" }, children: TAB_LIST.map((tab) => /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_themes44.Tabs.Trigger, { value: tab.value, children: tab.label }, tab.value)) }),
-    /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_themes44.Tabs.List, { style: TABS_LIST_STYLE, children: tabList.map((tab) => /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_themes44.Tabs.Trigger, { value: tab.value, children: tab.label }, tab.value)) }),
+    /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(
       import_themes6.Box,
       {
         height: "100%",
@@ -5306,21 +5335,39 @@ function CurriculumSidebar() {
         position: "relative",
         ref: scrollAreaRef,
         width: "100%",
-        children: /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(
-          import_themes44.Tabs.Content,
-          {
-            style: {
-              position: "absolute",
-              height: "100%",
-              width: "100%"
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(
+            import_themes44.Tabs.Content,
+            {
+              style: TABS_CONTENT_STYLE,
+              value: TAB_LIST[0].value,
+              children: [
+                list.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+                  sidebar_item_default,
+                  {
+                    done: curriculumCompleteMap[item.uuid],
+                    index,
+                    item,
+                    selectedIndex,
+                    setSelectedIndex
+                  },
+                  item.uuid
+                )),
+                /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_themes6.Box, { height: "150px" })
+              ]
             },
-            value: TAB_LIST[0].value,
-            children: [
-              list.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(sidebar_item_default, { done: curriculumCompleteMap[item.uuid], index, item, selectedIndex, setSelectedIndex }, item.uuid)),
-              /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_themes6.Box, { height: "150px" })
-            ]
-          }
-        )
+            TAB_LIST[0].value
+          ),
+          customTabs == null ? void 0 : customTabs.map((tab) => /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+            import_themes44.Tabs.Content,
+            {
+              style: TABS_CONTENT_STYLE,
+              value: tab.value,
+              children: tab.content
+            },
+            tab.value
+          ))
+        ]
       }
     )
   ] }) });
@@ -5372,15 +5419,15 @@ function CurriculumV2Layout(props) {
 }
 
 // src/molecules/dynamic-form.tsx
-var import_react42 = require("react");
+var import_react43 = require("react");
 var import_formik2 = require("formik");
 var Yup2 = __toESM(require("yup"), 1);
 var import_themes55 = require("@radix-ui/themes");
 
 // src/context/dynamic-form-context.tsx
-var import_react41 = require("react");
+var import_react42 = require("react");
 var import_jsx_runtime85 = require("react/jsx-runtime");
-var DynamicFormContext = (0, import_react41.createContext)(null);
+var DynamicFormContext = (0, import_react42.createContext)(null);
 function DynamicFormProvider({
   children,
   fields,
@@ -5407,7 +5454,7 @@ function DynamicFormProvider({
   return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(DynamicFormContext.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(Form.Root, { onSubmit: formik.handleSubmit, children }) });
 }
 function useDynamicForm() {
-  const context = (0, import_react41.useContext)(DynamicFormContext);
+  const context = (0, import_react42.useContext)(DynamicFormContext);
   if (!context) {
     throw new Error("useDynamicForm must be used within a DynamicFormProvider");
   }
@@ -5549,7 +5596,7 @@ function DynamicFormRoot({
   children,
   readonly = false
 }) {
-  const validationSchema = (0, import_react42.useMemo)(() => {
+  const validationSchema = (0, import_react43.useMemo)(() => {
     const schema = {};
     fields.forEach((field) => {
       if (field.validation) {
@@ -5571,7 +5618,7 @@ function DynamicFormRoot({
     });
     return Object.keys(schema).length > 0 ? Yup2.object(schema) : void 0;
   }, [fields]);
-  const handleSubmit = (0, import_react42.useCallback)((values) => __async(null, null, function* () {
+  const handleSubmit = (0, import_react43.useCallback)((values) => __async(null, null, function* () {
     yield onSubmit(values);
   }), [onSubmit]);
   const formik = (0, import_formik2.useFormik)({
@@ -5590,7 +5637,7 @@ function DynamicFormRoot({
     validateOnChange: true,
     onSubmit: handleSubmit
   });
-  (0, import_react42.useEffect)(() => {
+  (0, import_react43.useEffect)(() => {
     if (formik.submitCount > 0 && Object.keys(formik.errors).length > 0) {
       const timeoutId = setTimeout(() => {
         scrollToFirstError(formik.errors, fields);
@@ -5782,7 +5829,7 @@ function DynamicFormResponseItem({
 }
 
 // src/molecules/one-on-one-guide-list.tsx
-var import_react43 = require("react");
+var import_react44 = require("react");
 var import_jsx_runtime88 = require("react/jsx-runtime");
 var oneOnOneNoteTextReplacer = (args) => {
   const { text, userName, templateName } = args;
@@ -5790,7 +5837,7 @@ var oneOnOneNoteTextReplacer = (args) => {
 };
 function OneOnOneGuideList(props) {
   const { data, relacements, guideTitle, guideDescription } = props;
-  const groupedData = (0, import_react43.useMemo)(() => {
+  const groupedData = (0, import_react44.useMemo)(() => {
     return data == null ? void 0 : data.reduce(
       (acc, item) => {
         if (item.type === "title") {
@@ -6229,7 +6276,7 @@ function CoachingCustomerInfo(props) {
 }
 
 // src/app/platform/goal-manage-card-read.tsx
-var import_react44 = require("react");
+var import_react45 = require("react");
 var import_date_fns4 = require("date-fns");
 var import_jsx_runtime95 = require("react/jsx-runtime");
 function GoalManageCardRead(props) {
@@ -6245,12 +6292,12 @@ function GoalManageCardRead(props) {
     onClickIncomplete,
     onClickComplete
   } = props;
-  const [open, setOpen] = (0, import_react44.useState)(Boolean(defaultOpen));
-  const onClickOpen = (0, import_react44.useCallback)(() => {
+  const [open, setOpen] = (0, import_react45.useState)(Boolean(defaultOpen));
+  const onClickOpen = (0, import_react45.useCallback)(() => {
     setOpen((p) => !p);
   }, []);
   const icon = open ? /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(import_react_icons2.ChevronUpIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(import_react_icons2.ChevronDownIcon, {});
-  const badgeMeta = (0, import_react44.useMemo)(() => {
+  const badgeMeta = (0, import_react45.useMemo)(() => {
     if (!completed && dueDate) {
       if (dueDate >= (0, import_date_fns4.startOfDay)(/* @__PURE__ */ new Date()))
         return {
@@ -6261,13 +6308,13 @@ function GoalManageCardRead(props) {
     }
     return null;
   }, [completed, dueDate]);
-  const renderSubTitle = (0, import_react44.useCallback)((subTitle) => {
+  const renderSubTitle = (0, import_react45.useCallback)((subTitle) => {
     return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(Heading2, { mb: "2", variant: "heading5", children: subTitle });
   }, []);
-  const renderSubContent = (0, import_react44.useCallback)((content) => {
+  const renderSubContent = (0, import_react45.useCallback)((content) => {
     return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(Typo, { as: "p", color: "gray", children: content });
   }, []);
-  const renderCompleteButton = (0, import_react44.useCallback)(() => {
+  const renderCompleteButton = (0, import_react45.useCallback)(() => {
     if (completed) {
       return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(Button, { onClick: onClickIncomplete, size: "small", variant: "surface", children: "\uC9C4\uD589\uC911\uC778 \uACFC\uC81C\uB85C \uB3CC\uB824\uB193\uAE30" });
     }
@@ -6343,7 +6390,7 @@ function GoalManageCardRead(props) {
 }
 
 // src/app/platform/goal-manage-card-edit.tsx
-var import_react45 = require("react");
+var import_react46 = require("react");
 var import_date_fns5 = require("date-fns");
 var import_jsx_runtime96 = require("react/jsx-runtime");
 var initialValues = {
@@ -6356,8 +6403,8 @@ var dummyFn = () => {
 };
 function GoalManageCardEdit(props) {
   const { defaultValues, errors } = props;
-  const [values, setValues] = (0, import_react45.useState)(defaultValues || initialValues);
-  const onChange = (0, import_react45.useCallback)(
+  const [values, setValues] = (0, import_react46.useState)(defaultValues || initialValues);
+  const onChange = (0, import_react46.useCallback)(
     (v) => {
       var _a;
       setValues((prev) => __spreadValues(__spreadValues({}, prev), v));
@@ -6365,12 +6412,12 @@ function GoalManageCardEdit(props) {
     },
     [props]
   );
-  const onClickInit = (0, import_react45.useCallback)(() => {
+  const onClickInit = (0, import_react46.useCallback)(() => {
     var _a;
     setValues(initialValues);
     (_a = props.onChange) == null ? void 0 : _a.call(props, defaultValues || initialValues);
   }, [defaultValues, props]);
-  const onClickSubmit = (0, import_react45.useCallback)(() => {
+  const onClickSubmit = (0, import_react46.useCallback)(() => {
     var _a;
     (_a = props.onSubmit) == null ? void 0 : _a.call(props, values);
   }, [props, values]);
@@ -6459,11 +6506,11 @@ function GoalManageCardEdit(props) {
 }
 
 // src/app/platform/session-card.tsx
-var import_react48 = require("react");
+var import_react49 = require("react");
 var import_date_fns6 = require("date-fns");
 
 // src/app/platform/edit-coaching-time.tsx
-var import_react46 = require("react");
+var import_react47 = require("react");
 var import_jsx_runtime97 = require("react/jsx-runtime");
 var getValueFromDefaultValue = (args) => {
   return {
@@ -6484,14 +6531,14 @@ var getDateFromValue = (date, time) => {
 };
 function EditCoachingTime(props) {
   const { defaultEndAt, defaultStartAt, onClickCancel } = props;
-  const [values, setValues] = (0, import_react46.useState)(() => {
+  const [values, setValues] = (0, import_react47.useState)(() => {
     return getValueFromDefaultValue({
       startAt: defaultStartAt,
       endAt: defaultEndAt
     });
   });
-  const [timeError, setTimeError] = (0, import_react46.useState)("");
-  const checkTimeError = (0, import_react46.useCallback)(
+  const [timeError, setTimeError] = (0, import_react47.useState)("");
+  const checkTimeError = (0, import_react47.useCallback)(
     (startTime, endTime) => {
       const error = startTime >= endTime ? "\uC2DC\uC791\uC2DC\uAC04\uC744 \uC885\uB8CC\uC2DC\uAC04\uBCF4\uB2E4 \uBE60\uB974\uAC8C \uC120\uD0DD\uD574\uC8FC\uC138\uC694." : "";
       if (error) {
@@ -6502,7 +6549,7 @@ function EditCoachingTime(props) {
     },
     []
   );
-  const onChangeStartTime = (0, import_react46.useCallback)(
+  const onChangeStartTime = (0, import_react47.useCallback)(
     (v) => {
       checkTimeError(v, values.endTime);
       setValues((prev) => __spreadProps(__spreadValues({}, prev), {
@@ -6511,7 +6558,7 @@ function EditCoachingTime(props) {
     },
     [checkTimeError, values.endTime]
   );
-  const onChangeEndTime = (0, import_react46.useCallback)(
+  const onChangeEndTime = (0, import_react47.useCallback)(
     (v) => {
       checkTimeError(values.startTime, v);
       setValues((prev) => __spreadProps(__spreadValues({}, prev), {
@@ -6520,12 +6567,12 @@ function EditCoachingTime(props) {
     },
     [checkTimeError, values.startTime]
   );
-  const onChangeDate = (0, import_react46.useCallback)((date) => {
+  const onChangeDate = (0, import_react47.useCallback)((date) => {
     date && setValues((prev) => __spreadProps(__spreadValues({}, prev), {
       date
     }));
   }, []);
-  const onClickSave = (0, import_react46.useCallback)(() => {
+  const onClickSave = (0, import_react47.useCallback)(() => {
     if (checkTimeError(values.startTime, values.endTime)) {
       const startAt = getDateFromValue(values.date, values.startTime);
       const endAt = getDateFromValue(values.date, values.endTime);
@@ -6594,7 +6641,7 @@ function EditCoachingTime(props) {
 }
 
 // src/app/platform/edit-service-type.tsx
-var import_react47 = require("react");
+var import_react48 = require("react");
 
 // src/app/platform/on-offline-radio-card.tsx
 var import_react_icons10 = require("@radix-ui/react-icons");
@@ -6637,10 +6684,10 @@ function OnOfflineRadioCard(props) {
 var import_jsx_runtime99 = require("react/jsx-runtime");
 function EditServiceType(props) {
   const { defaultServiceType, onClickCancel } = props;
-  const [sessionType, setSessionType] = (0, import_react47.useState)(
+  const [sessionType, setSessionType] = (0, import_react48.useState)(
     defaultServiceType
   );
-  const onClickSave = (0, import_react47.useCallback)(() => {
+  const onClickSave = (0, import_react48.useCallback)(() => {
     var _a;
     (_a = props.onClickSave) == null ? void 0 : _a.call(props, sessionType);
   }, [props, sessionType]);
@@ -6694,10 +6741,10 @@ function SessionCard(props) {
     "endAt",
     "sessionType"
   ]);
-  const renderEditButton = (0, import_react48.useCallback)(() => {
+  const renderEditButton = (0, import_react49.useCallback)(() => {
     return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(Button, { color: "gray", ml: "2", variant: "transparent", children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(import_react_icons2.Pencil1Icon, {}) });
   }, []);
-  const sessionTimeStr = (0, import_react48.useMemo)(() => {
+  const sessionTimeStr = (0, import_react49.useMemo)(() => {
     if (!startAt || !endAt) return "\uC54C \uC218 \uC5C6\uC74C";
     return `${(0, import_date_fns6.format)(startAt, "yyyy\uB144 MM\uC6D4 dd\uC77C HH\uC2DC mm\uBD84")} ~ ${(0, import_date_fns6.format)(endAt, "HH\uC2DC mm\uBD84")}`;
   }, [startAt, endAt]);
@@ -6779,7 +6826,7 @@ function CoachQuestionList({
 }
 
 // src/app/platform/reservation-card.tsx
-var import_react49 = require("react");
+var import_react50 = require("react");
 var import_date_fns7 = require("date-fns");
 var import_locale2 = require("date-fns/locale");
 var import_jsx_runtime102 = require("react/jsx-runtime");
@@ -6797,29 +6844,29 @@ function ReservationCard(props) {
     onClickCancel,
     onClickCompleteSession
   } = props;
-  const [editValues, setEditValues] = (0, import_react49.useState)({
+  const [editValues, setEditValues] = (0, import_react50.useState)({
     date: props.defaultTime,
     type: props.defaultType
   });
   const date = readonly ? defaultTime : editValues.date;
   const type = readonly ? defaultType : editValues.type;
-  const onClickSave = (0, import_react49.useCallback)(() => {
+  const onClickSave = (0, import_react50.useCallback)(() => {
     var _a;
     (_a = props.onClickSave) == null ? void 0 : _a.call(props, editValues);
   }, [editValues, props]);
-  const onClickReset = (0, import_react49.useCallback)(() => {
+  const onClickReset = (0, import_react50.useCallback)(() => {
     setEditValues({
       date: defaultTime,
       type: defaultType
     });
   }, [defaultTime, defaultType]);
-  const ActionButtons = (0, import_react49.useMemo)(() => {
+  const ActionButtons = (0, import_react50.useMemo)(() => {
     if (readonly) {
       return /* @__PURE__ */ (0, import_jsx_runtime102.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_runtime102.jsx)(Button, { color: "gray", onClick: onClickCancel, variant: "transparent", children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(import_react_icons2.Cross1Icon, {}) });
   }, [defaultTime, defaultType, onClickCancel, onClickReserve, readonly]);
-  const onChangeDate = (0, import_react49.useCallback)((newDate) => {
+  const onChangeDate = (0, import_react50.useCallback)((newDate) => {
     if (!newDate) return;
     setEditValues((prev) => {
       return __spreadProps(__spreadValues({}, prev), {
@@ -6827,17 +6874,17 @@ function ReservationCard(props) {
       });
     });
   }, []);
-  const onChangeType = (0, import_react49.useCallback)((newType) => {
+  const onChangeType = (0, import_react50.useCallback)((newType) => {
     setEditValues((prev) => {
       return __spreadProps(__spreadValues({}, prev), {
         type: newType
       });
     });
   }, []);
-  const formatDate = (0, import_react49.useCallback)((v) => {
+  const formatDate = (0, import_react50.useCallback)((v) => {
     return (0, import_date_fns7.format)(v, "yyyy\uB144 MM\uC6D4 dd\uC77C(EEE) aa h:mm", { locale: import_locale2.ko });
   }, []);
-  (0, import_react49.useEffect)(() => {
+  (0, import_react50.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.");
@@ -6848,7 +6895,7 @@ function ReservationCard(props) {
       });
     }
   }, [editValues, minTime, readonly]);
-  (0, import_react49.useEffect)(() => {
+  (0, import_react50.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.");
@@ -6955,7 +7002,7 @@ function ReservationCard(props) {
 }
 
 // src/app/platform/session-review-simple-read.tsx
-var import_react50 = require("react");
+var import_react51 = require("react");
 var import_jsx_runtime103 = require("react/jsx-runtime");
 function SubTitleWrapper({
   children,
@@ -6970,7 +7017,7 @@ function SessionReviewSimpleRead({
   helpfulness,
   review
 }) {
-  const helpfulnessMeta = (0, import_react50.useMemo)(() => {
+  const helpfulnessMeta = (0, import_react51.useMemo)(() => {
     if (helpfulness) {
       return {
         text: "\uB124",
@@ -7024,11 +7071,11 @@ function SessionUserInfoDetail({
 }
 
 // src/app/platform/report-card.tsx
-var import_react51 = require("react");
+var import_react52 = require("react");
 var import_jsx_runtime105 = require("react/jsx-runtime");
 function ReportCard(props) {
   const { title, file, status, subtitle } = props;
-  const onClickDownload = (0, import_react51.useCallback)(() => {
+  const onClickDownload = (0, import_react52.useCallback)(() => {
     if (!file) return;
     const { url, fileName } = file;
     const link = document.createElement("a");
@@ -7066,9 +7113,9 @@ function ReportCard(props) {
 }
 
 // src/app/platform/contents-card.tsx
-var import_react52 = require("react");
+var import_react53 = require("react");
 var import_jsx_runtime106 = require("react/jsx-runtime");
-var ContentsCard = (0, import_react52.forwardRef)(
+var ContentsCard = (0, import_react53.forwardRef)(
   ({
     title,
     description,