boottent-design 0.1.236 → 0.1.238

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (52) hide show
  1. package/dist/DESIGN.md +2 -2
  2. package/dist/article-asset-card-CC9LWxwh.cjs +1 -0
  3. package/dist/article-asset-card-DJ01lgjB.js +83 -0
  4. package/dist/blog-review-card-5g1rbMJ_.js +32 -0
  5. package/dist/blog-review-card-D4UJwom2.cjs +1 -0
  6. package/dist/company-info-card-CpxDQZoa.js +88 -0
  7. package/dist/company-info-card-Dx_4nPGT.cjs +1 -0
  8. package/dist/components/article-asset-card.cjs.js +1 -1
  9. package/dist/components/article-asset-card.es.js +1 -1
  10. package/dist/components/blog-review-card.cjs.js +1 -0
  11. package/dist/components/blog-review-card.es.js +5 -0
  12. package/dist/components/company-info-card.cjs.js +1 -0
  13. package/dist/components/company-info-card.es.js +5 -0
  14. package/dist/components/event-asset-banner.cjs.js +1 -1
  15. package/dist/components/event-asset-banner.es.js +1 -1
  16. package/dist/components/partner-list-card.cjs.js +1 -0
  17. package/dist/components/partner-list-card.es.js +5 -0
  18. package/dist/components/portfolio-asset-card.cjs.js +1 -1
  19. package/dist/components/portfolio-asset-card.es.js +3 -2
  20. package/dist/components/youtube-video-modal.cjs.js +1 -0
  21. package/dist/components/youtube-video-modal.es.js +5 -0
  22. package/dist/components.cjs.js +1 -1
  23. package/dist/components.es.js +24 -15
  24. package/dist/{event-asset-banner-DLK5HF29.js → event-asset-banner-C4s2AcNJ.js} +14 -15
  25. package/dist/event-asset-banner-DLKw6TZu.cjs +1 -0
  26. package/dist/partner-list-card-BNOnHkub.cjs +1 -0
  27. package/dist/partner-list-card-Bbynki-W.js +93 -0
  28. package/dist/portfolio-asset-card-CYRD5Pmy.js +88 -0
  29. package/dist/portfolio-asset-card-ChxZMbNY.cjs +1 -0
  30. package/dist/styles.css +1 -1
  31. package/dist/types/article-asset-card.d.ts +1 -14
  32. package/dist/types/blog-review-card.d.ts +29 -0
  33. package/dist/types/company-info-card.d.ts +22 -0
  34. package/dist/types/components/blog-review-card.d.ts +2 -0
  35. package/dist/types/components/company-info-card.d.ts +2 -0
  36. package/dist/types/components/partner-list-card.d.ts +2 -0
  37. package/dist/types/components/youtube-video-modal.d.ts +2 -0
  38. package/dist/types/components.d.ts +80 -20
  39. package/dist/types/event-asset-banner.d.ts +1 -15
  40. package/dist/types/partner-list-card.d.ts +20 -0
  41. package/dist/types/portfolio-asset-card.d.ts +8 -14
  42. package/dist/types/youtube-video-modal.d.ts +14 -0
  43. package/dist/youtube-video-modal-CENnr9lf.js +82 -0
  44. package/dist/youtube-video-modal-pooOcDO1.cjs +1 -0
  45. package/package.json +3 -3
  46. package/dist/article-asset-card-B30fjI_9.js +0 -86
  47. package/dist/article-asset-card-CuTpHnoq.cjs +0 -1
  48. package/dist/event-asset-banner-I7Wv47iX.cjs +0 -1
  49. package/dist/portfolio-asset-card-DVhoypCN.cjs +0 -1
  50. package/dist/portfolio-asset-card-DfO26fVb.js +0 -96
  51. package/dist/shared-BI0VJM6L.cjs +0 -1
  52. package/dist/shared-BvvrEmni.js +0 -20
package/dist/DESIGN.md CHANGED
@@ -2,8 +2,8 @@
2
2
 
3
3
  > [!WARNING]
4
4
  > **자동 생성된 파일 — 직접 수정 금지**
5
- > 생성 일시: 2026. 5. 4. 오전 11:08:54
6
- > 원본 소스: boottent-design v0.1.235
5
+ > 생성 일시: 2026. 5. 19. 오후 3:53:39
6
+ > 원본 소스: boottent-design v0.1.238
7
7
 
8
8
  ## 1. 개요 (Overview)
9
9
 
