boottent-design 0.1.272 → 0.1.273

package/dist/article-card-AKV7qtq6.js

@@ -0,0 +1,31 @@
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
+import * as p from "react";
+import { cva as h } from "class-variance-authority";
+import { c as g } from "./common-zQ5XY0UN.js";
+const u = h("group flex w-full flex-col gap-2 overflow-hidden"), w = p.forwardRef(function({ article: s, showDivideLine: c = !1, className: d }, o) {
+  const { title: i, imageUrl: n, imageAlt: m, categoryTag: t, classTags: r } = s, f = !!t || r && r.length > 0;
+  return /* @__PURE__ */ l("div", { ref: o, className: g(u(), d), children: [
+    c && /* @__PURE__ */ e("hr", { "data-testid": "article-card-divider", className: "border-grey-100" }),
+    /* @__PURE__ */ l("div", { className: "flex w-full flex-row items-start gap-4 md:flex-col md:gap-2", children: [
+      /* @__PURE__ */ e("div", { className: "flex aspect-video w-2/5 shrink-0 items-center justify-center overflow-hidden rounded-[10px] border border-grey-200 sm:w-1/3 md:w-full", children: /* @__PURE__ */ e("img", { src: n, alt: m ?? i, className: "h-full w-full shrink-0 object-cover" }) }),
+      /* @__PURE__ */ l("div", { className: "flex grow flex-col gap-2 overflow-hidden text-regular13 text-grey-600 md:text-regular14", children: [
+        f && /* @__PURE__ */ l("ul", { className: "inline-flex w-full flex-wrap gap-1", children: [
+          t && /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e("span", { className: "inline-flex items-center justify-center whitespace-nowrap rounded-sm px-1 py-0.5 text-xs text-grey-600", children: t.text }) }),
+          r == null ? void 0 : r.map((a, x) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
+            "span",
+            {
+              className: "inline-flex items-center justify-center whitespace-nowrap rounded-sm px-1 py-0.5 text-xs",
+              style: { color: a.color, backgroundColor: a.background },
+              children: a.text
+            }
+          ) }, x))
+        ] }),
+        /* @__PURE__ */ e("p", { className: "line-clamp-2 text-[15px] font-semibold text-grey-800 md:text-semibold16", children: i })
+      ] })
+    ] })
+  ] });
+});
+w.displayName = "ArticleCard";
+export {
+  w as A
+};

package/dist/article-card-ocD4sDG2.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("react/jsx-runtime"),p=require("react"),g=require("class-variance-authority"),h=require("./common-DeneXo5X.cjs");function j(r){const l=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const t in r)if(t!=="default"){const c=Object.getOwnPropertyDescriptor(r,t);Object.defineProperty(l,t,c.get?c:{enumerable:!0,get:()=>r[t]})}}return l.default=r,Object.freeze(l)}const w=j(p),y=g.cva("group flex w-full flex-col gap-2 overflow-hidden"),o=w.forwardRef(function({article:l,showDivideLine:t=!1,className:c},d){const{title:n,imageUrl:x,imageAlt:f,categoryTag:a,classTags:s}=l,m=!!a||s&&s.length>0;return e.jsxs("div",{ref:d,className:h.cn(y(),c),children:[t&&e.jsx("hr",{"data-testid":"article-card-divider",className:"border-grey-100"}),e.jsxs("div",{className:"flex w-full flex-row items-start gap-4 md:flex-col md:gap-2",children:[e.jsx("div",{className:"flex aspect-video w-2/5 shrink-0 items-center justify-center overflow-hidden rounded-[10px] border border-grey-200 sm:w-1/3 md:w-full",children:e.jsx("img",{src:x,alt:f??n,className:"h-full w-full shrink-0 object-cover"})}),e.jsxs("div",{className:"flex grow flex-col gap-2 overflow-hidden text-regular13 text-grey-600 md:text-regular14",children:[m&&e.jsxs("ul",{className:"inline-flex w-full flex-wrap gap-1",children:[a&&e.jsx("li",{children:e.jsx("span",{className:"inline-flex items-center justify-center whitespace-nowrap rounded-sm px-1 py-0.5 text-xs text-grey-600",children:a.text})}),s==null?void 0:s.map((i,u)=>e.jsx("li",{children:e.jsx("span",{className:"inline-flex items-center justify-center whitespace-nowrap rounded-sm px-1 py-0.5 text-xs",style:{color:i.color,backgroundColor:i.background},children:i.text})},u))]}),e.jsx("p",{className:"line-clamp-2 text-[15px] font-semibold text-grey-800 md:text-semibold16",children:n})]})]})]})});o.displayName="ArticleCard";exports.ArticleCard=o;

