boottent-design 0.1.244 → 0.1.246

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/DESIGN.md CHANGED
@@ -2,8 +2,8 @@
2
2
 
3
3
  > [!WARNING]
4
4
  > **자동 생성된 파일 — 직접 수정 금지**
5
- > 생성 일시: 2026. 5. 20. 오후 5:33:15
6
- > 원본 소스: boottent-design v0.1.244
5
+ > 생성 일시: 2026. 5. 20. 오후 6:48:45
6
+ > 원본 소스: boottent-design v0.1.246
7
7
 
8
8
  ## 1. 개요 (Overview)
9
9
 
@@ -0,0 +1 @@
1
+ "use strict";const e=require("react/jsx-runtime"),r=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"),x={bootcamp:{text:"부트캠프",color:r.colors.main[600],background:r.colors.main[50]},job:{text:"취업꿀팁",color:r.colors.brown[500],background:r.colors.brown[50]},study:{text:"개념정리",color:r.colors.lime[500],background:r.colors.lime[50]},insight:{text:"인사이트",color:r.colors.blue[500],background:r.colors.blue[50]},webtoon:{text:"개발자툰",color:r.colors.pink[500],background:r.colors.pink[50]}};function g({children:i,backgroundColor:o,color:l}){return e.jsx("div",{style:{backgroundColor:o,color:l},className:"whitespace-nowrap break-keep rounded bg-grey-100 px-2 py-0.5 text-regular13 text-grey-600 xs:text-regular14",children:i})}function q({article:i,isYoutube:o=!1,imagePriority:l,imageLoading:t,imageFetchPriority:u,imageDecoding:a}){const s=i.category?x[i.category]:void 0,c=d.getImageLoadingAttributes({imagePriority:l,imageLoading:t,imageFetchPriority:u,imageDecoding:a});return e.jsx("div",{className:"bt-ds-surface bt-ds-radius-10 h-full w-full max-w-[320px] list-none overflow-hidden rounded-[10px] border border-grey-200 bg-background","data-asset-id":i.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:i.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(g,{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:i.title}),e.jsx("p",{className:"line-clamp-3 text-regular13 text-grey-500 xs:text-regular14",children:i.description})]})]})]})})}exports.ArticleAssetCard=q;
@@ -1,5 +1,5 @@
1
- import { jsx as r, jsxs as i } from "react/jsx-runtime";
2
- import { c as o } from "./index-BFsbj9HY.js";
1
+ import { jsx as o, jsxs as i } from "react/jsx-runtime";
2
+ import { c as t } from "./index-BFsbj9HY.js";
3
3
  import "./ui/accordion.es.js";
4
4
  import "./ui/alert-dialog.es.js";
5
5
  import "@radix-ui/react-aspect-ratio";
@@ -16,7 +16,7 @@ import "./ui/dialog.es.js";
16
16
  import "./ui/dropdown-menu.es.js";
17
17
  import "./ui/file-uploader.es.js";
18
18
  import "./ui/form.es.js";
19
- import { Icon as d } from "./ui/icons.es.js";
19
+ import { Icon as n } from "./ui/icons.es.js";
20
20
  import "./ui/input.es.js";
21
21
  import "./ui/label.es.js";
22
22
  import "./ui/month-picker.es.js";
@@ -38,53 +38,53 @@ import "./ui/toast.es.js";
38
38
  import "./ui/toggle.es.js";
39
39
  import "./ui/toggle-group.es.js";
40
40
  import "./ui/tooltip.es.js";
41
- import { g as n } from "./image-loading-BX5rKZfC.js";
41
+ import { g as d } from "./image-loading-BX5rKZfC.js";
42
42
  const g = {
43
- bootcamp: { text: "부트캠프", color: "", background: "" },
44
- job: { text: "취업꿀팁", color: o.brown[500], background: o.brown[50] },
45
- study: { text: "개념정리", color: o.lime[500], background: o.lime[50] },
46
- insight: { text: "인사이트", color: o.blue[500], background: o.blue[50] },
47
- webtoon: { text: "개발자툰", color: "", background: "" }
43
+ bootcamp: { text: "부트캠프", color: t.main[600], background: t.main[50] },
44
+ job: { text: "취업꿀팁", color: t.brown[500], background: t.brown[50] },
45
+ study: { text: "개념정리", color: t.lime[500], background: t.lime[50] },
46
+ insight: { text: "인사이트", color: t.blue[500], background: t.blue[50] },
47
+ webtoon: { text: "개발자툰", color: t.pink[500], background: t.pink[50] }
48
48
  };