@@ -0,0 +1 @@
1
+ "use strict";const e=require("react/jsx-runtime"),s=require("./index-DKCqkplO.cjs");require("./ui/accordion.cjs.js");require("./ui/alert-dialog.cjs.js");require("@radix-ui/react-aspect-ratio");require("./ui/avatar.cjs.js");require("./ui/badge.cjs.js");require("./ui/button.cjs.js");require("./ui/calendar.cjs.js");require("./ui/callout.cjs.js");require("./ui/card.cjs.js");require("./ui/checkbox.cjs.js");require("lucide-react");require("./ui/command.cjs.js");require("./ui/dialog.cjs.js");require("./ui/dropdown-menu.cjs.js");require("./ui/file-uploader.cjs.js");require("./ui/form.cjs.js");const o=require("./ui/icons.cjs.js");require("./ui/input.cjs.js");require("./ui/label.cjs.js");require("./ui/month-picker.cjs.js");require("./ui/multi-select.cjs.js");require("./ui/navigation-menu.cjs.js");require("./ui/popover.cjs.js");require("./ui/radio-group.cjs.js");require("./ui/scroll-area.cjs.js");require("./ui/select.cjs.js");require("./ui/separator.cjs.js");require("@radix-ui/react-slider");require("react");require("./ui/switch.cjs.js");require("./ui/tabs.cjs.js");require("./ui/tag.cjs.js");require("./ui/text.cjs.js");require("./ui/textarea.cjs.js");require("./ui/toast.cjs.js");require("./ui/toggle.cjs.js");require("./ui/toggle-group.cjs.js");require("./ui/tooltip.cjs.js");const t={bootcamp:{text:"부트캠프",color:"",background:""},job:{text:"취업꿀팁",color:s.colors.brown[500],background:s.colors.brown[50]},study:{text:"개념정리",color:s.colors.lime[500],background:s.colors.lime[50]},insight:{text:"인사이트",color:s.colors.blue[500],background:s.colors.blue[50]},webtoon:{text:"개발자툰",color:"",background:""}};function u({children:r,backgroundColor:l,color:i}){return e.jsx("div",{style:{backgroundColor:l,color:i},className:"whitespace-nowrap break-keep rounded bg-grey-100 px-2 py-0.5 text-regular13 text-grey-600 xs:text-regular14",children:r})}function c({article:r,isYoutube:l=!1}){const i=r.category?t[r.category]:void 0;return e.jsx("div",{className:"w-full list-none overflow-hidden rounded-[10px] border border-grey-200 bg-white","data-asset-id":r.assetId,children:e.jsxs("div",{className:"flex w-full flex-col",children:[e.jsxs("div",{className:"relative w-full shrink-0 overflow-hidden",children:[e.jsx("img",{src:r.imageUrl,alt:"image",className:"aspect-video w-full object-cover",loading:"lazy"}),l&&e.jsx("div",{className:"absolute inset-0 flex items-center justify-center bg-white/30",children:e.jsx(o.Icon.Play,{size:"40"})})]}),e.jsxs("div",{className:"flex flex-col items-start gap-2 p-4",children:[i&&e.jsx(u,{backgroundColor:i.background||"",color:i.color||"",children:i.text}),e.jsxs("div",{className:"flex flex-col gap-2",children:[e.jsx("p",{className:"line-clamp-2 text-semibold14 xs:text-semibold16",children:r.title}),e.jsx("p",{className:"line-clamp-3 text-regular13 text-grey-500 xs:text-regular14",children:r.description})]})]})]})})}exports.ArticleAssetCard=c;
@@ -0,0 +1,83 @@
1
+ import { jsx as o, jsxs as i } from "react/jsx-runtime";
2
+ import { c as e } from "./index-BFsbj9HY.js";
3
+ import "./ui/accordion.es.js";
4
+ import "./ui/alert-dialog.es.js";
5
+ import "@radix-ui/react-aspect-ratio";
6
+ import "./ui/avatar.es.js";
7
+ import "./ui/badge.es.js";
8
+ import "./ui/button.es.js";
9
+ import "./ui/calendar.es.js";
10
+ import "./ui/callout.es.js";
11
+ import "./ui/card.es.js";
12
+ import "./ui/checkbox.es.js";
13
+ import "lucide-react";
14
+ import "./ui/command.es.js";
15
+ import "./ui/dialog.es.js";
16
+ import "./ui/dropdown-menu.es.js";
17
+ import "./ui/file-uploader.es.js";
18
+ import "./ui/form.es.js";
19
+ import { Icon as m } from "./ui/icons.es.js";
20
+ import "./ui/input.es.js";
21
+ import "./ui/label.es.js";
22
+ import "./ui/month-picker.es.js";
23
+ import "./ui/multi-select.es.js";
24
+ import "./ui/navigation-menu.es.js";
25
+ import "./ui/popover.es.js";
26
+ import "./ui/radio-group.es.js";
27
+ import "./ui/scroll-area.es.js";
28
+ import "./ui/select.es.js";
29
+ import "./ui/separator.es.js";
30
+ import "@radix-ui/react-slider";
31
+ import "react";
32
+ import "./ui/switch.es.js";
33
+ import "./ui/tabs.es.js";
34
+ import "./ui/tag.es.js";
35
+ import "./ui/text.es.js";
36
+ import "./ui/textarea.es.js";
37
+ import "./ui/toast.es.js";
38
+ import "./ui/toggle.es.js";
39
+ import "./ui/toggle-group.es.js";
40
+ import "./ui/tooltip.es.js";
41
+ const a = {
42
+ bootcamp: { text: "부트캠프", color: "", background: "" },
43
+ job: { text: "취업꿀팁", color: e.brown[500], background: e.brown[50] },
44
+ study: { text: "개념정리", color: e.lime[500], background: e.lime[50] },
45
+ insight: { text: "인사이트", color: e.blue[500], background: e.blue[50] },
46
+ webtoon: { text: "개발자툰", color: "", background: "" }
47
+ };
48
+ function p({ children: r, backgroundColor: l, color: t }) {
49
+ return /* @__PURE__ */ o(
50
+ "div",
51
+ {
52
+ style: { backgroundColor: l, color: t },
53
+ className: "whitespace-nowrap break-keep rounded bg-grey-100 px-2 py-0.5 text-regular13 text-grey-600 xs:text-regular14",
54
+ children: r
55
+ }
56
+ );
57
+ }
58
+ function X({ article: r, isYoutube: l = !1 }) {
59
+ const t = r.category ? a[r.category] : void 0;
60
+ return /* @__PURE__ */ o(
61
+ "div",
62
+ {
63
+ className: "w-full list-none overflow-hidden rounded-[10px] border border-grey-200 bg-white",
64
+ "data-asset-id": r.assetId,
65
+ children: /* @__PURE__ */ i("div", { className: "flex w-full flex-col", children: [
66
+ /* @__PURE__ */ i("div", { className: "relative w-full shrink-0 overflow-hidden", children: [
67
+ /* @__PURE__ */ o("img", { src: r.imageUrl, alt: "image", className: "aspect-video w-full object-cover", loading: "lazy" }),
68
+ l && /* @__PURE__ */ o("div", { className: "absolute inset-0 flex items-center justify-center bg-white/30", children: /* @__PURE__ */ o(m.Play, { size: "40" }) })
69
+ ] }),
70
+ /* @__PURE__ */ i("div", { className: "flex flex-col items-start gap-2 p-4", children: [
71
+ t && /* @__PURE__ */ o(p, { backgroundColor: t.background || "", color: t.color || "", children: t.text }),
72
+ /* @__PURE__ */ i("div", { className: "flex flex-col gap-2", children: [
73
+ /* @__PURE__ */ o("p", { className: "line-clamp-2 text-semibold14 xs:text-semibold16", children: r.title }),
74
+ /* @__PURE__ */ o("p", { className: "line-clamp-3 text-regular13 text-grey-500 xs:text-regular14", children: r.description })
75
+ ] })
76
+ ] })
77
+ ] })
78
+ }
79
+ );
80
+ }
81
+ export {
82
+ X as A
83
+ };
@@ -0,0 +1,32 @@
1
+ import { jsxs as t, jsx as l } from "react/jsx-runtime";
2
+ const u = ["blogthumb.pstatic.net", "naverblog.com"], b = ({ review: e }) => {
3
+ var a;
4
+ if (!e.pagemap) return null;
5
+ const r = (a = e.pagemap.metatags) == null ? void 0 : a[0], g = (r == null ? void 0 : r["og:description"]) || e.snippet, d = (() => {
6
+ var s, n, o, c, i, x;
7
+ return (o = (n = (s = e.pagemap) == null ? void 0 : s.cse_thumbnail) == null ? void 0 : n[0]) != null && o.src ? e.pagemap.cse_thumbnail[0].src : (x = (i = (c = e.pagemap) == null ? void 0 : c.cse_image) == null ? void 0 : i[0]) != null && x.src ? e.pagemap.cse_image[0].src : r != null && r["og:image"] ? r["og:image"] : "";
8
+ })(), m = u.some((s) => d.includes(s));
9
+ return /* @__PURE__ */ t("div", { className: "flex w-full flex-col gap-2 overflow-hidden rounded-lg border border-grey-200 p-4 xs:h-36 xs:flex-row xs:gap-0 xs:p-0", children: [
10
+ /* @__PURE__ */ l("h5", { className: "line-clamp-1 block text-semibold16 text-grey-800 xs:hidden", children: e.title }),
11
+ /* @__PURE__ */ t("div", { className: "flex w-full flex-row items-center gap-4 xs:gap-0", children: [
12
+ d && !m ? /* @__PURE__ */ l("div", { className: "flex aspect-square w-20 shrink-0 items-center justify-center overflow-hidden rounded-[10px] border border-grey-200 xs:w-36 xs:rounded-l-lg xs:rounded-r-none xs:border-y-0 xs:border-l-0 xs:border-r", children: /* @__PURE__ */ l(
13
+ "img",
14
+ {
15
+ src: d,
16
+ alt: `${e.title} 썸네일`,
17
+ className: "h-full w-full object-cover",
18
+ loading: "lazy"
19
+ }
20
+ ) }) : /* @__PURE__ */ l("div", { className: "hidden aspect-square w-20 shrink-0 items-center justify-center overflow-hidden rounded-[10px] border border-grey-200 bg-white xs:flex xs:w-36 xs:rounded-l-lg xs:rounded-r-none xs:border-y-0 xs:border-l-0 xs:border-r", children: "BLOG" }),
21
+ /* @__PURE__ */ t("div", { className: "flex h-full grow flex-col gap-1.5 overflow-hidden p-0 xs:gap-2.5 xs:p-5", children: [
22
+ /* @__PURE__ */ l("h5", { className: "hidden truncate text-semibold16 text-grey-800 xs:block", children: e.title }),
23
+ /* @__PURE__ */ l("div", { className: "line-clamp-4 w-full text-regular14 xs:line-clamp-2 xs:text-regular16", children: g }),
24
+ /* @__PURE__ */ l("div", { className: "hidden truncate text-regular13 text-violet-600 xs:block xs:text-regular14", children: e.displayLink })
25
+ ] })
26
+ ] }),
27
+ /* @__PURE__ */ l("div", { className: "block truncate rounded bg-grey-100 px-2 py-1 text-regular13 text-violet-600 xs:hidden", children: e.displayLink })
28
+ ] });
29
+ };
30
+ export {
31
+ b as B
32
+ };
@@ -0,0 +1 @@
1
+ "use strict";const s=require("react/jsx-runtime"),u=["blogthumb.pstatic.net","naverblog.com"],m=({review:e})=>{var t;if(!e.pagemap)return null;const l=(t=e.pagemap.metatags)==null?void 0:t[0],x=(l==null?void 0:l["og:description"])||e.snippet,d=(()=>{var r,n,a,c,i,o;return(a=(n=(r=e.pagemap)==null?void 0:r.cse_thumbnail)==null?void 0:n[0])!=null&&a.src?e.pagemap.cse_thumbnail[0].src:(o=(i=(c=e.pagemap)==null?void 0:c.cse_image)==null?void 0:i[0])!=null&&o.src?e.pagemap.cse_image[0].src:l!=null&&l["og:image"]?l["og:image"]:""})(),g=u.some(r=>d.includes(r));return s.jsxs("div",{className:"flex w-full flex-col gap-2 overflow-hidden rounded-lg border border-grey-200 p-4 xs:h-36 xs:flex-row xs:gap-0 xs:p-0",children:[s.jsx("h5",{className:"line-clamp-1 block text-semibold16 text-grey-800 xs:hidden",children:e.title}),s.jsxs("div",{className:"flex w-full flex-row items-center gap-4 xs:gap-0",children:[d&&!g?s.jsx("div",{className:"flex aspect-square w-20 shrink-0 items-center justify-center overflow-hidden rounded-[10px] border border-grey-200 xs:w-36 xs:rounded-l-lg xs:rounded-r-none xs:border-y-0 xs:border-l-0 xs:border-r",children:s.jsx("img",{src:d,alt:`${e.title} 썸네일`,className:"h-full w-full object-cover",loading:"lazy"})}):s.jsx("div",{className:"hidden aspect-square w-20 shrink-0 items-center justify-center overflow-hidden rounded-[10px] border border-grey-200 bg-white xs:flex xs:w-36 xs:rounded-l-lg xs:rounded-r-none xs:border-y-0 xs:border-l-0 xs:border-r",children:"BLOG"}),s.jsxs("div",{className:"flex h-full grow flex-col gap-1.5 overflow-hidden p-0 xs:gap-2.5 xs:p-5",children:[s.jsx("h5",{className:"hidden truncate text-semibold16 text-grey-800 xs:block",children:e.title}),s.jsx("div",{className:"line-clamp-4 w-full text-regular14 xs:line-clamp-2 xs:text-regular16",children:x}),s.jsx("div",{className:"hidden truncate text-regular13 text-violet-600 xs:block xs:text-regular14",children:e.displayLink})]})]}),s.jsx("div",{className:"block truncate rounded bg-grey-100 px-2 py-1 text-regular13 text-violet-600 xs:hidden",children:e.displayLink})]})};exports.BlogReviewCard=m;
@@ -0,0 +1,88 @@
1
+ import { jsxs as t, jsx as i } from "react/jsx-runtime";
2
+ import "./ui/accordion.es.js";
3
+ import "./ui/alert-dialog.es.js";
4
+ import { c as l } from "./common-C3JaD1vJ.js";
5
+ import "@radix-ui/react-aspect-ratio";
6
+ import "./ui/avatar.es.js";
7
+ import "./ui/badge.es.js";
8
+ import { buttonVariants as s } from "./ui/button.es.js";
9
+ import "./ui/calendar.es.js";
10
+ import { Callout as c } from "./ui/callout.es.js";
11
+ import "./ui/card.es.js";
12
+ import "./ui/checkbox.es.js";
13
+ import "lucide-react";
14
+ import "./ui/command.es.js";
15
+ import "./ui/dialog.es.js";
16
+ import "./ui/dropdown-menu.es.js";
17
+ import "./ui/file-uploader.es.js";
18
+ import "./ui/form.es.js";
19
+ import "./ui/input.es.js";
20
+ import "./ui/label.es.js";
21
+ import "./ui/month-picker.es.js";
22
+ import "./ui/multi-select.es.js";
23
+ import "./ui/navigation-menu.es.js";
24
+ import "./ui/popover.es.js";
25
+ import "./ui/radio-group.es.js";
26
+ import "./ui/scroll-area.es.js";
27
+ import "./ui/select.es.js";
28
+ import "./ui/separator.es.js";
29
+ import "@radix-ui/react-slider";
30
+ import "react";
31
+ import "./ui/switch.es.js";
32
+ import "./ui/tabs.es.js";
33
+ import "./ui/tag.es.js";
34
+ import { Text as m } from "./ui/text.es.js";
35
+ import "./ui/textarea.es.js";
36
+ import "./ui/toast.es.js";
37
+ import "./ui/toggle.es.js";
38
+ import "./ui/toggle-group.es.js";
39
+ import "./ui/tooltip.es.js";
40
+ function Y({ intro: e, roleText: o = "운영", descriptionId: a }) {
41
+ const { introductionData: r, companyId: p } = e;
42
+ if (!r) return null;
43
+ const n = a ?? `company-info-${p}`;
44
+ return /* @__PURE__ */ t(
45
+ c.Outline,
46
+ {
47
+ size: "lg",
48
+ className: "flex max-h-44 min-h-24 shrink-0 items-stretch justify-between gap-4 md:gap-5",
49
+ children: [
50
+ /* @__PURE__ */ t("span", { id: n, className: "sr-only", children: [
51
+ e.companyName,
52
+ "은(는) 본 부트캠프의 ",
53
+ o,
54
+ "사로, 상세 소개 페이지로 이동할 수 있다."
55
+ ] }),
56
+ /* @__PURE__ */ i("div", { className: "flex aspect-square w-16 shrink-0 items-center justify-center self-start overflow-hidden rounded-full border border-grey-200 bg-white", children: /* @__PURE__ */ i(
57
+ "img",
58
+ {
59
+ src: r.logo,
60
+ alt: `${e.companyName} 로고`,
61
+ width: 100,
62
+ height: 100,
63
+ className: "object-contain",
64
+ loading: "lazy"
65
+ }
66
+ ) }),
67
+ /* @__PURE__ */ i("div", { className: "min-h-0 flex-1 self-stretch", children: /* @__PURE__ */ t("div", { className: "flex h-full min-h-0 flex-col items-start gap-1 overflow-y-auto pr-1", children: [
68
+ /* @__PURE__ */ t("div", { className: "flex w-full shrink-0 items-center gap-[5px]", children: [
69
+ /* @__PURE__ */ i(m, { className: "line-clamp-1 font-semibold", children: r.companyName }),
70
+ /* @__PURE__ */ i("span", { "aria-label": "회사 역할", children: o })
71
+ ] }),
72
+ /* @__PURE__ */ i(m, { className: "whitespace-pre-wrap text-start text-grey-600", children: r.title })
73
+ ] }) }),
74
+ /* @__PURE__ */ i(
75
+ "span",
76
+ {
77
+ className: l(s({ variant: "outline", theme: "secondary" }), "hidden self-center md:inline-flex"),
78
+ "aria-hidden": "true",
79
+ children: "자세히 보기"
80
+ }
81
+ )
82
+ ]
83
+ }
84
+ );
85
+ }
86
+ export {
87
+ Y as C
88
+ };
@@ -0,0 +1 @@
1
+ "use strict";const e=require("react/jsx-runtime");require("./ui/accordion.cjs.js");require("./ui/alert-dialog.cjs.js");const l=require("./common-Ds1lanOg.cjs");require("@radix-ui/react-aspect-ratio");require("./ui/avatar.cjs.js");require("./ui/badge.cjs.js");const c=require("./ui/button.cjs.js");require("./ui/calendar.cjs.js");const o=require("./ui/callout.cjs.js");require("./ui/card.cjs.js");require("./ui/checkbox.cjs.js");require("lucide-react");require("./ui/command.cjs.js");require("./ui/dialog.cjs.js");require("./ui/dropdown-menu.cjs.js");require("./ui/file-uploader.cjs.js");require("./ui/form.cjs.js");require("./ui/input.cjs.js");require("./ui/label.cjs.js");require("./ui/month-picker.cjs.js");require("./ui/multi-select.cjs.js");require("./ui/navigation-menu.cjs.js");require("./ui/popover.cjs.js");require("./ui/radio-group.cjs.js");require("./ui/scroll-area.cjs.js");require("./ui/select.cjs.js");require("./ui/separator.cjs.js");require("@radix-ui/react-slider");require("react");require("./ui/switch.cjs.js");require("./ui/tabs.cjs.js");require("./ui/tag.cjs.js");const n=require("./ui/text.cjs.js");require("./ui/textarea.cjs.js");require("./ui/toast.cjs.js");require("./ui/toggle.cjs.js");require("./ui/toggle-group.cjs.js");require("./ui/tooltip.cjs.js");function q({intro:i,roleText:s="운영",descriptionId:a}){const{introductionData:r,companyId:t}=i;if(!r)return null;const u=a??`company-info-${t}`;return e.jsxs(o.Callout.Outline,{size:"lg",className:"flex max-h-44 min-h-24 shrink-0 items-stretch justify-between gap-4 md:gap-5",children:[e.jsxs("span",{id:u,className:"sr-only",children:[i.companyName,"은(는) 본 부트캠프의 ",s,"사로, 상세 소개 페이지로 이동할 수 있다."]}),e.jsx("div",{className:"flex aspect-square w-16 shrink-0 items-center justify-center self-start overflow-hidden rounded-full border border-grey-200 bg-white",children:e.jsx("img",{src:r.logo,alt:`${i.companyName} 로고`,width:100,height:100,className:"object-contain",loading:"lazy"})}),e.jsx("div",{className:"min-h-0 flex-1 self-stretch",children:e.jsxs("div",{className:"flex h-full min-h-0 flex-col items-start gap-1 overflow-y-auto pr-1",children:[e.jsxs("div",{className:"flex w-full shrink-0 items-center gap-[5px]",children:[e.jsx(n.Text,{className:"line-clamp-1 font-semibold",children:r.companyName}),e.jsx("span",{"aria-label":"회사 역할",children:s})]}),e.jsx(n.Text,{className:"whitespace-pre-wrap text-start text-grey-600",children:r.title})]})}),e.jsx("span",{className:l.cn(c.buttonVariants({variant:"outline",theme:"secondary"}),"hidden self-center md:inline-flex"),"aria-hidden":"true",children:"자세히 보기"})]})}exports.CompanyInfoCard=q;
@@ -1 +1 @@
1
- "use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../article-asset-card-CuTpHnoq.cjs");exports.ArticleAssetCard=e.ArticleAssetCard;
1
+ "use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../article-asset-card-CC9LWxwh.cjs");exports.ArticleAssetCard=e.ArticleAssetCard;
@@ -1,5 +1,5 @@
1
1
  "use client";
