@tipp/ui 2.3.16 → 2.3.18

package/dist/app/platform/on-offline-radio-card.cjs

@@ -62,7 +62,7 @@ __export(on_offline_radio_card_exports, {
   OnOfflineRadioCard: () => OnOfflineRadioCard
 });
 module.exports = __toCommonJS(on_offline_radio_card_exports);
-var import_react_icons9 = require("@radix-ui/react-icons");
+var import_react_icons10 = require("@radix-ui/react-icons");
 
 // src/molecules/expand-table/index.tsx
 var import_react_table2 = require("@tanstack/react-table");
@@ -559,6 +559,50 @@ var CircleChatIcon = React13.forwardRef(
 );
 CircleChatIcon.displayName = "CircleChatIcon";
 
+// src/icons/circle-file.tsx
+var React14 = __toESM(require("react"), 1);
+var import_jsx_runtime14 = require("react/jsx-runtime");
+var CircleFileIcon = React14.forwardRef(
+  (_a, forwardedRef) => {
+    var _b = _a, { color = "currentColor" } = _b, props = __objRest(_b, ["color"]);
+    return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+      "svg",
+      __spreadProps(__spreadValues({
+        fill: "none",
+        height: "16",
+        viewBox: "0 0 16 16",
+        width: "16",
+        xmlns: "http://www.w3.org/2000/svg"
+      }, props), {
+        ref: forwardedRef,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("rect", { fill: color, height: "16", rx: "8", width: "16" }),
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+            "rect",
+            {
+              fill: "white",
+              fillOpacity: "0.01",
+              height: "12",
+              transform: "translate(2 2)",
+              width: "12"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+            "path",
+            {
+              clipRule: "evenodd",
+              d: "M4.39998 4.00005C4.39998 3.77914 4.57906 3.60005 4.79998 3.60005H9.26861C9.37469 3.60005 9.47643 3.64219 9.55145 3.71721L11.4829 5.64858C11.5578 5.72359 11.6 5.82534 11.6 5.93142V12C11.6 12.2209 11.4209 12.4 11.2 12.4H4.79998C4.57906 12.4 4.39998 12.2209 4.39998 12V4.00005ZM4.79998 2.80005C4.13723 2.80005 3.59998 3.3373 3.59998 4.00005V12C3.59998 12.6628 4.13723 13.2 4.79998 13.2H11.2C11.8627 13.2 12.4 12.6628 12.4 12V5.93142C12.4 5.61316 12.2736 5.30794 12.0485 5.08289L10.1171 3.15152C9.89209 2.92648 9.58686 2.80005 9.26861 2.80005H4.79998ZM5.59998 5.20005C5.37906 5.20005 5.19998 5.37914 5.19998 5.60005C5.19998 5.82096 5.37906 6.00005 5.59998 6.00005H7.99998C8.22089 6.00005 8.39998 5.82096 8.39998 5.60005C8.39998 5.37914 8.22089 5.20005 7.99998 5.20005H5.59998ZM5.59998 7.60005C5.37906 7.60005 5.19998 7.77914 5.19998 8.00005C5.19998 8.22096 5.37906 8.40005 5.59998 8.40005H10.4C10.6209 8.40005 10.8 8.22096 10.8 8.00005C10.8 7.77914 10.6209 7.60005 10.4 7.60005H5.59998ZM5.59998 10C5.37906 10 5.19998 10.1792 5.19998 10.4C5.19998 10.6209 5.37906 10.8 5.59998 10.8H10.4C10.6209 10.8 10.8 10.6209 10.8 10.4C10.8 10.1792 10.6209 10 10.4 10H5.59998Z",
+              fill: "white",
+              fillRule: "evenodd"
+            }
+          )
+        ]
+      })
+    );
+  }
+);
+CircleFileIcon.displayName = "CircleFileIcon";
+
 // src/atoms/icon-button.tsx
 var import_react = require("react");
 var import_clsx = require("clsx");
@@ -596,7 +640,7 @@ var convertSize = (size) => {
 };
 
 // src/atoms/icon-button.tsx
-var import_jsx_runtime14 = require("react/jsx-runtime");
+var import_jsx_runtime15 = require("react/jsx-runtime");
 var IconButton = (0, import_react.forwardRef)(
   (props, ref) => {
     const _a = props, { size, style, variant } = _a, restProps = __objRest(_a, ["size", "style", "variant"]);
@@ -610,7 +654,7 @@ var IconButton = (0, import_react.forwardRef)(
     const className = (0, import_react.useMemo)(() => {
       return (0, import_clsx.clsx)(props.className, { transparent: variant === "transparent" });
     }, [props.className, variant]);
-    return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
       import_themes2.IconButton,
       __spreadProps(__spreadValues({
         style,
@@ -649,7 +693,7 @@ var mapWithResponsive = (args) => {
 };
 
 // src/atoms/typo.tsx
-var import_jsx_runtime15 = require("react/jsx-runtime");
+var import_jsx_runtime16 = require("react/jsx-runtime");
 var Typo = (0, import_react2.forwardRef)(
   (props, ref) => {
     const _a = props, { size, variant, children } = _a, rest = __objRest(_a, ["size", "variant", "children"]);
@@ -671,13 +715,13 @@ var Typo = (0, import_react2.forwardRef)(
         }
       });
     }, [size, variant]);
-    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_themes3.Text, __spreadProps(__spreadValues({}, rest), { ref, size: radixSize, children }));
+    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_themes3.Text, __spreadProps(__spreadValues({}, rest), { ref, size: radixSize, children }));
   }
 );
 Typo.displayName = "Typo";
 
 // src/atoms/pagination.tsx
-var import_jsx_runtime16 = require("react/jsx-runtime");
+var import_jsx_runtime17 = require("react/jsx-runtime");
 
 // src/atoms/spinner.tsx
 var import_themes4 = require("@radix-ui/themes");
@@ -688,13 +732,13 @@ var import_react5 = require("react");
 
 // src/atoms/collapse.tsx
 var import_react4 = require("react");
-var import_jsx_runtime17 = require("react/jsx-runtime");
+var import_jsx_runtime18 = require("react/jsx-runtime");
 
 // src/molecules/expand-table/row.tsx