49
- function u({ children: t, backgroundColor: l, color: m }) {
50
- return /* @__PURE__ */ r(
49
+ function u({ children: r, backgroundColor: l, color: m }) {
50
+ return /* @__PURE__ */ o(
51
51
  "div",
52
52
  {
53
53
  style: { backgroundColor: l, color: m },
54
54
  className: "whitespace-nowrap break-keep rounded bg-grey-100 px-2 py-0.5 text-regular13 text-grey-600 xs:text-regular14",
55
- children: t
55
+ children: r
56
56
  }
57
57
  );
58
58
  }
59
59
  function ot({
60
- article: t,
60
+ article: r,
61
61
  isYoutube: l = !1,
62
62
  imagePriority: m,
63
63
  imageLoading: a,
64
64
  imageFetchPriority: s,
65
65
  imageDecoding: p
66
66
  }) {
67
- const e = t.category ? g[t.category] : void 0, c = n({
67
+ const e = r.category ? g[r.category] : void 0, c = d({
68
68
  imagePriority: m,
69
69
  imageLoading: a,
70
70
  imageFetchPriority: s,
71
71
  imageDecoding: p
72
72
  });
73
- return /* @__PURE__ */ r(
73
+ return /* @__PURE__ */ o(
74
74
  "div",
75
75
  {
76
76
  className: "bt-ds-surface bt-ds-radius-10 h-full w-full max-w-[320px] list-none overflow-hidden rounded-[10px] border border-grey-200 bg-background",
77
- "data-asset-id": t.assetId,
77
+ "data-asset-id": r.assetId,
78
78
  children: /* @__PURE__ */ i("div", { className: "flex h-full w-full flex-col", children: [
79
79
  /* @__PURE__ */ i("div", { className: "relative w-full shrink-0 overflow-hidden", children: [
80
- /* @__PURE__ */ r("img", { src: t.imageUrl, alt: "image", className: "aspect-video w-full object-cover", ...c }),
81
- l && /* @__PURE__ */ r("div", { className: "absolute inset-0 flex items-center justify-center bg-white/30", children: /* @__PURE__ */ r(d.Play, { size: "40" }) })
80
+ /* @__PURE__ */ o("img", { src: r.imageUrl, alt: "image", className: "aspect-video w-full object-cover", ...c }),
81
+ l && /* @__PURE__ */ o("div", { className: "absolute inset-0 flex items-center justify-center bg-white/30", children: /* @__PURE__ */ o(n.Play, { size: "40" }) })
82
82
  ] }),
83
83
  /* @__PURE__ */ i("div", { className: "flex flex-col items-start gap-2 p-4", children: [
84
- e && /* @__PURE__ */ r(u, { backgroundColor: e.background || "", color: e.color || "", children: e.text }),
84
+ e && /* @__PURE__ */ o(u, { backgroundColor: e.background || "", color: e.color || "", children: e.text }),
85
85
  /* @__PURE__ */ i("div", { className: "flex flex-col gap-2", children: [
86
- /* @__PURE__ */ r("p", { className: "line-clamp-2 text-semibold14 xs:text-semibold16", children: t.title }),
87
- /* @__PURE__ */ r("p", { className: "line-clamp-3 text-regular13 text-grey-500 xs:text-regular14", children: t.description })
86
+ /* @__PURE__ */ o("p", { className: "line-clamp-2 text-semibold14 xs:text-semibold16", children: r.title }),
87
+ /* @__PURE__ */ o("p", { className: "line-clamp-3 text-regular13 text-grey-500 xs:text-regular14", children: r.description })
88
88
  ] })
89
89
  ] })
90
90
  ] })
@@ -1 +1 @@
1
- "use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../article-asset-card-DdRQS48j.cjs");exports.ArticleAssetCard=e.ArticleAssetCard;
1
+ "use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../article-asset-card-BHRTEk9m.cjs");exports.ArticleAssetCard=e.ArticleAssetCard;
@@ -1,5 +1,5 @@
1
1
  "use client";
2
- import { A as s } from "../article-asset-card-CeUeEE3r.js";
2
+ import { A as s } from "../article-asset-card-pU7QbD9G.js";
3
3
  export {
4
4
  s as ArticleAssetCard
5
5
  };
@@ -1 +1 @@
1
- "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;
1
+ "use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../portfolio-asset-card-BlgNFtHc.cjs");exports.PortfolioAssetCard=o.PortfolioAssetCard;exports.PortfolioAssetFooter=o.PortfolioAssetFooter;
@@ -1,5 +1,5 @@
1
1
  "use client";
2
- import { P as t, a as e } from "../portfolio-asset-card-BUpfqafC.js";
2
+ import { P as t, a as e } from "../portfolio-asset-card-C_opxeH0.js";
3
3
  export {
4
4
  t as PortfolioAssetCard,
5
5
  e as PortfolioAssetFooter
@@ -1 +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-DdRQS48j.cjs"),s=require("./blog-review-card-D0A_OCfZ.cjs"),i=require("./company-info-card-H1BDbRoL.cjs"),d=require("./environment-asset-photo-CXxtAAax.cjs"),u=require("./event-asset-banner-BRsgu3Hc.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;
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-BHRTEk9m.cjs"),s=require("./blog-review-card-D0A_OCfZ.cjs"),i=require("./company-info-card-H1BDbRoL.cjs"),d=require("./environment-asset-photo-CXxtAAax.cjs"),u=require("./event-asset-banner-BRsgu3Hc.cjs"),C=require("./lecturer-card-CGPXVDdx.cjs"),c=require("./partner-list-card-DL_omz4v.cjs"),e=require("./portfolio-asset-card-BlgNFtHc.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;
@@ -3,14 +3,14 @@ import { E as e } from "./event-card-DmVD1K4_.js";
3
3
  import { M as t } from "./main-banner-image-xEWh1NVs.js";
4
4
  import { P as m } from "./premium-card-TDA3lplm.js";
5
5
  import { T as n } from "./title-tag-card-D_jVbsE3.js";
6
- import { A as x } from "./article-asset-card-CeUeEE3r.js";
6
+ import { A as x } from "./article-asset-card-pU7QbD9G.js";
7
7
  import { B as i } from "./blog-review-card-DnGMnBpK.js";
8
8
  import { C as P } from "./company-info-card-BVCaYbYN.js";
9
9
  import { E as A } from "./environment-asset-photo-BCR9v2we.js";
10
10
  import { E as u } from "./event-asset-banner-CbhdfmpK.js";
11
11
  import { L as B } from "./lecturer-card-B80BJVu3.js";
12
12
  import { P as g } from "./partner-list-card-Bx-UZxGG.js";
13
- import { P as M, a as T } from "./portfolio-asset-card-BUpfqafC.js";
13
+ import { P as M, a as T } from "./portfolio-asset-card-C_opxeH0.js";
14
14
  import { Y } from "./youtube-video-modal-CENnr9lf.js";
15
15
  export {
16
16
  x as ArticleAssetCard,
@@ -1 +1 @@
1
- "use strict";const e=require("react/jsx-runtime"),a=require("react"),x=require("./index-DKCqkplO.cjs");require("./ui/accordion.cjs.js");require("./ui/alert-dialog.cjs.js");const q=require("./common-Ds1lanOg.cjs");require("@radix-ui/react-aspect-ratio");require("./ui/avatar.cjs.js");require("./ui/badge.cjs.js");const g=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 f=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("./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 h=require("./image-loading-DZFBFoVv.cjs");function b({portfolio:i,isYoutube:r=!1,imagePriority:l,imageLoading:n,imageFetchPriority:s,imageDecoding:c}){const u=a.useMemo(()=>i.tags.split(",").map(t=>t.trim()).filter(Boolean),[i.tags]),d=48,o=h.getImageLoadingAttributes({imagePriority:l,imageLoading:n,imageFetchPriority:s,imageDecoding:c});return e.jsxs("div",{className:"bt-ds-surface bt-ds-radius-16 flex h-full flex-col overflow-hidden rounded-2xl border border-grey-200 bg-background shadow-sm",children:[e.jsxs("div",{className:"relative w-full overflow-hidden bg-grey-100",style:{aspectRatio:"4/3"},children:[e.jsx("img",{src:i.imageUrl,alt:i.title,className:"h-full w-full object-cover",...o}),r&&e.jsx("div",{className:"absolute inset-0 flex items-center justify-center bg-black/30",children:e.jsx("div",{className:"flex h-12 w-12 items-center justify-center rounded-full bg-white/90 shadow-md",children:e.jsx(f.Icon.Play,{size:"22",fill:x.colors.grey[800]})})})]}),e.jsxs("div",{className:"flex flex-1 flex-col gap-2.5 p-4",children:[e.jsx("p",{className:"line-clamp-2 text-sm font-semibold leading-snug text-grey-900",children:i.title}),u.length>0&&e.jsx("div",{className:"flex flex-wrap gap-1 overflow-hidden",style:{maxHeight:d},children:u.map((t,m)=>e.jsx("span",{className:"max-w-full truncate rounded-md bg-grey-100 px-2 py-0.5 text-[11px] font-medium leading-[17px] text-grey-500",children:t},t+m))})]})]})}const j=a.memo(function({portfolio:r,campTitle:l}){if(!(r.classTitle&&r.campId||r.introduction))return null;const s=l??r.classTitle;return e.jsxs("div",{className:"flex w-full flex-col items-start gap-1 overflow-hidden text-xs text-grey-600",children:[r.classTitle&&r.campId&&e.jsx("div",{className:q.cn(g.buttonVariants({variant:"text",theme:"secondary"}),"w-full justify-start text-xs text-grey-600"),children:a.isValidElement(s)?s:e.jsx("span",{className:"w-full overflow-hidden truncate text-start underline",children:s})}),r.introduction&&e.jsx("p",{children:r.introduction.companyName})]})});exports.PortfolioAssetCard=b;exports.PortfolioAssetFooter=j;
1
+ "use strict";const e=require("react/jsx-runtime"),a=require("react"),x=require("./index-DKCqkplO.cjs");require("./ui/accordion.cjs.js");require("./ui/alert-dialog.cjs.js");const q=require("./common-Ds1lanOg.cjs");require("@radix-ui/react-aspect-ratio");require("./ui/avatar.cjs.js");require("./ui/badge.cjs.js");const g=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 f=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("./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 h=require("./image-loading-DZFBFoVv.cjs");function b({portfolio:i,isYoutube:r=!1,imagePriority:l,imageLoading:n,imageFetchPriority:s,imageDecoding:c}){const u=a.useMemo(()=>i.tags.split(",").map(t=>t.trim()).filter(Boolean),[i.tags]),d=48,o=h.getImageLoadingAttributes({imagePriority:l,imageLoading:n,imageFetchPriority:s,imageDecoding:c});return e.jsxs("div",{className:"bt-ds-surface bt-ds-radius-16 flex h-full w-full max-w-[320px] flex-col overflow-hidden rounded-2xl border border-grey-200 bg-background shadow-sm",children:[e.jsxs("div",{className:"relative w-full overflow-hidden bg-grey-100",style:{aspectRatio:"4/3"},children:[e.jsx("img",{src:i.imageUrl,alt:i.title,className:"h-full w-full object-cover",...o}),r&&e.jsx("div",{className:"absolute inset-0 flex items-center justify-center bg-black/30",children:e.jsx("div",{className:"flex h-12 w-12 items-center justify-center rounded-full bg-white/90 shadow-md",children:e.jsx(f.Icon.Play,{size:"22",fill:x.colors.grey[800]})})})]}),e.jsxs("div",{className:"flex flex-1 flex-col gap-2.5 p-4",children:[e.jsx("p",{className:"line-clamp-2 text-sm font-semibold leading-snug text-grey-900",children:i.title}),u.length>0&&e.jsx("div",{className:"flex flex-wrap gap-1 overflow-hidden",style:{maxHeight:d},children:u.map((t,m)=>e.jsx("span",{className:"max-w-full truncate rounded-md bg-grey-100 px-2 py-0.5 text-[11px] font-medium leading-[17px] text-grey-500",children:t},t+m))})]})]})}const w=a.memo(function({portfolio:r,campTitle:l}){if(!(r.classTitle&&r.campId||r.introduction))return null;const s=l??r.classTitle;return e.jsxs("div",{className:"flex w-full flex-col items-start gap-1 overflow-hidden text-xs text-grey-600",children:[r.classTitle&&r.campId&&e.jsx("div",{className:q.cn(g.buttonVariants({variant:"text",theme:"secondary"}),"w-full justify-start text-xs text-grey-600"),children:a.isValidElement(s)?s:e.jsx("span",{className:"w-full overflow-hidden truncate text-start underline",children:s})}),r.introduction&&e.jsx("p",{children:r.introduction.companyName})]})});exports.PortfolioAssetCard=b;exports.PortfolioAssetFooter=w;
@@ -18,7 +18,7 @@ import "./ui/dialog.es.js";
18
18
  import "./ui/dropdown-menu.es.js";
19
19
  import "./ui/file-uploader.es.js";
20
20
  import "./ui/form.es.js";
21
- import { Icon as b } from "./ui/icons.es.js";
21
+ import { Icon as w } from "./ui/icons.es.js";
22
22
  import "./ui/input.es.js";
23
23
  import "./ui/label.es.js";
24
24
  import "./ui/month-picker.es.js";
@@ -39,7 +39,7 @@ import "./ui/toast.es.js";
39
39
  import "./ui/toggle.es.js";
40
40
  import "./ui/toggle-group.es.js";
41
41
  import "./ui/tooltip.es.js";
42
- import { g as v } from "./image-loading-BX5rKZfC.js";
42
+ import { g as b } from "./image-loading-BX5rKZfC.js";
43
43
  function ot({
44
44
  portfolio: i,
45
45
  isYoutube: t = !1,
@@ -51,16 +51,16 @@ function ot({
51
51
  const o = f(
52
52
  () => i.tags.split(",").map((l) => l.trim()).filter(Boolean),
53
53
  [i.tags]
54
- ), d = 48, p = v({
54
+ ), d = 48, p = b({
55
55
  imagePriority: a,
56
56
  imageLoading: m,
57
57
  imageFetchPriority: r,
58
58
  imageDecoding: c
59
59
  });
60
- return /* @__PURE__ */ s("div", { className: "bt-ds-surface bt-ds-radius-16 flex h-full flex-col overflow-hidden rounded-2xl border border-grey-200 bg-background shadow-sm", children: [
60
+ return /* @__PURE__ */ s("div", { className: "bt-ds-surface bt-ds-radius-16 flex h-full w-full max-w-[320px] flex-col overflow-hidden rounded-2xl border border-grey-200 bg-background shadow-sm", children: [
61
61
  /* @__PURE__ */ s("div", { className: "relative w-full overflow-hidden bg-grey-100", style: { aspectRatio: "4/3" }, children: [
62
62
  /* @__PURE__ */ e("img", { src: i.imageUrl, alt: i.title, className: "h-full w-full object-cover", ...p }),
63
- t && /* @__PURE__ */ e("div", { className: "absolute inset-0 flex items-center justify-center bg-black/30", children: /* @__PURE__ */ e("div", { className: "flex h-12 w-12 items-center justify-center rounded-full bg-white/90 shadow-md", children: /* @__PURE__ */ e(b.Play, { size: "22", fill: g.grey[800] }) }) })
63
+ t && /* @__PURE__ */ e("div", { className: "absolute inset-0 flex items-center justify-center bg-black/30", children: /* @__PURE__ */ e("div", { className: "flex h-12 w-12 items-center justify-center rounded-full bg-white/90 shadow-md", children: /* @__PURE__ */ e(w.Play, { size: "22", fill: g.grey[800] }) }) })
64
64
  ] }),
65
65
  /* @__PURE__ */ s("div", { className: "flex flex-1 flex-col gap-2.5 p-4", children: [
66
66
  /* @__PURE__ */ e("p", { className: "line-clamp-2 text-sm font-semibold leading-snug text-grey-900", children: i.title }),
@@ -21,8 +21,8 @@ export declare type ArticleAssetCardProps = ImageLoadingProps & {
21
21
  declare const articleCategories: {
22
22
  readonly bootcamp: {
23
23
  readonly text: "부트캠프";
24
- readonly color: "";
25
- readonly background: "";
24
+ readonly color: string;
25
+ readonly background: string;
26
26
  };
27
27
  readonly job: {
28
28
  readonly text: "취업꿀팁";
@@ -41,8 +41,8 @@ declare const articleCategories: {
41
41
  };
42
42
  readonly webtoon: {
43
43
  readonly text: "개발자툰";
44
- readonly color: "";
45
- readonly background: "";
44
+ readonly color: string;
45
+ readonly background: string;
46
46
  };
47
47
  };
48
48
 
@@ -22,8 +22,8 @@ export declare type ArticleAssetCardProps = ImageLoadingProps & {
22
22
  declare const articleCategories: {
23
23
  readonly bootcamp: {
24
24
  readonly text: "부트캠프";
25
- readonly color: "";
26
- readonly background: "";
25
+ readonly color: string;
26
+ readonly background: string;
27
27
  };
28
28
  readonly job: {
29
29
  readonly text: "취업꿀팁";
@@ -42,8 +42,8 @@ declare const articleCategories: {
42
42
  };
43
43
  readonly webtoon: {
44
44
  readonly text: "개발자툰";
45
- readonly color: "";
46
- readonly background: "";
45
+ readonly color: string;
46
+ readonly background: string;
47
47
  };
48
48
  };
49
49
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "boottent-design",
3
- "version": "0.1.244",
3
+ "version": "0.1.246",
4
4
  "description": "부트텐트 디자인시스템 라이브러리",
5
5
  "repository": {
6
6
  "type": "git",
@@ -1 +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"),x={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 g({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 q({article:r,isYoutube:o=!1,imagePriority:t,imageLoading:l,imageFetchPriority:u,imageDecoding:a}){const s=r.category?x[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 max-w-[320px] 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(g,{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=q;