boottent-design 0.1.246 → 0.1.247

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. 오후 6:48:45
6
- > 원본 소스: boottent-design v0.1.246
5
+ > 생성 일시: 2026. 5. 20. 오후 7:06:54
6
+ > 원본 소스: boottent-design v0.1.247
7
7
 
8
8
  ## 1. 개요 (Overview)
9
9
 
@@ -0,0 +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 q=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 m=require("./image-loading-DZFBFoVv.cjs"),b={bootcamp:{text:"부트캠프",color:i.colors.main[600],background:i.colors.main[50]},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:i.colors.pink[500],background:i.colors.pink[50]}};function u({children:r,backgroundColor:l,color:o}){return e.jsx("div",{style:{backgroundColor:l,color:o},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 f({article:r,isYoutube:l=!1,imagePriority:o,imageLoading:c,imageFetchPriority:n,imageDecoding:d}){const s=r.category?b[r.category]:void 0,t=!s&&r.tags?r.tags.slice(0,3):[],x=m.getImageLoadingAttributes({imagePriority:o,imageLoading:c,imageFetchPriority:n,imageDecoding:d});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",...x}),l&&e.jsx("div",{className:"absolute inset-0 flex items-center justify-center bg-white/30",children:e.jsx(q.Icon.Play,{size:"40"})})]}),e.jsxs("div",{className:"flex flex-col items-start gap-2 p-4",children:[s?e.jsx(u,{backgroundColor:s.background||"",color:s.color||"",children:s.text}):t.length>0?e.jsx("div",{className:"flex flex-wrap items-start gap-1",children:t.map((a,g)=>e.jsx(u,{children:a},`${a}-${g}`))}):null,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=f;
@@ -1,5 +1,5 @@
1
- import { jsx as o, jsxs as i } from "react/jsx-runtime";
2
- import { c as t } from "./index-BFsbj9HY.js";
1
+ import { jsx as e, jsxs as i } from "react/jsx-runtime";
2
+ import { c as r } 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 n } from "./ui/icons.es.js";
19
+ import { Icon as x } 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 d } from "./image-loading-BX5rKZfC.js";
42
- const g = {
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] }
41
+ import { g as b } from "./image-loading-BX5rKZfC.js";
42
+ const f = {
43
+ bootcamp: { text: "부트캠프", color: r.main[600], background: r.main[50] },
44
+ job: { text: "취업꿀팁", color: r.brown[500], background: r.brown[50] },
45
+ study: { text: "개념정리", color: r.lime[500], background: r.lime[50] },
46
+ insight: { text: "인사이트", color: r.blue[500], background: r.blue[50] },
47
+ webtoon: { text: "개발자툰", color: r.pink[500], background: r.pink[50] }
48
48
  };
49
- function u({ children: r, backgroundColor: l, color: m }) {
50
- return /* @__PURE__ */ o(
49
+ function p({ children: t, backgroundColor: l, color: a }) {
50
+ return /* @__PURE__ */ e(
51
51
  "div",
52
52
  {
53
- style: { backgroundColor: l, color: m },
53
+ style: { backgroundColor: l, color: a },
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: r
55
+ children: t
56
56
  }
57
57
  );
58
58
  }
59
- function ot({
60
- article: r,
59
+ function lt({
60
+ article: t,
61
61
  isYoutube: l = !1,
62
- imagePriority: m,
63
- imageLoading: a,
64
- imageFetchPriority: s,
65
- imageDecoding: p
62
+ imagePriority: a,
63
+ imageLoading: c,
64
+ imageFetchPriority: n,
65
+ imageDecoding: d
66
66
  }) {
67
- const e = r.category ? g[r.category] : void 0, c = d({
68
- imagePriority: m,
69
- imageLoading: a,
70
- imageFetchPriority: s,
71
- imageDecoding: p
67
+ const o = t.category ? f[t.category] : void 0, m = !o && t.tags ? t.tags.slice(0, 3) : [], g = b({
68
+ imagePriority: a,
69
+ imageLoading: c,
70
+ imageFetchPriority: n,
71
+ imageDecoding: d
72
72
  });
73
- return /* @__PURE__ */ o(
73
+ return /* @__PURE__ */ e(
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": r.assetId,
77
+ "data-asset-id": t.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__ */ 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" }) })
80
+ /* @__PURE__ */ e("img", { src: t.imageUrl, alt: "image", className: "aspect-video w-full object-cover", ...g }),
81
+ l && /* @__PURE__ */ e("div", { className: "absolute inset-0 flex items-center justify-center bg-white/30", children: /* @__PURE__ */ e(x.Play, { size: "40" }) })
82
82
  ] }),
83
83
  /* @__PURE__ */ i("div", { className: "flex flex-col items-start gap-2 p-4", children: [
84
- e && /* @__PURE__ */ o(u, { backgroundColor: e.background || "", color: e.color || "", children: e.text }),
84
+ o ? /* @__PURE__ */ e(p, { backgroundColor: o.background || "", color: o.color || "", children: o.text }) : m.length > 0 ? /* @__PURE__ */ e("div", { className: "flex flex-wrap items-start gap-1", children: m.map((s, u) => /* @__PURE__ */ e(p, { children: s }, `${s}-${u}`)) }) : null,
85
85
  /* @__PURE__ */ i("div", { className: "flex flex-col gap-2", children: [
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 })
86
+ /* @__PURE__ */ e("p", { className: "line-clamp-2 text-semibold14 xs:text-semibold16", children: t.title }),
87
+ /* @__PURE__ */ e("p", { className: "line-clamp-3 text-regular13 text-grey-500 xs:text-regular14", children: t.description })
88
88
  ] })
89
89
  ] })
90
90
  ] })
@@ -92,5 +92,5 @@ function ot({
92
92
  );
93
93
  }
94
94
  export {
95
- ot as A
95
+ lt as A
96
96
  };
@@ -1 +1 @@
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
+ "use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../article-asset-card-CM_WiHYI.cjs");exports.ArticleAssetCard=e.ArticleAssetCard;
@@ -1,5 +1,5 @@
1
1
  "use client";
2
- import { A as s } from "../article-asset-card-pU7QbD9G.js";
2
+ import { A as s } from "../article-asset-card-lw8aNjSM.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 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;
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-CM_WiHYI.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,7 +3,7 @@ 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-pU7QbD9G.js";
6
+ import { A as x } from "./article-asset-card-lw8aNjSM.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,6 +10,7 @@ export declare type ArticleAssetCardData = {
10
10
  imageUrl: string;
11
11
  linkUrl: string;
12
12
  statusValue?: number;
13
+ tags?: string[];
13
14
  title: string;
14
15
  };
15
16
 
@@ -11,6 +11,7 @@ export declare type ArticleAssetCardData = {
11
11
  imageUrl: string;
12
12
  linkUrl: string;
13
13
  statusValue?: number;
14
+ tags?: string[];
14
15
  title: string;
15
16
  };
16
17
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "boottent-design",
3
- "version": "0.1.246",
3
+ "version": "0.1.247",
4
4
  "description": "부트텐트 디자인시스템 라이브러리",
5
5
  "repository": {
6
6
  "type": "git",
@@ -1 +0,0 @@
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;