package/dist/components/article-card.cjs.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../article-card-ocD4sDG2.cjs");exports.ArticleCard=e.ArticleCard;

package/dist/components/article-card.es.js

@@ -0,0 +1,5 @@
+"use client";
+import { A as t } from "../article-card-AKV7qtq6.js";
+export {
+  t as ArticleCard
+};

package/dist/components/crew-content-card.cjs.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../crew-content-card-C8MVKFur.cjs");exports.CrewContentCard=e.CrewContentCard;

package/dist/components/crew-content-card.es.js

@@ -0,0 +1,5 @@
+"use client";
+import { C as t } from "../crew-content-card-vi7_37Zl.js";
+export {
+  t as CrewContentCard
+};

package/dist/components/question-card.cjs.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../question-card-C2xeKRcv.cjs");exports.QuestionCard=e.QuestionCard;

package/dist/components/question-card.es.js

@@ -0,0 +1,5 @@
+"use client";
+import { Q as r } from "../question-card-DzMummZs.js";
+export {
+  r as QuestionCard
+};

package/dist/components/story-preview-card.cjs.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../story-preview-card-vNGsyl3L.cjs");exports.StoryPreviewCard=e.StoryPreviewCard;

package/dist/components/story-preview-card.es.js

@@ -0,0 +1,5 @@
+"use client";
+import { S as o } from "../story-preview-card-BiknUNLs.js";
+export {
+  o as StoryPreviewCard
+};

package/dist/components.cjs.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./dday-card-D5SqIn0Y.cjs"),a=require("./event-card-D3wzSDI2.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-Bx4iFf2w.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-C0AeVE2l.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;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./dday-card-D5SqIn0Y.cjs"),a=require("./event-card-D3wzSDI2.cjs"),o=require("./main-banner-image-By44s_XP.cjs"),n=require("./premium-card-CThRJYXd.cjs"),i=require("./title-tag-card-C-AvnXtC.cjs"),C=require("./article-asset-card-DRRl2BH8.cjs"),d=require("./blog-review-card-OX6KhSpS.cjs"),s=require("./boottent-event-card-Bx4iFf2w.cjs"),m=require("./camp-card-DM2V71SW.cjs"),r=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-C0AeVE2l.cjs"),q=require("./partner-list-card-DL_omz4v.cjs"),A=require("./mobile-camp-card-D-5N6bex.cjs"),e=require("./portfolio-asset-card-8mBpumTp.cjs"),T=require("./youtube-video-modal-C2GWcF5u.cjs"),f=require("./question-card-C2xeKRcv.cjs"),v=require("./article-card-ocD4sDG2.cjs"),P=require("./story-preview-card-vNGsyl3L.cjs"),y=require("./crew-content-card-C8MVKFur.cjs");exports.DdayCard=t.DdayCard;exports.EventCard=a.EventCard;exports.MainBannerImage=o.MainBannerImage;exports.PremiumCard=n.PremiumCard;exports.TitleTagCard=i.TitleTagCard;exports.ArticleAssetCard=C.ArticleAssetCard;exports.BlogReviewCard=d.BlogReviewCard;exports.BoottentEventCard=s.BoottentEventCard;exports.CampCard=m.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=u.CompanyInfoCard;exports.EnvironmentAssetPhoto=c.EnvironmentAssetPhoto;exports.EventAssetBanner=l.EventAssetBanner;exports.LecturerCard=p.LecturerCard;exports.PartnerListCard=q.PartnerListCard;exports.MobileCampCard=A.MobileCampCard;exports.PortfolioAssetCard=e.PortfolioAssetCard;exports.PortfolioAssetFooter=e.PortfolioAssetFooter;exports.YoutubeVideoModal=T.YoutubeVideoModal;exports.QuestionCard=f.QuestionCard;exports.ArticleCard=v.ArticleCard;exports.StoryPreviewCard=P.StoryPreviewCard;exports.CrewContentCard=y.CrewContentCard;

package/dist/components.es.js

@@ -1,46 +1,54 @@
 "use client";
-import { D as o } from "./dday-card-Bkqv7KsQ.js";
-import { E as e } from "./event-card-DC0zxBA4.js";
+import { D as a } from "./dday-card-Bkqv7KsQ.js";
+import { E as t } from "./event-card-DC0zxBA4.js";
 import { M as m } from "./main-banner-image-BYIEit_f.js";