2
- import { A as s } from "../article-asset-card-B30fjI_9.js";
2
+ import { A as s } from "../article-asset-card-DJ01lgjB.js";
3
3
  export {
4
4
  s as ArticleAssetCard
5
5
  };
@@ -0,0 +1 @@
1
+ "use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../blog-review-card-D4UJwom2.cjs");exports.BlogReviewCard=e.BlogReviewCard;
@@ -0,0 +1,5 @@
1
+ "use client";
2
+ import { B as r } from "../blog-review-card-5g1rbMJ_.js";
3
+ export {
4
+ r as BlogReviewCard
5
+ };
@@ -0,0 +1 @@
1
+ "use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../company-info-card-Dx_4nPGT.cjs");exports.CompanyInfoCard=e.CompanyInfoCard;
@@ -0,0 +1,5 @@
1
+ "use client";
2
+ import { C as e } from "../company-info-card-CpxDQZoa.js";
3
+ export {
4
+ e as CompanyInfoCard
5
+ };
@@ -1 +1 @@
1
- "use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../event-asset-banner-I7Wv47iX.cjs");exports.EventAssetBanner=e.EventAssetBanner;
1
+ "use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../event-asset-banner-DLKw6TZu.cjs");exports.EventAssetBanner=e.EventAssetBanner;
@@ -1,5 +1,5 @@
1
1
  "use client";
