boottent-design 0.1.242 → 0.1.243

package/README.md

@@ -109,6 +109,7 @@ antd처럼 자체 글로벌 리셋(`<button>`, `<input>` 등)을 가진 컴포
 - `foundation.css`의 preflight 리셋은 `:where()`로 래핑되어 **specificity 0**으로 출력됩니다.
 - antd의 `.ant-btn` 같이 클래스 기반 selector(specificity ≥ 0,1,0)는 그대로 이깁니다 → antd 컴포넌트는 영향 없음.
 - DS 컴포넌트가 의존하는 `border-style: solid`, `<button>`/`<li>`/`<p>` 기본 리셋은 브라우저 기본값을 정리해 Tailwind 유틸리티(`border`, `rounded-lg` 등)가 의도대로 작동합니다.
+- 카드/배너처럼 DS 시각 정체성이 중요한 surface는 `bt-ds-*` semantic class로 border/radius/background를 한 번 더 보장합니다. 소비 앱에서는 `.border`, `.rounded` 같은 Tailwind utility 이름을 전역 helper class로 재정의하지 마세요.
 
 권장 설정:
 

package/dist/DESIGN.md

@@ -2,8 +2,8 @@
 
 > [!WARNING]
 > **자동 생성된 파일 — 직접 수정 금지**
-> 생성 일시: 2026. 5. 20. 오후 4:44:37
-> 원본 소스: boottent-design v0.1.242
+> 생성 일시: 2026. 5. 20. 오후 5:06:32
+> 원본 소스: boottent-design v0.1.243
 
 ## 1. 개요 (Overview)
 

package/dist/{article-asset-card-Dfzz2i_R.cjs → article-asset-card-BHCS9imn.cjs}

@@ -1 +1 @@
-"use strict";const e=require("react/jsx-runtime"),i=require("./index-DKCqkplO.cjs");require("./ui/accordion.cjs.js");require("./ui/alert-dialog.cjs.js");require("@radix-ui/react-aspect-ratio");require("./ui/avatar.cjs.js");require("./ui/badge.cjs.js");require("./ui/button.cjs.js");require("./ui/calendar.cjs.js");require("./ui/callout.cjs.js");require("./ui/card.cjs.js");require("./ui/checkbox.cjs.js");require("lucide-react");require("./ui/command.cjs.js");require("./ui/dialog.cjs.js");require("./ui/dropdown-menu.cjs.js");require("./ui/file-uploader.cjs.js");require("./ui/form.cjs.js");const n=require("./ui/icons.cjs.js");require("./ui/input.cjs.js");require("./ui/label.cjs.js");require("./ui/month-picker.cjs.js");require("./ui/multi-select.cjs.js");require("./ui/navigation-menu.cjs.js");require("./ui/popover.cjs.js");require("./ui/radio-group.cjs.js");require("./ui/scroll-area.cjs.js");require("./ui/select.cjs.js");require("./ui/separator.cjs.js");require("@radix-ui/react-slider");require("react");require("./ui/switch.cjs.js");require("./ui/tabs.cjs.js");require("./ui/tag.cjs.js");require("./ui/text.cjs.js");require("./ui/textarea.cjs.js");require("./ui/toast.cjs.js");require("./ui/toggle.cjs.js");require("./ui/toggle-group.cjs.js");require("./ui/tooltip.cjs.js");const d=require("./image-loading-DZFBFoVv.cjs"),g={bootcamp:{text:"부트캠프",color:"",background:""},job:{text:"취업꿀팁",color:i.colors.brown[500],background:i.colors.brown[50]},study:{text:"개념정리",color:i.colors.lime[500],background:i.colors.lime[50]},insight:{text:"인사이트",color:i.colors.blue[500],background:i.colors.blue[50]},webtoon:{text:"개발자툰",color:"",background:""}};function q({children:r,backgroundColor:o,color:t}){return e.jsx("div",{style:{backgroundColor:o,color:t},className:"whitespace-nowrap break-keep rounded bg-grey-100 px-2 py-0.5 text-regular13 text-grey-600 xs:text-regular14",children:r})}function x({article:r,isYoutube:o=!1,imagePriority:t,imageLoading:l,imageFetchPriority:u,imageDecoding:a}){const s=r.category?g[r.category]:void 0,c=d.getImageLoadingAttributes({imagePriority:t,imageLoading:l,imageFetchPriority:u,imageDecoding:a});return e.jsx("div",{className:"h-full w-full list-none overflow-hidden rounded-[10px] border border-grey-200 bg-background","data-asset-id":r.assetId,children:e.jsxs("div",{className:"flex h-full w-full flex-col",children:[e.jsxs("div",{className:"relative w-full shrink-0 overflow-hidden",children:[e.jsx("img",{src:r.imageUrl,alt:"image",className:"aspect-video w-full object-cover",...c}),o&&e.jsx("div",{className:"absolute inset-0 flex items-center justify-center bg-white/30",children:e.jsx(n.Icon.Play,{size:"40"})})]}),e.jsxs("div",{className:"flex flex-col items-start gap-2 p-4",children:[s&&e.jsx(q,{backgroundColor:s.background||"",color:s.color||"",children:s.text}),e.jsxs("div",{className:"flex flex-col gap-2",children:[e.jsx("p",{className:"line-clamp-2 text-semibold14 xs:text-semibold16",children:r.title}),e.jsx("p",{className:"line-clamp-3 text-regular13 text-grey-500 xs:text-regular14",children:r.description})]})]})]})})}exports.ArticleAssetCard=x;
+"use strict";const e=require("react/jsx-runtime"),i=require("./index-DKCqkplO.cjs");require("./ui/accordion.cjs.js");require("./ui/alert-dialog.cjs.js");require("@radix-ui/react-aspect-ratio");require("./ui/avatar.cjs.js");require("./ui/badge.cjs.js");require("./ui/button.cjs.js");require("./ui/calendar.cjs.js");require("./ui/callout.cjs.js");require("./ui/card.cjs.js");require("./ui/checkbox.cjs.js");require("lucide-react");require("./ui/command.cjs.js");require("./ui/dialog.cjs.js");require("./ui/dropdown-menu.cjs.js");require("./ui/file-uploader.cjs.js");require("./ui/form.cjs.js");const n=require("./ui/icons.cjs.js");require("./ui/input.cjs.js");require("./ui/label.cjs.js");require("./ui/month-picker.cjs.js");require("./ui/multi-select.cjs.js");require("./ui/navigation-menu.cjs.js");require("./ui/popover.cjs.js");require("./ui/radio-group.cjs.js");require("./ui/scroll-area.cjs.js");require("./ui/select.cjs.js");require("./ui/separator.cjs.js");require("@radix-ui/react-slider");require("react");require("./ui/switch.cjs.js");require("./ui/tabs.cjs.js");require("./ui/tag.cjs.js");require("./ui/text.cjs.js");require("./ui/textarea.cjs.js");require("./ui/toast.cjs.js");require("./ui/toggle.cjs.js");require("./ui/toggle-group.cjs.js");require("./ui/tooltip.cjs.js");const d=require("./image-loading-DZFBFoVv.cjs"),g={bootcamp:{text:"부트캠프",color:"",background:""},job:{text:"취업꿀팁",color:i.colors.brown[500],background:i.colors.brown[50]},study:{text:"개념정리",color:i.colors.lime[500],background:i.colors.lime[50]},insight:{text:"인사이트",color:i.colors.blue[500],background:i.colors.blue[50]},webtoon:{text:"개발자툰",color:"",background:""}};function q({children:r,backgroundColor:o,color:t}){return e.jsx("div",{style:{backgroundColor:o,color:t},className:"whitespace-nowrap break-keep rounded bg-grey-100 px-2 py-0.5 text-regular13 text-grey-600 xs:text-regular14",children:r})}function x({article:r,isYoutube:o=!1,imagePriority:t,imageLoading:l,imageFetchPriority:u,imageDecoding:a}){const s=r.category?g[r.category]:void 0,c=d.getImageLoadingAttributes({imagePriority:t,imageLoading:l,imageFetchPriority:u,imageDecoding:a});return e.jsx("div",{className:"bt-ds-surface bt-ds-radius-10 h-full w-full list-none overflow-hidden rounded-[10px] border border-grey-200 bg-background","data-asset-id":r.assetId,children:e.jsxs("div",{className:"flex h-full w-full flex-col",children:[e.jsxs("div",{className:"relative w-full shrink-0 overflow-hidden",children:[e.jsx("img",{src:r.imageUrl,alt:"image",className:"aspect-video w-full object-cover",...c}),o&&e.jsx("div",{className:"absolute inset-0 flex items-center justify-center bg-white/30",children:e.jsx(n.Icon.Play,{size:"40"})})]}),e.jsxs("div",{className:"flex flex-col items-start gap-2 p-4",children:[s&&e.jsx(q,{backgroundColor:s.background||"",color:s.color||"",children:s.text}),e.jsxs("div",{className:"flex flex-col gap-2",children:[e.jsx("p",{className:"line-clamp-2 text-semibold14 xs:text-semibold16",children:r.title}),e.jsx("p",{className:"line-clamp-3 text-regular13 text-grey-500 xs:text-regular14",children:r.description})]})]})]})})}exports.ArticleAssetCard=x;

