boottent-design 0.1.251 → 0.1.253
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 +2 -2
- package/dist/camp-card-BbL3enBz.cjs +1 -0
- package/dist/camp-card-DpPDguik.js +153 -0
- package/dist/components/camp-card.cjs.js +1 -0
- package/dist/components/camp-card.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/mobile-camp-card.cjs.js +1 -0
- package/dist/components/mobile-camp-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 +25 -21
- package/dist/event-card-B7TYQ2do.cjs +1 -0
- package/dist/{event-card-qk14TFkI.js → event-card-DoePuHu8.js} +15 -15
- package/dist/foundation.css +5 -0
- package/dist/mobile-camp-card-BMz6H6OF.cjs +1 -0
- package/dist/mobile-camp-card-TKIjmsKH.js +172 -0
- package/dist/{premium-card-Xd_uzkYH.js → premium-card-BzFA2A5p.js} +1 -1
- package/dist/premium-card-Diea6qG_.cjs +1 -0
- package/dist/styles.css +1 -1
- package/dist/{title-tag-card-DoDGW9DX.js → title-tag-card-CEjHX43m.js} +13 -13
- package/dist/title-tag-card-Cn0V-8Ga.cjs +1 -0
- package/dist/types/camp-card.d.ts +51 -0
- package/dist/types/components/camp-card.d.ts +2 -0
- package/dist/types/components/mobile-camp-card.d.ts +2 -0
- package/dist/types/components.d.ts +60 -0
- package/dist/types/mobile-camp-card.d.ts +53 -0
- package/package.json +1 -1
- package/dist/event-card-C3u5CgdD.cjs +0 -1
- package/dist/premium-card-BGOAMDmD.cjs +0 -1
- package/dist/title-tag-card-C4cSSOZG.cjs +0 -1
package/dist/DESIGN.md
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const e=require("react/jsx-runtime");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");require("@radix-ui/react-slider");require("react");require("./ui/switch.cjs.js");require("./ui/tabs.cjs.js");const I=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 R=require("./image-loading-DZFBFoVv.cjs");function S({tag:r}){return e.jsx("li",{className:"rounded",children:e.jsx("div",{style:{color:r.color,backgroundColor:r.background,border:`1px solid ${r.border??"transparent"}`},className:x.cn("inline-block whitespace-nowrap rounded px-1 py-0.5 text-regular13",r.className),children:r.text})})}function d(r,l="sm"){return e.jsx(I.Tag,{style:{background:r.background,color:r.color,border:`1px solid ${r.border??r.background??"transparent"}`},size:l,variant:l==="ad"?"ad":void 0,className:r.className,children:r.text})}function _({brandName:r,title:l,batchName:m="",imageUrl:s,imageAlt:q="header image",tuitionText:f,locationText:h,scheduleText:p,tags:n=[],statusBadge:a,adBadge:u,adTitle:t,isAd:w=!1,className:g,style:j,bookmarkSlot:b,latestBatchSlot:v,imageOverlaySlot:N,imageWrapper:c,imagePriority:k,imageLoading:y,imageFetchPriority:C,imageDecoding:$}){const L=R.getImageLoadingAttributes({imagePriority:k,imageLoading:y,imageFetchPriority:C,imageDecoding:$}),A=`${l} ${m||""}`.trim(),i=s?e.jsx("button",{type:"button",className:"absolute inset-0",children:e.jsx("img",{src:s,alt:q,className:"h-full w-full object-cover transition-all hover:scale-110",...L})}):null;return e.jsxs("div",{className:x.cn("bt-ds-surface bt-ds-text-reset relative flex h-full w-full flex-col overflow-hidden rounded-lg border border-grey-200 bg-white",g),style:j,children:[e.jsxs("div",{className:"relative aspect-[9/5] w-full shrink-0",children:[e.jsxs("div",{className:"absolute inset-0 z-0 flex items-center justify-center overflow-hidden",children:[i?c?c(i):i:null,N,e.jsxs("div",{className:"absolute bottom-2 right-2 flex flex-col items-end gap-1",children:[a?d(a,"sm"):null,v]})]}),u?d(u,"ad"):null,b]}),e.jsxs("div",{className:"flex flex-col gap-2 p-4 text-regular14",children:[e.jsx("div",{children:r}),e.jsxs("div",{className:"flex w-full flex-col gap-3",children:[e.jsx("div",{className:"line-clamp-3 w-full text-semibold16 font-medium",children:A}),w&&t?e.jsx("div",{className:"line-clamp-2 break-keep rounded-md bg-yellow-400/50 px-2 py-1 text-grey-800",children:t}):null,n.length>0?e.jsx("ul",{className:"flex w-full max-w-full shrink-0 grow-0 flex-wrap justify-start gap-[5px] overflow-x-hidden whitespace-normal",children:n.map((o,T)=>e.jsx(S,{tag:o},`${String(o.text)}-${T}`))}):null]}),e.jsxs("div",{className:"flex w-full flex-col gap-2 text-regular13",children:[e.jsxs("p",{className:"w-full overflow-hidden truncate whitespace-nowrap",children:[e.jsx("span",{children:f})," · ",e.jsx("span",{children:h})]}),e.jsx("p",{className:"w-full overflow-hidden truncate whitespace-nowrap",children:p})]})]})]})}exports.CampCard=_;
|
|
@@ -0,0 +1,153 @@
|
|
|
1
|
+
import { jsx as r, jsxs as l } from "react/jsx-runtime";
|
|
2
|
+
import "./ui/accordion.es.js";
|
|
3
|
+
import "./ui/alert-dialog.es.js";
|
|
4
|
+
import { c as u } 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 "./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 "./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 { Tag as q } from "./ui/tag.es.js";
|
|
34
|
+
import "./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
|
+
import { g as z } from "./image-loading-BX5rKZfC.js";
|
|
41
|
+
function D({ tag: e }) {
|
|
42
|
+
return /* @__PURE__ */ r("li", { className: "rounded", children: /* @__PURE__ */ r(
|
|
43
|
+
"div",
|
|
44
|
+
{
|
|
45
|
+
style: {
|
|
46
|
+
color: e.color,
|
|
47
|
+
backgroundColor: e.background,
|
|
48
|
+
border: `1px solid ${e.border ?? "transparent"}`
|
|
49
|
+
},
|
|
50
|
+
className: u("inline-block whitespace-nowrap rounded px-1 py-0.5 text-regular13", e.className),
|
|
51
|
+
children: e.text
|
|
52
|
+
}
|
|
53
|
+
) });
|
|
54
|
+
}
|
|
55
|
+
function d(e, t = "sm") {
|
|
56
|
+
return /* @__PURE__ */ r(
|
|
57
|
+
q,
|
|
58
|
+
{
|
|
59
|
+
style: {
|
|
60
|
+
background: e.background,
|
|
61
|
+
color: e.color,
|
|
62
|
+
border: `1px solid ${e.border ?? e.background ?? "transparent"}`
|
|
63
|
+
},
|
|
64
|
+
size: t,
|
|
65
|
+
variant: t === "ad" ? "ad" : void 0,
|
|
66
|
+
className: e.className,
|
|
67
|
+
children: e.text
|
|
68
|
+
}
|
|
69
|
+
);
|
|
70
|
+
}
|
|
71
|
+
function ge({
|
|
72
|
+
brandName: e,
|
|
73
|
+
title: t,
|
|
74
|
+
batchName: f = "",
|
|
75
|
+
imageUrl: i,
|
|
76
|
+
imageAlt: h = "header image",
|
|
77
|
+
tuitionText: x,
|
|
78
|
+
locationText: w,
|
|
79
|
+
scheduleText: b,
|
|
80
|
+
tags: a = [],
|
|
81
|
+
statusBadge: n,
|
|
82
|
+
adBadge: m,
|
|
83
|
+
adTitle: s,
|
|
84
|
+
isAd: v = !1,
|
|
85
|
+
className: N,
|
|
86
|
+
style: g,
|
|
87
|
+
bookmarkSlot: k,
|
|
88
|
+
latestBatchSlot: y,
|
|
89
|
+
imageOverlaySlot: $,
|
|
90
|
+
imageWrapper: c,
|
|
91
|
+
imagePriority: j,
|
|
92
|
+
imageLoading: C,
|
|
93
|
+
imageFetchPriority: A,
|
|
94
|
+
imageDecoding: L
|
|
95
|
+
}) {
|
|
96
|
+
const T = z({
|
|
97
|
+
imagePriority: j,
|
|
98
|
+
imageLoading: C,
|
|
99
|
+
imageFetchPriority: A,
|
|
100
|
+
imageDecoding: L
|
|
101
|
+
}), I = `${t} ${f || ""}`.trim(), o = i ? /* @__PURE__ */ r("button", { type: "button", className: "absolute inset-0", children: /* @__PURE__ */ r(
|
|
102
|
+
"img",
|
|
103
|
+
{
|
|
104
|
+
src: i,
|
|
105
|
+
alt: h,
|
|
106
|
+
className: "h-full w-full object-cover transition-all hover:scale-110",
|
|
107
|
+
...T
|
|
108
|
+
}
|
|
109
|
+
) }) : null;
|
|
110
|
+
return /* @__PURE__ */ l(
|
|
111
|
+
"div",
|
|
112
|
+
{
|
|
113
|
+
className: u(
|
|
114
|
+
"bt-ds-surface bt-ds-text-reset relative flex h-full w-full flex-col overflow-hidden rounded-lg border border-grey-200 bg-white",
|
|
115
|
+
N
|
|
116
|
+
),
|
|
117
|
+
style: g,
|
|
118
|
+
children: [
|
|
119
|
+
/* @__PURE__ */ l("div", { className: "relative aspect-[9/5] w-full shrink-0", children: [
|
|
120
|
+
/* @__PURE__ */ l("div", { className: "absolute inset-0 z-0 flex items-center justify-center overflow-hidden", children: [
|
|
121
|
+
o ? c ? c(o) : o : null,
|
|
122
|
+
$,
|
|
123
|
+
/* @__PURE__ */ l("div", { className: "absolute bottom-2 right-2 flex flex-col items-end gap-1", children: [
|
|
124
|
+
n ? d(n, "sm") : null,
|
|
125
|
+
y
|
|
126
|
+
] })
|
|
127
|
+
] }),
|
|
128
|
+
m ? d(m, "ad") : null,
|
|
129
|
+
k
|
|
130
|
+
] }),
|
|
131
|
+
/* @__PURE__ */ l("div", { className: "flex flex-col gap-2 p-4 text-regular14", children: [
|
|
132
|
+
/* @__PURE__ */ r("div", { children: e }),
|
|
133
|
+
/* @__PURE__ */ l("div", { className: "flex w-full flex-col gap-3", children: [
|
|
134
|
+
/* @__PURE__ */ r("div", { className: "line-clamp-3 w-full text-semibold16 font-medium", children: I }),
|
|
135
|
+
v && s ? /* @__PURE__ */ r("div", { className: "line-clamp-2 break-keep rounded-md bg-yellow-400/50 px-2 py-1 text-grey-800", children: s }) : null,
|
|
136
|
+
a.length > 0 ? /* @__PURE__ */ r("ul", { className: "flex w-full max-w-full shrink-0 grow-0 flex-wrap justify-start gap-[5px] overflow-x-hidden whitespace-normal", children: a.map((p, S) => /* @__PURE__ */ r(D, { tag: p }, `${String(p.text)}-${S}`)) }) : null
|
|
137
|
+
] }),
|
|
138
|
+
/* @__PURE__ */ l("div", { className: "flex w-full flex-col gap-2 text-regular13", children: [
|
|
139
|
+
/* @__PURE__ */ l("p", { className: "w-full overflow-hidden truncate whitespace-nowrap", children: [
|
|
140
|
+
/* @__PURE__ */ r("span", { children: x }),
|
|
141
|
+
" · ",
|
|
142
|
+
/* @__PURE__ */ r("span", { children: w })
|
|
143
|
+
] }),
|
|
144
|
+
/* @__PURE__ */ r("p", { className: "w-full overflow-hidden truncate whitespace-nowrap", children: b })
|
|
145
|
+
] })
|
|
146
|
+
] })
|
|
147
|
+
]
|
|
148
|
+
}
|
|
149
|
+
);
|
|
150
|
+
}
|
|
151
|
+
export {
|
|
152
|
+
ge as C
|
|
153
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../camp-card-BbL3enBz.cjs");exports.CampCard=e.CampCard;
|
|
@@ -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-B7TYQ2do.cjs");exports.EventCard=e.EventCard;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../mobile-camp-card-BMz6H6OF.cjs");exports.MobileCampCard=e.MobileCampCard;
|
|
@@ -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-Diea6qG_.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-Cn0V-8Ga.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 r=require("./event-card-
|
|
1
|
+
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./event-card-B7TYQ2do.cjs"),t=require("./main-banner-image-DdV4qseq.cjs"),o=require("./premium-card-Diea6qG_.cjs"),a=require("./title-tag-card-Cn0V-8Ga.cjs"),n=require("./article-asset-card-CM_WiHYI.cjs"),i=require("./blog-review-card-OX6KhSpS.cjs"),s=require("./camp-card-BbL3enBz.cjs"),d=require("./company-info-card-H1BDbRoL.cjs"),C=require("./environment-asset-photo-CXxtAAax.cjs"),u=require("./event-asset-banner-BRsgu3Hc.cjs"),c=require("./lecturer-card-CGPXVDdx.cjs"),l=require("./partner-list-card-DL_omz4v.cjs"),m=require("./mobile-camp-card-BMz6H6OF.cjs"),e=require("./portfolio-asset-card-BlgNFtHc.cjs"),A=require("./youtube-video-modal-pooOcDO1.cjs");exports.EventCard=r.EventCard;exports.MainBannerImage=t.MainBannerImage;exports.PremiumCard=o.PremiumCard;exports.TitleTagCard=a.TitleTagCard;exports.ArticleAssetCard=n.ArticleAssetCard;exports.BlogReviewCard=i.BlogReviewCard;exports.CampCard=s.CampCard;exports.CompanyInfoCard=d.CompanyInfoCard;exports.EnvironmentAssetPhoto=C.EnvironmentAssetPhoto;exports.EventAssetBanner=u.EventAssetBanner;exports.LecturerCard=c.LecturerCard;exports.PartnerListCard=l.PartnerListCard;exports.MobileCampCard=m.MobileCampCard;exports.PortfolioAssetCard=e.PortfolioAssetCard;exports.PortfolioAssetFooter=e.PortfolioAssetFooter;exports.YoutubeVideoModal=A.YoutubeVideoModal;
|
package/dist/components.es.js
CHANGED
|
@@ -1,30 +1,34 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { E as e } from "./event-card-
|
|
2
|
+
import { E as e } from "./event-card-DoePuHu8.js";
|
|
3
3
|
import { M as t } from "./main-banner-image-DoYpMy7T.js";
|
|
4
|
-
import { P as m } from "./premium-card-
|
|
5
|
-
import { T as
|
|
4
|
+
import { P as m } from "./premium-card-BzFA2A5p.js";
|
|
5
|
+
import { T as p } from "./title-tag-card-CEjHX43m.js";
|
|
6
6
|
import { A as x } from "./article-asset-card-lw8aNjSM.js";
|
|
7
|
-
import { B as
|
|
8
|
-
import { C as
|
|
9
|
-
import {
|
|
10
|
-
import { E as u } from "./
|
|
11
|
-
import {
|
|
12
|
-
import {
|
|
13
|
-
import { P as
|
|
14
|
-
import {
|
|
7
|
+
import { B as d } from "./blog-review-card-DTM0poKi.js";
|
|
8
|
+
import { C as l } from "./camp-card-DpPDguik.js";
|
|
9
|
+
import { C as A } from "./company-info-card-BVCaYbYN.js";
|
|
10
|
+
import { E as u } from "./environment-asset-photo-BCR9v2we.js";
|
|
11
|
+
import { E as v } from "./event-asset-banner-CbhdfmpK.js";
|
|
12
|
+
import { L as c } from "./lecturer-card-B80BJVu3.js";
|
|
13
|
+
import { P as L } from "./partner-list-card-Bx-UZxGG.js";
|
|
14
|
+
import { M as b } from "./mobile-camp-card-TKIjmsKH.js";
|
|
15
|
+
import { P as Y, a as h } from "./portfolio-asset-card-C_opxeH0.js";
|
|
16
|
+
import { Y as y } from "./youtube-video-modal-CENnr9lf.js";
|
|
15
17
|
export {
|
|
16
18
|
x as ArticleAssetCard,
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
A as
|
|
20
|
-
u as
|
|
19
|
+
d as BlogReviewCard,
|
|
20
|
+
l as CampCard,
|
|
21
|
+
A as CompanyInfoCard,
|
|
22
|
+
u as EnvironmentAssetPhoto,
|
|
23
|
+
v as EventAssetBanner,
|
|
21
24
|
e as EventCard,
|
|
22
|
-
|
|
25
|
+
c as LecturerCard,
|
|
23
26
|
t as MainBannerImage,
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
+
b as MobileCampCard,
|
|
28
|
+
L as PartnerListCard,
|
|
29
|
+
Y as PortfolioAssetCard,
|
|
30
|
+
h as PortfolioAssetFooter,
|
|
27
31
|
m as PremiumCard,
|
|
28
|
-
|
|
29
|
-
|
|
32
|
+
p as TitleTagCard,
|
|
33
|
+
y as YoutubeVideoModal
|
|
30
34
|
};
|
|
@@ -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 q=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 s=require("./ui/skeleton.cjs.js");require("@radix-ui/react-slider");require("react");require("./ui/switch.cjs.js");require("./ui/tabs.cjs.js");const m=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 c=require("./utils-B5U1QyKF.cjs"),y=require("./image-loading-DZFBFoVv.cjs");function k({adProduct:t,logo:u,title:i,batchName:l="",adTitle:n,startDate:a,tuition:d,nbCardRequired:o,isLoading:g=!1,regEndDate:p,className:x,imagePriority:f,imageLoading:h,imageFetchPriority:v,imageDecoding:b}){if(g)return e.jsx(C,{className:x});const j=`${c.getCampDateText(a)} 개강 · ${c.getEventCampCostValue(d,o)}`,w=y.getImageLoadingAttributes({imagePriority:f,imageLoading:h,imageFetchPriority:v,imageDecoding:b});return e.jsx(N,{logo:u,title:`${i} ${l}`,adTitle:n,footerText:j,regEndDate:p,className:x,adProduct:t,imageLoadingAttributes:w})}function N({adProduct:t,logo:u,title:i,adTitle:l,footerText:n,regEndDate:a,className:d,imageLoadingAttributes:o}){return e.jsxs("div",{className:q.cn("bt-ds-text-reset 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(m.Tag,{variant:"ad",size:"ad",style:{background:r.adProducts.event.background,color:r.adProducts.event.color},children:t===r.adProducts.dDay.value&&a?c.getCampDdayText(a):r.adProducts.event.value.toUpperCase()}),e.jsx("img",{src:u,alt:`${i} 로고`,className:"h-4 object-contain",...o}),e.jsxs("div",{className:"flex w-full flex-col items-start gap-2",children:[e.jsx("p",{className:"line-clamp-2 h-auto text-sm font-normal md:text-base lg:h-12",title:i,children:i}),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:l}),e.jsx("div",{className:"text-[13px] leading-[19px] text-grey-600",children:n})]})]})}function C({className:t}){return e.jsxs(s.Skeleton,{type:"background",className:q.cn("bt-ds-text-reset 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(m.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(s.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(s.Skeleton,{className:"h-5 w-4/5"})}),e.jsx(s.Skeleton,{className:"h-14 w-full"})]}),e.jsx(s.Skeleton,{className:"mt-2 h-[19px] w-2/3"})]})}exports.EventCard=k;
|
|
@@ -32,7 +32,7 @@ import "@radix-ui/react-slider";
|
|
|
32
32
|
import "react";
|
|
33
33
|
import "./ui/switch.es.js";
|
|
34
34
|
import "./ui/tabs.es.js";
|
|
35
|
-
import { Tag as
|
|
35
|
+
import { Tag as x } from "./ui/tag.es.js";
|
|
36
36
|
import "./ui/text.es.js";
|
|
37
37
|
import "./ui/textarea.es.js";
|
|
38
38
|
import "./ui/toast.es.js";
|
|
@@ -41,7 +41,7 @@ import "./ui/toggle-group.es.js";
|
|
|
41
41
|
import "./ui/tooltip.es.js";
|
|
42
42
|
import { g as C, a as k, b as j } from "./utils-B1DD9KJ8.js";
|
|
43
43
|
import { g as $ } from "./image-loading-BX5rKZfC.js";
|
|
44
|
-
function
|
|
44
|
+
function bt({
|
|
45
45
|
adProduct: r,
|
|
46
46
|
logo: l,
|
|
47
47
|
title: o,
|
|
@@ -50,20 +50,20 @@ function vt({
|
|
|
50
50
|
startDate: i,
|
|
51
51
|
tuition: s,
|
|
52
52
|
nbCardRequired: d,
|
|
53
|
-
isLoading:
|
|
54
|
-
regEndDate:
|
|
53
|
+
isLoading: f = !1,
|
|
54
|
+
regEndDate: g,
|
|
55
55
|
className: c,
|
|
56
56
|
imagePriority: h,
|
|
57
|
-
imageLoading:
|
|
58
|
-
imageFetchPriority:
|
|
57
|
+
imageLoading: b,
|
|
58
|
+
imageFetchPriority: v,
|
|
59
59
|
imageDecoding: w
|
|
60
60
|
}) {
|
|
61
|
-
if (
|
|
61
|
+
if (f)
|
|
62
62
|
return /* @__PURE__ */ t(T, { className: c });
|
|
63
63
|
const y = `${C(i)} 개강 · ${k(s, d)}`, N = $({
|
|
64
64
|
imagePriority: h,
|
|
65
|
-
imageLoading:
|
|
66
|
-
imageFetchPriority:
|
|
65
|
+
imageLoading: b,
|
|
66
|
+
imageFetchPriority: v,
|
|
67
67
|
imageDecoding: w
|
|
68
68
|
});
|
|
69
69
|
return /* @__PURE__ */ t(
|
|
@@ -73,7 +73,7 @@ function vt({
|
|
|
73
73
|
title: `${o} ${p}`,
|
|
74
74
|
adTitle: n,
|
|
75
75
|
footerText: y,
|
|
76
|
-
regEndDate:
|
|
76
|
+
regEndDate: g,
|
|
77
77
|
className: c,
|
|
78
78
|
adProduct: r,
|
|
79
79
|
imageLoadingAttributes: N
|
|
@@ -94,12 +94,12 @@ function E({
|
|
|
94
94
|
"div",
|
|
95
95
|
{
|
|
96
96
|
className: u(
|
|
97
|
-
"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",
|
|
97
|
+
"bt-ds-text-reset 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",
|
|
98
98
|
s
|
|
99
99
|
),
|
|
100
100
|
children: [
|
|
101
101
|
/* @__PURE__ */ t(
|
|
102
|
-
|
|
102
|
+
x,
|
|
103
103
|
{
|
|
104
104
|
variant: "ad",
|
|
105
105
|
size: "ad",
|
|
@@ -126,12 +126,12 @@ function T({ className: r }) {
|
|
|
126
126
|
{
|
|
127
127
|
type: "background",
|
|
128
128
|
className: u(
|
|
129
|
-
"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",
|
|
129
|
+
"bt-ds-text-reset 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",
|
|
130
130
|
r
|
|
131
131
|
),
|
|
132
132
|
children: [
|
|
133
133
|
/* @__PURE__ */ t(
|
|
134
|
-
|
|
134
|
+
x,
|
|
135
135
|
{
|
|
136
136
|
variant: "ad",
|
|
137
137
|
style: {
|
|
@@ -153,5 +153,5 @@ function T({ className: r }) {
|
|
|
153
153
|
);
|
|
154
154
|
}
|
|
155
155
|
export {
|
|
156
|
-
|
|
156
|
+
bt as E
|
|
157
157
|
};
|
package/dist/foundation.css
CHANGED
|
@@ -252,6 +252,11 @@
|
|
|
252
252
|
background-color: #ffffff !important;
|
|
253
253
|
}
|
|
254
254
|
|
|
255
|
+
.bt-ds-text-reset :where(p, h1, h2, h3, h4, h5, h6),
|
|
256
|
+
.bt-ds-surface :where(p, h1, h2, h3, h4, h5, h6) {
|
|
257
|
+
margin: 0 !important;
|
|
258
|
+
}
|
|
259
|
+
|
|
255
260
|
.bt-ds-radius-8 {
|
|
256
261
|
border-radius: 8px !important;
|
|
257
262
|
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const e=require("react/jsx-runtime");require("./ui/accordion.cjs.js");require("./ui/alert-dialog.cjs.js");const n=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");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");const R=require("./image-loading-DZFBFoVv.cjs");function h({children:r}){return e.jsx("div",{className:"whitespace-nowrap rounded border border-transparent bg-grey-100 px-[5px] py-0.5 text-regular13 text-grey-600",children:r})}function _({tag:r}){return e.jsx("li",{className:"rounded",children:e.jsx("div",{style:{color:r.color,backgroundColor:r.background,border:`1px solid ${r.border??"transparent"}`},className:n.cn("inline-block whitespace-nowrap rounded px-1 py-0.5 text-regular13",r.className),children:r.text})})}function f(r){return e.jsx(P.Tag,{variant:"ad",size:"ad",style:{color:r.color,backgroundColor:r.background,border:r.border?`1px solid ${r.border}`:void 0},className:n.cn("text-xs",r.className),children:r.text})}function D({brandName:r,title:q,batchName:g="",imageUrl:t,imageAlt:j,tuitionText:w,locationText:b,scheduleText:v,tags:a=[],statusBadge:c,adBadge:u,adTitle:l,isAd:s=!1,isShowRegTag:N=!1,earlyBirdText:d,afterTuitionText:o,govtCostText:x,height:y,className:$,bookmarkSlot:k,imageOverlaySlot:C,imagePriority:L,imageLoading:I,imageFetchPriority:z,imageDecoding:M}){const S=R.getImageLoadingAttributes({imagePriority:L,imageLoading:I,imageFetchPriority:z,imageDecoding:M}),i=`${q} ${g||""}`.trim(),m=j??`${r} ${i} | ${l||""}`.trim();return e.jsxs("div",{style:{height:y},className:n.cn("bt-ds-surface bt-ds-text-reset relative z-10 box-border flex h-full w-full flex-col overflow-hidden rounded-[10px] border border-grey-200 bg-white p-4 md:p-[25px] lg:h-[226px] lg:p-[30px]",$),children:[u?f(u):null,!s&&N&&c?e.jsx("div",{className:"absolute right-0 top-0 break-keep",children:f(c)}):null,e.jsxs("div",{className:"flex flex-col justify-center gap-2 overflow-hidden md:gap-4",children:[e.jsxs("div",{className:"flex items-start justify-between gap-4",children:[e.jsxs("div",{className:"flex w-[calc(100%-110px)] flex-col gap-2 md:gap-4",children:[e.jsxs("div",{className:"flex flex-col gap-2 md:gap-[15px]",children:[e.jsx("h3",{className:"text-regular13",children:r}),e.jsxs("h3",{className:"line-clamp-2 max-h-12 text-sm font-medium md:text-medium14",title:`${r} ${i} ${s&&l?l:""}`.trim(),children:[i,e.jsx("span",{className:"sr-only",children:r})]}),s&&l?e.jsx("h4",{className:"line-clamp-2 break-keep rounded-md bg-yellow-400/50 px-2 py-1 text-[13px] text-grey-800 md:text-regular16 md:text-grey-800",title:l,children:l}):null]}),a.length>0?e.jsx("ul",{className:"flex w-full max-w-full shrink-0 grow-0 flex-wrap justify-start gap-[5px] overflow-x-hidden whitespace-normal",children:a.map((p,A)=>e.jsx(_,{tag:p},`${String(p.text)}-${A}`))}):null]}),e.jsxs("div",{className:"bt-ds-surface bt-ds-radius-10 relative mt-7 flex aspect-square w-[88px] shrink-0 items-center justify-center overflow-hidden rounded-[10px] border border-grey-200 bg-grey-100 md:w-[99px] lg:w-28",children:[t?e.jsx("img",{src:t,alt:m,className:"h-full w-full object-cover",...S}):null,C,e.jsx("span",{className:"sr-only",children:m})]})]}),e.jsxs("div",{className:"mt-2 flex w-full flex-col gap-2 text-regular13",children:[e.jsxs("div",{className:"flex w-full items-center justify-start overflow-hidden truncate whitespace-nowrap ",children:[e.jsxs("div",{className:"flex items-center gap-1 whitespace-nowrap",children:[e.jsx("p",{children:w}),d?e.jsx(h,{children:d}):null,o?e.jsx("div",{children:o}):null,x?e.jsx(h,{children:x}):null]})," · ",e.jsx("span",{children:b})]}),e.jsx("p",{className:"w-full overflow-hidden truncate whitespace-nowrap",children:v})]})]}),k]})}exports.MobileCampCard=D;
|
|
@@ -0,0 +1,172 @@
|
|
|
1
|
+
import { jsxs as l, jsx as r } from "react/jsx-runtime";
|
|
2
|
+
import "./ui/accordion.es.js";
|
|
3
|
+
import "./ui/alert-dialog.es.js";
|
|
4
|
+
import { c as s } 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 "./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 "./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 { Tag as D } from "./ui/tag.es.js";
|
|
34
|
+
import "./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
|
+
import { g as E } from "./image-loading-BX5rKZfC.js";
|
|
41
|
+
function f({ children: e }) {
|
|
42
|
+
return /* @__PURE__ */ r("div", { className: "whitespace-nowrap rounded border border-transparent bg-grey-100 px-[5px] py-0.5 text-regular13 text-grey-600", children: e });
|
|
43
|
+
}
|
|
44
|
+
function F({ tag: e }) {
|
|
45
|
+
return /* @__PURE__ */ r("li", { className: "rounded", children: /* @__PURE__ */ r(
|
|
46
|
+
"div",
|
|
47
|
+
{
|
|
48
|
+
style: {
|
|
49
|
+
color: e.color,
|
|
50
|
+
backgroundColor: e.background,
|
|
51
|
+
border: `1px solid ${e.border ?? "transparent"}`
|
|
52
|
+
},
|
|
53
|
+
className: s("inline-block whitespace-nowrap rounded px-1 py-0.5 text-regular13", e.className),
|
|
54
|
+
children: e.text
|
|
55
|
+
}
|
|
56
|
+
) });
|
|
57
|
+
}
|
|
58
|
+
function g(e) {
|
|
59
|
+
return /* @__PURE__ */ r(
|
|
60
|
+
D,
|
|
61
|
+
{
|
|
62
|
+
variant: "ad",
|
|
63
|
+
size: "ad",
|
|
64
|
+
style: {
|
|
65
|
+
color: e.color,
|
|
66
|
+
backgroundColor: e.background,
|
|
67
|
+
border: e.border ? `1px solid ${e.border}` : void 0
|
|
68
|
+
},
|
|
69
|
+
className: s("text-xs", e.className),
|
|
70
|
+
children: e.text
|
|
71
|
+
}
|
|
72
|
+
);
|
|
73
|
+
}
|
|
74
|
+
function ke({
|
|
75
|
+
brandName: e,
|
|
76
|
+
title: w,
|
|
77
|
+
batchName: b = "",
|
|
78
|
+
imageUrl: p,
|
|
79
|
+
imageAlt: v,
|
|
80
|
+
tuitionText: N,
|
|
81
|
+
locationText: y,
|
|
82
|
+
scheduleText: $,
|
|
83
|
+
tags: a = [],
|
|
84
|
+
statusBadge: m,
|
|
85
|
+
adBadge: n,
|
|
86
|
+
adTitle: t,
|
|
87
|
+
isAd: i = !1,
|
|
88
|
+
isShowRegTag: k = !1,
|
|
89
|
+
earlyBirdText: c,
|
|
90
|
+
afterTuitionText: d,
|
|
91
|
+
govtCostText: u,
|
|
92
|
+
height: j,
|
|
93
|
+
className: C,
|
|
94
|
+
bookmarkSlot: I,
|
|
95
|
+
imageOverlaySlot: z,
|
|
96
|
+
imagePriority: L,
|
|
97
|
+
imageLoading: M,
|
|
98
|
+
imageFetchPriority: S,
|
|
99
|
+
imageDecoding: q
|
|
100
|
+
}) {
|
|
101
|
+
const A = E({
|
|
102
|
+
imagePriority: L,
|
|
103
|
+
imageLoading: M,
|
|
104
|
+
imageFetchPriority: S,
|
|
105
|
+
imageDecoding: q
|
|
106
|
+
}), o = `${w} ${b || ""}`.trim(), x = v ?? `${e} ${o} | ${t || ""}`.trim();
|
|
107
|
+
return /* @__PURE__ */ l(
|
|
108
|
+
"div",
|
|
109
|
+
{
|
|
110
|
+
style: { height: j },
|
|
111
|
+
className: s(
|
|
112
|
+
"bt-ds-surface bt-ds-text-reset relative z-10 box-border flex h-full w-full flex-col overflow-hidden rounded-[10px] border border-grey-200 bg-white p-4 md:p-[25px] lg:h-[226px] lg:p-[30px]",
|
|
113
|
+
C
|
|
114
|
+
),
|
|
115
|
+
children: [
|
|
116
|
+
n ? g(n) : null,
|
|
117
|
+
!i && k && m ? /* @__PURE__ */ r("div", { className: "absolute right-0 top-0 break-keep", children: g(m) }) : null,
|
|
118
|
+
/* @__PURE__ */ l("div", { className: "flex flex-col justify-center gap-2 overflow-hidden md:gap-4", children: [
|
|
119
|
+
/* @__PURE__ */ l("div", { className: "flex items-start justify-between gap-4", children: [
|
|
120
|
+
/* @__PURE__ */ l("div", { className: "flex w-[calc(100%-110px)] flex-col gap-2 md:gap-4", children: [
|
|
121
|
+
/* @__PURE__ */ l("div", { className: "flex flex-col gap-2 md:gap-[15px]", children: [
|
|
122
|
+
/* @__PURE__ */ r("h3", { className: "text-regular13", children: e }),
|
|
123
|
+
/* @__PURE__ */ l(
|
|
124
|
+
"h3",
|
|
125
|
+
{
|
|
126
|
+
className: "line-clamp-2 max-h-12 text-sm font-medium md:text-medium14",
|
|
127
|
+
title: `${e} ${o} ${i && t ? t : ""}`.trim(),
|
|
128
|
+
children: [
|
|
129
|
+
o,
|
|
130
|
+
/* @__PURE__ */ r("span", { className: "sr-only", children: e })
|
|
131
|
+
]
|
|
132
|
+
}
|
|
133
|
+
),
|
|
134
|
+
i && t ? /* @__PURE__ */ r(
|
|
135
|
+
"h4",
|
|
136
|
+
{
|
|
137
|
+
className: "line-clamp-2 break-keep rounded-md bg-yellow-400/50 px-2 py-1 text-[13px] text-grey-800 md:text-regular16 md:text-grey-800",
|
|
138
|
+
title: t,
|
|
139
|
+
children: t
|
|
140
|
+
}
|
|
141
|
+
) : null
|
|
142
|
+
] }),
|
|
143
|
+
a.length > 0 ? /* @__PURE__ */ r("ul", { className: "flex w-full max-w-full shrink-0 grow-0 flex-wrap justify-start gap-[5px] overflow-x-hidden whitespace-normal", children: a.map((h, P) => /* @__PURE__ */ r(F, { tag: h }, `${String(h.text)}-${P}`)) }) : null
|
|
144
|
+
] }),
|
|
145
|
+
/* @__PURE__ */ l("div", { className: "bt-ds-surface bt-ds-radius-10 relative mt-7 flex aspect-square w-[88px] shrink-0 items-center justify-center overflow-hidden rounded-[10px] border border-grey-200 bg-grey-100 md:w-[99px] lg:w-28", children: [
|
|
146
|
+
p ? /* @__PURE__ */ r("img", { src: p, alt: x, className: "h-full w-full object-cover", ...A }) : null,
|
|
147
|
+
z,
|
|
148
|
+
/* @__PURE__ */ r("span", { className: "sr-only", children: x })
|
|
149
|
+
] })
|
|
150
|
+
] }),
|
|
151
|
+
/* @__PURE__ */ l("div", { className: "mt-2 flex w-full flex-col gap-2 text-regular13", children: [
|
|
152
|
+
/* @__PURE__ */ l("div", { className: "flex w-full items-center justify-start overflow-hidden truncate whitespace-nowrap ", children: [
|
|
153
|
+
/* @__PURE__ */ l("div", { className: "flex items-center gap-1 whitespace-nowrap", children: [
|
|
154
|
+
/* @__PURE__ */ r("p", { children: N }),
|
|
155
|
+
c ? /* @__PURE__ */ r(f, { children: c }) : null,
|
|
156
|
+
d ? /* @__PURE__ */ r("div", { children: d }) : null,
|
|
157
|
+
u ? /* @__PURE__ */ r(f, { children: u }) : null
|
|
158
|
+
] }),
|
|
159
|
+
" · ",
|
|
160
|
+
/* @__PURE__ */ r("span", { children: y })
|
|
161
|
+
] }),
|
|
162
|
+
/* @__PURE__ */ r("p", { className: "w-full overflow-hidden truncate whitespace-nowrap", children: $ })
|
|
163
|
+
] })
|
|
164
|
+
] }),
|
|
165
|
+
I
|
|
166
|
+
]
|
|
167
|
+
}
|
|
168
|
+
);
|
|
169
|
+
}
|
|
170
|
+
export {
|
|
171
|
+
ke as M
|
|
172
|
+
};
|
|
@@ -70,7 +70,7 @@ function wr({
|
|
|
70
70
|
title: p,
|
|
71
71
|
type: "background",
|
|
72
72
|
className: n(
|
|
73
|
-
"relative z-10 box-border h-[154px] w-full max-w-[720px] cursor-pointer overflow-hidden rounded-xl bg-white p-4 xs:h-full md:h-[174px] md:max-w-[592px] md:p-5 lg:h-[174px] lg:p-6 xl:h-[174px]",
|
|
73
|
+
"bt-ds-text-reset relative z-10 box-border h-[154px] w-full max-w-[720px] cursor-pointer overflow-hidden rounded-xl bg-white p-4 xs:h-full md:h-[174px] md:max-w-[592px] md:p-5 lg:h-[174px] lg:p-6 xl:h-[174px]",
|
|
74
74
|
e ? "" : "border border-grey-200",
|
|
75
75
|
u
|
|
76
76
|
),
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const e=require("react/jsx-runtime"),o=require("./index-B8SY6s5B.cjs");require("./ui/accordion.cjs.js");require("./ui/alert-dialog.cjs.js");const m=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 s=require("./ui/skeleton.cjs.js");require("@radix-ui/react-slider");require("react");require("./ui/switch.cjs.js");require("./ui/tabs.cjs.js");const y=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 d=require("./utils-B5U1QyKF.cjs"),k=require("./image-loading-DZFBFoVv.cjs");function v({logo:u,title:a,subtitle:i,thumbnail:n,batchTitle:t,batchName:x="",brandName:l,startDate:c,tuition:q,isLoading:r=!1,className:p,imagePriority:h,imageLoading:g,imageFetchPriority:f,imageDecoding:j}){const w=`${d.getCampDateText(c,"short")} 개강 · ${d.getPremiumCardCostText(q)}`,b=r?s.Skeleton:"div",N=k.getImageLoadingAttributes({imagePriority:h,imageLoading:g,imageFetchPriority:f,imageDecoding:j});return e.jsxs(b,{title:a,type:"background",className:m.cn("bt-ds-text-reset relative z-10 box-border h-[154px] w-full max-w-[720px] cursor-pointer overflow-hidden rounded-xl bg-white p-4 xs:h-full md:h-[174px] md:max-w-[592px] md:p-5 lg:h-[174px] lg:p-6 xl:h-[174px]",r?"":"border border-grey-200",p),children:[e.jsx(y.Tag,{size:"ad",variant:"ad",style:{background:o.adProducts.premiumCard.background,color:o.adProducts.premiumCard.color},className:m.cn("rounded-bl-xl",r&&"h-7 w-28 animate-pulse"),children:r?"":w}),r?e.jsx(P,{}):e.jsx(C,{logo:u,brandName:l,batchTitle:t,batchName:x,subtitle:i,thumbnail:n,imageLoadingAttributes:N})]})}function C({logo:u,brandName:a,batchTitle:i,batchName:n,subtitle:t,thumbnail:x,imageLoadingAttributes:l}){return e.jsxs("div",{className:"flex h-full flex-col items-start justify-start gap-2",children:[e.jsx("img",{src:u,alt:`${a} 로고`,className:"h-4 object-contain",...l}),e.jsxs("div",{className:"flex w-full flex-row items-start justify-between gap-6",children:[e.jsxs("div",{className:"flex h-full grow flex-col items-start justify-between gap-2 pb-2",children:[e.jsxs("p",{className:"line-clamp-2 h-auto text-sm font-normal md:h-12 md:text-base",children:[i," ",n]}),e.jsx("p",{className:"line-clamp-2 max-h-[56px] w-full break-keep rounded bg-grey-100 px-2 py-1 text-[13px] font-semibold text-grey-600 md:text-[15px] md:text-grey-800",title:t,children:t})]}),e.jsx("img",{src:x,alt:`${i} 썸네일`,className:"h-[86px] w-[86px] shrink-0 grow-0 rounded-xl border border-grey-200 object-cover md:h-[96px] md:w-[96px]",...l})]})]})}function P(){return e.jsxs("div",{className:"flex h-full flex-col items-start justify-center gap-2",children:[e.jsx(s.Skeleton,{className:"h-4 w-1/2"}),e.jsxs("div",{className:"flex w-full items-start justify-between gap-6",children:[e.jsxs("div",{className:"flex h-full w-full flex-col items-start justify-between gap-2 pb-2",children:[e.jsx(s.Skeleton,{className:"h-5 w-4/5 lg:h-12"}),e.jsx(s.Skeleton,{className:"h-5 w-4/5"})]}),e.jsx(s.Skeleton,{className:"h-[86px] w-[86px] shrink-0 grow-0 rounded-xl md:h-[96px] md:w-[96px]"})]})]})}exports.PremiumCard=v;
|