2
- import { E as s } from "../event-asset-banner-DLK5HF29.js";
2
+ import { E as s } from "../event-asset-banner-C4s2AcNJ.js";
3
3
  export {
4
4
  s as EventAssetBanner
5
5
  };
@@ -0,0 +1 @@
1
+ "use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../partner-list-card-BNOnHkub.cjs");exports.PartnerListCard=r.PartnerListCard;
@@ -0,0 +1,5 @@
1
+ "use client";
2
+ import { P as t } from "../partner-list-card-Bbynki-W.js";
3
+ export {
4
+ t as PartnerListCard
5
+ };
@@ -1 +1 @@
1
- "use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../portfolio-asset-card-DVhoypCN.cjs");exports.PortfolioAssetCard=e.PortfolioAssetCard;
1
+ "use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../portfolio-asset-card-ChxZMbNY.cjs");exports.PortfolioAssetCard=o.PortfolioAssetCard;exports.PortfolioAssetFooter=o.PortfolioAssetFooter;
@@ -1,5 +1,6 @@
1
1
  "use client";
2
- import { P as r } from "../portfolio-asset-card-DfO26fVb.js";
2
+ import { P as t, a as e } from "../portfolio-asset-card-CYRD5Pmy.js";
3
3
  export {
4
- r as PortfolioAssetCard
4
+ t as PortfolioAssetCard,
5
+ e as PortfolioAssetFooter
5
6
  };