package/dist/{article-asset-card-BArztiG9.js → article-asset-card-qcDIWfT1.js}

@@ -16,7 +16,7 @@ import "./ui/dialog.es.js";
 import "./ui/dropdown-menu.es.js";
 import "./ui/file-uploader.es.js";
 import "./ui/form.es.js";
-import { Icon as n } from "./ui/icons.es.js";
+import { Icon as d } from "./ui/icons.es.js";
 import "./ui/input.es.js";
 import "./ui/label.es.js";
 import "./ui/month-picker.es.js";
@@ -38,7 +38,7 @@ import "./ui/toast.es.js";
 import "./ui/toggle.es.js";
 import "./ui/toggle-group.es.js";
 import "./ui/tooltip.es.js";
-import { g as d } from "./image-loading-BX5rKZfC.js";
+import { g as n } from "./image-loading-BX5rKZfC.js";
 const g = {
   bootcamp: { text: "부트캠프", color: "", background: "" },
   job: { text: "취업꿀팁", color: o.brown[500], background: o.brown[50] },
@@ -64,7 +64,7 @@ function ot({
   imageFetchPriority: s,
   imageDecoding: p
 }) {
-  const e = t.category ? g[t.category] : void 0, c = d({
+  const e = t.category ? g[t.category] : void 0, c = n({
     imagePriority: m,
     imageLoading: a,
     imageFetchPriority: s,
@@ -73,12 +73,12 @@ function ot({
   return /* @__PURE__ */ r(
     "div",
     {
-      className: "h-full w-full list-none overflow-hidden rounded-[10px] border border-grey-200 bg-background",
+      className: "bt-ds-surface bt-ds-radius-10 h-full w-full list-none overflow-hidden rounded-[10px] border border-grey-200 bg-background",
       "data-asset-id": t.assetId,
       children: /* @__PURE__ */ i("div", { className: "flex h-full w-full flex-col", children: [
         /* @__PURE__ */ i("div", { className: "relative w-full shrink-0 overflow-hidden", children: [
           /* @__PURE__ */ r("img", { src: t.imageUrl, alt: "image", className: "aspect-video w-full object-cover", ...c }),
-          l && /* @__PURE__ */ r("div", { className: "absolute inset-0 flex items-center justify-center bg-white/30", children: /* @__PURE__ */ r(n.Play, { size: "40" }) })
+          l && /* @__PURE__ */ r("div", { className: "absolute inset-0 flex items-center justify-center bg-white/30", children: /* @__PURE__ */ r(d.Play, { size: "40" }) })
         ] }),
         /* @__PURE__ */ i("div", { className: "flex flex-col items-start gap-2 p-4", children: [
           e && /* @__PURE__ */ r(u, { backgroundColor: e.background || "", color: e.color || "", children: e.text }),

package/dist/blog-review-card-D0A_OCfZ.cjs

@@ -0,0 +1 @@
+"use strict";const s=require("react/jsx-runtime"),f=require("./image-loading-DZFBFoVv.cjs"),j=["blogthumb.pstatic.net","naverblog.com"],y=({review:e,imagePriority:x,imageLoading:u,imageFetchPriority:g,imageDecoding:m})=>{var l;if(!e.pagemap)return null;const r=(l=e.pagemap.metatags)==null?void 0:l[0],b=(r==null?void 0:r["og:description"])||e.snippet,d=(()=>{var t,a,i,n,o,c;return(i=(a=(t=e.pagemap)==null?void 0:t.cse_thumbnail)==null?void 0:a[0])!=null&&i.src?e.pagemap.cse_thumbnail[0].src:(c=(o=(n=e.pagemap)==null?void 0:n.cse_image)==null?void 0:o[0])!=null&&c.src?e.pagemap.cse_image[0].src:r!=null&&r["og:image"]?r["og:image"]:""})(),p=j.some(t=>d.includes(t)),h=f.getImageLoadingAttributes({imagePriority:x,imageLoading:u,imageFetchPriority:g,imageDecoding:m});return s.jsxs("div",{className:"bt-ds-surface bt-ds-radius-8 flex w-full flex-col gap-2 overflow-hidden rounded-lg border border-grey-200 p-4 xs:h-36 xs:flex-row xs:gap-0 xs:p-0",children:[s.jsx("h5",{className:"line-clamp-1 block text-semibold16 text-grey-800 xs:hidden",children:e.title}),s.jsxs("div",{className:"flex w-full flex-row items-center gap-4 xs:gap-0",children:[d&&!p?s.jsx("div",{className:"bt-ds-surface bt-ds-radius-10 bt-ds-xs-radius-left-8 bt-ds-xs-border-r-only flex aspect-square w-20 shrink-0 items-center justify-center overflow-hidden rounded-[10px] border border-grey-200 xs:w-36 xs:rounded-l-lg xs:rounded-r-none xs:border-y-0 xs:border-l-0 xs:border-r",children:s.jsx("img",{src:d,alt:`${e.title} 썸네일`,className:"h-full w-full object-cover",...h})}):s.jsx("div",{className:"bt-ds-surface bt-ds-surface-white bt-ds-radius-10 bt-ds-xs-radius-left-8 bt-ds-xs-border-r-only hidden aspect-square w-20 shrink-0 items-center justify-center overflow-hidden rounded-[10px] border border-grey-200 bg-white xs:flex xs:w-36 xs:rounded-l-lg xs:rounded-r-none xs:border-y-0 xs:border-l-0 xs:border-r",children:"BLOG"}),s.jsxs("div",{className:"flex h-full grow flex-col gap-1.5 overflow-hidden p-0 xs:gap-2.5 xs:p-5",children:[s.jsx("h5",{className:"hidden truncate text-semibold16 text-grey-800 xs:block",children:e.title}),s.jsx("div",{className:"line-clamp-4 w-full text-regular14 xs:line-clamp-2 xs:text-regular16",children:b}),s.jsx("div",{className:"hidden truncate text-regular13 text-violet-600 xs:block xs:text-regular14",children:e.displayLink})]})]}),s.jsx("div",{className:"block truncate rounded bg-grey-100 px-2 py-1 text-regular13 text-violet-600 xs:hidden",children:e.displayLink})]})};exports.BlogReviewCard=y;

package/dist/blog-review-card-DnGMnBpK.js

@@ -0,0 +1,44 @@
+import { jsxs as d, jsx as s } from "react/jsx-runtime";
+import { g as y } from "./image-loading-BX5rKZfC.js";
+const N = ["blogthumb.pstatic.net", "naverblog.com"], j = ({
+  review: e,
+  imagePriority: u,
+  imageLoading: g,
+  imageFetchPriority: m,
+  imageDecoding: b
+}) => {
+  var a;
+  if (!e.pagemap) return null;
+  const r = (a = e.pagemap.metatags) == null ? void 0 : a[0], p = (r == null ? void 0 : r["og:description"]) || e.snippet, t = (() => {
+    var l, n, o, i, c, x;
+    return (o = (n = (l = e.pagemap) == null ? void 0 : l.cse_thumbnail) == null ? void 0 : n[0]) != null && o.src ? e.pagemap.cse_thumbnail[0].src : (x = (c = (i = e.pagemap) == null ? void 0 : i.cse_image) == null ? void 0 : c[0]) != null && x.src ? e.pagemap.cse_image[0].src : r != null && r["og:image"] ? r["og:image"] : "";
+  })(), h = N.some((l) => t.includes(l)), f = y({
+    imagePriority: u,
+    imageLoading: g,
+    imageFetchPriority: m,
+    imageDecoding: b
+  });
+  return /* @__PURE__ */ d("div", { className: "bt-ds-surface bt-ds-radius-8 flex w-full flex-col gap-2 overflow-hidden rounded-lg border border-grey-200 p-4 xs:h-36 xs:flex-row xs:gap-0 xs:p-0", children: [
+    /* @__PURE__ */ s("h5", { className: "line-clamp-1 block text-semibold16 text-grey-800 xs:hidden", children: e.title }),
+    /* @__PURE__ */ d("div", { className: "flex w-full flex-row items-center gap-4 xs:gap-0", children: [
+      t && !h ? /* @__PURE__ */ s("div", { className: "bt-ds-surface bt-ds-radius-10 bt-ds-xs-radius-left-8 bt-ds-xs-border-r-only flex aspect-square w-20 shrink-0 items-center justify-center overflow-hidden rounded-[10px] border border-grey-200 xs:w-36 xs:rounded-l-lg xs:rounded-r-none xs:border-y-0 xs:border-l-0 xs:border-r", children: /* @__PURE__ */ s(
+        "img",
+        {
+          src: t,
+          alt: `${e.title} 썸네일`,
+          className: "h-full w-full object-cover",
+          ...f
+        }
+      ) }) : /* @__PURE__ */ s("div", { className: "bt-ds-surface bt-ds-surface-white bt-ds-radius-10 bt-ds-xs-radius-left-8 bt-ds-xs-border-r-only hidden aspect-square w-20 shrink-0 items-center justify-center overflow-hidden rounded-[10px] border border-grey-200 bg-white xs:flex xs:w-36 xs:rounded-l-lg xs:rounded-r-none xs:border-y-0 xs:border-l-0 xs:border-r", children: "BLOG" }),
+      /* @__PURE__ */ d("div", { className: "flex h-full grow flex-col gap-1.5 overflow-hidden p-0 xs:gap-2.5 xs:p-5", children: [
+        /* @__PURE__ */ s("h5", { className: "hidden truncate text-semibold16 text-grey-800 xs:block", children: e.title }),
+        /* @__PURE__ */ s("div", { className: "line-clamp-4 w-full text-regular14 xs:line-clamp-2 xs:text-regular16", children: p }),
+        /* @__PURE__ */ s("div", { className: "hidden truncate text-regular13 text-violet-600 xs:block xs:text-regular14", children: e.displayLink })
+      ] })
+    ] }),
+    /* @__PURE__ */ s("div", { className: "block truncate rounded bg-grey-100 px-2 py-1 text-regular13 text-violet-600 xs:hidden", children: e.displayLink })
+  ] });
+};
+export {
+  j as B
+};

package/dist/company-info-card-2s2tEb3h.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("react/jsx-runtime");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");const h=require("./ui/button.cjs.js");require("./ui/calendar.cjs.js");const f=require("./ui/callout.cjs.js");require("./ui/card.cjs.js");require("./ui/checkbox.cjs.js");require("lucide-react");require("./ui/command.cjs.js");require("./ui/dialog.cjs.js");require("./ui/dropdown-menu.cjs.js");require("./ui/file-uploader.cjs.js");require("./ui/form.cjs.js");require("./ui/input.cjs.js");require("./ui/label.cjs.js");require("./ui/month-picker.cjs.js");require("./ui/multi-select.cjs.js");require("./ui/navigation-menu.cjs.js");require("./ui/popover.cjs.js");require("./ui/radio-group.cjs.js");require("./ui/scroll-area.cjs.js");require("./ui/select.cjs.js");require("./ui/separator.cjs.js");require("@radix-ui/react-slider");require("react");require("./ui/switch.cjs.js");require("./ui/tabs.cjs.js");require("./ui/tag.cjs.js");const t=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 x=require("./image-loading-DZFBFoVv.cjs");function g({intro:i,roleText:s="운영",descriptionId:a,imagePriority:n,imageLoading:u,imageFetchPriority:l,imageDecoding:c}){const{introductionData:r,companyId:o}=i;if(!r)return null;const d=a??`company-info-${o}`,m=x.getImageLoadingAttributes({imagePriority:n,imageLoading:u,imageFetchPriority:l,imageDecoding:c});return e.jsxs(f.Callout.Outline,{size:"lg",className:"bt-ds-surface bt-ds-radius-12 flex max-h-44 min-h-24 shrink-0 items-stretch justify-between gap-4 bg-background md:gap-5",children:[e.jsxs("span",{id:d,className:"sr-only",children:[i.companyName,"은(는) 본 부트캠프의 ",s,"사로, 상세 소개 페이지로 이동할 수 있다."]}),e.jsx("div",{className:"bt-ds-surface bt-ds-surface-white bt-ds-radius-full flex aspect-square w-16 shrink-0 items-center justify-center self-start overflow-hidden rounded-full border border-grey-200 bg-white",children:e.jsx("img",{src:r.logo,alt:`${i.companyName} 로고`,width:100,height:100,className:"object-contain",...m})}),e.jsx("div",{className:"min-h-0 flex-1 self-stretch",children:e.jsxs("div",{className:"flex h-full min-h-0 flex-col items-start gap-1 overflow-y-auto pr-1",children:[e.jsxs("div",{className:"flex w-full shrink-0 items-center gap-[5px]",children:[e.jsx(t.Text,{className:"line-clamp-1 font-semibold",children:r.companyName}),e.jsx("span",{"aria-label":"회사 역할",children:s})]}),e.jsx(t.Text,{className:"whitespace-pre-wrap text-start text-grey-600",children:r.title})]})}),e.jsx("span",{className:q.cn(h.buttonVariants({variant:"outline",theme:"secondary"}),"hidden self-center md:inline-flex"),"aria-hidden":"true",children:"자세히 보기"})]})}exports.CompanyInfoCard=g;

package/dist/{company-info-card-CbfighQM.js → company-info-card-DW0pvEeQ.js}

@@ -1,7 +1,7 @@
-import { jsxs as r, jsx as t } from "react/jsx-runtime";
+import { jsxs as i, jsx as t } from "react/jsx-runtime";
 import "./ui/accordion.es.js";
 import "./ui/alert-dialog.es.js";
-import { c as f } from "./common-C3JaD1vJ.js";
+import { c as h } from "./common-C3JaD1vJ.js";
 import "@radix-ui/react-aspect-ratio";
 import "./ui/avatar.es.js";
 import "./ui/badge.es.js";
@@ -37,58 +37,58 @@ import "./ui/toast.es.js";
 import "./ui/toggle.es.js";
 import "./ui/toggle-group.es.js";
 import "./ui/tooltip.es.js";
-import { g as x } from "./image-loading-BX5rKZfC.js";
+import { g as b } from "./image-loading-BX5rKZfC.js";
 function ot({
   intro: e,
   roleText: o = "운영",
   descriptionId: a,
-  imagePriority: n,
-  imageLoading: p,
-  imageFetchPriority: s,
+  imagePriority: s,
+  imageLoading: n,
+  imageFetchPriority: p,
   imageDecoding: l
 }) {
-  const { introductionData: i, companyId: c } = e;
-  if (!i) return null;
-  const d = a ?? `company-info-${c}`, h = x({
-    imagePriority: n,
-    imageLoading: p,
-    imageFetchPriority: s,
+  const { introductionData: r, companyId: c } = e;
+  if (!r) return null;
+  const d = a ?? `company-info-${c}`, f = b({
+    imagePriority: s,
+    imageLoading: n,
+    imageFetchPriority: p,
     imageDecoding: l
   });
-  return /* @__PURE__ */ r(
+  return /* @__PURE__ */ i(
     g.Outline,
     {
       size: "lg",
-      className: "flex max-h-44 min-h-24 shrink-0 items-stretch justify-between gap-4 bg-background md:gap-5",
+      className: "bt-ds-surface bt-ds-radius-12 flex max-h-44 min-h-24 shrink-0 items-stretch justify-between gap-4 bg-background md:gap-5",
       children: [
-        /* @__PURE__ */ r("span", { id: d, className: "sr-only", children: [
+        /* @__PURE__ */ i("span", { id: d, className: "sr-only", children: [
           e.companyName,
           "은(는) 본 부트캠프의 ",
           o,
           "사로, 상세 소개 페이지로 이동할 수 있다."
         ] }),
-        /* @__PURE__ */ t("div", { className: "flex aspect-square w-16 shrink-0 items-center justify-center self-start overflow-hidden rounded-full border border-grey-200 bg-white", children: /* @__PURE__ */ t(
+        /* @__PURE__ */ t("div", { className: "bt-ds-surface bt-ds-surface-white bt-ds-radius-full flex aspect-square w-16 shrink-0 items-center justify-center self-start overflow-hidden rounded-full border border-grey-200 bg-white", children: /* @__PURE__ */ t(
           "img",
           {
-            src: i.logo,
+            src: r.logo,
             alt: `${e.companyName} 로고`,
             width: 100,
             height: 100,
             className: "object-contain",
-            ...h
+            ...f
           }
         ) }),
-        /* @__PURE__ */ t("div", { className: "min-h-0 flex-1 self-stretch", children: /* @__PURE__ */ r("div", { className: "flex h-full min-h-0 flex-col items-start gap-1 overflow-y-auto pr-1", children: [
-          /* @__PURE__ */ r("div", { className: "flex w-full shrink-0 items-center gap-[5px]", children: [
-            /* @__PURE__ */ t(m, { className: "line-clamp-1 font-semibold", children: i.companyName }),
+        /* @__PURE__ */ t("div", { className: "min-h-0 flex-1 self-stretch", children: /* @__PURE__ */ i("div", { className: "flex h-full min-h-0 flex-col items-start gap-1 overflow-y-auto pr-1", children: [
+          /* @__PURE__ */ i("div", { className: "flex w-full shrink-0 items-center gap-[5px]", children: [
+            /* @__PURE__ */ t(m, { className: "line-clamp-1 font-semibold", children: r.companyName }),
             /* @__PURE__ */ t("span", { "aria-label": "회사 역할", children: o })
           ] }),
-          /* @__PURE__ */ t(m, { className: "whitespace-pre-wrap text-start text-grey-600", children: i.title })
+          /* @__PURE__ */ t(m, { className: "whitespace-pre-wrap text-start text-grey-600", children: r.title })
         ] }) }),
         /* @__PURE__ */ t(
           "span",
           {
-            className: f(u({ variant: "outline", theme: "secondary" }), "hidden self-center md:inline-flex"),
+            className: h(u({ variant: "outline", theme: "secondary" }), "hidden self-center md:inline-flex"),
             "aria-hidden": "true",
             children: "자세히 보기"
           }

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

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

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

@@ -1,5 +1,5 @@
 "use client";
-import { A as s } from "../article-asset-card-BArztiG9.js";
+import { A as s } from "../article-asset-card-qcDIWfT1.js";
 export {
   s as ArticleAssetCard
 };

package/dist/components/blog-review-card.cjs.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../blog-review-card-ONlNLtgL.cjs");exports.BlogReviewCard=e.BlogReviewCard;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../blog-review-card-D0A_OCfZ.cjs");exports.BlogReviewCard=e.BlogReviewCard;

package/dist/components/blog-review-card.es.js

@@ -1,5 +1,5 @@
 "use client";
-import { B as r } from "../blog-review-card-4XlcSDgR.js";
+import { B as r } from "../blog-review-card-DnGMnBpK.js";
 export {
   r as BlogReviewCard
 };

package/dist/components/company-info-card.cjs.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../company-info-card-qkBbW3NR.cjs");exports.CompanyInfoCard=e.CompanyInfoCard;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../company-info-card-2s2tEb3h.cjs");exports.CompanyInfoCard=e.CompanyInfoCard;

package/dist/components/company-info-card.es.js

@@ -1,5 +1,5 @@
 "use client";
-import { C as e } from "../company-info-card-CbfighQM.js";
+import { C as e } from "../company-info-card-DW0pvEeQ.js";
 export {
   e as CompanyInfoCard
 };

package/dist/components/environment-asset-photo.cjs.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../environment-asset-photo-sckCXEJl.cjs");exports.EnvironmentAssetPhoto=e.EnvironmentAssetPhoto;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../environment-asset-photo-CXxtAAax.cjs");exports.EnvironmentAssetPhoto=e.EnvironmentAssetPhoto;

package/dist/components/environment-asset-photo.es.js

@@ -1,5 +1,5 @@
 "use client";
-import { E as t } from "../environment-asset-photo-BnAny_--.js";
+import { E as t } from "../environment-asset-photo-BCR9v2we.js";
 export {
   t as EnvironmentAssetPhoto
 };

package/dist/components/event-asset-banner.cjs.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../event-asset-banner-B5VlsOHj.cjs");exports.EventAssetBanner=e.EventAssetBanner;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../event-asset-banner-7oR-mk_W.cjs");exports.EventAssetBanner=e.EventAssetBanner;

package/dist/components/event-asset-banner.es.js

@@ -1,5 +1,5 @@
 "use client";
-import { E as s } from "../event-asset-banner-Ciodpld1.js";
+import { E as s } from "../event-asset-banner-CtIZrEkF.js";
 export {
   s as EventAssetBanner
 };

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

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../lecturer-card-DBiqWwkS.cjs");exports.LecturerCard=e.LecturerCard;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../lecturer-card-CGPXVDdx.cjs");exports.LecturerCard=e.LecturerCard;

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

@@ -1,5 +1,5 @@
 "use client";
-import { L as t } from "../lecturer-card-DxUE7e2-.js";
+import { L as t } from "../lecturer-card-B80BJVu3.js";
 export {
   t as LecturerCard
 };

package/dist/components/partner-list-card.cjs.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../partner-list-card-BFLCQG68.cjs");exports.PartnerListCard=r.PartnerListCard;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../partner-list-card-DL_omz4v.cjs");exports.PartnerListCard=r.PartnerListCard;

package/dist/components/partner-list-card.es.js

@@ -1,5 +1,5 @@
 "use client";
-import { P as t } from "../partner-list-card-CICvp20I.js";
+import { P as t } from "../partner-list-card-Bx-UZxGG.js";
 export {
   t as PartnerListCard
 };

package/dist/components/portfolio-asset-card.cjs.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../portfolio-asset-card-LGVusg6G.cjs");exports.PortfolioAssetCard=o.PortfolioAssetCard;exports.PortfolioAssetFooter=o.PortfolioAssetFooter;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../portfolio-asset-card-BmMuzr1N.cjs");exports.PortfolioAssetCard=o.PortfolioAssetCard;exports.PortfolioAssetFooter=o.PortfolioAssetFooter;

package/dist/components/portfolio-asset-card.es.js

@@ -1,5 +1,5 @@
 "use client";
-import { P as t, a as e } from "../portfolio-asset-card-BMp0bpvB.js";
+import { P as t, a as e } from "../portfolio-asset-card-BUpfqafC.js";
 export {
   t as PortfolioAssetCard,
   e as PortfolioAssetFooter

package/dist/components.cjs.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./event-card-CtP5nHb-.cjs"),t=require("./main-banner-image-DrgP1NNQ.cjs"),o=require("./premium-card-2JBwM6aL.cjs"),n=require("./title-tag-card-DfVSv6a_.cjs"),a=require("./article-asset-card-Dfzz2i_R.cjs"),s=require("./blog-review-card-ONlNLtgL.cjs"),i=require("./company-info-card-qkBbW3NR.cjs"),d=require("./environment-asset-photo-sckCXEJl.cjs"),u=require("./event-asset-banner-B5VlsOHj.cjs"),C=require("./lecturer-card-DBiqWwkS.cjs"),c=require("./partner-list-card-BFLCQG68.cjs"),e=require("./portfolio-asset-card-LGVusg6G.cjs"),l=require("./youtube-video-modal-pooOcDO1.cjs");exports.EventCard=r.EventCard;exports.MainBannerImage=t.MainBannerImage;exports.PremiumCard=o.PremiumCard;exports.TitleTagCard=n.TitleTagCard;exports.ArticleAssetCard=a.ArticleAssetCard;exports.BlogReviewCard=s.BlogReviewCard;exports.CompanyInfoCard=i.CompanyInfoCard;exports.EnvironmentAssetPhoto=d.EnvironmentAssetPhoto;exports.EventAssetBanner=u.EventAssetBanner;exports.LecturerCard=C.LecturerCard;exports.PartnerListCard=c.PartnerListCard;exports.PortfolioAssetCard=e.PortfolioAssetCard;exports.PortfolioAssetFooter=e.PortfolioAssetFooter;exports.YoutubeVideoModal=l.YoutubeVideoModal;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./event-card-CtP5nHb-.cjs"),t=require("./main-banner-image-DrgP1NNQ.cjs"),o=require("./premium-card-2JBwM6aL.cjs"),n=require("./title-tag-card-DfVSv6a_.cjs"),a=require("./article-asset-card-BHCS9imn.cjs"),s=require("./blog-review-card-D0A_OCfZ.cjs"),i=require("./company-info-card-2s2tEb3h.cjs"),d=require("./environment-asset-photo-CXxtAAax.cjs"),u=require("./event-asset-banner-7oR-mk_W.cjs"),C=require("./lecturer-card-CGPXVDdx.cjs"),c=require("./partner-list-card-DL_omz4v.cjs"),e=require("./portfolio-asset-card-BmMuzr1N.cjs"),l=require("./youtube-video-modal-pooOcDO1.cjs");exports.EventCard=r.EventCard;exports.MainBannerImage=t.MainBannerImage;exports.PremiumCard=o.PremiumCard;exports.TitleTagCard=n.TitleTagCard;exports.ArticleAssetCard=a.ArticleAssetCard;exports.BlogReviewCard=s.BlogReviewCard;exports.CompanyInfoCard=i.CompanyInfoCard;exports.EnvironmentAssetPhoto=d.EnvironmentAssetPhoto;exports.EventAssetBanner=u.EventAssetBanner;exports.LecturerCard=C.LecturerCard;exports.PartnerListCard=c.PartnerListCard;exports.PortfolioAssetCard=e.PortfolioAssetCard;exports.PortfolioAssetFooter=e.PortfolioAssetFooter;exports.YoutubeVideoModal=l.YoutubeVideoModal;

package/dist/components.es.js

@@ -3,14 +3,14 @@ import { E as e } from "./event-card-DmVD1K4_.js";
 import { M as t } from "./main-banner-image-xEWh1NVs.js";
 import { P as m } from "./premium-card-TDA3lplm.js";
 import { T as n } from "./title-tag-card-D_jVbsE3.js";
-import { A as x } from "./article-asset-card-BArztiG9.js";
-import { B as i } from "./blog-review-card-4XlcSDgR.js";
-import { C as P } from "./company-info-card-CbfighQM.js";
-import { E as A } from "./environment-asset-photo-BnAny_--.js";
-import { E as u } from "./event-asset-banner-Ciodpld1.js";
-import { L as B } from "./lecturer-card-DxUE7e2-.js";
-import { P as g } from "./partner-list-card-CICvp20I.js";
-import { P as M, a as T } from "./portfolio-asset-card-BMp0bpvB.js";
+import { A as x } from "./article-asset-card-qcDIWfT1.js";
+import { B as i } from "./blog-review-card-DnGMnBpK.js";
+import { C as P } from "./company-info-card-DW0pvEeQ.js";
+import { E as A } from "./environment-asset-photo-BCR9v2we.js";
+import { E as u } from "./event-asset-banner-CtIZrEkF.js";
+import { L as B } from "./lecturer-card-B80BJVu3.js";
+import { P as g } from "./partner-list-card-Bx-UZxGG.js";
+import { P as M, a as T } from "./portfolio-asset-card-BUpfqafC.js";
 import { Y } from "./youtube-video-modal-CENnr9lf.js";
 export {
   x as ArticleAssetCard,

package/dist/{environment-asset-photo-BnAny_--.js → environment-asset-photo-BCR9v2we.js}

@@ -1,26 +1,26 @@
 import { jsx as e } from "react/jsx-runtime";
-import { g as c } from "./image-loading-BX5rKZfC.js";
-function m({
+import { g as u } from "./image-loading-BX5rKZfC.js";
+function b({
   imageUrl: r,
   index: t,
   onClick: o,
-  imagePriority: a,
-  imageLoading: l,
-  imageFetchPriority: n,
-  imageDecoding: s
+  imagePriority: s,
+  imageLoading: a,
+  imageFetchPriority: i,
+  imageDecoding: l
 }) {
-  const i = c({
-    imagePriority: a,
-    imageLoading: l,
-    imageFetchPriority: n,
-    imageDecoding: s
+  const n = u({
+    imagePriority: s,
+    imageLoading: a,
+    imageFetchPriority: i,
+    imageDecoding: l
   });
   return /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
     "button",
     {
       type: "button",
       onClick: o,
-      className: "flex aspect-square w-full items-center justify-center overflow-hidden rounded-lg border border-grey-200 bg-background",
+      className: "bt-ds-surface bt-ds-radius-8 flex aspect-square w-full items-center justify-center overflow-hidden rounded-lg border border-grey-200 bg-background",
       "aria-label": `학습 환경 사진 ${t + 1}번 크게 보기`,
       children: /* @__PURE__ */ e(
         "img",
@@ -28,12 +28,12 @@ function m({
           src: r,
           alt: `학습 환경 사진 ${t + 1}`,
           className: "h-full w-full object-cover",
-          ...i
+          ...n
         }
       )
     }
   ) });
 }
 export {
-  m as E
+  b as E
 };

package/dist/environment-asset-photo-CXxtAAax.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("react/jsx-runtime"),c=require("./image-loading-DZFBFoVv.cjs");function l({imageUrl:r,index:t,onClick:s,imagePriority:i,imageLoading:n,imageFetchPriority:o,imageDecoding:a}){const u=c.getImageLoadingAttributes({imagePriority:i,imageLoading:n,imageFetchPriority:o,imageDecoding:a});return e.jsx("li",{children:e.jsx("button",{type:"button",onClick:s,className:"bt-ds-surface bt-ds-radius-8 flex aspect-square w-full items-center justify-center overflow-hidden rounded-lg border border-grey-200 bg-background","aria-label":`학습 환경 사진 ${t+1}번 크게 보기`,children:e.jsx("img",{src:r,alt:`학습 환경 사진 ${t+1}`,className:"h-full w-full object-cover",...u})})})}exports.EnvironmentAssetPhoto=l;

package/dist/event-asset-banner-7oR-mk_W.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("react/jsx-runtime"),f=require("./common-Ds1lanOg.cjs"),h=require("./image-loading-DZFBFoVv.cjs"),v={presentation:{value:"presentation",label:"사전설명회"},seminar:{value:"seminar",label:"세미나"},preNotice:{value:"preNotice",label:"사전알림"},coffeeChat:{value:"coffeeChat",label:"커피챗"}};function j({eventValue:c,buttonClass:i,imagePriority:d,imageLoading:u,imageFetchPriority:p,imageDecoding:m}){var o;const{imageUrl:s,eventImageUrl:l,title:a,eventTitle:r,colors:t,eventType:n,eventDate:x}=c,b=((o=v[n])==null?void 0:o.label)??n,g=h.getImageLoadingAttributes({imagePriority:d,imageLoading:u,imageFetchPriority:p,imageDecoding:m});return e.jsxs("div",{className:"bt-ds-surface bt-ds-radius-10 relative flex aspect-[4.5/1] w-full items-center overflow-hidden rounded-[10px] border border-grey-200 xs:aspect-[5/1] sm:aspect-[6/1] md:aspect-[8/1] lg:aspect-[6/1] xl:aspect-[7/1]",children:[e.jsx("div",{className:"relative flex h-full w-1/4 shrink-0 items-center",children:e.jsx("img",{src:(l==null?void 0:l.pc)||(s==null?void 0:s.pc)||"",alt:c.companyId,className:"absolute h-full w-full object-cover",...g})}),e.jsxs("div",{style:{backgroundColor:t.background,color:t.title},className:"relative flex h-full w-full grow items-center justify-between gap-[5px] p-5",children:[e.jsxs("div",{className:"flex h-full grow flex-col items-start justify-center gap-[5px]",children:[e.jsxs("div",{style:{color:t.date},className:"text-medium14",children:[b,"﹒",x.replaceAll("-",".")]}),e.jsx("div",{style:{color:t.title},className:"whitespace-nowrap text-semibold14 xs:text-semibold18",children:(r==null?void 0:r.pc)||(a==null?void 0:a.pc)}),e.jsx("div",{style:{background:`linear-gradient(to right, transparent, ${t.background})`},className:"absolute right-full h-full w-[2%]"})]}),e.jsx("span",{style:{background:t.button,color:t.buttonText},className:f.cn("hidden","rounded","px-3","py-2","text-regular14","md:block","lg:hidden","xl:block","whitespace-nowrap",i),children:"자세히 보기 ->"})]})]})}exports.EventAssetBanner=j;

package/dist/{event-asset-banner-Ciodpld1.js → event-asset-banner-CtIZrEkF.js}

@@ -1,4 +1,4 @@
-import { jsxs as t, jsx as l } from "react/jsx-runtime";
+import { jsxs as l, jsx as t } from "react/jsx-runtime";
 import { c as x } from "./common-C3JaD1vJ.js";
 import { g as v } from "./image-loading-BX5rKZfC.js";
 const w = {
@@ -22,8 +22,8 @@ function j({
     imageFetchPriority: m,
     imageDecoding: b
   });
-  return /* @__PURE__ */ t("div", { className: "relative flex aspect-[4.5/1] w-full items-center overflow-hidden rounded-[10px] border border-grey-200 xs:aspect-[5/1] sm:aspect-[6/1] md:aspect-[8/1] lg:aspect-[6/1] xl:aspect-[7/1]", children: [
-    /* @__PURE__ */ l("div", { className: "relative flex h-full w-1/4 shrink-0 items-center", children: /* @__PURE__ */ l(
+  return /* @__PURE__ */ l("div", { className: "bt-ds-surface bt-ds-radius-10 relative flex aspect-[4.5/1] w-full items-center overflow-hidden rounded-[10px] border border-grey-200 xs:aspect-[5/1] sm:aspect-[6/1] md:aspect-[8/1] lg:aspect-[6/1] xl:aspect-[7/1]", children: [
+    /* @__PURE__ */ t("div", { className: "relative flex h-full w-1/4 shrink-0 items-center", children: /* @__PURE__ */ t(
       "img",
       {
         src: (s == null ? void 0 : s.pc) || (a == null ? void 0 : a.pc) || "",
@@ -32,7 +32,7 @@ function j({
         ...g
       }
     ) }),
-    /* @__PURE__ */ t(
+    /* @__PURE__ */ l(
       "div",
       {
         style: {
@@ -41,14 +41,14 @@ function j({
         },
         className: "relative flex h-full w-full grow items-center justify-between gap-[5px] p-5",
         children: [
-          /* @__PURE__ */ t("div", { className: "flex h-full grow flex-col items-start justify-center gap-[5px]", children: [
-            /* @__PURE__ */ t("div", { style: { color: e.date }, className: "text-medium14", children: [
+          /* @__PURE__ */ l("div", { className: "flex h-full grow flex-col items-start justify-center gap-[5px]", children: [
+            /* @__PURE__ */ l("div", { style: { color: e.date }, className: "text-medium14", children: [
               h,
               "﹒",
               f.replaceAll("-", ".")
             ] }),
-            /* @__PURE__ */ l("div", { style: { color: e.title }, className: "whitespace-nowrap text-semibold14 xs:text-semibold18", children: (c == null ? void 0 : c.pc) || (r == null ? void 0 : r.pc) }),
-            /* @__PURE__ */ l(
+            /* @__PURE__ */ t("div", { style: { color: e.title }, className: "whitespace-nowrap text-semibold14 xs:text-semibold18", children: (c == null ? void 0 : c.pc) || (r == null ? void 0 : r.pc) }),
+            /* @__PURE__ */ t(
               "div",
               {
                 style: {
@@ -58,7 +58,7 @@ function j({
               }
             )
           ] }),
-          /* @__PURE__ */ l(
+          /* @__PURE__ */ t(
             "span",
             {
               style: {

package/dist/foundation.css

@@ -241,6 +241,53 @@
   --ring: 216 12.2% 83.9%;
 }
 
+.bt-ds-surface {
+  border-width: 1px !important;
+  border-style: solid !important;
+  border-color: #dde2e6 !important;
+  background-color: var(--background) !important;
+}
+
+.bt-ds-surface-white {
+  background-color: #ffffff !important;
+}
+
+.bt-ds-radius-8 {
+  border-radius: 8px !important;
+}
+
+.bt-ds-radius-10 {
+  border-radius: 10px !important;
+}
+
+.bt-ds-radius-12 {
+  border-radius: 12px !important;
+}
+
+.bt-ds-radius-16 {
+  border-radius: 16px !important;
+}
+
+.bt-ds-radius-full {
+  border-radius: 9999px !important;
+}
+
+@media (min-width: 480px) {
+  .bt-ds-xs-radius-left-8 {
+    border-top-left-radius: 8px !important;
+    border-bottom-left-radius: 8px !important;
+    border-top-right-radius: 0 !important;
+    border-bottom-right-radius: 0 !important;
+  }
+
+  .bt-ds-xs-border-r-only {
+    border-top-width: 0 !important;
+    border-bottom-width: 0 !important;
+    border-left-width: 0 !important;
+    border-right-width: 1px !important;
+  }
+}
+
 .scrollbar-hidden {
   -ms-overflow-style: none;
   scrollbar-width: none;