boottent-design 0.1.264 → 0.1.265

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 (78) hide show
  1. package/dist/boottent-event-card-BgPupRDJ.cjs +1 -0
  2. package/dist/boottent-event-card-DdQs8Ufl.js +145 -0
  3. package/dist/components/boottent-event-card.cjs.js +1 -0
  4. package/dist/components/boottent-event-card.es.js +5 -0
  5. package/dist/components.cjs.js +1 -1
  6. package/dist/components.es.js +31 -29
  7. package/dist/design-system/components/article-asset-card.md +1 -1
  8. package/dist/design-system/components/blog-review-card.md +1 -1
  9. package/dist/design-system/components/boottent-event-card.md +36 -0
  10. package/dist/design-system/components/camp-card.md +1 -1
  11. package/dist/design-system/components/company-info-card.md +1 -1
  12. package/dist/design-system/components/dday-card.md +1 -1
  13. package/dist/design-system/components/environment-asset-photo.md +1 -1
  14. package/dist/design-system/components/event-asset-banner.md +1 -1
  15. package/dist/design-system/components/event-card.md +1 -1
  16. package/dist/design-system/components/lecturer-card.md +1 -1
  17. package/dist/design-system/components/main-banner-image.md +1 -1
  18. package/dist/design-system/components/mobile-camp-card.md +1 -1
  19. package/dist/design-system/components/partner-list-card.md +1 -1
  20. package/dist/design-system/components/portfolio-asset-card.md +1 -1
  21. package/dist/design-system/components/premium-card.md +1 -1
  22. package/dist/design-system/components/title-tag-card.md +1 -1
  23. package/dist/design-system/components/youtube-video-modal.md +1 -1
  24. package/dist/design-system/design-system.md +3 -2
  25. package/dist/design-system/tokens.md +1 -1
  26. package/dist/design-system/ui/accordion.md +1 -1
  27. package/dist/design-system/ui/alert-dialog.md +1 -1
  28. package/dist/design-system/ui/anchor.md +1 -1
  29. package/dist/design-system/ui/aspect-ratio.md +1 -1
  30. package/dist/design-system/ui/avatar.md +1 -1
  31. package/dist/design-system/ui/badge.md +1 -1
  32. package/dist/design-system/ui/button.md +1 -1
  33. package/dist/design-system/ui/calendar.md +1 -1
  34. package/dist/design-system/ui/callout.md +1 -1
  35. package/dist/design-system/ui/card-label.md +1 -1
  36. package/dist/design-system/ui/card.md +1 -1
  37. package/dist/design-system/ui/checkbox.md +1 -1
  38. package/dist/design-system/ui/circled-check-button.md +1 -1
  39. package/dist/design-system/ui/command.md +1 -1
  40. package/dist/design-system/ui/dialog.md +1 -1
  41. package/dist/design-system/ui/dropdown-menu.md +1 -1
  42. package/dist/design-system/ui/file-uploader.md +1 -1
  43. package/dist/design-system/ui/form.md +1 -1
  44. package/dist/design-system/ui/highlight-text.md +1 -1
  45. package/dist/design-system/ui/icons.md +1 -1
  46. package/dist/design-system/ui/image.md +1 -1
  47. package/dist/design-system/ui/input.md +1 -1
  48. package/dist/design-system/ui/label.md +1 -1
  49. package/dist/design-system/ui/month-picker.md +1 -1
  50. package/dist/design-system/ui/multi-select.md +1 -1
  51. package/dist/design-system/ui/navigation-menu.md +1 -1
  52. package/dist/design-system/ui/popover.md +1 -1
  53. package/dist/design-system/ui/portal.md +1 -1
  54. package/dist/design-system/ui/progress.md +1 -1
  55. package/dist/design-system/ui/radio-group.md +1 -1
  56. package/dist/design-system/ui/scroll-area.md +1 -1
  57. package/dist/design-system/ui/select.md +1 -1
  58. package/dist/design-system/ui/separator.md +1 -1
  59. package/dist/design-system/ui/simple-table.md +1 -1
  60. package/dist/design-system/ui/skeleton.md +1 -1
  61. package/dist/design-system/ui/slider.md +1 -1
  62. package/dist/design-system/ui/switch.md +1 -1
  63. package/dist/design-system/ui/symbols.md +1 -1
  64. package/dist/design-system/ui/tabs.md +1 -1
  65. package/dist/design-system/ui/tag.md +1 -1
  66. package/dist/design-system/ui/text.md +1 -1
  67. package/dist/design-system/ui/textarea.md +1 -1
  68. package/dist/design-system/ui/toast.md +1 -1
  69. package/dist/design-system/ui/toggle-group.md +1 -1
  70. package/dist/design-system/ui/toggle.md +1 -1
  71. package/dist/design-system/ui/tooltip.md +1 -1
  72. package/dist/design-system/usage.md +1 -1
  73. package/dist/design-system/when-to-use.md +2 -1
  74. package/dist/styles.css +1 -1
  75. package/dist/types/boottent-event-card.d.ts +76 -0
  76. package/dist/types/components/boottent-event-card.d.ts +2 -0
  77. package/dist/types/components.d.ts +59 -0
  78. package/package.json +1 -1