@@ -0,0 +1 @@
1
+ "use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../youtube-video-modal-pooOcDO1.cjs");exports.YoutubeVideoModal=e.YoutubeVideoModal;
@@ -0,0 +1,5 @@
1
+ "use client";
2
+ import { Y as t } from "../youtube-video-modal-CENnr9lf.js";
3
+ export {
4
+ t as YoutubeVideoModal
5
+ };
@@ -1 +1 @@
1
- "use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./event-card-DwnP_Qsj.cjs"),r=require("./main-banner-image-Ce2c6ODO.cjs"),t=require("./premium-card-Dk-pTOyb.cjs"),n=require("./title-tag-card-kzgE6S3R.cjs"),a=require("./article-asset-card-CuTpHnoq.cjs"),s=require("./environment-asset-photo-DMSQ1Ext.cjs"),i=require("./event-asset-banner-I7Wv47iX.cjs"),o=require("./lecturer-card-DLMnM4fU.cjs"),d=require("./portfolio-asset-card-DVhoypCN.cjs");exports.EventCard=e.EventCard;exports.MainBannerImage=r.MainBannerImage;exports.PremiumCard=t.PremiumCard;exports.TitleTagCard=n.TitleTagCard;exports.ArticleAssetCard=a.ArticleAssetCard;exports.EnvironmentAssetPhoto=s.EnvironmentAssetPhoto;exports.EventAssetBanner=i.EventAssetBanner;exports.LecturerCard=o.LecturerCard;exports.PortfolioAssetCard=d.PortfolioAssetCard;
1
+ "use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./event-card-DwnP_Qsj.cjs"),t=require("./main-banner-image-Ce2c6ODO.cjs"),o=require("./premium-card-Dk-pTOyb.cjs"),n=require("./title-tag-card-kzgE6S3R.cjs"),a=require("./article-asset-card-CC9LWxwh.cjs"),s=require("./blog-review-card-D4UJwom2.cjs"),i=require("./company-info-card-Dx_4nPGT.cjs"),d=require("./environment-asset-photo-DMSQ1Ext.cjs"),u=require("./event-asset-banner-DLKw6TZu.cjs"),C=require("./lecturer-card-DLMnM4fU.cjs"),c=require("./partner-list-card-BNOnHkub.cjs"),e=require("./portfolio-asset-card-ChxZMbNY.cjs"),l=require("./youtube-video-modal-pooOcDO1.cjs");exports.EventCard=r.EventCard;exports.MainBannerImage=t.MainBannerImage;exports.PremiumCard=o.PremiumCard;exports.TitleTagCard=n.TitleTagCard;exports.ArticleAssetCard=a.ArticleAssetCard;exports.BlogReviewCard=s.BlogReviewCard;exports.CompanyInfoCard=i.CompanyInfoCard;exports.EnvironmentAssetPhoto=d.EnvironmentAssetPhoto;exports.EventAssetBanner=u.EventAssetBanner;exports.LecturerCard=C.LecturerCard;exports.PartnerListCard=c.PartnerListCard;exports.PortfolioAssetCard=e.PortfolioAssetCard;exports.PortfolioAssetFooter=e.PortfolioAssetFooter;exports.YoutubeVideoModal=l.YoutubeVideoModal;
@@ -1,21 +1,30 @@
1
1
  "use client";
2
- import { E as o } from "./event-card-DCs6nu0G.js";
3
- import { M as a } from "./main-banner-image-Cwwt6xKE.js";
2
+ import { E as e } from "./event-card-DCs6nu0G.js";
3
+ import { M as t } from "./main-banner-image-Cwwt6xKE.js";
4
4
  import { P as m } from "./premium-card-BOlG7ZZG.js";
