boottent-design 0.1.238 → 0.1.240

package/README.md

@@ -8,6 +8,7 @@
   - [설치](#설치)
   - [빠른 사용법 (Tailwind 설정 불필요)](#빠른-사용법-tailwind-설정-불필요)
   - [Tailwind 앱 권장 사용법](#tailwind-앱-권장-사용법)
+  - [다른 컴포넌트 라이브러리와 공존 (antd, MUI 등)](#다른-컴포넌트-라이브러리와-공존-antd-mui-등)
   - [성능 권장 import](#성능-권장-import)
   - [모듈 import 경로](#모듈-import-경로)
 - [제작 및 배포](#제작-및-배포)
@@ -98,6 +99,43 @@ export function Sample() {
 }
 ```
 
+> **Note** — `boottent-design/foundation.css`는 자체 스코프된 Tailwind preflight 리셋을 내장하고 있어, 소비자 앱이 `tailwind.config.js`에서 `corePlugins: { preflight: false }`로 설정해도 디자인시스템 컴포넌트는 정상 렌더링됩니다. (antd, MUI 등 다른 컴포넌트 라이브러리와 공존하는 환경 대응.)
+
+### 다른 컴포넌트 라이브러리와 공존 (antd, MUI 등)
+
+antd처럼 자체 글로벌 리셋(`<button>`, `<input>` 등)을 가진 컴포넌트 라이브러리는 Tailwind preflight와 충돌할 수 있습니다.
+디자인시스템은 이 충돌을 피하면서도 자체 컴포넌트는 Storybook과 동일하게 렌더되도록 설계되어 있습니다.
+
+- `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` 등)가 의도대로 작동합니다.
+
+권장 설정:
+
+```js
+// tailwind.config.js
+module.exports = {
+  presets: [require("boottent-design/tailwind-preset")],
+  content: [
+    "./src/**/*.{ts,tsx}",
+    "./node_modules/boottent-design/dist/**/*.{js,cjs,mjs}",
+  ],
+  corePlugins: {
+    preflight: false, // antd 등과 충돌 회피
+  },
+};
+```
+
+권장 import 순서 (앱 엔트리):
+
+```tsx
+import "antd/dist/antd.css"; // 또는 antd less
+import "./globals.css"; // 앱의 글로벌 스타일
+import "boottent-design/foundation.css"; // DS는 마지막에 둬 변수/리셋이 우선
+```
+
+이 구성에서 소비자는 추가 조치 없이 DS 컴포넌트가 Storybook과 동일한 외형으로 렌더되는 것을 기대할 수 있습니다.
+
 ### 성능 권장 import
 
 소비자 앱 빌드 시간을 줄이려면 배럴 import보다 deep import를 권장합니다.
@@ -128,6 +166,7 @@ export function Sample() {
 ### 참고
 
 - Tailwind를 직접 운영하는 소비자 앱은 `styles.css` 대신 `foundation.css + tailwind-preset` 조합을 권장합니다.
+- `foundation.css`는 self-sufficient합니다. 즉, 토큰(CSS 변수, Pretendard, 커스텀 유틸리티)뿐 아니라 **스코프된 Tailwind preflight 리셋**까지 포함하고 있어 `preflight: false` 환경에서도 DS 컴포넌트가 정상 렌더됩니다. 단 Tailwind 유틸리티 클래스 자체(예: `text-semibold14`, `bg-grey-100`)는 소비자 앱의 Tailwind 빌드에서 생성되므로 `tailwind-preset`과 `content` 설정은 여전히 필요합니다.
 - `styles.css`는 Tailwind 미사용 소비자를 위한 올인원 엔트리로 계속 유지됩니다.
 
 ## 제작 및 배포

package/dist/DESIGN.md

@@ -2,8 +2,8 @@
 
 > [!WARNING]
 > **자동 생성된 파일 — 직접 수정 금지**
-> 생성 일시: 2026. 5. 19. 오후 3:53:39
-> 원본 소스: boottent-design v0.1.238
+> 생성 일시: 2026. 5. 20. 오후 4:21:53
+> 원본 소스: boottent-design v0.1.240
 
 ## 1. 개요 (Overview)
 

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

@@ -1,5 +1,5 @@
-import { jsx as o, jsxs as i } from "react/jsx-runtime";
-import { c as e } from "./index-BFsbj9HY.js";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { c as o } from "./index-BFsbj9HY.js";
 import "./ui/accordion.es.js";
 import "./ui/alert-dialog.es.js";
 import "@radix-ui/react-aspect-ratio";
@@ -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 m } from "./ui/icons.es.js";
+import { Icon as n } from "./ui/icons.es.js";
 import "./ui/input.es.js";
 import "./ui/label.es.js";
 import "./ui/month-picker.es.js";
@@ -38,40 +38,53 @@ import "./ui/toast.es.js";
 import "./ui/toggle.es.js";
 import "./ui/toggle-group.es.js";
 import "./ui/tooltip.es.js";
-const a = {
+import { g as d } from "./image-loading-BX5rKZfC.js";
+const g = {
   bootcamp: { text: "부트캠프", color: "", background: "" },
-  job: { text: "취업꿀팁", color: e.brown[500], background: e.brown[50] },
-  study: { text: "개념정리", color: e.lime[500], background: e.lime[50] },
-  insight: { text: "인사이트", color: e.blue[500], background: e.blue[50] },
+  job: { text: "취업꿀팁", color: o.brown[500], background: o.brown[50] },
+  study: { text: "개념정리", color: o.lime[500], background: o.lime[50] },
+  insight: { text: "인사이트", color: o.blue[500], background: o.blue[50] },
   webtoon: { text: "개발자툰", color: "", background: "" }
 };
-function p({ children: r, backgroundColor: l, color: t }) {
-  return /* @__PURE__ */ o(
+function u({ children: t, backgroundColor: l, color: m }) {
+  return /* @__PURE__ */ r(
     "div",
     {
-      style: { backgroundColor: l, color: t },
+      style: { backgroundColor: l, color: m },
       className: "whitespace-nowrap break-keep rounded bg-grey-100 px-2 py-0.5 text-regular13 text-grey-600 xs:text-regular14",
-      children: r
+      children: t
     }
   );
 }
-function X({ article: r, isYoutube: l = !1 }) {
-  const t = r.category ? a[r.category] : void 0;
-  return /* @__PURE__ */ o(
+function ot({
+  article: t,
+  isYoutube: l = !1,
+  imagePriority: m,
+  imageLoading: a,
+  imageFetchPriority: s,
+  imageDecoding: p
+}) {
+  const e = t.category ? g[t.category] : void 0, c = d({
+    imagePriority: m,
+    imageLoading: a,
+    imageFetchPriority: s,
+    imageDecoding: p
+  });
+  return /* @__PURE__ */ r(
     "div",
     {
-      className: "w-full list-none overflow-hidden rounded-[10px] border border-grey-200 bg-white",
-      "data-asset-id": r.assetId,
-      children: /* @__PURE__ */ i("div", { className: "flex w-full flex-col", children: [
+      className: "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__ */ o("img", { src: r.imageUrl, alt: "image", className: "aspect-video w-full object-cover", loading: "lazy" }),
-          l && /* @__PURE__ */ o("div", { className: "absolute inset-0 flex items-center justify-center bg-white/30", children: /* @__PURE__ */ o(m.Play, { size: "40" }) })
+          /* @__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" }) })
         ] }),
         /* @__PURE__ */ i("div", { className: "flex flex-col items-start gap-2 p-4", children: [
-          t && /* @__PURE__ */ o(p, { backgroundColor: t.background || "", color: t.color || "", children: t.text }),
+          e && /* @__PURE__ */ r(u, { backgroundColor: e.background || "", color: e.color || "", children: e.text }),
           /* @__PURE__ */ i("div", { className: "flex flex-col gap-2", children: [
-            /* @__PURE__ */ o("p", { className: "line-clamp-2 text-semibold14 xs:text-semibold16", children: r.title }),
-            /* @__PURE__ */ o("p", { className: "line-clamp-3 text-regular13 text-grey-500 xs:text-regular14", children: r.description })
+            /* @__PURE__ */ r("p", { className: "line-clamp-2 text-semibold14 xs:text-semibold16", children: t.title }),
+            /* @__PURE__ */ r("p", { className: "line-clamp-3 text-regular13 text-grey-500 xs:text-regular14", children: t.description })
           ] })
         ] })
       ] })
@@ -79,5 +92,5 @@ function X({ article: r, isYoutube: l = !1 }) {
   );
 }
 export {
-  X as A
+  ot as A
 };

package/dist/article-asset-card-Dfzz2i_R.cjs

@@ -0,0 +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;

package/dist/blog-review-card-4XlcSDgR.js

@@ -0,0 +1,44 @@
+import { jsxs as d, jsx as r } from "react/jsx-runtime";
+import { g as y } from "./image-loading-BX5rKZfC.js";
+const N = ["blogthumb.pstatic.net", "naverblog.com"], j = ({
+  review: e,
+  imagePriority: g,
+  imageLoading: m,
+  imageFetchPriority: u,
+  imageDecoding: p
+}) => {
+  var a;
+  if (!e.pagemap) return null;
+  const s = (a = e.pagemap.metatags) == null ? void 0 : a[0], h = (s == null ? void 0 : s["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 : s != null && s["og:image"] ? s["og:image"] : "";
+  })(), b = N.some((l) => t.includes(l)), f = y({
+    imagePriority: g,
+    imageLoading: m,
+    imageFetchPriority: u,
+    imageDecoding: p
+  });
+  return /* @__PURE__ */ d("div", { className: "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__ */ r("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 && !b ? /* @__PURE__ */ r("div", { className: "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__ */ r(
+        "img",
+        {
+          src: t,
+          alt: `${e.title} 썸네일`,
+          className: "h-full w-full object-cover",
+          ...f
+        }
+      ) }) : /* @__PURE__ */ r("div", { className: "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__ */ r("h5", { className: "hidden truncate text-semibold16 text-grey-800 xs:block", children: e.title }),
+        /* @__PURE__ */ r("div", { className: "line-clamp-4 w-full text-regular14 xs:line-clamp-2 xs:text-regular16", children: h }),
+        /* @__PURE__ */ r("div", { className: "hidden truncate text-regular13 text-violet-600 xs:block xs:text-regular14", children: e.displayLink })
+      ] })
+    ] }),
+    /* @__PURE__ */ r("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/blog-review-card-ONlNLtgL.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:g,imageFetchPriority:u,imageDecoding:m})=>{var d;if(!e.pagemap)return null;const r=(d=e.pagemap.metatags)==null?void 0:d[0],p=(r==null?void 0:r["og:description"])||e.snippet,t=(()=>{var l,a,n,i,o,c;return(n=(a=(l=e.pagemap)==null?void 0:l.cse_thumbnail)==null?void 0:a[0])!=null&&n.src?e.pagemap.cse_thumbnail[0].src:(c=(o=(i=e.pagemap)==null?void 0:i.cse_image)==null?void 0:o[0])!=null&&c.src?e.pagemap.cse_image[0].src:r!=null&&r["og:image"]?r["og:image"]:""})(),h=j.some(l=>t.includes(l)),b=f.getImageLoadingAttributes({imagePriority:x,imageLoading:g,imageFetchPriority:u,imageDecoding:m});return s.jsxs("div",{className:"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:[t&&!h?s.jsx("div",{className:"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:t,alt:`${e.title} 썸네일`,className:"h-full w-full object-cover",...b})}):s.jsx("div",{className:"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:p}),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/{company-info-card-CpxDQZoa.js → company-info-card-CbfighQM.js}

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

package/dist/company-info-card-qkBbW3NR.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 x=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 a=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 g=require("./image-loading-DZFBFoVv.cjs");function f({intro:i,roleText:s="운영",descriptionId:n,imagePriority:t,imageLoading:u,imageFetchPriority:l,imageDecoding:c}){const{introductionData:r,companyId:o}=i;if(!r)return null;const d=n??`company-info-${o}`,m=g.getImageLoadingAttributes({imagePriority:t,imageLoading:u,imageFetchPriority:l,imageDecoding:c});return e.jsxs(x.Callout.Outline,{size:"lg",className:"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:"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(a.Text,{className:"line-clamp-1 font-semibold",children:r.companyName}),e.jsx("span",{"aria-label":"회사 역할",children:s})]}),e.jsx(a.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=f;

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-CC9LWxwh.cjs");exports.ArticleAssetCard=e.ArticleAssetCard;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../article-asset-card-Dfzz2i_R.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-DJ01lgjB.js";
+import { A as s } from "../article-asset-card-BArztiG9.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-D4UJwom2.cjs");exports.BlogReviewCard=e.BlogReviewCard;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../blog-review-card-ONlNLtgL.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-5g1rbMJ_.js";
+import { B as r } from "../blog-review-card-4XlcSDgR.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-Dx_4nPGT.cjs");exports.CompanyInfoCard=e.CompanyInfoCard;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../company-info-card-qkBbW3NR.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-CpxDQZoa.js";
+import { C as e } from "../company-info-card-CbfighQM.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-DMSQ1Ext.cjs");exports.EnvironmentAssetPhoto=e.EnvironmentAssetPhoto;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../environment-asset-photo-sckCXEJl.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-Dk8pKTD3.js";
+import { E as t } from "../environment-asset-photo-BnAny_--.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-DLKw6TZu.cjs");exports.EventAssetBanner=e.EventAssetBanner;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../event-asset-banner-B5VlsOHj.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-C4s2AcNJ.js";
+import { E as s } from "../event-asset-banner-Ciodpld1.js";
 export {
   s as EventAssetBanner
 };

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

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../event-card-DwnP_Qsj.cjs");exports.EventCard=e.EventCard;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../event-card-CtP5nHb-.cjs");exports.EventCard=e.EventCard;

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

@@ -1,5 +1,5 @@
 "use client";
-import { E as t } from "../event-card-DCs6nu0G.js";
+import { E as t } from "../event-card-DmVD1K4_.js";
 export {
   t as EventCard
 };

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-DLMnM4fU.cjs");exports.LecturerCard=e.LecturerCard;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../lecturer-card-DBiqWwkS.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-DQCphrTD.js";
+import { L as t } from "../lecturer-card-DxUE7e2-.js";
 export {
   t as LecturerCard
 };

package/dist/components/main-banner-image.cjs.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../main-banner-image-Ce2c6ODO.cjs");exports.MainBannerImage=e.MainBannerImage;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../main-banner-image-DrgP1NNQ.cjs");exports.MainBannerImage=e.MainBannerImage;

package/dist/components/main-banner-image.es.js

@@ -1,5 +1,5 @@
 "use client";
-import { M as n } from "../main-banner-image-Cwwt6xKE.js";
+import { M as n } from "../main-banner-image-xEWh1NVs.js";
 export {
   n as MainBannerImage
 };

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-BNOnHkub.cjs");exports.PartnerListCard=r.PartnerListCard;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../partner-list-card-BFLCQG68.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-Bbynki-W.js";
+import { P as t } from "../partner-list-card-CICvp20I.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-ChxZMbNY.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-LGVusg6G.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-CYRD5Pmy.js";
+import { P as t, a as e } from "../portfolio-asset-card-BMp0bpvB.js";
 export {
   t as PortfolioAssetCard,
   e as PortfolioAssetFooter

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

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../premium-card-Dk-pTOyb.cjs");exports.PremiumCard=e.PremiumCard;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../premium-card-2JBwM6aL.cjs");exports.PremiumCard=e.PremiumCard;

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

@@ -1,5 +1,5 @@
 "use client";
-import { P as m } from "../premium-card-BOlG7ZZG.js";
+import { P as m } from "../premium-card-TDA3lplm.js";
 export {
   m as PremiumCard
 };

package/dist/components/title-tag-card.cjs.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../title-tag-card-kzgE6S3R.cjs");exports.TitleTagCard=e.TitleTagCard;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../title-tag-card-DfVSv6a_.cjs");exports.TitleTagCard=e.TitleTagCard;

package/dist/components/title-tag-card.es.js

@@ -1,5 +1,5 @@
 "use client";
-import { T as r } from "../title-tag-card-CCInX94f.js";
+import { T as r } from "../title-tag-card-D_jVbsE3.js";
 export {
   r as TitleTagCard
 };

package/dist/components.cjs.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./event-card-DwnP_Qsj.cjs"),t=require("./main-banner-image-Ce2c6ODO.cjs"),o=require("./premium-card-Dk-pTOyb.cjs"),n=require("./title-tag-card-kzgE6S3R.cjs"),a=require("./article-asset-card-CC9LWxwh.cjs"),s=require("./blog-review-card-D4UJwom2.cjs"),i=require("./company-info-card-Dx_4nPGT.cjs"),d=require("./environment-asset-photo-DMSQ1Ext.cjs"),u=require("./event-asset-banner-DLKw6TZu.cjs"),C=require("./lecturer-card-DLMnM4fU.cjs"),c=require("./partner-list-card-BNOnHkub.cjs"),e=require("./portfolio-asset-card-ChxZMbNY.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-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;

package/dist/components.es.js

@@ -1,16 +1,16 @@
 "use client";
-import { E as e } from "./event-card-DCs6nu0G.js";
-import { M as t } from "./main-banner-image-Cwwt6xKE.js";
-import { P as m } from "./premium-card-BOlG7ZZG.js";
-import { T as n } from "./title-tag-card-CCInX94f.js";
-import { A as x } from "./article-asset-card-DJ01lgjB.js";
-import { B as i } from "./blog-review-card-5g1rbMJ_.js";
-import { C as P } from "./company-info-card-CpxDQZoa.js";
-import { E as A } from "./environment-asset-photo-Dk8pKTD3.js";
-import { E as u } from "./event-asset-banner-C4s2AcNJ.js";
-import { L as B } from "./lecturer-card-DQCphrTD.js";
-import { P as g } from "./partner-list-card-Bbynki-W.js";
-import { P as M, a as T } from "./portfolio-asset-card-CYRD5Pmy.js";
+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 { Y } from "./youtube-video-modal-CENnr9lf.js";
 export {
   x as ArticleAssetCard,

package/dist/environment-asset-photo-BnAny_--.js

@@ -0,0 +1,39 @@
+import { jsx as e } from "react/jsx-runtime";
+import { g as c } from "./image-loading-BX5rKZfC.js";
+function m({
+  imageUrl: r,
+  index: t,
+  onClick: o,
+  imagePriority: a,
+  imageLoading: l,
+  imageFetchPriority: n,
+  imageDecoding: s
+}) {
+  const i = c({
+    imagePriority: a,
+    imageLoading: l,
+    imageFetchPriority: n,
+    imageDecoding: s
+  });
+  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",
+      "aria-label": `학습 환경 사진 ${t + 1}번 크게 보기`,
+      children: /* @__PURE__ */ e(
+        "img",
+        {
+          src: r,
+          alt: `학습 환경 사진 ${t + 1}`,
+          className: "h-full w-full object-cover",
+          ...i
+        }
+      )
+    }
+  ) });
+}
+export {
+  m as E
+};

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

@@ -0,0 +1 @@
+"use strict";const e=require("react/jsx-runtime"),u=require("./image-loading-DZFBFoVv.cjs");function c({imageUrl:r,index:t,onClick:n,imagePriority:i,imageLoading:o,imageFetchPriority:s,imageDecoding:a}){const l=u.getImageLoadingAttributes({imagePriority:i,imageLoading:o,imageFetchPriority:s,imageDecoding:a});return e.jsx("li",{children:e.jsx("button",{type:"button",onClick:n,className:"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",...l})})})}exports.EnvironmentAssetPhoto=c;

package/dist/event-asset-banner-B5VlsOHj.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,g=((o=v[n])==null?void 0:o.label)??n,b=h.getImageLoadingAttributes({imagePriority:d,imageLoading:u,imageFetchPriority:p,imageDecoding:m});return e.jsxs("div",{className:"relative flex aspect-[4.5/1] w-full items-center overflow-hidden rounded-[10px] border border-grey-200 xs:aspect-[5/1] sm:aspect-[6/1] md:aspect-[8/1] lg:aspect-[6/1] xl:aspect-[7/1]",children:[e.jsx("div",{className:"relative flex h-full w-1/4 shrink-0 items-center",children:e.jsx("img",{src:(l==null?void 0:l.pc)||(s==null?void 0:s.pc)||"",alt:c.companyId,className:"absolute h-full w-full object-cover",...b})}),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:[g,"﹒",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;