@@ -0,0 +1 @@
1
+ "use strict";const e=require("react/jsx-runtime"),N=require("react");require("./ui/accordion.cjs.js");require("./ui/alert-dialog.cjs.js");const o=require("./common-DeneXo5X.cjs");require("@radix-ui/react-aspect-ratio");require("./ui/avatar.cjs.js");require("./ui/badge.cjs.js");const L=require("./ui/button.cjs.js");require("./ui/calendar.cjs.js");require("./ui/callout.cjs.js");require("./ui/card.cjs.js");require("./ui/card-label.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 C=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/progress.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("./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 I=require("./image-loading-DZFBFoVv.cjs");function k(s){const i=parseInt(s.slice(1),16),n=i>>16&255,l=i>>8&255,u=i&255;return`${n}, ${l}, ${u}`}function E({eventValue:s,dateText:i,mobile:n=!1,isClosed:l=!1,className:u,imagePriority:q,imageLoading:x,imageFetchPriority:b,imageDecoding:g}){const{colors:r,eventImageUrl:c,eventTitle:a,eventDescription:d,buttonText:p,isOngoingEvent:f}=s,t=n,h=t?c.mobile:c.pc,w=t?a.mobile:a.pc,v=t?d.mobile:d.pc,[j,m]=N.useState(!1),y=I.getImageLoadingAttributes({imagePriority:q,imageLoading:x,imageFetchPriority:b,imageDecoding:g});return e.jsxs("div",{style:{backgroundColor:r.background},className:o.cn("relative flex h-full w-full cursor-pointer items-start justify-between gap-2 overflow-hidden rounded-[10px] bg-main-600 text-white",t?"p-4":"md:p-6 lg:p-8",u),children:[l&&e.jsx("div",{className:"absolute inset-0 z-20 flex items-center justify-center bg-black/60 text-lg text-white",children:"종료된 이벤트입니다."}),e.jsxs("div",{className:"flex h-full flex-col items-start gap-2",children:[!f&&i&&e.jsx("div",{style:{color:r.date,borderColor:r.date},className:o.cn("rounded-full border-yellow-400 text-semibold12 text-xs text-yellow-400",t?"border-none p-0":"md:border md:border-solid md:px-2 md:py-1"),children:i}),e.jsx("h3",{style:{color:r.title},className:o.cn("whitespace-pre-wrap",t?"text-semibold16":"md:text-bold20"),children:w}),e.jsx("p",{style:{color:r.title},className:o.cn("flex-grow whitespace-pre-wrap",t?"text-[13px] text-regular13":"md:text-regular14"),children:v}),!t&&e.jsxs(L.Button,{onMouseEnter:()=>m(!0),onMouseLeave:()=>m(!1),size:"sm",style:{backgroundColor:j?`rgba(${k(r.button)}, 0.5)`:r.button,color:r.buttonText,transition:"all"},className:"mt-2 justify-self-end border-none",children:[e.jsx("span",{children:p}),e.jsx(C.Icon.ArrowDown,{size:"12",fill:r.buttonText,className:"-rotate-90"})]})]}),e.jsx("div",{className:o.cn("relative overflow-hidden rounded-lg",t?"aspect-square w-[168px] max-w-24 ":"md:aspect-photo md:w-1/2 md:max-w-[222px]"),children:e.jsx("img",{src:h,alt:"이벤트선물",className:"h-full w-full object-cover",...y})})]})}exports.BoottentEventCard=E;
@@ -0,0 +1,145 @@
1
+ import { jsxs as p, jsx as o } from "react/jsx-runtime";
2
+ import { useState as k } from "react";
3
+ import "./ui/accordion.es.js";
4
+ import "./ui/alert-dialog.es.js";
5
+ import { c as i } from "./common-zQ5XY0UN.js";
6
+ import "@radix-ui/react-aspect-ratio";
7
+ import "./ui/avatar.es.js";
8
+ import "./ui/badge.es.js";
9
+ import { Button as C } from "./ui/button.es.js";
10
+ import "./ui/calendar.es.js";
11
+ import "./ui/callout.es.js";
12
+ import "./ui/card.es.js";
13
+ import "./ui/card-label.es.js";
14
+ import "./ui/checkbox.es.js";
15
+ import "lucide-react";
16
+ import "./ui/command.es.js";
17
+ import "./ui/dialog.es.js";
18
+ import "./ui/dropdown-menu.es.js";
19
+ import "./ui/file-uploader.es.js";
20
+ import "./ui/form.es.js";
21
+ import { Icon as T } from "./ui/icons.es.js";
22
+ import "./ui/input.es.js";
23
+ import "./ui/label.es.js";
24
+ import "./ui/month-picker.es.js";
25
+ import "./ui/multi-select.es.js";
26
+ import "./ui/navigation-menu.es.js";
27
+ import "./ui/popover.es.js";
28
+ import "./ui/progress.es.js";
29
+ import "./ui/radio-group.es.js";
30
+ import "./ui/scroll-area.es.js";
31
+ import "./ui/select.es.js";
32
+ import "./ui/separator.es.js";
33
+ import "@radix-ui/react-slider";
34
+ import "./ui/switch.es.js";
35
+ import "./ui/tabs.es.js";
36
+ import "./ui/tag.es.js";
37
+ import "./ui/text.es.js";
38
+ import "./ui/textarea.es.js";
39
+ import "./ui/toast.es.js";
40
+ import "./ui/toggle.es.js";
41
+ import "./ui/toggle-group.es.js";
42
+ import "./ui/tooltip.es.js";
43
+ import { g as $ } from "./image-loading-BX5rKZfC.js";
44
+ function z(l) {
45
+ const r = parseInt(l.slice(1), 16), s = r >> 16 & 255, m = r >> 8 & 255, n = r & 255;
46
+ return `${s}, ${m}, ${n}`;
47
+ }
48
+ function wt({
49
+ eventValue: l,
50
+ dateText: r,
51
+ mobile: s = !1,
52
+ isClosed: m = !1,
53
+ className: n,
54
+ imagePriority: b,
55
+ imageLoading: f,
56
+ imageFetchPriority: x,
57
+ imageDecoding: g
58
+ }) {
59
+ const { colors: t, eventImageUrl: a, eventTitle: c, eventDescription: d, buttonText: h, isOngoingEvent: w } = l, e = s, v = e ? a.mobile : a.pc, y = e ? c.mobile : c.pc, N = e ? d.mobile : d.pc, [j, u] = k(!1), I = $({
60
+ imagePriority: b,
61
+ imageLoading: f,
62
+ imageFetchPriority: x,
63
+ imageDecoding: g
64
+ });
65
+ return /* @__PURE__ */ p(
66
+ "div",
67
+ {
68
+ style: {
69
+ backgroundColor: t.background
70
+ },
71
+ className: i(
72
+ "relative flex h-full w-full cursor-pointer items-start justify-between gap-2 overflow-hidden rounded-[10px] bg-main-600 text-white",
73
+ e ? "p-4" : "md:p-6 lg:p-8",
74
+ n
75
+ ),
76
+ children: [
77
+ m && /* @__PURE__ */ o("div", { className: "absolute inset-0 z-20 flex items-center justify-center bg-black/60 text-lg text-white", children: "종료된 이벤트입니다." }),
78
+ /* @__PURE__ */ p("div", { className: "flex h-full flex-col items-start gap-2", children: [
79
+ !w && r && /* @__PURE__ */ o(
80
+ "div",
81
+ {
82
+ style: { color: t.date, borderColor: t.date },
83
+ className: i(
84
+ "rounded-full border-yellow-400 text-semibold12 text-xs text-yellow-400",
85
+ e ? "border-none p-0" : "md:border md:border-solid md:px-2 md:py-1"
86
+ ),
87
+ children: r
88
+ }
89
+ ),
90
+ /* @__PURE__ */ o(
91
+ "h3",
92
+ {
93
+ style: {
94
+ color: t.title
95
+ },
96
+ className: i("whitespace-pre-wrap", e ? "text-semibold16" : "md:text-bold20"),
97
+ children: y
98
+ }
99
+ ),
100
+ /* @__PURE__ */ o(
101
+ "p",
102
+ {
103
+ style: {
104
+ color: t.title
105
+ },
106
+ className: i("flex-grow whitespace-pre-wrap", e ? "text-[13px] text-regular13" : "md:text-regular14"),
107
+ children: N
108
+ }
109
+ ),
110
+ !e && /* @__PURE__ */ p(
111
+ C,
112
+ {
113
+ onMouseEnter: () => u(!0),
114
+ onMouseLeave: () => u(!1),
115
+ size: "sm",
116
+ style: {
117
+ backgroundColor: j ? `rgba(${z(t.button)}, 0.5)` : t.button,
118
+ color: t.buttonText,
119
+ transition: "all"
120
+ },
121
+ className: "mt-2 justify-self-end border-none",
122
+ children: [
123
+ /* @__PURE__ */ o("span", { children: h }),
124
+ /* @__PURE__ */ o(T.ArrowDown, { size: "12", fill: t.buttonText, className: "-rotate-90" })
125
+ ]
126
+ }
127
+ )
128
+ ] }),
129
+ /* @__PURE__ */ o(
130
+ "div",
131
+ {
132
+ className: i(
133
+ "relative overflow-hidden rounded-lg",
134
+ e ? "aspect-square w-[168px] max-w-24 " : "md:aspect-photo md:w-1/2 md:max-w-[222px]"
135
+ ),
136
+ children: /* @__PURE__ */ o("img", { src: v, alt: "이벤트선물", className: "h-full w-full object-cover", ...I })
137
+ }
138
+ )
139
+ ]
140
+ }
141
+ );
142
+ }
143
+ export {
144
+ wt as B
145
+ };
@@ -0,0 +1 @@
1
+ "use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../boottent-event-card-BgPupRDJ.cjs");exports.BoottentEventCard=t.BoottentEventCard;
@@ -0,0 +1,5 @@
1
+ "use client";
2
+ import { B as o } from "../boottent-event-card-DdQs8Ufl.js";
3
+ export {
4
+ o as BoottentEventCard
5
+ };
@@ -1 +1 @@
1
- "use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./dday-card-Diku8WyO.cjs"),t=require("./event-card-BlNRSE2x.cjs"),o=require("./main-banner-image-By44s_XP.cjs"),i=require("./premium-card-CThRJYXd.cjs"),d=require("./title-tag-card-C-AvnXtC.cjs"),n=require("./article-asset-card-DRRl2BH8.cjs"),C=require("./blog-review-card-OX6KhSpS.cjs"),s=require("./camp-card-DM2V71SW.cjs"),r=require("./camp-card-format-rjZZu4G6.cjs"),m=require("./company-info-card-BXAempVI.cjs"),u=require("./environment-asset-photo-CXxtAAax.cjs"),c=require("./event-asset-banner-m607rLD9.cjs"),l=require("./lecturer-card-C7E4UkU8.cjs"),p=require("./partner-list-card-DL_omz4v.cjs"),T=require("./mobile-camp-card-D-5N6bex.cjs"),e=require("./portfolio-asset-card-8mBpumTp.cjs"),f=require("./youtube-video-modal-C2GWcF5u.cjs");exports.DdayCard=a.DdayCard;exports.EventCard=t.EventCard;exports.MainBannerImage=o.MainBannerImage;exports.PremiumCard=i.PremiumCard;exports.TitleTagCard=d.TitleTagCard;exports.ArticleAssetCard=n.ArticleAssetCard;exports.BlogReviewCard=C.BlogReviewCard;exports.CampCard=s.CampCard;exports.formatCampCardDateText=r.formatCampCardDateText;exports.formatCampCardLocationText=r.formatCampCardLocationText;exports.formatCampCardPeriodText=r.formatCampCardPeriodText;exports.formatCampCardScheduleText=r.formatCampCardScheduleText;exports.formatCampCardTuitionText=r.formatCampCardTuitionText;exports.formatTuitionAmountText=r.formatTuitionAmountText;exports.isEarlyBirdApplied=r.isEarlyBirdApplied;exports.CompanyInfoCard=m.CompanyInfoCard;exports.EnvironmentAssetPhoto=u.EnvironmentAssetPhoto;exports.EventAssetBanner=c.EventAssetBanner;exports.LecturerCard=l.LecturerCard;exports.PartnerListCard=p.PartnerListCard;exports.MobileCampCard=T.MobileCampCard;exports.PortfolioAssetCard=e.PortfolioAssetCard;exports.PortfolioAssetFooter=e.PortfolioAssetFooter;exports.YoutubeVideoModal=f.YoutubeVideoModal;
1
+ "use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./dday-card-Diku8WyO.cjs"),a=require("./event-card-BlNRSE2x.cjs"),o=require("./main-banner-image-By44s_XP.cjs"),n=require("./premium-card-CThRJYXd.cjs"),i=require("./title-tag-card-C-AvnXtC.cjs"),d=require("./article-asset-card-DRRl2BH8.cjs"),C=require("./blog-review-card-OX6KhSpS.cjs"),s=require("./boottent-event-card-BgPupRDJ.cjs"),m=require("./camp-card-DM2V71SW.cjs"),e=require("./camp-card-format-rjZZu4G6.cjs"),u=require("./company-info-card-BXAempVI.cjs"),c=require("./environment-asset-photo-CXxtAAax.cjs"),l=require("./event-asset-banner-m607rLD9.cjs"),p=require("./lecturer-card-C7E4UkU8.cjs"),T=require("./partner-list-card-DL_omz4v.cjs"),f=require("./mobile-camp-card-D-5N6bex.cjs"),r=require("./portfolio-asset-card-8mBpumTp.cjs"),A=require("./youtube-video-modal-C2GWcF5u.cjs");exports.DdayCard=t.DdayCard;exports.EventCard=a.EventCard;exports.MainBannerImage=o.MainBannerImage;exports.PremiumCard=n.PremiumCard;exports.TitleTagCard=i.TitleTagCard;exports.ArticleAssetCard=d.ArticleAssetCard;exports.BlogReviewCard=C.BlogReviewCard;exports.BoottentEventCard=s.BoottentEventCard;exports.CampCard=m.CampCard;exports.formatCampCardDateText=e.formatCampCardDateText;exports.formatCampCardLocationText=e.formatCampCardLocationText;exports.formatCampCardPeriodText=e.formatCampCardPeriodText;exports.formatCampCardScheduleText=e.formatCampCardScheduleText;exports.formatCampCardTuitionText=e.formatCampCardTuitionText;exports.formatTuitionAmountText=e.formatTuitionAmountText;exports.isEarlyBirdApplied=e.isEarlyBirdApplied;exports.CompanyInfoCard=u.CompanyInfoCard;exports.EnvironmentAssetPhoto=c.EnvironmentAssetPhoto;exports.EventAssetBanner=l.EventAssetBanner;exports.LecturerCard=p.LecturerCard;exports.PartnerListCard=T.PartnerListCard;exports.MobileCampCard=f.MobileCampCard;exports.PortfolioAssetCard=r.PortfolioAssetCard;exports.PortfolioAssetFooter=r.PortfolioAssetFooter;exports.YoutubeVideoModal=A.YoutubeVideoModal;
@@ -1,44 +1,46 @@
1
1
  "use client";