-import { P as p } from "./premium-card-CLC7dc-g.js";
+import { P as f } from "./premium-card-CLC7dc-g.js";
 import { T as d } from "./title-tag-card-hb6ub3gc.js";
 import { A as i } from "./article-asset-card-DGa_XWK1.js";
 import { B as l } from "./blog-review-card-DTM0poKi.js";
-import { B as u } from "./boottent-event-card-BRn8qOSa.js";
+import { B as T } from "./boottent-event-card-BRn8qOSa.js";
 import { C as P } from "./camp-card-nUdSAdXo.js";
-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";
-import { C as D } from "./company-info-card-DJTgItPu.js";
-import { E as I } from "./environment-asset-photo-BCR9v2we.js";
-import { E as w } from "./event-asset-banner-BW6nZaJq.js";
-import { L as R } from "./lecturer-card-h44ZjbBL.js";
-import { P as V } from "./partner-list-card-Bx-UZxGG.js";
-import { M as k } from "./mobile-camp-card-1dxI-BCc.js";
-import { P as z, a as G } from "./portfolio-asset-card-mAkXH6Qc.js";
-import { Y as J } from "./youtube-video-modal-CAy1hYoA.js";
+import { f as c, a as B, b as v, c as M, d as y, e as L, i as b } from "./camp-card-format-QrakDFC6.js";
+import { C as w } from "./company-info-card-DJTgItPu.js";
+import { E as S } from "./environment-asset-photo-BCR9v2we.js";
+import { E as I } from "./event-asset-banner-BW6nZaJq.js";
+import { L as Y } from "./lecturer-card-h44ZjbBL.js";
+import { P as R } from "./partner-list-card-Bx-UZxGG.js";
+import { M as j } from "./mobile-camp-card-1dxI-BCc.js";
+import { P as q, a as z } from "./portfolio-asset-card-mAkXH6Qc.js";
+import { Y as H } from "./youtube-video-modal-CAy1hYoA.js";
+import { Q as K } from "./question-card-DzMummZs.js";
+import { A as O } from "./article-card-AKV7qtq6.js";
+import { S as W } from "./story-preview-card-BiknUNLs.js";
+import { C as Z } from "./crew-content-card-vi7_37Zl.js";
 export {
   i as ArticleAssetCard,
+  O as ArticleCard,
   l as BlogReviewCard,
-  u as BoottentEventCard,
+  T as BoottentEventCard,
   P as CampCard,
-  D as CompanyInfoCard,
-  o as DdayCard,
-  I as EnvironmentAssetPhoto,
-  w as EventAssetBanner,
-  e as EventCard,
-  R as LecturerCard,
+  w as CompanyInfoCard,
+  Z as CrewContentCard,
+  a as DdayCard,
+  S as EnvironmentAssetPhoto,
+  I as EventAssetBanner,
+  t as EventCard,
+  Y as LecturerCard,
   m as MainBannerImage,
-  k as MobileCampCard,
-  V as PartnerListCard,
-  z as PortfolioAssetCard,
-  G as PortfolioAssetFooter,
-  p as PremiumCard,
+  j as MobileCampCard,
+  R as PartnerListCard,
+  q as PortfolioAssetCard,
+  z as PortfolioAssetFooter,
+  f as PremiumCard,
+  K as QuestionCard,
+  W as StoryPreviewCard,
   d as TitleTagCard,
-  J as YoutubeVideoModal,
-  B as formatCampCardDateText,
-  c as formatCampCardLocationText,
+  H as YoutubeVideoModal,
+  c as formatCampCardDateText,
+  B as formatCampCardLocationText,
   v as formatCampCardPeriodText,
   M as formatCampCardScheduleText,
-  L as formatCampCardTuitionText,
-  b as formatTuitionAmountText,
-  g as isEarlyBirdApplied
+  y as formatCampCardTuitionText,
+  L as formatTuitionAmountText,
+  b as isEarlyBirdApplied
 };

