boottent-design 0.1.232 → 0.1.234
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.
- package/dist/DESIGN.md +8 -7
- package/dist/article-asset-card-B30fjI_9.js +86 -0
- package/dist/article-asset-card-CuTpHnoq.cjs +1 -0
- package/dist/components/article-asset-card.cjs.js +1 -0
- package/dist/components/article-asset-card.es.js +5 -0
- package/dist/components/environment-asset-photo.cjs.js +1 -0
- package/dist/components/environment-asset-photo.es.js +5 -0
- package/dist/components/event-asset-banner.cjs.js +1 -0
- package/dist/components/event-asset-banner.es.js +5 -0
- package/dist/components/event-card.cjs.js +1 -1
- package/dist/components/event-card.es.js +1 -1
- package/dist/components/lecturer-card.cjs.js +1 -0
- package/dist/components/lecturer-card.es.js +5 -0
- package/dist/components/portfolio-asset-card.cjs.js +1 -0
- package/dist/components/portfolio-asset-card.es.js +5 -0
- package/dist/components/premium-card.cjs.js +1 -1
- package/dist/components/premium-card.es.js +1 -1
- package/dist/components/title-tag-card.cjs.js +1 -1
- package/dist/components/title-tag-card.es.js +1 -1
- package/dist/components.cjs.js +1 -1
- package/dist/components.es.js +17 -7
- package/dist/environment-asset-photo-DMSQ1Ext.cjs +1 -0
- package/dist/environment-asset-photo-Dk8pKTD3.js +16 -0
- package/dist/event-asset-banner-DLK5HF29.js +78 -0
- package/dist/event-asset-banner-I7Wv47iX.cjs +1 -0
- package/dist/{event-card-DeIzR5uk.js → event-card-DCs6nu0G.js} +21 -20
- package/dist/event-card-DwnP_Qsj.cjs +1 -0
- package/dist/lecturer-card-DLMnM4fU.cjs +1 -0
- package/dist/lecturer-card-DQCphrTD.js +128 -0
- package/dist/portfolio-asset-card-DVhoypCN.cjs +1 -0
- package/dist/portfolio-asset-card-DfO26fVb.js +96 -0
- package/dist/{premium-card-B0RyOTbr.js → premium-card-BOlG7ZZG.js} +13 -12
- package/dist/premium-card-Dk-pTOyb.cjs +1 -0
- package/dist/shared-BI0VJM6L.cjs +1 -0
- package/dist/shared-BvvrEmni.js +20 -0
- package/dist/styles.css +1 -1
- package/dist/{title-tag-card-DrsNewbF.js → title-tag-card-CCInX94f.js} +8 -7
- package/dist/title-tag-card-kzgE6S3R.cjs +1 -0
- package/dist/types/article-asset-card.d.ts +61 -0
- package/dist/types/components/article-asset-card.d.ts +2 -0
- package/dist/types/components/environment-asset-photo.d.ts +2 -0
- package/dist/types/components/event-asset-banner.d.ts +2 -0
- package/dist/types/components/lecturer-card.d.ts +2 -0
- package/dist/types/components/portfolio-asset-card.d.ts +2 -0
- package/dist/types/components.d.ts +156 -0
- package/dist/types/environment-asset-photo.d.ts +11 -0
- package/dist/types/event-asset-banner.d.ts +56 -0
- package/dist/types/lecturer-card.d.ts +26 -0
- package/dist/types/portfolio-asset-card.d.ts +37 -0
- package/dist/types/tag.d.ts +1 -1
- package/dist/types/text.d.ts +1 -1
- package/dist/types/ui.d.ts +1 -1
- package/dist/ui/tag.cjs.js +1 -1
- package/dist/ui/tag.es.js +9 -8
- package/package.json +1 -1
- package/dist/event-card-P9DJCupH.cjs +0 -1
- package/dist/premium-card-BbkNnfVA.cjs +0 -1
- package/dist/title-tag-card-BUwC66xf.cjs +0 -1
package/dist/DESIGN.md
CHANGED
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
|
|
3
3
|
> [!WARNING]
|
|
4
4
|
> **자동 생성된 파일 — 직접 수정 금지**
|
|
5
|
-
> 생성 일시: 2026. 4.
|
|
6
|
-
> 원본 소스: boottent-design v0.1.
|
|
5
|
+
> 생성 일시: 2026. 4. 30. 오후 2:42:21
|
|
6
|
+
> 원본 소스: boottent-design v0.1.233
|
|
7
7
|
|
|
8
8
|
## 1. 개요 (Overview)
|
|
9
9
|
|
|
@@ -1643,18 +1643,19 @@ import { cn }
|
|
|
1643
1643
|
{
|
|
1644
1644
|
// size : padding, border-radius, 텍스트 크기
|
|
1645
1645
|
size: {
|
|
1646
|
-
sm: "px-
|
|
1647
|
-
md: "px-
|
|
1648
|
-
lg: "px-
|
|
1646
|
+
sm: "px-2 py-1 text-xs font-normal rounded-sm",
|
|
1647
|
+
md: "px-2.5 py-1 text-sm font-normal rounded-md",
|
|
1648
|
+
lg: "px-3.5 py-1.5 text-base font-medium rounded-lg",
|
|
1649
|
+
ad: "absolute top-0 right-0 px-2.5 py-1 rounded-t-none rounded-br-none rounded-bl-xl text-sm font-normal",
|
|
1649
1650
|
},
|
|
1650
1651
|
// shape : round, square, adCard
|
|
1651
1652
|
shape: {
|
|
1652
|
-
square: "
|
|
1653
|
+
square: "",
|
|
1653
1654
|
round: "rounded-full",
|
|
1654
1655
|
},
|
|
1655
1656
|
// variant : solid과 outline을 결합하여 하나의 값으로 처리
|
|
1656
1657
|
variant: {
|
|
1657
|
-
ad: "
|
|
1658
|
+
ad: "bg-grey-800 text-white",
|
|
1658
1659
|
"solid-primary-50": "bg-main-50 text-main-600",
|
|
1659
1660
|
"solid-primary-100": "bg-main-100 text-main-600",
|
|
1660
1661
|
"solid-primary-600": "bg-main-600 text-main-50",
|
|
@@ -0,0 +1,86 @@
|
|
|
1
|
+
import { jsxs as i, jsx as r } from "react/jsx-runtime";
|
|
2
|
+
import { c as t } 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 d } 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
|
+
import { i as u, r as b } from "./shared-BvvrEmni.js";
|
|
42
|
+
const g = {
|
|
43
|
+
bootcamp: { text: "부트캠프", color: "", background: "" },
|
|
44
|
+
job: { text: "취업꿀팁", color: t.brown[500], background: t.brown[50] },
|
|
45
|
+
study: { text: "개념정리", color: t.lime[500], background: t.lime[50] },
|
|
46
|
+
insight: { text: "인사이트", color: t.blue[500], background: t.blue[50] },
|
|
47
|
+
webtoon: { text: "개발자툰", color: "", background: "" }
|
|
48
|
+
};
|
|
49
|
+
function x({ children: o, backgroundColor: l, color: m }) {
|
|
50
|
+
return /* @__PURE__ */ r(
|
|
51
|
+
"div",
|
|
52
|
+
{
|
|
53
|
+
style: { backgroundColor: l, color: m },
|
|
54
|
+
className: "whitespace-nowrap break-keep rounded bg-grey-100 px-2 py-0.5 text-regular13 text-grey-600 xs:text-regular14",
|
|
55
|
+
children: o
|
|
56
|
+
}
|
|
57
|
+
);
|
|
58
|
+
}
|
|
59
|
+
function io({ article: o, href: l, isYoutube: m, onYoutubeClick: n, renderLink: s }) {
|
|
60
|
+
const c = l ?? o.linkUrl, p = m ?? u(o.linkUrl), e = o.category ? g[o.category] : void 0, a = /* @__PURE__ */ i("div", { className: "flex w-full flex-col", children: [
|
|
61
|
+
/* @__PURE__ */ i("div", { className: "relative w-full shrink-0 overflow-hidden", children: [
|
|
62
|
+
/* @__PURE__ */ r("img", { src: o.imageUrl, alt: "image", className: "aspect-video w-full object-cover", loading: "lazy" }),
|
|
63
|
+
p && /* @__PURE__ */ r("div", { className: "absolute inset-0 flex items-center justify-center bg-white/30", children: /* @__PURE__ */ r(d.Play, { size: "40" }) })
|
|
64
|
+
] }),
|
|
65
|
+
/* @__PURE__ */ i("div", { className: "flex flex-col items-start gap-2 p-4", children: [
|
|
66
|
+
e && /* @__PURE__ */ r(x, { backgroundColor: e.background || "", color: e.color || "", children: e.text }),
|
|
67
|
+
/* @__PURE__ */ i("div", { className: "flex flex-col gap-2", children: [
|
|
68
|
+
/* @__PURE__ */ r("p", { className: "line-clamp-2 text-semibold14 xs:text-semibold16", children: o.title }),
|
|
69
|
+
/* @__PURE__ */ r("p", { className: "line-clamp-3 text-regular13 text-grey-500 xs:text-regular14", children: o.description })
|
|
70
|
+
] })
|
|
71
|
+
] })
|
|
72
|
+
] });
|
|
73
|
+
return /* @__PURE__ */ r("li", { className: "w-full list-none overflow-hidden rounded-[10px] border border-grey-200 bg-white", "data-asset-id": o.assetId, children: p ? /* @__PURE__ */ r(
|
|
74
|
+
"button",
|
|
75
|
+
{
|
|
76
|
+
type: "button",
|
|
77
|
+
onClick: n,
|
|
78
|
+
className: "block w-full text-left",
|
|
79
|
+
"aria-label": "유튜브 영상 열기",
|
|
80
|
+
children: a
|
|
81
|
+
}
|
|
82
|
+
) : s ? s({ href: c, children: a }) : b({ href: c, className: "block w-full", children: a }) });
|
|
83
|
+
}
|
|
84
|
+
export {
|
|
85
|
+
io as A
|
|
86
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const e=require("react/jsx-runtime"),i=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 x=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 n=require("./shared-BI0VJM6L.cjs"),q={bootcamp:{text:"부트캠프",color:"",background:""},job:{text:"취업꿀팁",color:i.colors.brown[500],background:i.colors.brown[50]},study:{text:"개념정리",color:i.colors.lime[500],background:i.colors.lime[50]},insight:{text:"인사이트",color:i.colors.blue[500],background:i.colors.blue[50]},webtoon:{text:"개발자툰",color:"",background:""}};function b({children:r,backgroundColor:s,color:o}){return e.jsx("div",{style:{backgroundColor:s,color:o},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 g({article:r,href:s,isYoutube:o,onYoutubeClick:d,renderLink:u}){const c=s??r.linkUrl,a=o??n.isYoutubeUrl(r.linkUrl),l=r.category?q[r.category]:void 0,t=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"}),a&&e.jsx("div",{className:"absolute inset-0 flex items-center justify-center bg-white/30",children:e.jsx(x.Icon.Play,{size:"40"})})]}),e.jsxs("div",{className:"flex flex-col items-start gap-2 p-4",children:[l&&e.jsx(b,{backgroundColor:l.background||"",color:l.color||"",children:l.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})]})]})]});return e.jsx("li",{className:"w-full list-none overflow-hidden rounded-[10px] border border-grey-200 bg-white","data-asset-id":r.assetId,children:a?e.jsx("button",{type:"button",onClick:d,className:"block w-full text-left","aria-label":"유튜브 영상 열기",children:t}):u?u({href:c,children:t}):n.renderDefaultAnchor({href:c,className:"block w-full",children:t})})}exports.ArticleAssetCard=g;
|
|
@@ -0,0 +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;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../environment-asset-photo-DMSQ1Ext.cjs");exports.EnvironmentAssetPhoto=e.EnvironmentAssetPhoto;
|
|
@@ -0,0 +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 +1 @@
|
|
|
1
|
-
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../event-card-
|
|
1
|
+
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../event-card-DwnP_Qsj.cjs");exports.EventCard=e.EventCard;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../lecturer-card-DLMnM4fU.cjs");exports.LecturerCard=e.LecturerCard;
|
|
@@ -0,0 +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 +1 @@
|
|
|
1
|
-
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../premium-card-
|
|
1
|
+
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../premium-card-Dk-pTOyb.cjs");exports.PremiumCard=e.PremiumCard;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../title-tag-card-
|
|
1
|
+
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../title-tag-card-kzgE6S3R.cjs");exports.TitleTagCard=e.TitleTagCard;
|
package/dist/components.cjs.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./event-card-
|
|
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;
|
package/dist/components.es.js
CHANGED
|
@@ -1,11 +1,21 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { E as
|
|
3
|
-
import { M as
|
|
4
|
-
import { P as
|
|
5
|
-
import { T as f } from "./title-tag-card-
|
|
2
|
+
import { E as o } from "./event-card-DCs6nu0G.js";
|
|
3
|
+
import { M as a } from "./main-banner-image-Cwwt6xKE.js";
|
|
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";
|
|
6
11
|
export {
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
12
|
+
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,
|
|
19
|
+
m as PremiumCard,
|
|
10
20
|
f as TitleTagCard
|
|
11
21
|
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const e=require("react/jsx-runtime");function l({imageUrl:r,index:t,onClick:s}){return e.jsx("li",{children:e.jsx("button",{type:"button",onClick:s,className:"flex aspect-square w-full items-center justify-center overflow-hidden rounded-lg border border-grey-200","aria-label":`학습 환경 사진 ${t+1}번 크게 보기`,children:e.jsx("img",{src:r,alt:`학습 환경 사진 ${t+1}`,className:"h-full w-full object-cover",loading:"lazy"})})})}exports.EnvironmentAssetPhoto=l;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { jsx as e } from "react/jsx-runtime";
|
|
2
|
+
function n({ imageUrl: l, index: r, onClick: t }) {
|
|
3
|
+
return /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
|
|
4
|
+
"button",
|
|
5
|
+
{
|
|
6
|
+
type: "button",
|
|
7
|
+
onClick: t,
|
|
8
|
+
className: "flex aspect-square w-full items-center justify-center overflow-hidden rounded-lg border border-grey-200",
|
|
9
|
+
"aria-label": `학습 환경 사진 ${r + 1}번 크게 보기`,
|
|
10
|
+
children: /* @__PURE__ */ e("img", { src: l, alt: `학습 환경 사진 ${r + 1}`, className: "h-full w-full object-cover", loading: "lazy" })
|
|
11
|
+
}
|
|
12
|
+
) });
|
|
13
|
+
}
|
|
14
|
+
export {
|
|
15
|
+
n as E
|
|
16
|
+
};
|
|
@@ -0,0 +1,78 @@
|
|
|
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 = {
|
|
5
|
+
presentation: { value: "presentation", label: "사전설명회" },
|
|
6
|
+
seminar: { value: "seminar", label: "세미나" },
|
|
7
|
+
preNotice: { value: "preNotice", label: "사전알림" },
|
|
8
|
+
coffeeChat: { value: "coffeeChat", label: "커피챗" }
|
|
9
|
+
};
|
|
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: [
|
|
13
|
+
/* @__PURE__ */ l("div", { className: "relative flex h-full w-1/4 shrink-0 items-center", children: /* @__PURE__ */ l(
|
|
14
|
+
"img",
|
|
15
|
+
{
|
|
16
|
+
src: (r == null ? void 0 : r.pc) || (a == null ? void 0 : a.pc) || "",
|
|
17
|
+
alt: o.companyId,
|
|
18
|
+
className: "absolute h-full w-full object-cover",
|
|
19
|
+
loading: "lazy"
|
|
20
|
+
}
|
|
21
|
+
) }),
|
|
22
|
+
/* @__PURE__ */ t(
|
|
23
|
+
"div",
|
|
24
|
+
{
|
|
25
|
+
style: {
|
|
26
|
+
backgroundColor: e.background,
|
|
27
|
+
color: e.title
|
|
28
|
+
},
|
|
29
|
+
className: "relative flex h-full w-full grow items-center justify-between gap-[5px] p-5",
|
|
30
|
+
children: [
|
|
31
|
+
/* @__PURE__ */ t("div", { className: "flex h-full grow flex-col items-start justify-center gap-[5px]", children: [
|
|
32
|
+
/* @__PURE__ */ t("div", { style: { color: e.date }, className: "text-medium14", children: [
|
|
33
|
+
v,
|
|
34
|
+
"﹒",
|
|
35
|
+
x.replaceAll("-", ".")
|
|
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) }),
|
|
38
|
+
/* @__PURE__ */ l(
|
|
39
|
+
"div",
|
|
40
|
+
{
|
|
41
|
+
style: {
|
|
42
|
+
background: `linear-gradient(to right, transparent, ${e.background})`
|
|
43
|
+
},
|
|
44
|
+
className: "absolute right-full h-full w-[2%]"
|
|
45
|
+
}
|
|
46
|
+
)
|
|
47
|
+
] }),
|
|
48
|
+
/* @__PURE__ */ l(
|
|
49
|
+
"button",
|
|
50
|
+
{
|
|
51
|
+
style: {
|
|
52
|
+
background: e.button,
|
|
53
|
+
color: e.buttonText
|
|
54
|
+
},
|
|
55
|
+
className: g(
|
|
56
|
+
"hidden",
|
|
57
|
+
"rounded",
|
|
58
|
+
"px-3",
|
|
59
|
+
"py-2",
|
|
60
|
+
"text-regular14",
|
|
61
|
+
"md:block",
|
|
62
|
+
"lg:hidden",
|
|
63
|
+
"xl:block",
|
|
64
|
+
"whitespace-nowrap",
|
|
65
|
+
b
|
|
66
|
+
),
|
|
67
|
+
children: "자세히 보기 ->"
|
|
68
|
+
}
|
|
69
|
+
)
|
|
70
|
+
]
|
|
71
|
+
}
|
|
72
|
+
)
|
|
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
|
+
}
|
|
76
|
+
export {
|
|
77
|
+
C as E
|
|
78
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const e=require("react/jsx-runtime"),v=require("./common-Ds1lanOg.cjs"),g=require("./shared-BI0VJM6L.cjs"),w={presentation:{value:"presentation",label:"사전설명회"},seminar:{value:"seminar",label:"세미나"},preNotice:{value:"preNotice",label:"사전알림"},coffeeChat:{value:"coffeeChat",label:"커피챗"}};function j({eventValue:c,link:f,buttonClass:h,loading:n,renderLink:o}){var p;const{imageUrl:s,eventImageUrl:t,title:a,eventTitle:r,colors:l,linkUrl:x,eventType:i,eventDate:b}=c,m=((p=w[i])==null?void 0:p.label)??i,d=f??x,u=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:c.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:[m,"﹒",b.replaceAll("-",".")]}),e.jsx("div",{style:{color:l.title},className:"whitespace-nowrap text-semibold14 xs:text-semibold18",children:(r==null?void 0:r.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("button",{style:{background:l.button,color:l.buttonText},className:v.cn("hidden","rounded","px-3","py-2","text-regular14","md:block","lg:hidden","xl:block","whitespace-nowrap",h),children:"자세히 보기 ->"})]})]});return o?o({href:d,className:"w-full",children:u,disabled:n}):g.renderDefaultAnchor({href:d,className:"w-full",children:u,disabled:n})}exports.EventAssetBanner=j;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { jsx as e, jsxs as
|
|
1
|
+
import { jsx as e, jsxs as i } from "react/jsx-runtime";
|
|
2
2
|
import { a as t } from "./index-DWvwbdTU.js";
|
|
3
|
-
import { c } from "./common-C3JaD1vJ.js";
|
|
4
3
|
import "./ui/accordion.es.js";
|
|
5
4
|
import "./ui/alert-dialog.es.js";
|
|
5
|
+
import { c } from "./common-C3JaD1vJ.js";
|
|
6
6
|
import "@radix-ui/react-aspect-ratio";
|
|
7
7
|
import "./ui/avatar.es.js";
|
|
8
8
|
import "./ui/badge.es.js";
|
|
@@ -27,7 +27,7 @@ import "./ui/radio-group.es.js";
|
|
|
27
27
|
import "./ui/scroll-area.es.js";
|
|
28
28
|
import "./ui/select.es.js";
|
|
29
29
|
import "./ui/separator.es.js";
|
|
30
|
-
import { Skeleton as
|
|
30
|
+
import { Skeleton as a } from "./ui/skeleton.es.js";
|
|
31
31
|
import "@radix-ui/react-slider";
|
|
32
32
|
import "react";
|
|
33
33
|
import "./ui/switch.es.js";
|
|
@@ -42,11 +42,11 @@ import "./ui/tooltip.es.js";
|
|
|
42
42
|
import { g as v, a as b, b as y } from "./utils-DMV7dwIW.js";
|
|
43
43
|
function se({
|
|
44
44
|
adProduct: r,
|
|
45
|
-
logo:
|
|
45
|
+
logo: m,
|
|
46
46
|
title: o,
|
|
47
47
|
batchName: p = "",
|
|
48
48
|
adTitle: n,
|
|
49
|
-
startDate:
|
|
49
|
+
startDate: l,
|
|
50
50
|
tuition: d,
|
|
51
51
|
nbCardRequired: f,
|
|
52
52
|
isLoading: x = !1,
|
|
@@ -55,11 +55,11 @@ function se({
|
|
|
55
55
|
}) {
|
|
56
56
|
if (x)
|
|
57
57
|
return /* @__PURE__ */ e(N, { className: s });
|
|
58
|
-
const h = `${v(
|
|
58
|
+
const h = `${v(l)} 개강 · ${b(d, f)}`;
|
|
59
59
|
return /* @__PURE__ */ e(
|
|
60
60
|
w,
|
|
61
61
|
{
|
|
62
|
-
logo:
|
|
62
|
+
logo: m,
|
|
63
63
|
title: `${o} ${p}`,
|
|
64
64
|
adTitle: n,
|
|
65
65
|
footerText: h,
|
|
@@ -71,14 +71,14 @@ function se({
|
|
|
71
71
|
}
|
|
72
72
|
function w({
|
|
73
73
|
adProduct: r,
|
|
74
|
-
logo:
|
|
74
|
+
logo: m,
|
|
75
75
|
title: o,
|
|
76
76
|
adTitle: p,
|
|
77
77
|
footerText: n,
|
|
78
|
-
regEndDate:
|
|
78
|
+
regEndDate: l,
|
|
79
79
|
className: d
|
|
80
80
|
}) {
|
|
81
|
-
return /* @__PURE__ */
|
|
81
|
+
return /* @__PURE__ */ i(
|
|
82
82
|
"div",
|
|
83
83
|
{
|
|
84
84
|
className: c(
|
|
@@ -90,15 +90,16 @@ function w({
|
|
|
90
90
|
u,
|
|
91
91
|
{
|
|
92
92
|
variant: "ad",
|
|
93
|
+
size: "ad",
|
|
93
94
|
style: {
|
|
94
95
|
background: t.event.background,
|
|
95
96
|
color: t.event.color
|
|
96
97
|
},
|
|
97
|
-
children: r === t.dDay.value &&
|
|
98
|
+
children: r === t.dDay.value && l ? y(l) : t.event.value.toUpperCase()
|
|
98
99
|
}
|
|
99
100
|
),
|
|
100
|
-
/* @__PURE__ */ e("img", { src:
|
|
101
|
-
/* @__PURE__ */
|
|
101
|
+
/* @__PURE__ */ e("img", { src: m, alt: `${o} 로고`, className: "h-4 object-contain", loading: "lazy" }),
|
|
102
|
+
/* @__PURE__ */ i("div", { className: "flex w-full flex-col items-start gap-2", children: [
|
|
102
103
|
/* @__PURE__ */ e("h3", { className: "line-clamp-2 h-auto text-sm font-normal md:text-base lg:h-12", title: o, children: o }),
|
|
103
104
|
/* @__PURE__ */ e("p", { className: "line-clamp-2 h-auto w-full break-keep rounded bg-grey-100 px-2 py-1 text-[13px] font-semibold text-grey-600 md:h-[54px] md:text-[15px] md:text-grey-800", children: p }),
|
|
104
105
|
/* @__PURE__ */ e("div", { className: "text-[13px] leading-[19px] text-grey-600", children: n })
|
|
@@ -108,8 +109,8 @@ function w({
|
|
|
108
109
|
);
|
|
109
110
|
}
|
|
110
111
|
function N({ className: r }) {
|
|
111
|
-
return /* @__PURE__ */
|
|
112
|
-
|
|
112
|
+
return /* @__PURE__ */ i(
|
|
113
|
+
a,
|
|
113
114
|
{
|
|
114
115
|
type: "background",
|
|
115
116
|
className: c(
|
|
@@ -129,12 +130,12 @@ function N({ className: r }) {
|
|
|
129
130
|
children: ""
|
|
130
131
|
}
|
|
131
132
|
),
|
|
132
|
-
/* @__PURE__ */ e(
|
|
133
|
-
/* @__PURE__ */
|
|
134
|
-
/* @__PURE__ */ e("div", { className: "h-10 w-full", children: /* @__PURE__ */ e(
|
|
135
|
-
/* @__PURE__ */ e(
|
|
133
|
+
/* @__PURE__ */ e(a, { className: "h-4 w-1/2" }),
|
|
134
|
+
/* @__PURE__ */ i("div", { className: "flex flex-col items-start gap-2", children: [
|
|
135
|
+
/* @__PURE__ */ e("div", { className: "h-10 w-full", children: /* @__PURE__ */ e(a, { className: "h-5 w-4/5" }) }),
|
|
136
|
+
/* @__PURE__ */ e(a, { className: "h-14 w-full" })
|
|
136
137
|
] }),
|
|
137
|
-
/* @__PURE__ */ e(
|
|
138
|
+
/* @__PURE__ */ e(a, { className: "mt-2 h-[19px] w-2/3" })
|
|
138
139
|
]
|
|
139
140
|
}
|
|
140
141
|
);
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const e=require("react/jsx-runtime"),r=require("./index-B8SY6s5B.cjs");require("./ui/accordion.cjs.js");require("./ui/alert-dialog.cjs.js");const x=require("./common-Ds1lanOg.cjs");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");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");const i=require("./ui/skeleton.cjs.js");require("@radix-ui/react-slider");require("react");require("./ui/switch.cjs.js");require("./ui/tabs.cjs.js");const q=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 o=require("./utils-CQ8Ml7W5.cjs");function h({adProduct:t,logo:s,title:l,batchName:a="",adTitle:n,startDate:u,tuition:d,nbCardRequired:m,isLoading:g=!1,regEndDate:p,className:c}){if(g)return e.jsx(j,{className:c});const f=`${o.getCampDateText(u)} 개강 · ${o.getEventCampCostValue(d,m)}`;return e.jsx(v,{logo:s,title:`${l} ${a}`,adTitle:n,footerText:f,regEndDate:p,className:c,adProduct:t})}function v({adProduct:t,logo:s,title:l,adTitle:a,footerText:n,regEndDate:u,className:d}){return e.jsxs("div",{className:x.cn("relative z-10 flex h-full w-full flex-col items-start justify-between gap-2 overflow-hidden rounded-xl border border-grey-200 bg-white p-4 text-grey-800 md:p-5 lg:p-6",d),children:[e.jsx(q.Tag,{variant:"ad",size:"ad",style:{background:r.adProducts.event.background,color:r.adProducts.event.color},children:t===r.adProducts.dDay.value&&u?o.getCampDdayText(u):r.adProducts.event.value.toUpperCase()}),e.jsx("img",{src:s,alt:`${l} 로고`,className:"h-4 object-contain",loading:"lazy"}),e.jsxs("div",{className:"flex w-full flex-col items-start gap-2",children:[e.jsx("h3",{className:"line-clamp-2 h-auto text-sm font-normal md:text-base lg:h-12",title:l,children:l}),e.jsx("p",{className:"line-clamp-2 h-auto w-full break-keep rounded bg-grey-100 px-2 py-1 text-[13px] font-semibold text-grey-600 md:h-[54px] md:text-[15px] md:text-grey-800",children:a}),e.jsx("div",{className:"text-[13px] leading-[19px] text-grey-600",children:n})]})]})}function j({className:t}){return e.jsxs(i.Skeleton,{type:"background",className:x.cn("relative z-10 flex h-full w-full flex-col justify-between gap-2 overflow-hidden rounded-xl p-4 md:p-5 lg:p-6",t),children:[e.jsx(q.Tag,{variant:"ad",style:{background:r.adProducts.event.background,color:r.adProducts.event.color},className:"h-7 w-20 animate-pulse rounded-bl-lg rounded-br-none rounded-tl-none rounded-tr-lg px-2 py-1 text-sm",children:""}),e.jsx(i.Skeleton,{className:"h-4 w-1/2"}),e.jsxs("div",{className:"flex flex-col items-start gap-2",children:[e.jsx("div",{className:"h-10 w-full",children:e.jsx(i.Skeleton,{className:"h-5 w-4/5"})}),e.jsx(i.Skeleton,{className:"h-14 w-full"})]}),e.jsx(i.Skeleton,{className:"mt-2 h-[19px] w-2/3"})]})}exports.EventCard=h;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const e=require("react/jsx-runtime"),d=require("./common-Ds1lanOg.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 g=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");const p=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");function j({keyPrefix:l,lecturer:r,roleLabel:q,isMobile:a,isExpanded:i,onToggleExpand:m,description:s,idx:x,numberOfLecturers:h}){const t=`${l}-name`,u=`${l}-srdesc`,n=`${l}-content`,c=a&&s.length>3;return e.jsxs("article",{"aria-labelledby":t,className:d.cn("flex h-full w-full items-start gap-5 rounded-[10px] border border-grey-200 px-[30px] py-5",h===1&&"col-span-2"),children:[e.jsx("div",{className:"shrink-0",children:r.imageUrl?e.jsx("div",{className:"relative flex aspect-square w-[60px] items-center justify-center overflow-hidden rounded-full border border-grey-200",children:e.jsx("img",{src:r.imageUrl,alt:`${r.lecturerName} 프로필 이미지`,className:"h-full w-full object-cover",loading:"lazy"})}):e.jsx("div",{className:"relative flex aspect-square w-[60px] items-center justify-center overflow-hidden rounded-full bg-grey-100","aria-label":`${r.lecturerName} 프로필 이미지 없음`,children:e.jsx(g.Icon.Profile,{size:"32",fill:"#A2A3A4","aria-hidden":"true"})})}),e.jsxs("div",{className:"flex w-full flex-col gap-2 text-regular14 text-grey-800",children:[e.jsxs("header",{className:"flex items-center gap-2 text-semibold16",children:[e.jsx("span",{id:t,children:r.lecturerName}),e.jsx(p.Tag,{variant:"solid-secondary-100",size:"sm",className:"px-1 py-0.5",children:q})]}),e.jsx("span",{className:"sr-only",id:u,children:"강사 소개를 목록으로 안내한다."}),e.jsxs("ul",{id:n,"aria-describedby":u,"aria-expanded":c?i:void 0,className:d.cn("relative flex w-full flex-col whitespace-pre-wrap break-keep text-grey-600",a&&i&&"pb-6"),children:[s.map((f,o)=>a&&!i&&o>=3?null:e.jsx("li",{children:f},o)),c&&e.jsx("li",{className:"absolute bottom-0 right-0",children:e.jsxs("button",{type:"button",onClick:()=>m(x),"aria-expanded":i,"aria-controls":n,className:"bg-white pl-1 text-main-600",children:[i?"...정보 숨기기":"...정보 더보기",e.jsx("span",{"aria-hidden":"true",className:"absolute right-full h-full w-8 bg-gradient-to-r from-transparent to-white"})]})})]})]})]})}exports.LecturerCard=j;
|
|
@@ -0,0 +1,128 @@
|
|
|
1
|
+
import { jsxs as i, jsx as r } from "react/jsx-runtime";
|
|
2
|
+
import { c as d } from "./common-C3JaD1vJ.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 x } 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 { Tag as N } from "./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
|
+
function or({
|
|
42
|
+
keyPrefix: l,
|
|
43
|
+
lecturer: e,
|
|
44
|
+
roleLabel: f,
|
|
45
|
+
isMobile: a,
|
|
46
|
+
isExpanded: t,
|
|
47
|
+
onToggleExpand: h,
|
|
48
|
+
description: o,
|
|
49
|
+
idx: u,
|
|
50
|
+
numberOfLecturers: g
|
|
51
|
+
}) {
|
|
52
|
+
const m = `${l}-name`, p = `${l}-srdesc`, s = `${l}-content`, n = a && o.length > 3;
|
|
53
|
+
return /* @__PURE__ */ i(
|
|
54
|
+
"article",
|
|
55
|
+
{
|
|
56
|
+
"aria-labelledby": m,
|
|
57
|
+
className: d(
|
|
58
|
+
"flex h-full w-full items-start gap-5 rounded-[10px] border border-grey-200 px-[30px] py-5",
|
|
59
|
+
g === 1 && "col-span-2"
|
|
60
|
+
),
|
|
61
|
+
children: [
|
|
62
|
+
/* @__PURE__ */ r("div", { className: "shrink-0", children: e.imageUrl ? /* @__PURE__ */ r("div", { className: "relative flex aspect-square w-[60px] items-center justify-center overflow-hidden rounded-full border border-grey-200", children: /* @__PURE__ */ r(
|
|
63
|
+
"img",
|
|
64
|
+
{
|
|
65
|
+
src: e.imageUrl,
|
|
66
|
+
alt: `${e.lecturerName} 프로필 이미지`,
|
|
67
|
+
className: "h-full w-full object-cover",
|
|
68
|
+
loading: "lazy"
|
|
69
|
+
}
|
|
70
|
+
) }) : /* @__PURE__ */ r(
|
|
71
|
+
"div",
|
|
72
|
+
{
|
|
73
|
+
className: "relative flex aspect-square w-[60px] items-center justify-center overflow-hidden rounded-full bg-grey-100",
|
|
74
|
+
"aria-label": `${e.lecturerName} 프로필 이미지 없음`,
|
|
75
|
+
children: /* @__PURE__ */ r(x.Profile, { size: "32", fill: "#A2A3A4", "aria-hidden": "true" })
|
|
76
|
+
}
|
|
77
|
+
) }),
|
|
78
|
+
/* @__PURE__ */ i("div", { className: "flex w-full flex-col gap-2 text-regular14 text-grey-800", children: [
|
|
79
|
+
/* @__PURE__ */ i("header", { className: "flex items-center gap-2 text-semibold16", children: [
|
|
80
|
+
/* @__PURE__ */ r("span", { id: m, children: e.lecturerName }),
|
|
81
|
+
/* @__PURE__ */ r(N, { variant: "solid-secondary-100", size: "sm", className: "px-1 py-0.5", children: f })
|
|
82
|
+
] }),
|
|
83
|
+
/* @__PURE__ */ r("span", { className: "sr-only", id: p, children: "강사 소개를 목록으로 안내한다." }),
|
|
84
|
+
/* @__PURE__ */ i(
|
|
85
|
+
"ul",
|
|
86
|
+
{
|
|
87
|
+
id: s,
|
|
88
|
+
"aria-describedby": p,
|
|
89
|
+
"aria-expanded": n ? t : void 0,
|
|
90
|
+
className: d(
|
|
91
|
+
"relative flex w-full flex-col whitespace-pre-wrap break-keep text-grey-600",
|
|
92
|
+
a && t && "pb-6"
|
|
93
|
+
),
|
|
94
|
+
children: [
|
|
95
|
+
o.map(
|
|
96
|
+
(b, c) => a && !t && c >= 3 ? null : /* @__PURE__ */ r("li", { children: b }, c)
|
|
97
|
+
),
|
|
98
|
+
n && /* @__PURE__ */ r("li", { className: "absolute bottom-0 right-0", children: /* @__PURE__ */ i(
|
|
99
|
+
"button",
|
|
100
|
+
{
|
|
101
|
+
type: "button",
|
|
102
|
+
onClick: () => h(u),
|
|
103
|
+
"aria-expanded": t,
|
|
104
|
+
"aria-controls": s,
|
|
105
|
+
className: "bg-white pl-1 text-main-600",
|
|
106
|
+
children: [
|
|
107
|
+
t ? "...정보 숨기기" : "...정보 더보기",
|
|
108
|
+
/* @__PURE__ */ r(
|
|
109
|
+
"span",
|
|
110
|
+
{
|
|
111
|
+
"aria-hidden": "true",
|
|
112
|
+
className: "absolute right-full h-full w-8 bg-gradient-to-r from-transparent to-white"
|
|
113
|
+
}
|
|
114
|
+
)
|
|
115
|
+
]
|
|
116
|
+
}
|
|
117
|
+
) })
|
|
118
|
+
]
|
|
119
|
+
}
|
|
120
|
+
)
|
|
121
|
+
] })
|
|
122
|
+
]
|
|
123
|
+
}
|
|
124
|
+
);
|
|
125
|
+
}
|
|
126
|
+
export {
|
|
127
|
+
or as L
|
|
128
|
+
};
|