2
2
  import { D as o } from "./dday-card-HrnKCR_0.js";
3
- import { E as t } from "./event-card-580Y5jgk.js";
3
+ import { E as e } from "./event-card-580Y5jgk.js";
4
4
  import { M as m } from "./main-banner-image-BYIEit_f.js";
5
5
  import { P as p } from "./premium-card-CLC7dc-g.js";
6
6
  import { T as d } from "./title-tag-card-hb6ub3gc.js";
7
7
  import { A as i } from "./article-asset-card-DGa_XWK1.js";
8
8
  import { B as l } from "./blog-review-card-DTM0poKi.js";
9
- import { C as u } from "./camp-card-nUdSAdXo.js";
10
- import { f as P, a as E, b as c, c as B, d as M, e as v, i as L } from "./camp-card-format-QrakDFC6.js";
11
- import { C as g } from "./company-info-card-DJTgItPu.js";
12
- import { E as D } from "./environment-asset-photo-BCR9v2we.js";
13
- import { E as I } from "./event-asset-banner-BW6nZaJq.js";
14
- import { L as w } from "./lecturer-card-BBkqiic3.js";
15
- import { P as R } from "./partner-list-card-Bx-UZxGG.js";
16
- import { M as V } from "./mobile-camp-card-1dxI-BCc.js";
17
- import { P as k, a as q } from "./portfolio-asset-card-mAkXH6Qc.js";
18
- import { Y as G } from "./youtube-video-modal-CAy1hYoA.js";
9
+ import { B as u } from "./boottent-event-card-DdQs8Ufl.js";
10
+ import { C as P } from "./camp-card-nUdSAdXo.js";
11
+ import { f as B, a as c, b as v, c as M, d as L, e as b, i as g } from "./camp-card-format-QrakDFC6.js";
12
+ import { C as D } from "./company-info-card-DJTgItPu.js";
13
+ import { E as I } from "./environment-asset-photo-BCR9v2we.js";
14
+ import { E as w } from "./event-asset-banner-BW6nZaJq.js";
15
+ import { L as R } from "./lecturer-card-BBkqiic3.js";
16
+ import { P as V } from "./partner-list-card-Bx-UZxGG.js";
17
+ import { M as k } from "./mobile-camp-card-1dxI-BCc.js";
18
+ import { P as z, a as G } from "./portfolio-asset-card-mAkXH6Qc.js";
19
+ import { Y as J } from "./youtube-video-modal-CAy1hYoA.js";
19
20
  export {
20
21
  i as ArticleAssetCard,
21
22
  l as BlogReviewCard,
22
- u as CampCard,
23
- g as CompanyInfoCard,
23
+ u as BoottentEventCard,
24
+ P as CampCard,
25
+ D as CompanyInfoCard,
24
26
  o as DdayCard,
25
- D as EnvironmentAssetPhoto,
26
- I as EventAssetBanner,
27
- t as EventCard,
28
- w as LecturerCard,
27
+ I as EnvironmentAssetPhoto,
28
+ w as EventAssetBanner,
29
+ e as EventCard,
30
+ R as LecturerCard,
29
31
  m as MainBannerImage,
30
- V as MobileCampCard,
31
- R as PartnerListCard,
32
- k as PortfolioAssetCard,
33
- q as PortfolioAssetFooter,
32
+ k as MobileCampCard,
33
+ V as PartnerListCard,
34
+ z as PortfolioAssetCard,
35
+ G as PortfolioAssetFooter,
34
36
  p as PremiumCard,
35
37
  d as TitleTagCard,
36
- G as YoutubeVideoModal,
37
- P as formatCampCardDateText,
38
- E as formatCampCardLocationText,
39
- c as formatCampCardPeriodText,
40
- B as formatCampCardScheduleText,
41
- M as formatCampCardTuitionText,
42
- v as formatTuitionAmountText,
43
- L as isEarlyBirdApplied
38
+ J as YoutubeVideoModal,
39
+ B as formatCampCardDateText,
40
+ c as formatCampCardLocationText,
41
+ v as formatCampCardPeriodText,
42
+ M as formatCampCardScheduleText,
43
+ L as formatCampCardTuitionText,
44
+ b as formatTuitionAmountText,
45
+ g as isEarlyBirdApplied
44
46
  };