-var import_jsx_runtime18 = require("react/jsx-runtime");
+var import_jsx_runtime19 = require("react/jsx-runtime");
 
 // src/molecules/expand-table/index.tsx
-var import_jsx_runtime19 = require("react/jsx-runtime");
+var import_jsx_runtime20 = require("react/jsx-runtime");
 
 // src/atoms/button.tsx
 var import_react7 = require("react");
@@ -733,7 +777,7 @@ var convertSize2 = (size) => {
 };
 
 // src/atoms/button.tsx
-var import_jsx_runtime20 = require("react/jsx-runtime");
+var import_jsx_runtime21 = require("react/jsx-runtime");
 var Button = (0, import_react7.forwardRef)(
   (props, ref) => {
     const _a = props, { size, style, variant } = _a, restProps = __objRest(_a, ["size", "style", "variant"]);
@@ -747,7 +791,7 @@ var Button = (0, import_react7.forwardRef)(
     const className = (0, import_react7.useMemo)(() => {
       return (0, import_clsx2.clsx)(props.className, { transparent: variant === "transparent" });
     }, [props.className, variant]);
-    return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
       import_themes6.Button,
       __spreadProps(__spreadValues({
         style,
@@ -764,7 +808,7 @@ var Button = (0, import_react7.forwardRef)(
 Button.displayName = "Button";
 
 // src/molecules/navigation.tsx
-var import_jsx_runtime21 = require("react/jsx-runtime");
+var import_jsx_runtime22 = require("react/jsx-runtime");
 
 // src/molecules/date-picker/index.tsx
 var import_react9 = require("react");
@@ -781,7 +825,7 @@ var import_themes8 = require("@radix-ui/themes");
 var import_themes9 = require("@radix-ui/themes");
 var import_react8 = require("react");
 var import_themes10 = require("@radix-ui/themes");
-var import_jsx_runtime22 = require("react/jsx-runtime");
+var import_jsx_runtime23 = require("react/jsx-runtime");
 var mapVariant = (variant) => {
   switch (variant) {
     case "heading1":
@@ -806,11 +850,11 @@ function Heading2(props) {
       mapFn: mapVariant
     }) : size;
   }, [size, variant]);
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_themes9.Heading, __spreadProps(__spreadValues({}, rest), { size: radixSize, children }));
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_themes9.Heading, __spreadProps(__spreadValues({}, rest), { size: radixSize, children }));
 }
 
 // src/molecules/date-picker/index.tsx
-var import_jsx_runtime23 = require("react/jsx-runtime");
+var import_jsx_runtime24 = require("react/jsx-runtime");
 var DatePicker = (0, import_react9.forwardRef)(
   (props, ref) => {
     const _a = props, { fullWidth } = _a, rest = __objRest(_a, ["fullWidth"]);
@@ -841,7 +885,7 @@ var DatePicker = (0, import_react9.forwardRef)(
         setIsMonthDropdownOpen
       }));
     }, [isMonthDropdownOpen, isYearDropdownOpen, props]);
-    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_themes.Flex, { p: "0", width: "100%", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_themes.Flex, { p: "0", width: "100%", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
       import_react_datepicker.default,
       __spreadProps(__spreadValues({
         dateFormat: "yyyy/MM/dd h:mm aa",
@@ -889,19 +933,19 @@ function DropdownSelector({
       });
     }
   }, [isOpen]);
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_themes8.Popover.Root, { modal: true, onOpenChange, open: isOpen, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_themes8.Popover.Trigger, { children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Button, { className: "react-datepicker_dropdown_header", variant: "ghost", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(Heading2, { variant: "heading4", weight: "regular", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_themes8.Popover.Root, { modal: true, onOpenChange, open: isOpen, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_themes8.Popover.Trigger, { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Button, { className: "react-datepicker_dropdown_header", variant: "ghost", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(Heading2, { variant: "heading4", weight: "regular", children: [
       selectedValue,
       suffix
     ] }) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_themes8.Popover.Content, { side: "bottom", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_themes8.Popover.Content, { side: "bottom", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
       import_themes7.Box,
       {
         maxHeight: "200px",
         overflowY: "auto",
         ref: scrollContainerRef,
         style: { scrollbarWidth: "none" },
-        children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_themes.Flex, { direction: "column", gap: "1", children: options.map((item) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_themes.Flex, { direction: "column", gap: "1", children: options.map((item) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
           Button,
           {
             className: "react-datepicker_dropdown_item",
@@ -915,7 +959,7 @@ function DropdownSelector({
               e.preventDefault();
             },
             variant: "transparent",
-            children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(Typo, { weight: item === selectedValue ? "bold" : void 0, children: [
+            children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(Typo, { weight: item === selectedValue ? "bold" : void 0, children: [
               item,
               suffix
             ] })
@@ -946,8 +990,8 @@ var getRenderCustomHeader = (props) => {
     } = props;
     const year = date ? new Date(date).getFullYear() : "-";
     const month = date ? new Date(date).getMonth() + 1 : "-";
-    return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_themes.Flex, { align: "center", justify: "between", pl: "2", pr: "2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_themes.Flex, { align: "center", justify: "between", pl: "2", pr: "2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
         IconButton,
         {
           className: "react-datepicker_dropdown_header",
@@ -955,11 +999,11 @@ var getRenderCustomHeader = (props) => {
           onClick: decreaseMonth,
           type: "button",
           variant: "ghost",
-          children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_icons.ChevronLeftIcon, {})
+          children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_icons.ChevronLeftIcon, {})
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_themes.Flex, { gap: "3", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_themes.Flex, { gap: "3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
           DropdownSelector,
           {
             isOpen: isYearDropdownOpen,
@@ -973,7 +1017,7 @@ var getRenderCustomHeader = (props) => {
             suffix: "\uB144"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
           DropdownSelector,
           {
             isOpen: isMonthDropdownOpen,
@@ -988,7 +1032,7 @@ var getRenderCustomHeader = (props) => {
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
         IconButton,
         {
           className: "react-datepicker_dropdown_header",
@@ -996,7 +1040,7 @@ var getRenderCustomHeader = (props) => {
           onClick: increaseMonth,
           type: "button",
           variant: "ghost",
-          children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_icons.ChevronRightIcon, {})
+          children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_icons.ChevronRightIcon, {})
         }
       )
     ] });
@@ -1007,7 +1051,7 @@ var getRenderCustomHeader = (props) => {
 // src/molecules/dot-navigation.tsx
 var import_react10 = require("react");
 var import_react_icons2 = require("@radix-ui/react-icons");
-var import_jsx_runtime24 = require("react/jsx-runtime");
+var import_jsx_runtime25 = require("react/jsx-runtime");
 
 // src/molecules/stepper.tsx
 var import_react12 = require("react");
@@ -1016,7 +1060,7 @@ var import_themes12 = require("@radix-ui/themes");
 // src/atoms/avatar.tsx
 var import_themes11 = require("@radix-ui/themes");
 var import_react11 = require("react");
-var import_jsx_runtime25 = require("react/jsx-runtime");
+var import_jsx_runtime26 = require("react/jsx-runtime");
 var Avatar = (0, import_react11.forwardRef)(
   (props, ref) => {
     const _a = props, { children, size, variant = "soft" } = _a, rest = __objRest(_a, ["children", "size", "variant"]);
@@ -1047,13 +1091,13 @@ var Avatar = (0, import_react11.forwardRef)(
         return map;
       }
     }, [getOriginalSize, size]);
-    return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_themes11.Avatar, __spreadProps(__spreadValues({}, rest), { ref, size: radixSize, variant, children }));
+    return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_themes11.Avatar, __spreadProps(__spreadValues({}, rest), { ref, size: radixSize, variant, children }));
   }
 );
 Avatar.displayName = "Avatar";
 
 // src/molecules/stepper.tsx
-var import_jsx_runtime26 = require("react/jsx-runtime");
+var import_jsx_runtime27 = require("react/jsx-runtime");
 var StepContext = (0, import_react12.createContext)({
   active: false,
   completed: false,
@@ -1067,7 +1111,7 @@ var import_react_icons3 = require("@radix-ui/react-icons");
 // src/atoms/auto-sizing-input.tsx
 var import_themes13 = require("@radix-ui/themes");
 var import_react13 = require("react");
-var import_jsx_runtime27 = require("react/jsx-runtime");
+var import_jsx_runtime28 = require("react/jsx-runtime");
 var useTextWidth = (text, font) => {
   const [textWidth, setTextWidth] = (0, import_react13.useState)(0);
   (0, import_react13.useEffect)(() => {
@@ -1167,7 +1211,7 @@ var AutoSizingInput = (0, import_react13.forwardRef)(
         (_a2 = inputRef.current) == null ? void 0 : _a2.focus();
       }
     }, [inputRef]);
-    return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
       import_themes13.Box,
       {
         className: "auto-sizing-input wrapper",
@@ -1175,7 +1219,7 @@ var AutoSizingInput = (0, import_react13.forwardRef)(
         minWidth,
         onClick,
         style: { width: dynamicWidth },
-        children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("input", __spreadValues({ onChange: handleChange, ref: inputRef, value }, rest))
+        children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("input", __spreadValues({ onChange: handleChange, ref: inputRef, value }, rest))
       }
     );
   }
@@ -1185,7 +1229,7 @@ AutoSizingInput.displayName = "AutoSizingInput";
 // src/atoms/badge.tsx
 var import_themes14 = require("@radix-ui/themes");
 var import_react14 = require("react");
-var import_jsx_runtime28 = require("react/jsx-runtime");
+var import_jsx_runtime29 = require("react/jsx-runtime");
 var Badge = (0, import_react14.forwardRef)(
   (props, ref) => {
     const _a = props, { size = "small", color = "accent" } = _a, rest = __objRest(_a, ["size", "color"]);
@@ -1214,7 +1258,7 @@ var Badge = (0, import_react14.forwardRef)(
           return void 0;
       }
     }, [color]);
-    return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_themes14.Badge, __spreadProps(__spreadValues({}, rest), { color: radixColor, ref, size: radixSize }));
+    return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_themes14.Badge, __spreadProps(__spreadValues({}, rest), { color: radixColor, ref, size: radixSize }));
   }
 );
 Badge.displayName = "Badge";
@@ -1226,17 +1270,17 @@ var import_themes15 = require("@radix-ui/themes");
 var import_themes16 = require("@radix-ui/themes");
 
 // src/molecules/tag-selector.tsx
-var import_jsx_runtime29 = require("react/jsx-runtime");
+var import_jsx_runtime30 = require("react/jsx-runtime");
 
 // src/theme/theme-provider.tsx
 var import_themes17 = require("@radix-ui/themes");
-var import_jsx_runtime30 = require("react/jsx-runtime");
+var import_jsx_runtime31 = require("react/jsx-runtime");
 
 // src/atoms/aspect-ratio.tsx
 var import_themes18 = require("@radix-ui/themes");
 
 // src/molecules/learning-post.tsx
-var import_jsx_runtime31 = require("react/jsx-runtime");
+var import_jsx_runtime32 = require("react/jsx-runtime");
 
 // src/molecules/force-refresh.tsx
 var import_react_icons4 = require("@radix-ui/react-icons");
@@ -1248,7 +1292,7 @@ var import_themes19 = require("@radix-ui/themes");
 var import_themes20 = require("@radix-ui/themes");
 
 // src/molecules/force-refresh.tsx
-var import_jsx_runtime32 = require("react/jsx-runtime");
+var import_jsx_runtime33 = require("react/jsx-runtime");
 
 // src/molecules/date-picker/date-picker-button.tsx
 var import_react17 = require("react");
@@ -1258,7 +1302,7 @@ var import_clsx3 = require("clsx");
 // src/atoms/text-field.tsx
 var import_themes21 = require("@radix-ui/themes");
 var import_react16 = require("react");
-var import_jsx_runtime33 = require("react/jsx-runtime");
+var import_jsx_runtime34 = require("react/jsx-runtime");
 var Root = (0, import_react16.forwardRef)((props, ref) => {
   const _a = props, { error, style, className } = _a, rest = __objRest(_a, ["error", "style", "className"]);
   const fieldStyle = (0, import_react16.useMemo)(() => {
@@ -1269,7 +1313,7 @@ var Root = (0, import_react16.forwardRef)((props, ref) => {
     return __spreadValues(__spreadValues({}, style || {}), errorStyle);
   }, [error, style]);
   const classNameStr = error ? `error ${className}` : className;
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
     import_themes21.TextField.Root,
     __spreadValues({
       className: classNameStr,
@@ -1282,7 +1326,7 @@ Root.displayName = "TextField.Root";
 var TextField = { Root, Slot: import_themes21.TextField.Slot };
 
 // src/molecules/date-picker/date-picker-button.tsx
-var import_jsx_runtime34 = require("react/jsx-runtime");
+var import_jsx_runtime35 = require("react/jsx-runtime");
 
 // src/molecules/time-select.tsx
 var import_react19 = require("react");
@@ -1291,7 +1335,7 @@ var import_date_fns2 = require("date-fns");
 // src/atoms/select.tsx
 var import_themes22 = require("@radix-ui/themes");
 var import_react18 = require("react");
-var import_jsx_runtime35 = require("react/jsx-runtime");
+var import_jsx_runtime36 = require("react/jsx-runtime");
 var SelectContext = (0, import_react18.createContext)({
   error: false
 });
@@ -1303,7 +1347,7 @@ var Content = (0, import_react18.forwardRef)((props, ref) => {
     const errorCls = error ? "tipp-error" : "";
     return [etc, errorCls, className].join(" ");
   }, [className, error, isNavigation]);
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
     import_themes22.Select.Content,
     __spreadProps(__spreadValues({
       position: "popper"
@@ -1322,13 +1366,13 @@ var Trigger = (0, import_react18.forwardRef)(
       const errorCls = error ? "error" : "";
       return [errorCls, className].join(" ");
     }, [className, error]);
-    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_themes22.Select.Trigger, __spreadProps(__spreadValues({}, rest), { className: cls, ref }));
+    return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_themes22.Select.Trigger, __spreadProps(__spreadValues({}, rest), { className: cls, ref }));
   }
 );
 Trigger.displayName = "Select.Trigger";
 function Root2(props) {
   const _a = props, { error } = _a, rest = __objRest(_a, ["error"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(SelectContext.Provider, { value: { error }, children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_themes22.Select.Root, __spreadValues({}, rest)) });
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(SelectContext.Provider, { value: { error }, children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_themes22.Select.Root, __spreadValues({}, rest)) });
 }
 Root2.displayName = "Select.Root";
 var Select = __spreadProps(__spreadValues({}, import_themes22.Select), {
@@ -1358,7 +1402,7 @@ for (const opt of AI_CALLOUT_ICON_OPTIONS) {
 }
 
 // src/molecules/time-select.tsx
-var import_jsx_runtime36 = require("react/jsx-runtime");
+var import_jsx_runtime37 = require("react/jsx-runtime");
 
 // src/molecules/radio-button-card.tsx
 var import_react20 = require("react");
@@ -1370,7 +1414,7 @@ var import_themes23 = require("@radix-ui/themes");
 var import_themes24 = require("@radix-ui/themes");
 
 // src/molecules/radio-button-card.tsx
-var import_jsx_runtime37 = require("react/jsx-runtime");
+var import_jsx_runtime38 = require("react/jsx-runtime");
 var RadioCardContext = (0, import_react20.createContext)({});
 function Root3(props) {
   const [value, setValue] = (0, import_react20.useState)(props.value || props.defaultValue);
@@ -1382,7 +1426,7 @@ function Root3(props) {
     },
     [props]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(RadioCardContext.Provider, { value: __spreadProps(__spreadValues({}, props), { value }), children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_themes23.RadioCards.Root, __spreadProps(__spreadValues({}, props), { onValueChange })) });
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(RadioCardContext.Provider, { value: __spreadProps(__spreadValues({}, props), { value }), children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_themes23.RadioCards.Root, __spreadProps(__spreadValues({}, props), { onValueChange })) });
 }
 function Item(_a) {
   var _b = _a, {
@@ -1399,9 +1443,9 @@ function Item(_a) {
     "justify",
     "RadioWrapper"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_themes23.RadioCards.Item, __spreadProps(__spreadValues({}, itemRest), { children: /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(import_themes.Flex, { align: "center", justify: justify || "between", width: "100%", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_themes23.RadioCards.Item, __spreadProps(__spreadValues({}, itemRest), { children: /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(import_themes.Flex, { align: "center", justify: justify || "between", width: "100%", children: [
     children,
-    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(RadioWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(RadioWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
       import_themes24.Radio,
       {
         checked: itemRest.value === value,
@@ -1423,28 +1467,28 @@ var import_react_icons5 = require("@radix-ui/react-icons");
 var import_themes25 = require("@radix-ui/themes");
 var import_react21 = require("react");
 var import_themes26 = require("@radix-ui/themes");
-var import_jsx_runtime38 = require("react/jsx-runtime");
+var import_jsx_runtime39 = require("react/jsx-runtime");
 
 // src/molecules/download-card.tsx
-var import_jsx_runtime39 = require("react/jsx-runtime");
+var import_jsx_runtime40 = require("react/jsx-runtime");
 
 // src/molecules/ghost-post.tsx
-var import_jsx_runtime40 = require("react/jsx-runtime");
+var import_jsx_runtime41 = require("react/jsx-runtime");
 
 // src/molecules/curriculumV2/curriculum-context.tsx
 var import_react22 = require("react");
-var import_jsx_runtime41 = require("react/jsx-runtime");
+var import_jsx_runtime42 = require("react/jsx-runtime");
 var CurriculumContext = (0, import_react22.createContext)(
   void 0
 );
 
 // src/molecules/curriculumV2/curriculum-sub-nav.tsx
 var import_react23 = require("react");
-var import_jsx_runtime42 = require("react/jsx-runtime");
+var import_jsx_runtime43 = require("react/jsx-runtime");
 
 // src/molecules/curriculumV2/CurriculumContents/curriculum-video.tsx
 var import_react24 = require("react");
-var import_jsx_runtime43 = require("react/jsx-runtime");
+var import_jsx_runtime44 = require("react/jsx-runtime");
 
 // src/molecules/curriculumV2/CurriculumContents/curriculum-review.tsx
 var import_react31 = require("react");
@@ -1458,42 +1502,42 @@ var import_react26 = require("react");
 
 // src/theme/portal-provider.tsx
 var import_react25 = require("react");
-var import_jsx_runtime44 = require("react/jsx-runtime");
+var import_jsx_runtime45 = require("react/jsx-runtime");
 var PortalContext = (0, import_react25.createContext)(
   null
 );
 
 // src/atoms/dialog.tsx
-var import_jsx_runtime45 = require("react/jsx-runtime");
+var import_jsx_runtime46 = require("react/jsx-runtime");
 
 // src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/curriculum-review-context.tsx
 var import_react27 = require("react");
 var import_formik = require("formik");
 var import_lodash_es = require("lodash-es");
 var Yup = __toESM(require("yup"), 1);
-var import_jsx_runtime46 = require("react/jsx-runtime");
+var import_jsx_runtime47 = require("react/jsx-runtime");
 var CurriculumReviewContext = (0, import_react27.createContext)(void 0);
 
 // src/atoms/separator.tsx
 var import_themes28 = require("@radix-ui/themes");
 
 // src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/start-review.tsx
-var import_jsx_runtime47 = require("react/jsx-runtime");
+var import_jsx_runtime48 = require("react/jsx-runtime");
 
 // src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/complete-review.tsx
-var import_jsx_runtime48 = require("react/jsx-runtime");
+var import_jsx_runtime49 = require("react/jsx-runtime");
 
 // src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-layout.tsx
-var import_jsx_runtime49 = require("react/jsx-runtime");
+var import_jsx_runtime50 = require("react/jsx-runtime");
 
 // src/atoms/progress.tsx
 var import_themes29 = require("@radix-ui/themes");
 
 // src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-header.tsx
-var import_jsx_runtime50 = require("react/jsx-runtime");
+var import_jsx_runtime51 = require("react/jsx-runtime");
 
 // src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-footer.tsx
-var import_jsx_runtime51 = require("react/jsx-runtime");
+var import_jsx_runtime52 = require("react/jsx-runtime");
 
 // src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-radio.tsx
 var import_react29 = require("react");
@@ -1501,7 +1545,7 @@ var import_react29 = require("react");
 // src/atoms/card.tsx
 var import_react28 = require("react");
 var import_themes30 = require("@radix-ui/themes");
-var import_jsx_runtime52 = require("react/jsx-runtime");
+var import_jsx_runtime53 = require("react/jsx-runtime");
 var Card = (0, import_react28.forwardRef)(
   (props, forwardedRef) => {
     const _a = props, { borderDisable, borderRadius, error } = _a, rest = __objRest(_a, ["borderDisable", "borderRadius", "error"]);
@@ -1518,7 +1562,7 @@ var Card = (0, import_react28.forwardRef)(
     const errorClsName = (0, import_react28.useMemo)(() => {
       return error ? " error" : "";
     }, [error]);
-    return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
       import_themes30.Card,
       __spreadProps(__spreadValues({
         variant: "surface"
@@ -1533,15 +1577,15 @@ var Card = (0, import_react28.forwardRef)(
 Card.displayName = "Card";
 
 // src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-comp.tsx
-var import_jsx_runtime53 = require("react/jsx-runtime");
+var import_jsx_runtime54 = require("react/jsx-runtime");
 
 // src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-radio.tsx
-var import_jsx_runtime54 = require("react/jsx-runtime");
+var import_jsx_runtime55 = require("react/jsx-runtime");
 
 // src/atoms/text-area.tsx
 var import_themes31 = require("@radix-ui/themes");
 var import_react30 = require("react");
-var import_jsx_runtime55 = require("react/jsx-runtime");
+var import_jsx_runtime56 = require("react/jsx-runtime");
 var TextArea = (0, import_react30.forwardRef)(
   (props, ref) => {
     const _a = props, { error, style, className } = _a, rest = __objRest(_a, ["error", "style", "className"]);
@@ -1553,7 +1597,7 @@ var TextArea = (0, import_react30.forwardRef)(
       return __spreadValues(__spreadValues({}, style || {}), errorStyle);
     }, [error, style]);
     const classNameStr = error ? `error ${className}` : className;
-    return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
       import_themes31.TextArea,
       __spreadProps(__spreadValues({}, rest), {
         className: classNameStr,
@@ -1569,80 +1613,84 @@ TextArea.displayName = "TextArea";
 var import_themes32 = require("@radix-ui/themes");
 
 // src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-text.tsx
-var import_jsx_runtime56 = require("react/jsx-runtime");
+var import_jsx_runtime57 = require("react/jsx-runtime");
 
 // src/atoms/radio-group.tsx
 var import_themes33 = require("@radix-ui/themes");
 
 // src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-satisfaction-option.tsx
-var import_jsx_runtime57 = require("react/jsx-runtime");
+var import_jsx_runtime58 = require("react/jsx-runtime");
 
 // src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-satisfaction-text.tsx
-var import_jsx_runtime58 = require("react/jsx-runtime");
+var import_jsx_runtime59 = require("react/jsx-runtime");
 
 // src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-body.tsx
-var import_jsx_runtime59 = require("react/jsx-runtime");
+var import_jsx_runtime60 = require("react/jsx-runtime");
 
 // src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/index.tsx
-var import_jsx_runtime60 = require("react/jsx-runtime");
+var import_jsx_runtime61 = require("react/jsx-runtime");
 
 // src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/index.tsx
-var import_jsx_runtime61 = require("react/jsx-runtime");
+var import_jsx_runtime62 = require("react/jsx-runtime");
 
 // src/molecules/curriculumV2/CurriculumContents/curriculum-review.tsx
-var import_jsx_runtime62 = require("react/jsx-runtime");
+var import_jsx_runtime63 = require("react/jsx-runtime");
 
 // src/molecules/curriculumV2/CurriculumContents/curriculum-ai-traning.tsx
 var import_react32 = require("react");
-var import_jsx_runtime63 = require("react/jsx-runtime");
+var import_jsx_runtime64 = require("react/jsx-runtime");
+
+// src/molecules/curriculumV2/CurriculumContents/curriculum-file-download.tsx
+var import_react33 = require("react");
+var import_jsx_runtime65 = require("react/jsx-runtime");
 
 // src/molecules/curriculumV2/CurriculumContents/index.tsx
-var import_jsx_runtime64 = require("react/jsx-runtime");
+var import_jsx_runtime66 = require("react/jsx-runtime");
 
 // src/molecules/curriculumV2/CurriculumSidebar/index.tsx
-var import_react33 = require("react");
+var import_react34 = require("react");
 
 // src/atoms/tabs.tsx
 var import_themes34 = require("@radix-ui/themes");
 
 // src/molecules/curriculumV2/CurriculumSidebar/Items/section-title.tsx
-var import_jsx_runtime65 = require("react/jsx-runtime");
+var import_jsx_runtime67 = require("react/jsx-runtime");
 
 // src/molecules/curriculumV2/CurriculumSidebar/Items/curriculum-sidebar-item-wrapper.tsx
-var import_jsx_runtime66 = require("react/jsx-runtime");
+var import_jsx_runtime68 = require("react/jsx-runtime");
 
 // src/molecules/curriculumV2/CurriculumSidebar/Items/curriculum-item-title.tsx
-var import_jsx_runtime67 = require("react/jsx-runtime");
+var import_jsx_runtime69 = require("react/jsx-runtime");
 
 // src/molecules/curriculumV2/CurriculumSidebar/Items/section-item.tsx
-var import_jsx_runtime68 = require("react/jsx-runtime");
+var import_jsx_runtime70 = require("react/jsx-runtime");
 
 // src/molecules/curriculumV2/CurriculumSidebar/sidebar-item.tsx
-var import_jsx_runtime69 = require("react/jsx-runtime");
+var import_jsx_runtime71 = require("react/jsx-runtime");
 
 // src/molecules/curriculumV2/CurriculumSidebar/index.tsx
-var import_jsx_runtime70 = require("react/jsx-runtime");
+var import_jsx_runtime72 = require("react/jsx-runtime");
 
 // src/molecules/curriculumV2/curriculum-v2-layout.tsx
-var import_jsx_runtime71 = require("react/jsx-runtime");
+var import_jsx_runtime73 = require("react/jsx-runtime");
 
 // src/molecules/dynamic-form.tsx
-var import_react38 = require("react");
+var import_react39 = require("react");
 var import_formik2 = require("formik");
 var Yup2 = __toESM(require("yup"), 1);
 var import_themes37 = require("@radix-ui/themes");
 
 // src/context/dynamic-form-context.tsx
-var import_react35 = require("react");
+var import_react36 = require("react");
 
 // src/molecules/form/form.tsx
 var RadixForm = __toESM(require("@radix-ui/react-form"), 1);
-var import_react34 = require("react");
-var import_jsx_runtime72 = require("react/jsx-runtime");
-var Root6 = (0, import_react34.forwardRef)(
+var import_react35 = require("react");
+var import_jsx_runtime74 = require("react/jsx-runtime");
+var Root6 = (0, import_react35.forwardRef)(
   (_a, ref) => {
     var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
       RadixForm.Root,
       __spreadProps(__spreadValues({}, rest), {
         className: `FormRoot ${className || ""}`,
@@ -1653,33 +1701,33 @@ var Root6 = (0, import_react34.forwardRef)(
   }
 );
 Root6.displayName = "FORM_ROOT";
-var FieldContext = (0, import_react34.createContext)({
+var FieldContext = (0, import_react35.createContext)({
   name: ""
 });
-var Field2 = (0, import_react34.forwardRef)(
+var Field2 = (0, import_react35.forwardRef)(
   (_a, ref) => {
     var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
       RadixForm.Field,
       __spreadProps(__spreadValues({}, rest), {
         className: `FormField ${className || ""}`,
         ref,
-        children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(FieldContext.Provider, { value: rest, children })
+        children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(FieldContext.Provider, { value: rest, children })
       })
     );
   }
 );
 Field2.displayName = "FORM_FIELD";
 function HeadingLabel(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(Heading2, __spreadProps(__spreadValues({ variant: "heading5" }, props), { children: props.children }));
+  return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Heading2, __spreadProps(__spreadValues({ variant: "heading5" }, props), { children: props.children }));
 }
 function CaptionLabel(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(Typo, __spreadProps(__spreadValues({ color: "gray", variant: "caption" }, props), { children: props.children }));
+  return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Typo, __spreadProps(__spreadValues({ color: "gray", variant: "caption" }, props), { children: props.children }));
 }
-var Label2 = (0, import_react34.forwardRef)(
+var Label2 = (0, import_react35.forwardRef)(
   (_a, ref) => {
     var _b = _a, { children, className, variant } = _b, rest = __objRest(_b, ["children", "className", "variant"]);
-    const Comp = (0, import_react34.useMemo)(() => {
+    const Comp = (0, import_react35.useMemo)(() => {
       switch (variant) {
         case "title":
           return HeadingLabel;
@@ -1690,42 +1738,42 @@ var Label2 = (0, import_react34.forwardRef)(
           return Typo;
       }
     }, [variant]);
-    const fieldProps = (0, import_react34.useContext)(FieldContext);
-    return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+    const fieldProps = (0, import_react35.useContext)(FieldContext);
+    return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
       RadixForm.Label,
       __spreadProps(__spreadValues({}, rest), {
         asChild: true,
         className: `FormLabel ${className || ""}`,
         ref,
-        children: /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(Comp, { children: [
+        children: /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(Comp, { children: [
           children,
-          fieldProps.required ? /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(Typo, { as: "span", color: "tomato", children: ` *` }) : null
+          fieldProps.required ? /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Typo, { as: "span", color: "tomato", children: ` *` }) : null
         ] })
       })
     );
   }
 );
 Label2.displayName = "FORM_Label";
-var Message2 = (0, import_react34.forwardRef)(
+var Message2 = (0, import_react35.forwardRef)(
   (_a, ref) => {
     var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
       RadixForm.Message,
       __spreadProps(__spreadValues({}, rest), {
         asChild: true,
         className: `FormMessage ${className || ""}`,
         ref,
-        children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(Typo, { color: "red", children })
+        children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Typo, { color: "red", children })
       })
     );
   }
 );
 Message2.displayName = "FORM_Message";
-var Control2 = (0, import_react34.forwardRef)(
+var Control2 = (0, import_react35.forwardRef)(
   (_a, ref) => {
     var _b = _a, { className } = _b, rest = __objRest(_b, ["className"]);
-    const fieldProps = (0, import_react34.useContext)(FieldContext);
-    return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+    const fieldProps = (0, import_react35.useContext)(FieldContext);
+    return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
       RadixForm.Control,
       __spreadProps(__spreadValues({}, rest), {
         className: `FormControl ${className || ""}`,
@@ -1738,16 +1786,16 @@ var Control2 = (0, import_react34.forwardRef)(
 Control2.displayName = "FORM_Control";
 
 // src/context/dynamic-form-context.tsx
-var import_jsx_runtime73 = require("react/jsx-runtime");
-var DynamicFormContext = (0, import_react35.createContext)(null);
+var import_jsx_runtime75 = require("react/jsx-runtime");
+var DynamicFormContext = (0, import_react36.createContext)(null);
 
 // src/atoms/check-box-group.tsx
 var import_themes35 = require("@radix-ui/themes");
-var import_react36 = require("react");
-var import_jsx_runtime74 = require("react/jsx-runtime");
-var Root7 = (0, import_react36.forwardRef)((props, ref) => {
+var import_react37 = require("react");
+var import_jsx_runtime76 = require("react/jsx-runtime");
+var Root7 = (0, import_react37.forwardRef)((props, ref) => {
   const _a = props, { children, size = "medium" } = _a, rest = __objRest(_a, ["children", "size"]);
-  const groupSize = (0, import_react36.useMemo)(() => {
+  const groupSize = (0, import_react37.useMemo)(() => {
     switch (size) {
       case "small":
         return "1";
@@ -1758,7 +1806,7 @@ var Root7 = (0, import_react36.forwardRef)((props, ref) => {
         return "2";
     }
   }, [size]);
-  return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_themes35.CheckboxGroup.Root, __spreadProps(__spreadValues({}, rest), { ref, size: groupSize, children }));
+  return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_themes35.CheckboxGroup.Root, __spreadProps(__spreadValues({}, rest), { ref, size: groupSize, children }));
 });
 Root7.displayName = "CheckboxGroup.Root";
 var CheckboxGroup = {
@@ -1768,12 +1816,12 @@ var CheckboxGroup = {
 
 // src/atoms/check-box.tsx
 var import_themes36 = require("@radix-ui/themes");
-var import_react37 = require("react");
-var import_jsx_runtime75 = require("react/jsx-runtime");
-var Checkbox = (0, import_react37.forwardRef)(
+var import_react38 = require("react");
+var import_jsx_runtime77 = require("react/jsx-runtime");
+var Checkbox = (0, import_react38.forwardRef)(
   (props, ref) => {
     const _a = props, { size = "medium" } = _a, rest = __objRest(_a, ["size"]);
-    const radixSize = (0, import_react37.useMemo)(() => {
+    const radixSize = (0, import_react38.useMemo)(() => {
       switch (size) {
         case "small":
           return "1";
@@ -1783,33 +1831,38 @@ var Checkbox = (0, import_react37.forwardRef)(
           return "3";
       }
     }, [size]);
-    return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_themes36.Checkbox, __spreadProps(__spreadValues({}, rest), { ref, size: radixSize }));
+    return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_themes36.Checkbox, __spreadProps(__spreadValues({}, rest), { ref, size: radixSize }));
   }
 );
 Checkbox.displayName = "Checkbox";
 
 // src/molecules/dynamic-field.tsx
-var import_jsx_runtime76 = require("react/jsx-runtime");
+var import_jsx_runtime78 = require("react/jsx-runtime");
 
 // src/molecules/dynamic-form.tsx
-var import_jsx_runtime77 = require("react/jsx-runtime");
+var import_jsx_runtime79 = require("react/jsx-runtime");
 
 // src/molecules/one-on-one-guide-list.tsx
-var import_react40 = require("react");
+var import_react41 = require("react");
 
 // src/atoms/list.tsx
-var import_react39 = require("react");
+var import_react40 = require("react");
 var import_clsx4 = require("clsx");
-var import_jsx_runtime78 = require("react/jsx-runtime");
-var ListContext = (0, import_react39.createContext)({
+var import_jsx_runtime80 = require("react/jsx-runtime");
+var ListContext = (0, import_react40.createContext)({
   size: "large"
 });
 
 // src/molecules/one-on-one-guide-list.tsx
-var import_jsx_runtime79 = require("react/jsx-runtime");
+var import_jsx_runtime81 = require("react/jsx-runtime");
 
 // src/molecules/description-json-render.tsx
-var import_jsx_runtime80 = require("react/jsx-runtime");
+var import_jsx_runtime82 = require("react/jsx-runtime");
+
+// src/molecules/training-info-guideline.tsx
+var import_react42 = require("react");
+var import_react_icons8 = require("@radix-ui/react-icons");
+var import_jsx_runtime83 = require("react/jsx-runtime");
 
 // src/atoms/alert-dialog.tsx
 var import_themes38 = require("@radix-ui/themes");
@@ -1828,15 +1881,15 @@ var import_themes42 = require("@radix-ui/themes");
 
 // src/atoms/dropdown-menu.tsx
 var import_themes43 = require("@radix-ui/themes");
-var import_react41 = require("react");
-var import_jsx_runtime81 = require("react/jsx-runtime");
-var Content3 = (0, import_react41.forwardRef)((props, ref) => {
+var import_react43 = require("react");
+var import_jsx_runtime84 = require("react/jsx-runtime");
+var Content3 = (0, import_react43.forwardRef)((props, ref) => {
   const _a = props, { isNavigation, className } = _a, rest = __objRest(_a, ["isNavigation", "className"]);
-  const contentClassName = (0, import_react41.useMemo)(() => {
+  const contentClassName = (0, import_react43.useMemo)(() => {
     const cls = isNavigation ? "dropdown-navigation" : "";
     return [cls, className].join(" ");
   }, [isNavigation, className]);
-  return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
     import_themes43.DropdownMenu.Content,
     __spreadProps(__spreadValues({
       ref
@@ -1882,36 +1935,36 @@ var import_themes53 = require("@radix-ui/themes");
 
 // src/atoms/tooltip.tsx
 var import_themes54 = require("@radix-ui/themes");
-var import_react43 = require("react");
+var import_react45 = require("react");
 
 // src/context/ui-state-provider.tsx
-var import_react42 = require("react");
-var import_jsx_runtime82 = require("react/jsx-runtime");
-var UIStateContext = (0, import_react42.createContext)({
+var import_react44 = require("react");
+var import_jsx_runtime85 = require("react/jsx-runtime");
+var UIStateContext = (0, import_react44.createContext)({
   isMobile: false
 });
 
 // src/atoms/tooltip.tsx
-var import_jsx_runtime83 = require("react/jsx-runtime");
+var import_jsx_runtime86 = require("react/jsx-runtime");
 
 // src/atoms/field-error-wrapper.tsx
-var import_jsx_runtime84 = require("react/jsx-runtime");
+var import_jsx_runtime87 = require("react/jsx-runtime");
 
 // src/atoms/ellipsis-tooltip.tsx
-var import_react44 = require("react");
-var import_jsx_runtime85 = require("react/jsx-runtime");
+var import_react46 = require("react");
+var import_jsx_runtime88 = require("react/jsx-runtime");
 
 // src/atoms/drawer.tsx
 var Dialog2 = __toESM(require("@radix-ui/react-dialog"), 1);
 var import_themes55 = require("@radix-ui/themes");
 
 // src/icons/close-panel-arrow.tsx
-var React45 = __toESM(require("react"), 1);
-var import_jsx_runtime86 = require("react/jsx-runtime");
-var ClosePanelArrowIcon = React45.forwardRef(
+var React48 = __toESM(require("react"), 1);
+var import_jsx_runtime89 = require("react/jsx-runtime");
+var ClosePanelArrowIcon = React48.forwardRef(
   (_a, forwardedRef) => {
     var _b = _a, { color = "currentColor" } = _b, props = __objRest(_b, ["color"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(
       "svg",
       __spreadProps(__spreadValues({
         fill: "none",
@@ -1922,7 +1975,7 @@ var ClosePanelArrowIcon = React45.forwardRef(
       }, props), {
         ref: forwardedRef,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
             "path",
             {
               clipRule: "evenodd",
@@ -1931,7 +1984,7 @@ var ClosePanelArrowIcon = React45.forwardRef(
               fillRule: "evenodd"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
             "path",
             {
               clipRule: "evenodd",
@@ -1948,32 +2001,32 @@ var ClosePanelArrowIcon = React45.forwardRef(
 ClosePanelArrowIcon.displayName = "ArrowDownIcon";
 
 // src/atoms/drawer.tsx
-var import_jsx_runtime87 = require("react/jsx-runtime");
+var import_jsx_runtime90 = require("react/jsx-runtime");
 
 // src/atoms/toast.tsx
-var import_react_icons8 = require("@radix-ui/react-icons");
+var import_react_icons9 = require("@radix-ui/react-icons");
 var import_react_toastify = require("react-toastify");
 var import_react_toastify2 = require("react-toastify");
-var import_jsx_runtime88 = require("react/jsx-runtime");
+var import_jsx_runtime91 = require("react/jsx-runtime");
 
 // src/atoms/bullet-text.tsx
-var import_jsx_runtime89 = require("react/jsx-runtime");
+var import_jsx_runtime92 = require("react/jsx-runtime");
 
 // src/app/platform/on-offline-radio-card.tsx
-var import_jsx_runtime90 = require("react/jsx-runtime");
+var import_jsx_runtime93 = require("react/jsx-runtime");
 var SERVICE_TYPE = {
   onlineCoaching: "onlineCoaching",
   offlineCoaching: "offlineCoaching"
 };
 var breakpoint = "sm";
 function HideSmallBox(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_themes7.Box, { display: { initial: "none", [breakpoint]: "block" }, children: props.children });
+  return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_themes7.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_runtime90.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(
     RadioButtonCard.Root,
     __spreadProps(__spreadValues({
       RadioWrapper: Wrapper,
@@ -1982,13 +2035,13 @@ function OnOfflineRadioCard(props) {
       justify
     }, props), {
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(RadioButtonCard.Item, { value: SERVICE_TYPE.onlineCoaching, children: /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(import_themes.Flex, { align: "center", gap: "2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(Wrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_react_icons9.GlobeIcon, {}) }),
-          /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(Typo, { children: "\uC628\uB77C\uC778" })
+        /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(RadioButtonCard.Item, { value: SERVICE_TYPE.onlineCoaching, children: /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(import_themes.Flex, { align: "center", gap: "2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Wrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_react_icons10.GlobeIcon, {}) }),
+          /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Typo, { children: "\uC628\uB77C\uC778" })
         ] }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(RadioButtonCard.Item, { value: SERVICE_TYPE.offlineCoaching, children: /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(import_themes.Flex, { align: "center", gap: "2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(Wrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_react_icons9.BackpackIcon, {}) }),
-          /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(Typo, { children: "\uC624\uD504\uB77C\uC778" })
+        /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(RadioButtonCard.Item, { value: SERVICE_TYPE.offlineCoaching, children: /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(import_themes.Flex, { align: "center", gap: "2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Wrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_react_icons10.BackpackIcon, {}) }),
+          /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Typo, { children: "\uC624\uD504\uB77C\uC778" })
         ] }) })
       ]
     })