package/dist/crew-content-card-C8MVKFur.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("react/jsx-runtime"),f=require("react"),u=require("class-variance-authority"),x=require("./common-DeneXo5X.cjs");function m(r){const l=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const t in r)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(r,t);Object.defineProperty(l,t,n.get?n:{enumerable:!0,get:()=>r[t]})}}return l.default=r,Object.freeze(l)}const g=m(f),p=u.cva("group flex w-full flex-col gap-2 overflow-hidden"),c=g.forwardRef(function({card:l,showDivideLine:t=!1,className:n},o){const{title:a,imageUrl:i,imageAlt:d,categoryTag:s}=l;return e.jsxs("div",{ref:o,className:x.cn(p(),n),children:[t&&e.jsx("hr",{"data-testid":"crew-content-card-divider",className:"border-grey-100"}),e.jsxs("div",{className:"flex w-full flex-row items-start gap-4 md:flex-col md:gap-2",children:[e.jsx("div",{className:"flex aspect-video w-2/5 shrink-0 items-center justify-center overflow-hidden rounded-[10px] border border-grey-200 sm:w-1/3 md:w-full",children:e.jsx("img",{src:i,alt:d??a,className:"h-full w-full shrink-0 object-cover"})}),e.jsxs("div",{className:"flex grow flex-col gap-2 overflow-hidden text-regular13 text-grey-600 md:text-regular14",children:[s&&e.jsx("ul",{className:"inline-flex w-full flex-wrap gap-1",children:e.jsx("li",{children:e.jsx("span",{className:"inline-flex items-center justify-center whitespace-nowrap rounded-sm px-1 py-0.5 text-xs",style:{color:s.color,backgroundColor:s.background},children:s.text})})}),e.jsx("p",{className:"line-clamp-2 text-[15px] font-semibold text-grey-800 md:text-semibold16",children:a})]})]})]})});c.displayName="CrewContentCard";exports.CrewContentCard=c;

package/dist/crew-content-card-vi7_37Zl.js

@@ -0,0 +1,28 @@
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
+import * as i from "react";
+import { cva as m } from "class-variance-authority";
+import { c as f } from "./common-zQ5XY0UN.js";
+const x = m("group flex w-full flex-col gap-2 overflow-hidden"), p = i.forwardRef(function({ card: a, showDivideLine: o = !1, className: s }, c) {
+  const { title: t, imageUrl: n, imageAlt: d, categoryTag: r } = a;
+  return /* @__PURE__ */ l("div", { ref: c, className: f(x(), s), children: [
+    o && /* @__PURE__ */ e("hr", { "data-testid": "crew-content-card-divider", className: "border-grey-100" }),
+    /* @__PURE__ */ l("div", { className: "flex w-full flex-row items-start gap-4 md:flex-col md:gap-2", children: [
+      /* @__PURE__ */ e("div", { className: "flex aspect-video w-2/5 shrink-0 items-center justify-center overflow-hidden rounded-[10px] border border-grey-200 sm:w-1/3 md:w-full", children: /* @__PURE__ */ e("img", { src: n, alt: d ?? t, className: "h-full w-full shrink-0 object-cover" }) }),
+      /* @__PURE__ */ l("div", { className: "flex grow flex-col gap-2 overflow-hidden text-regular13 text-grey-600 md:text-regular14", children: [
+        r && /* @__PURE__ */ e("ul", { className: "inline-flex w-full flex-wrap gap-1", children: /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
+          "span",
+          {
+            className: "inline-flex items-center justify-center whitespace-nowrap rounded-sm px-1 py-0.5 text-xs",
+            style: { color: r.color, backgroundColor: r.background },
+            children: r.text
+          }
+        ) }) }),
+        /* @__PURE__ */ e("p", { className: "line-clamp-2 text-[15px] font-semibold text-grey-800 md:text-semibold16", children: t })
+      ] })
+    ] })
+  ] });
+});
+p.displayName = "CrewContentCard";
+export {
+  p as C
+};

package/dist/design-system/components/article-asset-card.md

@@ -3,7 +3,7 @@
 > [!WARNING]
 > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
 > 조합형 컴포넌트 — article-asset-card.