@@ -3,7 +3,7 @@
3
3
  > [!WARNING]
4
4
  > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
5
5
  > 조합형 컴포넌트 — article-asset-card.
6
- > 버전: boottent-design v0.1.264 · 생성: 2026. 6. 29. 오후 6:24:05
6
+ > 버전: boottent-design v0.1.265 · 생성: 2026. 7. 1. 오후 3:52:40
7
7
 
8
8
  [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
9
9
 
@@ -3,7 +3,7 @@
3
3
  > [!WARNING]
4
4
  > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
5
5
  > 조합형 컴포넌트 — blog-review-card.
6
- > 버전: boottent-design v0.1.264 · 생성: 2026. 6. 29. 오후 6:24:05
6
+ > 버전: boottent-design v0.1.265 · 생성: 2026. 7. 1. 오후 3:52:40
7
7
 
8
8
  [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
9
9
 
@@ -0,0 +1,36 @@
1
+ # components/boottent-event-card.md — boottent-design
2
+
3
+ > [!WARNING]
4
+ > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
5
+ > 조합형 컴포넌트 — boottent-event-card.
6
+ > 버전: boottent-design v0.1.265 · 생성: 2026. 7. 1. 오후 3:52:40
7
+
8
+ [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
9
+
10
+ ## boottent-event-card
11
+
12
+ > boottent-event-card 조합형 컴포넌트입니다.
13
+
14
+ - **분류**: assets
15
+ - **성격**: presentational (내비게이션·모달 상태·DTO는 소비자가 소유 — [usage.md](../usage.md) §5)
16
+
17
+ ### Import
18
+ ```tsx
19
+ import { /* ... */ } from "boottent-design/components/boottent-event-card";
20
+ ```
21
+
22
+ ### Props
23
+ ```typescript
24
+ export type BoottentEventCardProps = ImageLoadingProps & {
25
+ eventValue: BoottentEventCardData;
26
+ /** 이미 포맷된 마감 라벨 (예: "~ 5월 12일까지"). isOngoingEvent 이거나 없으면 배지 미표시 */
27
+ dateText?: string;
28
+ /** 모바일 레이아웃 여부. 소비자가 뷰포트를 판정해 전달한다. */
29
+ mobile?: boolean;
30
+ /** 종료된 이벤트 여부. 소비자가 현재 시각 기준으로 판정해 전달한다. */
31
+ isClosed?: boolean;
32
+ className?: string;
33
+ }
34
+ ```
35
+
36
+ > 시각 예시는 Storybook(`boottent-event-card.stories.tsx`)을 참고하세요.
@@ -3,7 +3,7 @@
3
3
  > [!WARNING]
4
4
  > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
5
5
  > 조합형 컴포넌트 — camp-card.
6
- > 버전: boottent-design v0.1.264 · 생성: 2026. 6. 29. 오후 6:24:05
6
+ > 버전: boottent-design v0.1.265 · 생성: 2026. 7. 1. 오후 3:52:40
7
7
 
8
8
  [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
9
9
 
@@ -3,7 +3,7 @@
3
3
  > [!WARNING]
4
4
  > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
5
5
  > 조합형 컴포넌트 — company-info-card.
6
- > 버전: boottent-design v0.1.264 · 생성: 2026. 6. 29. 오후 6:24:05
6
+ > 버전: boottent-design v0.1.265 · 생성: 2026. 7. 1. 오후 3:52:40
7
7
 
8
8
  [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
9
9
 
@@ -3,7 +3,7 @@
3
3
  > [!WARNING]
4
4
  > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
5
5
  > 조합형 컴포넌트 — dday-card.
6
- > 버전: boottent-design v0.1.264 · 생성: 2026. 6. 29. 오후 6:24:05
6
+ > 버전: boottent-design v0.1.265 · 생성: 2026. 7. 1. 오후 3:52:40
7
7
 
8
8
  [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
9
9
 
@@ -3,7 +3,7 @@
3
3
  > [!WARNING]
4
4
  > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
5
5
  > 조합형 컴포넌트 — environment-asset-photo.
6
- > 버전: boottent-design v0.1.264 · 생성: 2026. 6. 29. 오후 6:24:05
6
+ > 버전: boottent-design v0.1.265 · 생성: 2026. 7. 1. 오후 3:52:40
7
7
 
8
8
  [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
9
9
 
@@ -3,7 +3,7 @@
3
3
  > [!WARNING]
4
4
  > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
5
5
  > 조합형 컴포넌트 — event-asset-banner.
6
- > 버전: boottent-design v0.1.264 · 생성: 2026. 6. 29. 오후 6:24:05
6
+ > 버전: boottent-design v0.1.265 · 생성: 2026. 7. 1. 오후 3:52:40
7
7
 
8
8
  [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
9
9
 
@@ -3,7 +3,7 @@
3
3
  > [!WARNING]
4
4
  > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
5
5
  > 조합형 컴포넌트 — event-card.
6
- > 버전: boottent-design v0.1.264 · 생성: 2026. 6. 29. 오후 6:24:05
6
+ > 버전: boottent-design v0.1.265 · 생성: 2026. 7. 1. 오후 3:52:40
7
7
 
8
8
  [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
9
9
 
@@ -3,7 +3,7 @@
3
3
  > [!WARNING]
4
4
  > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
5
5
  > 조합형 컴포넌트 — lecturer-card.
6
- > 버전: boottent-design v0.1.264 · 생성: 2026. 6. 29. 오후 6:24:05
6
+ > 버전: boottent-design v0.1.265 · 생성: 2026. 7. 1. 오후 3:52:40
7
7
 
8
8
  [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
9
9
 
@@ -3,7 +3,7 @@
3
3
  > [!WARNING]
4
4
  > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
5
5
  > 조합형 컴포넌트 — main-banner-image.
6
- > 버전: boottent-design v0.1.264 · 생성: 2026. 6. 29. 오후 6:24:05
6
+ > 버전: boottent-design v0.1.265 · 생성: 2026. 7. 1. 오후 3:52:40
7
7
 
8
8
  [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
9
9
 
@@ -3,7 +3,7 @@
3
3
  > [!WARNING]
4
4
  > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
5
5
  > 조합형 컴포넌트 — mobile-camp-card.
6
- > 버전: boottent-design v0.1.264 · 생성: 2026. 6. 29. 오후 6:24:05
6
+ > 버전: boottent-design v0.1.265 · 생성: 2026. 7. 1. 오후 3:52:40
7
7
 
8
8
  [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
9
9
 
@@ -3,7 +3,7 @@
3
3
  > [!WARNING]
4
4
  > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
5
5
  > 조합형 컴포넌트 — partner-list-card.
6
- > 버전: boottent-design v0.1.264 · 생성: 2026. 6. 29. 오후 6:24:05
6
+ > 버전: boottent-design v0.1.265 · 생성: 2026. 7. 1. 오후 3:52:40
7
7
 
8
8
  [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
9
9
 
@@ -3,7 +3,7 @@
3
3
  > [!WARNING]
4
4
  > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
5
5
  > 조합형 컴포넌트 — portfolio-asset-card.
6
- > 버전: boottent-design v0.1.264 · 생성: 2026. 6. 29. 오후 6:24:05
6
+ > 버전: boottent-design v0.1.265 · 생성: 2026. 7. 1. 오후 3:52:40
7
7
 
8
8
  [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
9
9
 
@@ -3,7 +3,7 @@
3
3
  > [!WARNING]
4
4
  > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
5
5
  > 조합형 컴포넌트 — premium-card.
6
- > 버전: boottent-design v0.1.264 · 생성: 2026. 6. 29. 오후 6:24:05
6
+ > 버전: boottent-design v0.1.265 · 생성: 2026. 7. 1. 오후 3:52:40
7
7
 
8
8
  [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
9
9
 
@@ -3,7 +3,7 @@
3
3
  > [!WARNING]
4
4
  > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
5
5
  > 조합형 컴포넌트 — title-tag-card.
6
- > 버전: boottent-design v0.1.264 · 생성: 2026. 6. 29. 오후 6:24:05
6
+ > 버전: boottent-design v0.1.265 · 생성: 2026. 7. 1. 오후 3:52:40
7
7
 
8
8
  [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
9
9
 
@@ -3,7 +3,7 @@
3
3
  > [!WARNING]
4
4
  > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
5
5
  > 조합형 컴포넌트 — youtube-video-modal.
6
- > 버전: boottent-design v0.1.264 · 생성: 2026. 6. 29. 오후 6:24:05
6
+ > 버전: boottent-design v0.1.265 · 생성: 2026. 7. 1. 오후 3:52:40
7
7
 
8
8
  [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
9
9
 
@@ -3,7 +3,7 @@
3
3
  > [!WARNING]
4
4
  > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
5
5
  > boottent-design 허브 — 먼저 이 문서를 읽고 필요한 스포크 문서로 이동하라.
6
- > 버전: boottent-design v0.1.264 · 생성: 2026. 6. 29. 오후 6:24:05
6
+ > 버전: boottent-design v0.1.265 · 생성: 2026. 7. 1. 오후 3:52:40
7
7
 
8
8
  ## 0. 원칙 (먼저 읽어라)
9
9
 
@@ -92,12 +92,13 @@ boottent-design은 모든 소비 앱의 **단일 진실 원천(SSOT)** 이다. U
92
92
  | `toggle-group` | 여러 개의 Toggle 버튼을 단일(single) 또는 다중(multiple) 선택 그룹으로 묶는 컴포… | [ui/toggle-group.md](./ui/toggle-group.md) |
93
93
  | `tooltip` | 요소에 마우스를 올렸을 때 나타나는 툴팁 컴포넌트입니다. 방향·색상·크기·말풍선 꼬리를 지원합니다. | [ui/tooltip.md](./ui/tooltip.md) |
94
94
 
95
- ### 4.2 조합형 컴포넌트 (16종)
95
+ ### 4.2 조합형 컴포넌트 (17종)
96
96
 
97
97
  | 컴포넌트 | 분류 | 문서 |
98
98
  |----------|------|------|
99
99
  | `article-asset-card` | assets | [components/article-asset-card.md](./components/article-asset-card.md) |
100
100
  | `blog-review-card` | assets | [components/blog-review-card.md](./components/blog-review-card.md) |
101
+ | `boottent-event-card` | assets | [components/boottent-event-card.md](./components/boottent-event-card.md) |
101
102
  | `camp-card` | assets | [components/camp-card.md](./components/camp-card.md) |
102
103
  | `company-info-card` | assets | [components/company-info-card.md](./components/company-info-card.md) |
103
104
  | `dday-card` | ads | [components/dday-card.md](./components/dday-card.md) |
@@ -3,7 +3,7 @@
3
3
  > [!WARNING]
4
4
  > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
5
5
  > 디자인 토큰 — 색상 · 타이포그래피 · 기타.
6
- > 버전: boottent-design v0.1.264 · 생성: 2026. 6. 29. 오후 6:24:05
6
+ > 버전: boottent-design v0.1.265 · 생성: 2026. 7. 1. 오후 3:52:40
7
7
 
8
8
  [← 디자인 시스템 허브](./design-system.md)
9
9
 
@@ -3,7 +3,7 @@
3
3
  > [!WARNING]
4
4
  > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
5
5
  > UI 프리미티브 — accordion.
6
- > 버전: boottent-design v0.1.264 · 생성: 2026. 6. 29. 오후 6:24:05
6
+ > 버전: boottent-design v0.1.265 · 생성: 2026. 7. 1. 오후 3:52:40
7
7
 
8
8
  [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
9
9
 
@@ -3,7 +3,7 @@
3
3
  > [!WARNING]
4
4
  > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
5
5
  > UI 프리미티브 — alert-dialog.
6
- > 버전: boottent-design v0.1.264 · 생성: 2026. 6. 29. 오후 6:24:05
6
+ > 버전: boottent-design v0.1.265 · 생성: 2026. 7. 1. 오후 3:52:40
7
7
 
8
8
  [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
9
9
 
@@ -3,7 +3,7 @@
3
3
  > [!WARNING]
4
4
  > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
5
5
  > UI 프리미티브 — anchor.
6
- > 버전: boottent-design v0.1.264 · 생성: 2026. 6. 29. 오후 6:24:05
6
+ > 버전: boottent-design v0.1.265 · 생성: 2026. 7. 1. 오후 3:52:40
7
7
 
8
8
  [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
9
9
 
@@ -3,7 +3,7 @@
3
3
  > [!WARNING]
4
4
  > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
5
5
  > UI 프리미티브 — aspect-ratio.
6
- > 버전: boottent-design v0.1.264 · 생성: 2026. 6. 29. 오후 6:24:05
6
+ > 버전: boottent-design v0.1.265 · 생성: 2026. 7. 1. 오후 3:52:40
7
7
 
8
8
  [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
9
9
 
@@ -3,7 +3,7 @@
3
3
  > [!WARNING]
4
4
  > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
5
5
  > UI 프리미티브 — avatar.
6
- > 버전: boottent-design v0.1.264 · 생성: 2026. 6. 29. 오후 6:24:05
6
+ > 버전: boottent-design v0.1.265 · 생성: 2026. 7. 1. 오후 3:52:40
7
7
 
8
8
  [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
9
9
 
@@ -3,7 +3,7 @@
3
3
  > [!WARNING]
4
4
  > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
5
5
  > UI 프리미티브 — badge.
6
- > 버전: boottent-design v0.1.264 · 생성: 2026. 6. 29. 오후 6:24:05
6
+ > 버전: boottent-design v0.1.265 · 생성: 2026. 7. 1. 오후 3:52:40
7
7
 
8
8
  [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
9
9
 
@@ -3,7 +3,7 @@
3
3
  > [!WARNING]
4
4
  > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
5
5
  > UI 프리미티브 — button.
6
- > 버전: boottent-design v0.1.264 · 생성: 2026. 6. 29. 오후 6:24:05
6
+ > 버전: boottent-design v0.1.265 · 생성: 2026. 7. 1. 오후 3:52:40
7
7
 
8
8
  [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
9
9
 
@@ -3,7 +3,7 @@
3
3
  > [!WARNING]
4
4
  > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
5
5
  > UI 프리미티브 — calendar.
6
- > 버전: boottent-design v0.1.264 · 생성: 2026. 6. 29. 오후 6:24:05
6
+ > 버전: boottent-design v0.1.265 · 생성: 2026. 7. 1. 오후 3:52:40
7
7
 
8
8
  [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
9
9
 
@@ -3,7 +3,7 @@
3
3
  > [!WARNING]
4
4
  > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
5
5
  > UI 프리미티브 — callout.
6
- > 버전: boottent-design v0.1.264 · 생성: 2026. 6. 29. 오후 6:24:05
6
+ > 버전: boottent-design v0.1.265 · 생성: 2026. 7. 1. 오후 3:52:40
7
7
 
8
8
  [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
9
9
 
@@ -3,7 +3,7 @@
3
3
  > [!WARNING]
4
4
  > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
5
5
  > UI 프리미티브 — card-label.
6
- > 버전: boottent-design v0.1.264 · 생성: 2026. 6. 29. 오후 6:24:05
6
+ > 버전: boottent-design v0.1.265 · 생성: 2026. 7. 1. 오후 3:52:40
7
7
 
8
8
  [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
9
9
 
@@ -3,7 +3,7 @@
3
3
  > [!WARNING]
4
4
  > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
5
5
  > UI 프리미티브 — card.
6
- > 버전: boottent-design v0.1.264 · 생성: 2026. 6. 29. 오후 6:24:05
6
+ > 버전: boottent-design v0.1.265 · 생성: 2026. 7. 1. 오후 3:52:40
7
7
 
8
8
  [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
9
9
 
@@ -3,7 +3,7 @@
3
3
  > [!WARNING]
4
4
  > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
5
5
  > UI 프리미티브 — checkbox.
6
- > 버전: boottent-design v0.1.264 · 생성: 2026. 6. 29. 오후 6:24:05
6
+ > 버전: boottent-design v0.1.265 · 생성: 2026. 7. 1. 오후 3:52:40
7
7
 
8
8
  [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
9
9
 
@@ -3,7 +3,7 @@
3
3
  > [!WARNING]
4
4
  > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
5
5
  > UI 프리미티브 — circled-check-button.
6
- > 버전: boottent-design v0.1.264 · 생성: 2026. 6. 29. 오후 6:24:05
6
+ > 버전: boottent-design v0.1.265 · 생성: 2026. 7. 1. 오후 3:52:40
7
7
 
8
8
  [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
9
9