5
- import { T as f } from "./title-tag-card-CCInX94f.js";
6
- import { A as x } from "./article-asset-card-B30fjI_9.js";
7
- import { E as d } from "./environment-asset-photo-Dk8pKTD3.js";
8
- import { E as C } from "./event-asset-banner-DLK5HF29.js";
9
- import { L as P } from "./lecturer-card-DQCphrTD.js";
10
- import { P as c } from "./portfolio-asset-card-DfO26fVb.js";
5
+ import { T as n } from "./title-tag-card-CCInX94f.js";
6
+ import { A as x } from "./article-asset-card-DJ01lgjB.js";
7
+ import { B as i } from "./blog-review-card-5g1rbMJ_.js";
8
+ import { C as P } from "./company-info-card-CpxDQZoa.js";
9
+ import { E as A } from "./environment-asset-photo-Dk8pKTD3.js";
10
+ import { E as u } from "./event-asset-banner-C4s2AcNJ.js";
11
+ import { L as B } from "./lecturer-card-DQCphrTD.js";
12
+ import { P as g } from "./partner-list-card-Bbynki-W.js";
13
+ import { P as M, a as T } from "./portfolio-asset-card-CYRD5Pmy.js";
14
+ import { Y } from "./youtube-video-modal-CENnr9lf.js";
11
15
  export {
12
16
  x as ArticleAssetCard,
13
- d as EnvironmentAssetPhoto,
14
- C as EventAssetBanner,
15
- o as EventCard,
16
- P as LecturerCard,
17
- a as MainBannerImage,
18
- c as PortfolioAssetCard,
17
+ i as BlogReviewCard,
18
+ P as CompanyInfoCard,
19
+ A as EnvironmentAssetPhoto,
20
+ u as EventAssetBanner,
21
+ e as EventCard,
22
+ B as LecturerCard,
23
+ t as MainBannerImage,
24
+ g as PartnerListCard,
25
+ M as PortfolioAssetCard,
26
+ T as PortfolioAssetFooter,
19
27
  m as PremiumCard,
20
- f as TitleTagCard
28
+ n as TitleTagCard,
29
+ Y as YoutubeVideoModal
21
30
  };
@@ -1,19 +1,19 @@
1
1
  import { jsxs as t, jsx as l } from "react/jsx-runtime";