-> 버전: boottent-design v0.1.272 · 생성: 2026. 7. 15. 오전 10:40:04
+> 버전: boottent-design v0.1.273 · 생성: 2026. 7. 16. 오전 9:17:59
 
 [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
 

package/dist/design-system/components/article-card.md

@@ -0,0 +1,40 @@
+# components/article-card.md — boottent-design
+
+> [!WARNING]
+> **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
+> 조합형 컴포넌트 — article-card.
+> 버전: boottent-design v0.1.273 · 생성: 2026. 7. 16. 오전 9:17:59
+
+[← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
+
+## article-card
+
+> 아티클(꿀팁/취업후기/크루모임 등 콘텐츠모음) 리스트 미리보기 카드.
+썸네일 이미지 + 카테고리·클래스 태그 + 제목 구조.
+
+- **분류**: contents
+- **성격**: presentational (내비게이션·모달 상태·DTO는 소비자가 소유 — [usage.md](../usage.md) §5)
+
+### ✅ 언제 사용
+- 취업후기·꿀팁모음·크루모임·부캠Q&A 리스트에서 아티클 항목을 카드 형태로 노출할 때
+
+### 🚫 주의
+- 카드 자체는 Link를 포함하지 않음. 네비게이션 래핑은 소비처 책임(question-card 선례).
+- categoryTag/classTags의 color/background 매핑은 FE 어댑터(소비처)가 담당. DS는 해석된 값만 수신.
+- showDivideLine은 모바일 리스트에서 isFirst/isLast 로직을 소비처가 제어하기 위한 opt-in 구분선.
+
+### Import
+```tsx
+import { /* ... */ } from "boottent-design/components/article-card";
+```
+
+### Props
+```typescript
+export type ArticleCardProps = {
+  article: ArticleCardData;
+  showDivideLine?: boolean;
+  className?: string;
+}
+```
+
+> 시각 예시는 Storybook(`article-card.stories.tsx`)을 참고하세요.

package/dist/design-system/components/blog-review-card.md

@@ -3,7 +3,7 @@
 > [!WARNING]
 > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
 > 조합형 컴포넌트 — blog-review-card.
-> 버전: boottent-design v0.1.272 · 생성: 2026. 7. 15. 오전 10:40:04
+> 버전: boottent-design v0.1.273 · 생성: 2026. 7. 16. 오전 9:17:59
 
 [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
 

package/dist/design-system/components/boottent-event-card.md

@@ -3,7 +3,7 @@
 > [!WARNING]
 > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
 > 조합형 컴포넌트 — boottent-event-card.
-> 버전: boottent-design v0.1.272 · 생성: 2026. 7. 15. 오전 10:40:04
+> 버전: boottent-design v0.1.273 · 생성: 2026. 7. 16. 오전 9:17:59
 
 [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
 

package/dist/design-system/components/camp-card.md

@@ -3,7 +3,7 @@
 > [!WARNING]
 > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
 > 조합형 컴포넌트 — camp-card.
-> 버전: boottent-design v0.1.272 · 생성: 2026. 7. 15. 오전 10:40:04
+> 버전: boottent-design v0.1.273 · 생성: 2026. 7. 16. 오전 9:17:59
 
 [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
 

package/dist/design-system/components/company-info-card.md

@@ -3,7 +3,7 @@
 > [!WARNING]
 > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
 > 조합형 컴포넌트 — company-info-card.
-> 버전: boottent-design v0.1.272 · 생성: 2026. 7. 15. 오전 10:40:04
+> 버전: boottent-design v0.1.273 · 생성: 2026. 7. 16. 오전 9:17:59
 
 [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
 

package/dist/design-system/components/crew-content-card.md

@@ -0,0 +1,45 @@
+# components/crew-content-card.md — boottent-design
+
+> [!WARNING]
+> **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
+> 조합형 컴포넌트 — crew-content-card.
+> 버전: boottent-design v0.1.273 · 생성: 2026. 7. 16. 오전 9:17:59
+
+[← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
+
+## crew-content-card
+
+> 크루모임 콘텐츠 리스트 미리보기 카드.
+썸네일 이미지 + 카테고리 태그(color/background 포함) + 제목 구조.
+
+- **분류**: contents
+- **성격**: presentational (내비게이션·모달 상태·DTO는 소비자가 소유 — [usage.md](../usage.md) §5)
+
+### ✅ 언제 사용
+- 크루모임 콘텐츠모음 리스트에서 각 콘텐츠 항목을 카드 형태로 노출할 때
+
+### 🚫 주의
+- 카드 자체는 Link를 포함하지 않음. 네비게이션 래핑(ExternalLink 등)은 소비처 책임.
+- imageUrl 폴백(CONFIG.SEO.CREW.image)은 FE 어댑터가 미리 적용 후 항상 string으로 전달.
+- categoryTag의 color/background 매핑(crewContentCategoryDisplay)은 FE 어댑터 책임. DS는 해석된 값만 수신.
+- article-card와 구조가 유사하나 독립 컴포넌트로 유지 (병합 금지, 의도된 코드 중복).
+
+### Import
+```tsx
+import { /* ... */ } from "boottent-design/components/crew-content-card";
+```
+
+### Props
+```typescript
+export type CrewContentCardProps = {
+  card: CrewContentCardData;
+  /**
+   * 모바일 리스트에서 구분선(DivideLine)을 표시할지 여부.
+   * isFirst=false && isMobile=true 에 해당할 때 소비처가 true로 전달.
+   */
+  showDivideLine?: boolean;
+  className?: string;
+}
+```
+
+> 시각 예시는 Storybook(`crew-content-card.stories.tsx`)을 참고하세요.

package/dist/design-system/components/dday-card.md

@@ -3,7 +3,7 @@
 > [!WARNING]
 > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
 > 조합형 컴포넌트 — dday-card.
-> 버전: boottent-design v0.1.272 · 생성: 2026. 7. 15. 오전 10:40:04
+> 버전: boottent-design v0.1.273 · 생성: 2026. 7. 16. 오전 9:17:59
 
 [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
 

package/dist/design-system/components/environment-asset-photo.md

@@ -3,7 +3,7 @@
 > [!WARNING]
 > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
 > 조합형 컴포넌트 — environment-asset-photo.
-> 버전: boottent-design v0.1.272 · 생성: 2026. 7. 15. 오전 10:40:04
+> 버전: boottent-design v0.1.273 · 생성: 2026. 7. 16. 오전 9:17:59
 
 [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
 

package/dist/design-system/components/event-asset-banner.md

@@ -3,7 +3,7 @@
 > [!WARNING]
 > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
 > 조합형 컴포넌트 — event-asset-banner.
-> 버전: boottent-design v0.1.272 · 생성: 2026. 7. 15. 오전 10:40:04
+> 버전: boottent-design v0.1.273 · 생성: 2026. 7. 16. 오전 9:17:59
 
 [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
 

package/dist/design-system/components/event-card.md

@@ -3,7 +3,7 @@
 > [!WARNING]
 > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
 > 조합형 컴포넌트 — event-card.
-> 버전: boottent-design v0.1.272 · 생성: 2026. 7. 15. 오전 10:40:04
+> 버전: boottent-design v0.1.273 · 생성: 2026. 7. 16. 오전 9:17:59
 
 [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
 

package/dist/design-system/components/lecturer-card.md

@@ -3,7 +3,7 @@
 > [!WARNING]
 > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
 > 조합형 컴포넌트 — lecturer-card.
-> 버전: boottent-design v0.1.272 · 생성: 2026. 7. 15. 오전 10:40:04
+> 버전: boottent-design v0.1.273 · 생성: 2026. 7. 16. 오전 9:17:59
 
 [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
 

package/dist/design-system/components/main-banner-image.md

@@ -3,7 +3,7 @@
 > [!WARNING]
 > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
 > 조합형 컴포넌트 — main-banner-image.
-> 버전: boottent-design v0.1.272 · 생성: 2026. 7. 15. 오전 10:40:04
+> 버전: boottent-design v0.1.273 · 생성: 2026. 7. 16. 오전 9:17:59
 
 [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
 

package/dist/design-system/components/mobile-camp-card.md

@@ -3,7 +3,7 @@
 > [!WARNING]
 > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
 > 조합형 컴포넌트 — mobile-camp-card.
-> 버전: boottent-design v0.1.272 · 생성: 2026. 7. 15. 오전 10:40:04
+> 버전: boottent-design v0.1.273 · 생성: 2026. 7. 16. 오전 9:17:59
 
 [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
 

package/dist/design-system/components/partner-list-card.md

@@ -3,7 +3,7 @@
 > [!WARNING]
 > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
 > 조합형 컴포넌트 — partner-list-card.
-> 버전: boottent-design v0.1.272 · 생성: 2026. 7. 15. 오전 10:40:04
+> 버전: boottent-design v0.1.273 · 생성: 2026. 7. 16. 오전 9:17:59
 
 [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
 

package/dist/design-system/components/portfolio-asset-card.md

@@ -3,7 +3,7 @@
 > [!WARNING]
 > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
 > 조합형 컴포넌트 — portfolio-asset-card.
-> 버전: boottent-design v0.1.272 · 생성: 2026. 7. 15. 오전 10:40:04
+> 버전: boottent-design v0.1.273 · 생성: 2026. 7. 16. 오전 9:17:59
 
 [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
 

package/dist/design-system/components/premium-card.md

@@ -3,7 +3,7 @@
 > [!WARNING]
 > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
 > 조합형 컴포넌트 — premium-card.
-> 버전: boottent-design v0.1.272 · 생성: 2026. 7. 15. 오전 10:40:04
+> 버전: boottent-design v0.1.273 · 생성: 2026. 7. 16. 오전 9:17:59
 
 [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
 

package/dist/design-system/components/question-card.md

@@ -0,0 +1,38 @@
+# components/question-card.md — boottent-design
+
+> [!WARNING]
+> **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
+> 조합형 컴포넌트 — question-card.
+> 버전: boottent-design v0.1.273 · 생성: 2026. 7. 16. 오전 9:17:59
+
+[← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
+
+## question-card
+
+> Q&A/질문-답변 미리보기 카드. 카테고리 태그 → 질문(히어로) → 구분선 → 답변 미리보기(최대 2개) → 답변 개수 구조.
+
+- **분류**: contents
+- **성격**: presentational (내비게이션·모달 상태·DTO는 소비자가 소유 — [usage.md](../usage.md) §5)
+
+### ✅ 언제 사용
+- 부캠Q&A·콘텐츠모음 리스트에서 질문과 상위 답변 스니펫을 한눈에 보여줄 때
+
+### 🚫 주의
+- 카드 자체는 Link를 포함하지 않음. 네비게이션 래핑은 소비처 책임(article-asset-card 선례).
+- answerPreviews 슬라이스(최대 2개)는 소비처가 담당.
+- categoryTags의 color/background 매핑은 FE 어댑터(소비처)가 담당. DS는 해석된 값만 수신.
+
+### Import
+```tsx
+import { /* ... */ } from "boottent-design/components/question-card";
+```
+
+### Props
+```typescript
+export type QuestionCardProps = {
+  question: QuestionCardData;
+  className?: string;
+}
+```
+
+> 시각 예시는 Storybook(`question-card.stories.tsx`)을 참고하세요.

package/dist/design-system/components/story-preview-card.md

@@ -0,0 +1,40 @@
+# components/story-preview-card.md — boottent-design
+
+> [!WARNING]
+> **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
+> 조합형 컴포넌트 — story-preview-card.
+> 버전: boottent-design v0.1.273 · 생성: 2026. 7. 16. 오전 9:17:59
+
+[← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
+
+## story-preview-card
+
+> 부트캠프 취업후기 스토리 미리보기 카드.
+프로필 이미지 + 이름/직무 태그 + 통계(전공/나이/취준기간) + 후기 미리보기 구조.
+
+- **분류**: contents
+- **성격**: presentational (내비게이션·모달 상태·DTO는 소비자가 소유 — [usage.md](../usage.md) §5)
+
+### ✅ 언제 사용
+- 취업후기 커뮤니티 리스트 및 메인 페이지 스토리 캐러셀에서 유저 스토리 항목을 카드 형태로 노출할 때
+
+### 🚫 주의
+- 카드 자체는 Link를 포함하지 않음. 네비게이션 래핑은 소비처 책임(question-card/article-card 선례).
+- jobTag의 color/background 매핑은 FE 어댑터(소비처)가 담당. DS는 해석된 값만 수신.
+- horizontalOnMobile=true 시 두 레이아웃이 모두 DOM에 존재하며 CSS로 가시성 제어.
+
+### Import
+```tsx
+import { /* ... */ } from "boottent-design/components/story-preview-card";
+```
+
+### Props
+```typescript
+export type StoryPreviewCardProps = {
+  card: StoryPreviewCardData;
+  horizontalOnMobile?: boolean;
+  className?: string;
+}
+```
+
+> 시각 예시는 Storybook(`story-preview-card.stories.tsx`)을 참고하세요.

package/dist/design-system/components/title-tag-card.md

@@ -3,7 +3,7 @@
 > [!WARNING]
 > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
 > 조합형 컴포넌트 — title-tag-card.
-> 버전: boottent-design v0.1.272 · 생성: 2026. 7. 15. 오전 10:40:04
+> 버전: boottent-design v0.1.273 · 생성: 2026. 7. 16. 오전 9:17:59
 
 [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
 

package/dist/design-system/components/youtube-video-modal.md

@@ -3,7 +3,7 @@
 > [!WARNING]
 > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
 > 조합형 컴포넌트 — youtube-video-modal.
-> 버전: boottent-design v0.1.272 · 생성: 2026. 7. 15. 오전 10:40:04
+> 버전: boottent-design v0.1.273 · 생성: 2026. 7. 16. 오전 9:17:59
 
 [← 허브](../design-system.md) · [언제 무엇을 쓰나](../when-to-use.md)
 

package/dist/design-system/consumer-setup.md

@@ -3,7 +3,7 @@
 > [!WARNING]
 > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
 > 소비 레포(boottent-frontend, boottent-partner 등)가 이 문서 체계를 자기 레포에 세팅하는 방법.
-> 버전: boottent-design v0.1.272 · 생성: 2026. 7. 15. 오전 10:40:04
+> 버전: boottent-design v0.1.273 · 생성: 2026. 7. 16. 오전 9:17:59
 
 [← 디자인 시스템 허브](./design-system.md)
 

package/dist/design-system/design-system.md

@@ -3,7 +3,7 @@
 > [!WARNING]
 > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
 > boottent-design 허브 — 먼저 이 문서를 읽고 필요한 스포크 문서로 이동하라.
-> 버전: boottent-design v0.1.272 · 생성: 2026. 7. 15. 오전 10:40:04
+> 버전: boottent-design v0.1.273 · 생성: 2026. 7. 16. 오전 9:17:59
 
 ## 0. 원칙 (먼저 읽어라)
 
@@ -93,15 +93,17 @@ boottent-design은 모든 소비 앱의 **단일 진실 원천(SSOT)** 이다. U
 | `toggle-group` | 여러 개의 Toggle 버튼을 단일(single) 또는 다중(multiple) 선택 그룹으로 묶는 컴포… | [ui/toggle-group.md](./ui/toggle-group.md) |
 | `tooltip` | 요소에 마우스를 올렸을 때 나타나는 툴팁 컴포넌트입니다. 방향·색상·크기·말풍선 꼬리를 지원합니다. | [ui/tooltip.md](./ui/tooltip.md) |
 
-### 4.2 조합형 컴포넌트 (17종)
+### 4.2 조합형 컴포넌트 (21종)
 
 | 컴포넌트 | 분류 | 문서 |
 |----------|------|------|
 | `article-asset-card` | assets | [components/article-asset-card.md](./components/article-asset-card.md) |
+| `article-card` | contents | [components/article-card.md](./components/article-card.md) |
 | `blog-review-card` | assets | [components/blog-review-card.md](./components/blog-review-card.md) |
 | `boottent-event-card` | assets | [components/boottent-event-card.md](./components/boottent-event-card.md) |
 | `camp-card` | assets | [components/camp-card.md](./components/camp-card.md) |
 | `company-info-card` | assets | [components/company-info-card.md](./components/company-info-card.md) |
+| `crew-content-card` | contents | [components/crew-content-card.md](./components/crew-content-card.md) |
 | `dday-card` | ads | [components/dday-card.md](./components/dday-card.md) |
 | `environment-asset-photo` | assets | [components/environment-asset-photo.md](./components/environment-asset-photo.md) |
 | `event-asset-banner` | assets | [components/event-asset-banner.md](./components/event-asset-banner.md) |
@@ -112,6 +114,8 @@ boottent-design은 모든 소비 앱의 **단일 진실 원천(SSOT)** 이다. U
 | `partner-list-card` | assets | [components/partner-list-card.md](./components/partner-list-card.md) |
 | `portfolio-asset-card` | assets | [components/portfolio-asset-card.md](./components/portfolio-asset-card.md) |
 | `premium-card` | ads | [components/premium-card.md](./components/premium-card.md) |
+| `question-card` | contents | [components/question-card.md](./components/question-card.md) |
+| `story-preview-card` | contents | [components/story-preview-card.md](./components/story-preview-card.md) |
 | `title-tag-card` | ads | [components/title-tag-card.md](./components/title-tag-card.md) |
 | `youtube-video-modal` | assets | [components/youtube-video-modal.md](./components/youtube-video-modal.md) |
 

package/dist/design-system/tokens.md

@@ -3,7 +3,7 @@
 > [!WARNING]
 > **자동 생성된 파일 — 직접 수정 금지** (`yarn docs:gen` 으로 재생성)
 > 디자인 토큰 — 색상 · 타이포그래피 · 기타.
-> 버전: boottent-design v0.1.272 · 생성: 2026. 7. 15. 오전 10:40:04
+> 버전: boottent-design v0.1.273 · 생성: 2026. 7. 16. 오전 9:17:59
 
 [← 디자인 시스템 허브](./design-system.md)