2
- import { c as g } from "./common-C3JaD1vJ.js";
3
- import { r as w } from "./shared-BvvrEmni.js";
4
- const y = {
2
+ import { c as m } from "./common-C3JaD1vJ.js";
3
+ const f = {
5
4
  presentation: { value: "presentation", label: "사전설명회" },
6
5
  seminar: { value: "seminar", label: "세미나" },
7
6
  preNotice: { value: "preNotice", label: "사전알림" },
8
7
  coffeeChat: { value: "coffeeChat", label: "커피챗" }
9
8
  };
10
- function C({ eventValue: o, link: m, buttonClass: b, loading: n, renderLink: i }) {
11
- var f;
12
- const { imageUrl: a, eventImageUrl: r, title: s, eventTitle: c, colors: e, linkUrl: h, eventType: d, eventDate: x } = o, v = ((f = y[d]) == null ? void 0 : f.label) ?? d, p = m ?? h, u = /* @__PURE__ */ t("div", { className: "relative flex aspect-[4.5/1] w-full items-center overflow-hidden rounded-[10px] border border-grey-200 xs:aspect-[5/1] sm:aspect-[6/1] md:aspect-[8/1] lg:aspect-[6/1] xl:aspect-[7/1]", children: [
9
+ function x({ eventValue: o, buttonClass: d }) {
10
+ var i;
11
+ const { imageUrl: a, eventImageUrl: s, title: r, eventTitle: c, colors: e, eventType: n, eventDate: p } = o, u = ((i = f[n]) == null ? void 0 : i.label) ?? n;
12
+ return /* @__PURE__ */ t("div", { className: "relative flex aspect-[4.5/1] w-full items-center overflow-hidden rounded-[10px] border border-grey-200 xs:aspect-[5/1] sm:aspect-[6/1] md:aspect-[8/1] lg:aspect-[6/1] xl:aspect-[7/1]", children: [
13
13
  /* @__PURE__ */ l("div", { className: "relative flex h-full w-1/4 shrink-0 items-center", children: /* @__PURE__ */ l(
14
14
  "img",
15
15
  {
16
- src: (r == null ? void 0 : r.pc) || (a == null ? void 0 : a.pc) || "",
16
+ src: (s == null ? void 0 : s.pc) || (a == null ? void 0 : a.pc) || "",
17
17
  alt: o.companyId,
18
18
  className: "absolute h-full w-full object-cover",
19
19
  loading: "lazy"
@@ -30,11 +30,11 @@ function C({ eventValue: o, link: m, buttonClass: b, loading: n, renderLink: i }
30
30
  children: [
31
31
  /* @__PURE__ */ t("div", { className: "flex h-full grow flex-col items-start justify-center gap-[5px]", children: [
32
32
  /* @__PURE__ */ t("div", { style: { color: e.date }, className: "text-medium14", children: [
33
- v,
33
+ u,
34
34
  "﹒",
35
- x.replaceAll("-", ".")
35
+ p.replaceAll("-", ".")
36
36
  ] }),
37
- /* @__PURE__ */ l("div", { style: { color: e.title }, className: "whitespace-nowrap text-semibold14 xs:text-semibold18", children: (c == null ? void 0 : c.pc) || (s == null ? void 0 : s.pc) }),
37
+ /* @__PURE__ */ l("div", { style: { color: e.title }, className: "whitespace-nowrap text-semibold14 xs:text-semibold18", children: (c == null ? void 0 : c.pc) || (r == null ? void 0 : r.pc) }),
38
38
  /* @__PURE__ */ l(
39
39
  "div",
40
40
  {
@@ -46,13 +46,13 @@ function C({ eventValue: o, link: m, buttonClass: b, loading: n, renderLink: i }
46
46
  )
47
47
  ] }),
48
48
  /* @__PURE__ */ l(
49
- "button",
49
+ "span",
50
50
  {
51
51
  style: {
52
52
  background: e.button,
53
53
  color: e.buttonText
54
54
  },
55
- className: g(
55
+ className: m(
56
56
  "hidden",
57
57
  "rounded",
58
58
  "px-3",
@@ -62,7 +62,7 @@ function C({ eventValue: o, link: m, buttonClass: b, loading: n, renderLink: i }
62
62
  "lg:hidden",
63
63
  "xl:block",
64
64
  "whitespace-nowrap",
65
- b
65
+ d
66
66
  ),
67
67
  children: "자세히 보기 ->"
68
68
  }
@@ -71,8 +71,7 @@ function C({ eventValue: o, link: m, buttonClass: b, loading: n, renderLink: i }
71
71
  }
72
72
  )
73
73
  ] });
74
- return i ? i({ href: p, className: "w-full", children: u, disabled: n }) : w({ href: p, className: "w-full", children: u, disabled: n });
75
74
  }
76
75
  export {
77
- C as E
76
+ x as E
78
77
  };
@@ -0,0 +1 @@
1
+ "use strict";const e=require("react/jsx-runtime"),p=require("./common-Ds1lanOg.cjs"),x={presentation:{value:"presentation",label:"사전설명회"},seminar:{value:"seminar",label:"세미나"},preNotice:{value:"preNotice",label:"사전알림"},coffeeChat:{value:"coffeeChat",label:"커피챗"}};function m({eventValue:r,buttonClass:i}){var o;const{imageUrl:s,eventImageUrl:t,title:a,eventTitle:c,colors:l,eventType:n,eventDate:d}=r,u=((o=x[n])==null?void 0:o.label)??n;return e.jsxs("div",{className:"relative flex aspect-[4.5/1] w-full items-center overflow-hidden rounded-[10px] border border-grey-200 xs:aspect-[5/1] sm:aspect-[6/1] md:aspect-[8/1] lg:aspect-[6/1] xl:aspect-[7/1]",children:[e.jsx("div",{className:"relative flex h-full w-1/4 shrink-0 items-center",children:e.jsx("img",{src:(t==null?void 0:t.pc)||(s==null?void 0:s.pc)||"",alt:r.companyId,className:"absolute h-full w-full object-cover",loading:"lazy"})}),e.jsxs("div",{style:{backgroundColor:l.background,color:l.title},className:"relative flex h-full w-full grow items-center justify-between gap-[5px] p-5",children:[e.jsxs("div",{className:"flex h-full grow flex-col items-start justify-center gap-[5px]",children:[e.jsxs("div",{style:{color:l.date},className:"text-medium14",children:[u,"﹒",d.replaceAll("-",".")]}),e.jsx("div",{style:{color:l.title},className:"whitespace-nowrap text-semibold14 xs:text-semibold18",children:(c==null?void 0:c.pc)||(a==null?void 0:a.pc)}),e.jsx("div",{style:{background:`linear-gradient(to right, transparent, ${l.background})`},className:"absolute right-full h-full w-[2%]"})]}),e.jsx("span",{style:{background:l.button,color:l.buttonText},className:p.cn("hidden","rounded","px-3","py-2","text-regular14","md:block","lg:hidden","xl:block","whitespace-nowrap",i),children:"자세히 보기 ->"})]})]})}exports.EventAssetBanner=m;
@@ -0,0 +1 @@
1
+ "use strict";const e=require("react/jsx-runtime"),g=require("./index-DKCqkplO.cjs"),{red:d,white:a,grey:i}=g.colors;function c({children:l,color:r,background:s,className:m}){return e.jsx("div",{className:`whitespace-nowrap break-keep rounded px-1 py-0.5 md:px-2 md:py-1 ${m??""}`.trim(),style:{color:r,background:s},children:l})}function x({size:l="14",fill:r="#FF4A56"}){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:l,height:l,viewBox:"0 0 14 14",fill:"none",children:e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M7.00016 13.6667C10.6821 13.6667 13.6668 10.6819 13.6668 7.00001C13.6668 3.31811 10.6821 0.333344 7.00016 0.333344C3.31826 0.333344 0.333496 3.31811 0.333496 7.00001C0.333496 10.6819 3.31826 13.6667 7.00016 13.6667ZM8.22033 9.33334H9.00016V4.66668H8.13294V7.85728H8.08588L5.79344 4.66668H5.00016V9.33334H5.87411V6.14274H5.91445L8.22033 9.33334Z",fill:r})})}function n({introductionData:l,updatedContents:r,openBatchs:s}){return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"relative hidden h-full w-full cursor-pointer overflow-hidden rounded-[10px] border border-grey-200 bg-white md:block",children:[e.jsxs("div",{className:"relative flex aspect-[2/1] w-full items-center justify-center",children:[l.thumbnail?e.jsx("img",{src:l.thumbnail,alt:l.companyName,className:"h-full w-full object-cover",width:350,height:200,loading:"lazy"}):e.jsx("img",{src:l.cover,alt:l.companyName,className:"h-full w-full object-cover"}),(s||r)&&e.jsxs("div",{className:"absolute left-2.5 top-2.5 flex gap-1 text-regular13",children:[s&&e.jsx(c,{color:a,background:d[300],children:"모집 중"}),r&&e.jsx(c,{color:a,background:i[800],children:"업데이트"})]}),e.jsx("div",{className:"absolute bottom-0 aspect-square w-[70px] translate-y-1/2 overflow-hidden rounded-full border border-grey-200 bg-white",children:e.jsx("img",{src:l.logo,alt:l.companyName,className:"h-full w-full object-contain"})})]}),e.jsxs("div",{className:"flex w-full flex-col items-center gap-[15px] overflow-hidden p-5 text-regular14 text-grey-600",children:[e.jsxs("div",{className:"flex w-full flex-col items-center gap-2.5 ",children:[e.jsx("div",{className:"mt-[25px] text-semibold16 text-grey-800",children:l.companyName}),e.jsx("div",{className:"line-clamp-2 shrink-0 ",children:l.title})]}),(s||r)&&e.jsxs("div",{className:"flex w-full flex-col gap-2 text-grey-800",children:[s&&e.jsxs("div",{className:"flex gap-1 self-start rounded bg-grey-100 px-2 py-1 text-regular13",children:[e.jsx(x,{}),e.jsx("span",{children:`${s}건의 교육과정 모집 중`})]}),r&&e.jsxs("div",{className:"flex gap-1 self-start rounded bg-grey-100 px-2 py-1 text-regular13",children:[e.jsx(x,{}),e.jsx("span",{children:`${r}건의 콘텐츠 업데이트`})]})]})]})]}),e.jsxs("div",{className:"relative flex h-full max-h-52 w-full cursor-pointer items-start gap-4 overflow-hidden rounded-[10px] border border-grey-200 bg-white p-4 md:hidden",children:[e.jsx("div",{className:"aspect-square w-[60px] overflow-hidden rounded-full border border-grey-200 bg-white",children:e.jsx("img",{src:l.logo,alt:l.companyName,className:"h-full w-full object-contain"})}),e.jsxs("div",{className:"flex w-full flex-col gap-2 overflow-hidden text-regular14 text-grey-600",children:[e.jsxs("div",{className:"flex flex-col gap-2",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[s&&e.jsx(c,{color:a,background:d[300],className:"text-regular13",children:"모집 중"}),r&&e.jsx(c,{color:a,background:i[800],className:"text-regular13",children:"업데이트"})]}),e.jsx("div",{className:"text-semibold14 text-grey-800",children:l.companyName})]}),e.jsx("div",{className:"line-clamp-2 shrink-0 ",children:l.title}),s&&e.jsxs("div",{className:"flex gap-1 self-start rounded bg-grey-100 px-1 py-0.5 text-regular13",children:[e.jsx(x,{}),e.jsx("span",{children:`${s}건의 교육과정 모집 중`})]}),r&&e.jsxs("div",{className:"flex gap-1 self-start rounded bg-grey-100 px-1 py-0.5 text-regular13",children:[e.jsx(x,{}),e.jsx("span",{children:`${r}건의 콘텐츠 업데이트`})]})]})]})]})}exports.PartnerListCard=n;
@@ -0,0 +1,93 @@
1
+ import { jsxs as r, Fragment as f, jsx as e } from "react/jsx-runtime";
2
+ import { c as h } from "./index-BFsbj9HY.js";
3
+ const { red: m, white: s, grey: g } = h;
4
+ function d({
5
+ children: l,
6
+ color: a,
7
+ background: c,
8
+ className: o
9
+ }) {
10
+ return /* @__PURE__ */ e(
11
+ "div",
12
+ {
13
+ className: `whitespace-nowrap break-keep rounded px-1 py-0.5 md:px-2 md:py-1 ${o ?? ""}`.trim(),
14
+ style: { color: a, background: c },
15
+ children: l
16
+ }
17
+ );
18
+ }
19
+ function i({ size: l = "14", fill: a = "#FF4A56" }) {
20
+ return /* @__PURE__ */ e("svg", { xmlns: "http://www.w3.org/2000/svg", width: l, height: l, viewBox: "0 0 14 14", fill: "none", children: /* @__PURE__ */ e(
21
+ "path",
22
+ {
23
+ fillRule: "evenodd",
24
+ clipRule: "evenodd",
25
+ d: "M7.00016 13.6667C10.6821 13.6667 13.6668 10.6819 13.6668 7.00001C13.6668 3.31811 10.6821 0.333344 7.00016 0.333344C3.31826 0.333344 0.333496 3.31811 0.333496 7.00001C0.333496 10.6819 3.31826 13.6667 7.00016 13.6667ZM8.22033 9.33334H9.00016V4.66668H8.13294V7.85728H8.08588L5.79344 4.66668H5.00016V9.33334H5.87411V6.14274H5.91445L8.22033 9.33334Z",
26
+ fill: a
27
+ }
28
+ ) });
29
+ }
30
+ function t({ introductionData: l, updatedContents: a, openBatchs: c }) {
31
+ return /* @__PURE__ */ r(f, { children: [
32
+ /* @__PURE__ */ r("div", { className: "relative hidden h-full w-full cursor-pointer overflow-hidden rounded-[10px] border border-grey-200 bg-white md:block", children: [
33
+ /* @__PURE__ */ r("div", { className: "relative flex aspect-[2/1] w-full items-center justify-center", children: [
34
+ l.thumbnail ? /* @__PURE__ */ e(
35
+ "img",
36
+ {
37
+ src: l.thumbnail,
38
+ alt: l.companyName,
39
+ className: "h-full w-full object-cover",
40
+ width: 350,
41
+ height: 200,
42
+ loading: "lazy"
43
+ }
44
+ ) : /* @__PURE__ */ e("img", { src: l.cover, alt: l.companyName, className: "h-full w-full object-cover" }),
45
+ (c || a) && /* @__PURE__ */ r("div", { className: "absolute left-2.5 top-2.5 flex gap-1 text-regular13", children: [
46
+ c && /* @__PURE__ */ e(d, { color: s, background: m[300], children: "모집 중" }),
47
+ a && /* @__PURE__ */ e(d, { color: s, background: g[800], children: "업데이트" })
48
+ ] }),
49
+ /* @__PURE__ */ e("div", { className: "absolute bottom-0 aspect-square w-[70px] translate-y-1/2 overflow-hidden rounded-full border border-grey-200 bg-white", children: /* @__PURE__ */ e("img", { src: l.logo, alt: l.companyName, className: "h-full w-full object-contain" }) })
50
+ ] }),
51
+ /* @__PURE__ */ r("div", { className: "flex w-full flex-col items-center gap-[15px] overflow-hidden p-5 text-regular14 text-grey-600", children: [
52
+ /* @__PURE__ */ r("div", { className: "flex w-full flex-col items-center gap-2.5 ", children: [
53
+ /* @__PURE__ */ e("div", { className: "mt-[25px] text-semibold16 text-grey-800", children: l.companyName }),
54
+ /* @__PURE__ */ e("div", { className: "line-clamp-2 shrink-0 ", children: l.title })
55
+ ] }),
56
+ (c || a) && /* @__PURE__ */ r("div", { className: "flex w-full flex-col gap-2 text-grey-800", children: [
57
+ c && /* @__PURE__ */ r("div", { className: "flex gap-1 self-start rounded bg-grey-100 px-2 py-1 text-regular13", children: [
58
+ /* @__PURE__ */ e(i, {}),
59
+ /* @__PURE__ */ e("span", { children: `${c}건의 교육과정 모집 중` })
60
+ ] }),
61
+ a && /* @__PURE__ */ r("div", { className: "flex gap-1 self-start rounded bg-grey-100 px-2 py-1 text-regular13", children: [
62
+ /* @__PURE__ */ e(i, {}),
63
+ /* @__PURE__ */ e("span", { children: `${a}건의 콘텐츠 업데이트` })
64
+ ] })
65
+ ] })
66
+ ] })
67
+ ] }),
68
+ /* @__PURE__ */ r("div", { className: "relative flex h-full max-h-52 w-full cursor-pointer items-start gap-4 overflow-hidden rounded-[10px] border border-grey-200 bg-white p-4 md:hidden", children: [
69
+ /* @__PURE__ */ e("div", { className: "aspect-square w-[60px] overflow-hidden rounded-full border border-grey-200 bg-white", children: /* @__PURE__ */ e("img", { src: l.logo, alt: l.companyName, className: "h-full w-full object-contain" }) }),
70
+ /* @__PURE__ */ r("div", { className: "flex w-full flex-col gap-2 overflow-hidden text-regular14 text-grey-600", children: [
71
+ /* @__PURE__ */ r("div", { className: "flex flex-col gap-2", children: [
72
+ /* @__PURE__ */ r("div", { className: "flex items-center gap-2", children: [
73
+ c && /* @__PURE__ */ e(d, { color: s, background: m[300], className: "text-regular13", children: "모집 중" }),
74
+ a && /* @__PURE__ */ e(d, { color: s, background: g[800], className: "text-regular13", children: "업데이트" })
75
+ ] }),
76
+ /* @__PURE__ */ e("div", { className: "text-semibold14 text-grey-800", children: l.companyName })
77
+ ] }),
78
+ /* @__PURE__ */ e("div", { className: "line-clamp-2 shrink-0 ", children: l.title }),
79
+ c && /* @__PURE__ */ r("div", { className: "flex gap-1 self-start rounded bg-grey-100 px-1 py-0.5 text-regular13", children: [
80
+ /* @__PURE__ */ e(i, {}),
81
+ /* @__PURE__ */ e("span", { children: `${c}건의 교육과정 모집 중` })
82
+ ] }),
83
+ a && /* @__PURE__ */ r("div", { className: "flex gap-1 self-start rounded bg-grey-100 px-1 py-0.5 text-regular13", children: [
84
+ /* @__PURE__ */ e(i, {}),
85
+ /* @__PURE__ */ e("span", { children: `${a}건의 콘텐츠 업데이트` })
86
+ ] })
87
+ ] })
88
+ ] })
89
+ ] });
90
+ }
91
+ export {
92
+ t as P
93
+ };