boottent-design 0.1.233 → 0.1.234

package/dist/DESIGN.md

@@ -2,8 +2,8 @@
 
 > [!WARNING]
 > **자동 생성된 파일 — 직접 수정 금지**
-> 생성 일시: 2026. 4. 28. 오후 4:35:08
-> 원본 소스: boottent-design v0.1.232
+> 생성 일시: 2026. 4. 30. 오후 2:42:21
+> 원본 소스: boottent-design v0.1.233
 
 ## 1. 개요 (Overview)
 
@@ -1643,9 +1643,10 @@ import { cn }
 {
     // size : padding, border-radius, 텍스트 크기
     size: {
-      sm: "px-2 py-1 text-xs font-normal rounded",
+      sm: "px-2 py-1 text-xs font-normal rounded-sm",
       md: "px-2.5 py-1 text-sm font-normal rounded-md",
       lg: "px-3.5 py-1.5 text-base font-medium rounded-lg",
+      ad: "absolute top-0 right-0 px-2.5 py-1 rounded-t-none rounded-br-none rounded-bl-xl text-sm font-normal",
     },
     // shape : round, square, adCard
     shape: {
@@ -1654,7 +1655,7 @@ import { cn }
     },
     // variant : solid과 outline을 결합하여 하나의 값으로 처리
     variant: {
-      ad: "rounded-t-none rounded-br-none rounded-bl-xl text-sm font-normal px-2.5 py-1 absolute top-0 right-0 bg-grey-800 text-white",
+      ad: "bg-grey-800 text-white",
       "solid-primary-50": "bg-main-50 text-main-600",
       "solid-primary-100": "bg-main-100 text-main-600",
       "solid-primary-600": "bg-main-600 text-main-50",

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-P9DJCupH.cjs");exports.EventCard=e.EventCard;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../event-card-DwnP_Qsj.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-DeIzR5uk.js";
+import { E as t } from "../event-card-DCs6nu0G.js";
 export {
   t as EventCard
 };

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-BbkNnfVA.cjs");exports.PremiumCard=e.PremiumCard;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../premium-card-Dk-pTOyb.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-B0RyOTbr.js";
+import { P as m } from "../premium-card-BOlG7ZZG.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-C-pn0u7P.cjs");exports.TitleTagCard=e.TitleTagCard;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../title-tag-card-kzgE6S3R.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-CoPGtka1.js";
+import { T as r } from "../title-tag-card-CCInX94f.js";
 export {
   r as TitleTagCard
 };

package/dist/components.cjs.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./event-card-P9DJCupH.cjs"),r=require("./main-banner-image-Ce2c6ODO.cjs"),t=require("./premium-card-BbkNnfVA.cjs"),n=require("./title-tag-card-C-pn0u7P.cjs"),a=require("./article-asset-card-CuTpHnoq.cjs"),s=require("./environment-asset-photo-DMSQ1Ext.cjs"),i=require("./event-asset-banner-I7Wv47iX.cjs"),o=require("./lecturer-card-DLMnM4fU.cjs"),d=require("./portfolio-asset-card-DVhoypCN.cjs");exports.EventCard=e.EventCard;exports.MainBannerImage=r.MainBannerImage;exports.PremiumCard=t.PremiumCard;exports.TitleTagCard=n.TitleTagCard;exports.ArticleAssetCard=a.ArticleAssetCard;exports.EnvironmentAssetPhoto=s.EnvironmentAssetPhoto;exports.EventAssetBanner=i.EventAssetBanner;exports.LecturerCard=o.LecturerCard;exports.PortfolioAssetCard=d.PortfolioAssetCard;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./event-card-DwnP_Qsj.cjs"),r=require("./main-banner-image-Ce2c6ODO.cjs"),t=require("./premium-card-Dk-pTOyb.cjs"),n=require("./title-tag-card-kzgE6S3R.cjs"),a=require("./article-asset-card-CuTpHnoq.cjs"),s=require("./environment-asset-photo-DMSQ1Ext.cjs"),i=require("./event-asset-banner-I7Wv47iX.cjs"),o=require("./lecturer-card-DLMnM4fU.cjs"),d=require("./portfolio-asset-card-DVhoypCN.cjs");exports.EventCard=e.EventCard;exports.MainBannerImage=r.MainBannerImage;exports.PremiumCard=t.PremiumCard;exports.TitleTagCard=n.TitleTagCard;exports.ArticleAssetCard=a.ArticleAssetCard;exports.EnvironmentAssetPhoto=s.EnvironmentAssetPhoto;exports.EventAssetBanner=i.EventAssetBanner;exports.LecturerCard=o.LecturerCard;exports.PortfolioAssetCard=d.PortfolioAssetCard;

package/dist/components.es.js

@@ -1,8 +1,8 @@
 "use client";
-import { E as o } from "./event-card-DeIzR5uk.js";
+import { E as o } from "./event-card-DCs6nu0G.js";
 import { M as a } from "./main-banner-image-Cwwt6xKE.js";
-import { P as m } from "./premium-card-B0RyOTbr.js";
-import { T as f } from "./title-tag-card-CoPGtka1.js";
+import { P as m } from "./premium-card-BOlG7ZZG.js";
+import { T as f } from "./title-tag-card-CCInX94f.js";
 import { A as x } from "./article-asset-card-B30fjI_9.js";
 import { E as d } from "./environment-asset-photo-Dk8pKTD3.js";
 import { E as C } from "./event-asset-banner-DLK5HF29.js";

package/dist/{event-card-DeIzR5uk.js → event-card-DCs6nu0G.js}

@@ -1,8 +1,8 @@
-import { jsx as e, jsxs as m } from "react/jsx-runtime";
+import { jsx as e, jsxs as i } from "react/jsx-runtime";
 import { a as t } from "./index-DWvwbdTU.js";
-import { c } from "./common-C3JaD1vJ.js";
 import "./ui/accordion.es.js";
 import "./ui/alert-dialog.es.js";
+import { c } from "./common-C3JaD1vJ.js";
 import "@radix-ui/react-aspect-ratio";
 import "./ui/avatar.es.js";
 import "./ui/badge.es.js";
@@ -27,7 +27,7 @@ import "./ui/radio-group.es.js";
 import "./ui/scroll-area.es.js";
 import "./ui/select.es.js";
 import "./ui/separator.es.js";
-import { Skeleton as l } from "./ui/skeleton.es.js";
+import { Skeleton as a } from "./ui/skeleton.es.js";
 import "@radix-ui/react-slider";
 import "react";
 import "./ui/switch.es.js";
@@ -42,11 +42,11 @@ import "./ui/tooltip.es.js";
 import { g as v, a as b, b as y } from "./utils-DMV7dwIW.js";
 function se({
   adProduct: r,
-  logo: i,
+  logo: m,
   title: o,
   batchName: p = "",
   adTitle: n,
-  startDate: a,
+  startDate: l,
   tuition: d,
   nbCardRequired: f,
   isLoading: x = !1,
@@ -55,11 +55,11 @@ function se({
 }) {
   if (x)
     return /* @__PURE__ */ e(N, { className: s });
-  const h = `${v(a)} 개강 · ${b(d, f)}`;
+  const h = `${v(l)} 개강 · ${b(d, f)}`;
   return /* @__PURE__ */ e(
     w,
     {
-      logo: i,
+      logo: m,
       title: `${o} ${p}`,
       adTitle: n,
       footerText: h,
@@ -71,14 +71,14 @@ function se({
 }
 function w({
   adProduct: r,
-  logo: i,
+  logo: m,
   title: o,
   adTitle: p,
   footerText: n,
-  regEndDate: a,
+  regEndDate: l,
   className: d
 }) {
-  return /* @__PURE__ */ m(
+  return /* @__PURE__ */ i(
     "div",
     {
       className: c(
@@ -90,15 +90,16 @@ function w({
           u,
           {
             variant: "ad",
+            size: "ad",
             style: {
               background: t.event.background,
               color: t.event.color
             },
-            children: r === t.dDay.value && a ? y(a) : t.event.value.toUpperCase()
+            children: r === t.dDay.value && l ? y(l) : t.event.value.toUpperCase()
           }
         ),
-        /* @__PURE__ */ e("img", { src: i, alt: `${o} 로고`, className: "h-4 object-contain", loading: "lazy" }),
-        /* @__PURE__ */ m("div", { className: "flex w-full flex-col items-start gap-2", children: [
+        /* @__PURE__ */ e("img", { src: m, alt: `${o} 로고`, className: "h-4 object-contain", loading: "lazy" }),
+        /* @__PURE__ */ i("div", { className: "flex w-full flex-col items-start gap-2", children: [
           /* @__PURE__ */ e("h3", { className: "line-clamp-2 h-auto text-sm font-normal md:text-base lg:h-12", title: o, children: o }),
           /* @__PURE__ */ e("p", { className: "line-clamp-2 h-auto w-full break-keep rounded bg-grey-100 px-2 py-1 text-[13px] font-semibold text-grey-600 md:h-[54px] md:text-[15px] md:text-grey-800", children: p }),
           /* @__PURE__ */ e("div", { className: "text-[13px] leading-[19px] text-grey-600", children: n })
@@ -108,8 +109,8 @@ function w({
   );
 }
 function N({ className: r }) {
-  return /* @__PURE__ */ m(
-    l,
+  return /* @__PURE__ */ i(
+    a,
     {
       type: "background",
       className: c(
@@ -129,12 +130,12 @@ function N({ className: r }) {
             children: ""
           }
         ),
-        /* @__PURE__ */ e(l, { className: "h-4 w-1/2" }),
-        /* @__PURE__ */ m("div", { className: "flex flex-col items-start gap-2", children: [
-          /* @__PURE__ */ e("div", { className: "h-10 w-full", children: /* @__PURE__ */ e(l, { className: "h-5 w-4/5" }) }),
-          /* @__PURE__ */ e(l, { className: "h-14 w-full" })
+        /* @__PURE__ */ e(a, { className: "h-4 w-1/2" }),
+        /* @__PURE__ */ i("div", { className: "flex flex-col items-start gap-2", children: [
+          /* @__PURE__ */ e("div", { className: "h-10 w-full", children: /* @__PURE__ */ e(a, { className: "h-5 w-4/5" }) }),
+          /* @__PURE__ */ e(a, { className: "h-14 w-full" })
         ] }),
-        /* @__PURE__ */ e(l, { className: "mt-2 h-[19px] w-2/3" })
+        /* @__PURE__ */ e(a, { className: "mt-2 h-[19px] w-2/3" })
       ]
     }
   );

package/dist/event-card-DwnP_Qsj.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("react/jsx-runtime"),r=require("./index-B8SY6s5B.cjs");require("./ui/accordion.cjs.js");require("./ui/alert-dialog.cjs.js");const x=require("./common-Ds1lanOg.cjs");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");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");const i=require("./ui/skeleton.cjs.js");require("@radix-ui/react-slider");require("react");require("./ui/switch.cjs.js");require("./ui/tabs.cjs.js");const q=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 o=require("./utils-CQ8Ml7W5.cjs");function h({adProduct:t,logo:s,title:l,batchName:a="",adTitle:n,startDate:u,tuition:d,nbCardRequired:m,isLoading:g=!1,regEndDate:p,className:c}){if(g)return e.jsx(j,{className:c});const f=`${o.getCampDateText(u)} 개강 · ${o.getEventCampCostValue(d,m)}`;return e.jsx(v,{logo:s,title:`${l} ${a}`,adTitle:n,footerText:f,regEndDate:p,className:c,adProduct:t})}function v({adProduct:t,logo:s,title:l,adTitle:a,footerText:n,regEndDate:u,className:d}){return e.jsxs("div",{className:x.cn("relative z-10 flex h-full w-full flex-col items-start justify-between gap-2 overflow-hidden rounded-xl border border-grey-200 bg-white p-4 text-grey-800 md:p-5 lg:p-6",d),children:[e.jsx(q.Tag,{variant:"ad",size:"ad",style:{background:r.adProducts.event.background,color:r.adProducts.event.color},children:t===r.adProducts.dDay.value&&u?o.getCampDdayText(u):r.adProducts.event.value.toUpperCase()}),e.jsx("img",{src:s,alt:`${l} 로고`,className:"h-4 object-contain",loading:"lazy"}),e.jsxs("div",{className:"flex w-full flex-col items-start gap-2",children:[e.jsx("h3",{className:"line-clamp-2 h-auto text-sm font-normal md:text-base lg:h-12",title:l,children:l}),e.jsx("p",{className:"line-clamp-2 h-auto w-full break-keep rounded bg-grey-100 px-2 py-1 text-[13px] font-semibold text-grey-600 md:h-[54px] md:text-[15px] md:text-grey-800",children:a}),e.jsx("div",{className:"text-[13px] leading-[19px] text-grey-600",children:n})]})]})}function j({className:t}){return e.jsxs(i.Skeleton,{type:"background",className:x.cn("relative z-10 flex h-full w-full flex-col justify-between gap-2 overflow-hidden rounded-xl p-4 md:p-5 lg:p-6",t),children:[e.jsx(q.Tag,{variant:"ad",style:{background:r.adProducts.event.background,color:r.adProducts.event.color},className:"h-7 w-20 animate-pulse rounded-bl-lg rounded-br-none rounded-tl-none rounded-tr-lg px-2 py-1 text-sm",children:""}),e.jsx(i.Skeleton,{className:"h-4 w-1/2"}),e.jsxs("div",{className:"flex flex-col items-start gap-2",children:[e.jsx("div",{className:"h-10 w-full",children:e.jsx(i.Skeleton,{className:"h-5 w-4/5"})}),e.jsx(i.Skeleton,{className:"h-14 w-full"})]}),e.jsx(i.Skeleton,{className:"mt-2 h-[19px] w-2/3"})]})}exports.EventCard=h;

package/dist/{premium-card-B0RyOTbr.js → premium-card-BOlG7ZZG.js}

@@ -1,8 +1,8 @@
 import { jsxs as e, jsx as r } from "react/jsx-runtime";
 import { a as d } from "./index-DWvwbdTU.js";
-import { c as n } from "./common-C3JaD1vJ.js";
 import "./ui/accordion.es.js";
 import "./ui/alert-dialog.es.js";
+import { c as n } from "./common-C3JaD1vJ.js";
 import "@radix-ui/react-aspect-ratio";
 import "./ui/avatar.es.js";
 import "./ui/badge.es.js";
@@ -39,12 +39,12 @@ import "./ui/toast.es.js";
 import "./ui/toggle.es.js";
 import "./ui/toggle-group.es.js";
 import "./ui/tooltip.es.js";
-function ir({
-  logo: i,
+function lr({
+  logo: l,
   title: a,
   subtitle: o,
   thumbnail: p,
-  batchTitle: l,
+  batchTitle: i,
   batchName: s = "",
   brandName: c,
   tag: x,
@@ -65,6 +65,7 @@ function ir({
         /* @__PURE__ */ r(
           u,
           {
+            size: "ad",
             variant: "ad",
             style: {
               background: d.premiumCard.background,
@@ -77,9 +78,9 @@ function ir({
         t ? /* @__PURE__ */ r(w, {}) : /* @__PURE__ */ r(
           h,
           {
-            logo: i,
+            logo: l,
             brandName: c,
-            batchTitle: l,
+            batchTitle: i,
             batchName: s,
             subtitle: o,
             thumbnail: p
@@ -90,15 +91,15 @@ function ir({
   );
 }
 function h({
-  logo: i,
+  logo: l,
   brandName: a,
   batchTitle: o,
   batchName: p,
-  subtitle: l,
+  subtitle: i,
   thumbnail: s
 }) {
   return /* @__PURE__ */ e("div", { className: "flex h-full flex-col items-start justify-start gap-2", children: [
-    /* @__PURE__ */ r("img", { src: i, alt: `${a} 로고`, className: "h-4 object-contain", loading: "lazy" }),
+    /* @__PURE__ */ r("img", { src: l, alt: `${a} 로고`, className: "h-4 object-contain", loading: "lazy" }),
     /* @__PURE__ */ e("div", { className: "flex w-full flex-row items-start justify-between gap-6", children: [
       /* @__PURE__ */ e("div", { className: "flex h-full grow flex-col items-start justify-between gap-2 pb-2", children: [
         /* @__PURE__ */ e("h3", { className: "line-clamp-2 h-auto text-sm font-normal md:h-12 md:text-base", children: [
@@ -110,8 +111,8 @@ function h({
           "h4",
           {
             className: "line-clamp-2 max-h-[56px] w-full break-keep rounded bg-grey-100 px-2 py-1 text-[13px] font-semibold text-grey-600 md:text-[15px] md:text-grey-800",
-            title: l,
-            children: l
+            title: i,
+            children: i
           }
         )
       ] }),
@@ -140,5 +141,5 @@ function w() {
   ] });
 }
 export {
-  ir as P
+  lr as P
 };

package/dist/premium-card-Dk-pTOyb.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("react/jsx-runtime"),x=require("./index-B8SY6s5B.cjs");require("./ui/accordion.cjs.js");require("./ui/alert-dialog.cjs.js");const d=require("./common-Ds1lanOg.cjs");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");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");const s=require("./ui/skeleton.cjs.js");require("@radix-ui/react-slider");require("react");require("./ui/switch.cjs.js");require("./ui/tabs.cjs.js");const p=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");function h({logo:u,title:t,subtitle:i,thumbnail:a,batchTitle:l,batchName:n="",brandName:c,tag:m,isLoading:r=!1,className:o}){const q=r?s.Skeleton:"div";return e.jsxs(q,{title:t,type:"background",className:d.cn("relative z-10 box-border h-[154px] w-full max-w-[720px] cursor-pointer overflow-hidden rounded-xl bg-white p-4 xs:h-full md:h-[174px] md:max-w-[592px] md:p-5 lg:h-[174px] lg:p-6 xl:h-[174px]",r?"":"border border-grey-200",o),children:[e.jsx(p.Tag,{size:"ad",variant:"ad",style:{background:x.adProducts.premiumCard.background,color:x.adProducts.premiumCard.color},className:d.cn("rounded-bl-xl",r&&"h-7 w-28 animate-pulse"),children:r?"":m}),r?e.jsx(j,{}):e.jsx(f,{logo:u,brandName:c,batchTitle:l,batchName:n,subtitle:i,thumbnail:a})]})}function f({logo:u,brandName:t,batchTitle:i,batchName:a,subtitle:l,thumbnail:n}){return e.jsxs("div",{className:"flex h-full flex-col items-start justify-start gap-2",children:[e.jsx("img",{src:u,alt:`${t} 로고`,className:"h-4 object-contain",loading:"lazy"}),e.jsxs("div",{className:"flex w-full flex-row items-start justify-between gap-6",children:[e.jsxs("div",{className:"flex h-full grow flex-col items-start justify-between gap-2 pb-2",children:[e.jsxs("h3",{className:"line-clamp-2 h-auto text-sm font-normal md:h-12 md:text-base",children:[i," ",a]}),e.jsx("h4",{className:"line-clamp-2 max-h-[56px] w-full break-keep rounded bg-grey-100 px-2 py-1 text-[13px] font-semibold text-grey-600 md:text-[15px] md:text-grey-800",title:l,children:l})]}),e.jsx("img",{src:n,alt:`${i} 썸네일`,className:"h-[86px] w-[86px] shrink-0 grow-0 rounded-xl border border-grey-200 object-cover md:h-[96px] md:w-[96px]",loading:"lazy"})]})]})}function j(){return e.jsxs("div",{className:"flex h-full flex-col items-start justify-center gap-2",children:[e.jsx(s.Skeleton,{className:"h-4 w-1/2"}),e.jsxs("div",{className:"flex w-full items-start justify-between gap-6",children:[e.jsxs("div",{className:"flex h-full w-full flex-col items-start justify-between gap-2 pb-2",children:[e.jsx(s.Skeleton,{className:"h-5 w-4/5 lg:h-12"}),e.jsx(s.Skeleton,{className:"h-5 w-4/5"})]}),e.jsx(s.Skeleton,{className:"h-[86px] w-[86px] shrink-0 grow-0 rounded-xl md:h-[96px] md:w-[96px]"})]})]})}exports.PremiumCard=h;

package/dist/{title-tag-card-CoPGtka1.js → title-tag-card-CCInX94f.js}

@@ -33,7 +33,7 @@ import "@radix-ui/react-slider";
 import "react";
 import "./ui/switch.es.js";
 import "./ui/tabs.es.js";
-import { Tag as d } from "./ui/tag.es.js";
+import { Tag as p } from "./ui/tag.es.js";
 import "./ui/text.es.js";
 import "./ui/textarea.es.js";
 import "./ui/toast.es.js";
@@ -78,8 +78,9 @@ function fe({
                 }
               ),
               c && /* @__PURE__ */ e(
-                d,
+                p,
                 {
+                  size: "ad",
                   variant: "ad",
                   style: {
                     background: a.titleTag.background,
@@ -111,17 +112,17 @@ function fe({
           o && /* @__PURE__ */ e("ul", { className: "flex w-full max-w-full flex-wrap gap-1", children: o.map((x, y) => {
             var h;
             const i = Object.values(N).find(
-              (p) => p.tags.some((v) => v.value === x)
+              (d) => d.tags.some((v) => v.value === x)
             );
             return i && /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
-              d,
+              p,
               {
                 size: "sm",
                 style: {
                   background: i.background,
                   color: i.color
                 },
-                children: (h = i.tags.find((p) => p.value === x)) == null ? void 0 : h.text
+                children: (h = i.tags.find((d) => d.value === x)) == null ? void 0 : h.text
               }
             ) }, y);
           }) })
@@ -145,7 +146,7 @@ function $({
       ),
       children: [
         l && /* @__PURE__ */ e(
-          d,
+          p,
           {
             variant: "ad",
             style: {

package/dist/title-tag-card-kzgE6S3R.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("react/jsx-runtime"),i=require("./index-B8SY6s5B.cjs"),b=require("./index-Dhd1jlaC.cjs");require("./ui/accordion.cjs.js");require("./ui/alert-dialog.cjs.js");const h=require("./common-Ds1lanOg.cjs");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");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");const r=require("./ui/skeleton.cjs.js");require("@radix-ui/react-slider");require("react");require("./ui/switch.cjs.js");require("./ui/tabs.cjs.js");const d=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");function k({tags:s,coverImage:a,brandName:l,title:u,batchName:n="",titleTagType:o,adTitle:x,changedAspect:f="aspect-[8/5]",isLoading:j=!1,className:g}){return j?e.jsx(y,{changedAspect:f,className:g,titleTagType:o}):e.jsxs("div",{className:h.cn("shadow-base h-full w-full shrink-0 cursor-pointer overflow-hidden rounded-xl border border-grey-700 bg-white transition-all",g),children:[e.jsxs("div",{style:{background:"linear-gradient(0deg, rgba(24, 25, 25, 0.00) 17.43%, #181919 91.02%)"},className:`relative flex w-full flex-col items-center justify-center overflow-hidden ${f}`,children:[e.jsx("img",{src:a,alt:`${l} ${u} ${n} 이미지`,className:"h-full w-full object-cover",loading:"lazy"}),o&&e.jsx(d.Tag,{size:"ad",variant:"ad",style:{background:i.adProducts.titleTag.background,color:i.adProducts.titleTag.color},children:o}),x&&e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"absolute left-4 top-4 z-10 w-36 whitespace-pre-wrap break-keep text-[18px] font-semibold text-white md:left-5 md:top-7",children:x}),e.jsx("div",{className:"absolute inset-0 opacity-50",style:{background:"linear-gradient(270deg, rgba(24, 25, 25, 0.00) 17.43%, #181919 91.02%)"}})]})]}),e.jsxs("div",{className:"flex w-full flex-col items-start justify-between gap-2 p-4 text-grey-800 md:p-5 lg:p-6",children:[e.jsxs("h4",{className:"flex flex-col gap-2",title:`${l} ${u} ${n}`,children:[e.jsx("p",{className:"text-sm",children:l}),e.jsx("p",{className:"truncate3 break-keep text-base font-semibold",children:`${u} ${n}`})]}),s&&e.jsx("ul",{className:"flex w-full max-w-full flex-wrap gap-1",children:s.map((q,p)=>{var m;const t=Object.values(b.campCategoryColors).find(c=>c.tags.some(w=>w.value===q));return t&&e.jsx("li",{children:e.jsx(d.Tag,{size:"sm",style:{background:t.background,color:t.color},children:(m=t.tags.find(c=>c.value===q))==null?void 0:m.text})},p)})})]})]})}function y({changedAspect:s,className:a,titleTagType:l}){return e.jsxs(r.Skeleton,{type:"background",className:h.cn("relative h-full w-full shrink-0 cursor-pointer overflow-hidden rounded-xl bg-grey-50 transition-all",a),children:[l&&e.jsx(d.Tag,{variant:"ad",style:{background:i.adProducts.titleTag.background,color:i.adProducts.titleTag.color},className:"h-7 w-28 animate-pulse rounded-bl-lg rounded-br-none rounded-tl-none rounded-tr-lg px-2 py-1 text-sm",children:""}),e.jsx("div",{style:{background:"linear-gradient(270deg, rgba(24, 25, 25, 0.00) 17.43%, #181919 91.02%)"},className:`relative flex w-full flex-col items-start ${s}`,children:e.jsx(r.Skeleton,{className:"h-full w-full",type:"background"})}),e.jsxs("div",{className:"flex w-full flex-col items-start justify-between gap-2 p-4",children:[e.jsxs("div",{className:"relative flex w-full flex-col items-start gap-2",children:[e.jsx(r.Skeleton,{className:"h-5 w-1/2",type:"text"}),e.jsx(r.Skeleton,{className:"h-12 w-full",type:"text"})]}),e.jsxs("div",{className:"flex w-full flex-row justify-start gap-1",children:[e.jsx(r.Skeleton,{className:"h-5 w-1/4",type:"text"}),e.jsx(r.Skeleton,{className:"h-5 w-2/5",type:"text"}),e.jsx(r.Skeleton,{className:"h-5 w-1/4",type:"text"})]})]})]})}exports.TitleTagCard=k;

package/dist/types/tag.d.ts

@@ -11,7 +11,7 @@ export declare interface TagProps extends React_2.HTMLAttributes<HTMLDivElement>
 }
 
 export declare const tagVariants: (props?: ({
-    size?: "sm" | "md" | "lg" | null | undefined;
+    size?: "sm" | "md" | "lg" | "ad" | null | undefined;
     shape?: "round" | "square" | null | undefined;
     variant?: "etc" | "white" | "black" | "primary" | "secondary" | "outline" | "ad" | "solid-primary-50" | "solid-primary-100" | "solid-primary-600" | "solid-secondary-100" | "solid-secondary-400" | "solid-secondary-800" | "solid-red-400" | "solid-red-white" | "outline-primary-600" | "outline-secondary-200" | "red_white" | null | undefined;
 } & ClassProp) | undefined) => string;

package/dist/types/text.d.ts

@@ -27,7 +27,7 @@ declare interface TagProps extends React_2.HTMLAttributes<HTMLDivElement>, Varia
 }
 
 declare const tagVariants: (props?: ({
-    size?: "sm" | "md" | "lg" | null | undefined;
+    size?: "sm" | "md" | "lg" | "ad" | null | undefined;
     shape?: "round" | "square" | null | undefined;
     variant?: "etc" | "white" | "black" | "primary" | "secondary" | "outline" | "ad" | "solid-primary-50" | "solid-primary-100" | "solid-primary-600" | "solid-secondary-100" | "solid-secondary-400" | "solid-secondary-800" | "solid-red-400" | "solid-red-white" | "outline-primary-600" | "outline-secondary-200" | "red_white" | null | undefined;
 } & ClassProp) | undefined) => string;

package/dist/types/ui.d.ts

@@ -756,7 +756,7 @@ export declare interface TagProps extends React_2.HTMLAttributes<HTMLDivElement>
 }
 
 export declare const tagVariants: (props?: ({
-    size?: "sm" | "md" | "lg" | null | undefined;
+    size?: "sm" | "md" | "lg" | "ad" | null | undefined;
     shape?: "round" | "square" | null | undefined;
     variant?: "etc" | "white" | "black" | "primary" | "secondary" | "outline" | "ad" | "solid-primary-50" | "solid-primary-100" | "solid-primary-600" | "solid-secondary-100" | "solid-secondary-400" | "solid-secondary-800" | "solid-red-400" | "solid-red-white" | "outline-primary-600" | "outline-secondary-200" | "red_white" | null | undefined;
 } & ClassProp) | undefined) => string;

package/dist/ui/tag.cjs.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),g=require("class-variance-authority"),l=require("../common-Ds1lanOg.cjs"),a=g.cva("inline-flex items-center justify-center whitespace-nowrap gap-1",{variants:{size:{sm:"px-2 py-1 text-xs font-normal rounded",md:"px-2.5 py-1 text-sm font-normal rounded-md",lg:"px-3.5 py-1.5 text-base font-medium rounded-lg"},shape:{square:"",round:"rounded-full"},variant:{ad:"rounded-t-none rounded-br-none rounded-bl-xl text-sm font-normal px-2.5 py-1 absolute top-0 right-0 bg-grey-800 text-white","solid-primary-50":"bg-main-50 text-main-600","solid-primary-100":"bg-main-100 text-main-600","solid-primary-600":"bg-main-600 text-main-50","solid-secondary-100":"bg-grey-100 text-grey-600","solid-secondary-400":"bg-grey-400 text-white","solid-secondary-800":"bg-grey-800 text-white","solid-red-400":"text-red-600 bg-grey-200/50","solid-red-white":"text-red-400 bg-white","outline-primary-600":"bg-main-100 border border-main-600 text-main-600","outline-secondary-200":"bg-white border border-grey-200 text-grey-800",red_white:"border-transparent text-red-400 bg-white",primary:"border-transparent text-main-800 bg-main-100",secondary:"border-transparent bg-grey-100 text-secondary",outline:"text-foreground",white:"border-transparent text-grey-800 bg-white",black:"border-transparent bg-grey-500 text-grey-100",etc:""}},defaultVariants:{variant:"solid-primary-50",size:"sm",shape:"square"}});function m({className:i,variant:d,size:o,shape:s,icLeft:r,icRight:t,...n}){return e.jsxs("div",{className:l.cn(a({size:o,shape:s,variant:d}),i),...n,children:[r&&e.jsx("div",{children:r})," ",e.jsx("div",{children:n.children}),t&&e.jsx("div",{children:t})," "]})}exports.Tag=m;exports.tagVariants=a;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),g=require("class-variance-authority"),l=require("../common-Ds1lanOg.cjs"),a=g.cva("inline-flex items-center justify-center whitespace-nowrap gap-1",{variants:{size:{sm:"px-2 py-1 text-xs font-normal rounded-sm",md:"px-2.5 py-1 text-sm font-normal rounded-md",lg:"px-3.5 py-1.5 text-base font-medium rounded-lg",ad:"absolute top-0 right-0 px-2.5 py-1 rounded-t-none rounded-br-none rounded-bl-xl text-sm font-normal"},shape:{square:"",round:"rounded-full"},variant:{ad:"bg-grey-800 text-white","solid-primary-50":"bg-main-50 text-main-600","solid-primary-100":"bg-main-100 text-main-600","solid-primary-600":"bg-main-600 text-main-50","solid-secondary-100":"bg-grey-100 text-grey-600","solid-secondary-400":"bg-grey-400 text-white","solid-secondary-800":"bg-grey-800 text-white","solid-red-400":"text-red-600 bg-grey-200/50","solid-red-white":"text-red-400 bg-white","outline-primary-600":"bg-main-100 border border-main-600 text-main-600","outline-secondary-200":"bg-white border border-grey-200 text-grey-800",red_white:"border-transparent text-red-400 bg-white",primary:"border-transparent text-main-800 bg-main-100",secondary:"border-transparent bg-grey-100 text-secondary",outline:"text-foreground",white:"border-transparent text-grey-800 bg-white",black:"border-transparent bg-grey-500 text-grey-100",etc:""}},defaultVariants:{variant:"solid-primary-50",size:"sm",shape:"square"}});function m({className:i,variant:d,size:o,shape:s,icLeft:r,icRight:t,...n}){return e.jsxs("div",{className:l.cn(a({size:o,shape:s,variant:d}),i),...n,children:[r&&e.jsx("div",{children:r})," ",e.jsx("div",{children:n.children}),t&&e.jsx("div",{children:t})," "]})}exports.Tag=m;exports.tagVariants=a;

package/dist/ui/tag.es.js

@@ -6,9 +6,10 @@ const l = m("inline-flex items-center justify-center whitespace-nowrap gap-1", {
   variants: {
     // size : padding, border-radius, 텍스트 크기
     size: {
-      sm: "px-2 py-1 text-xs font-normal rounded",
+      sm: "px-2 py-1 text-xs font-normal rounded-sm",
       md: "px-2.5 py-1 text-sm font-normal rounded-md",
-      lg: "px-3.5 py-1.5 text-base font-medium rounded-lg"
+      lg: "px-3.5 py-1.5 text-base font-medium rounded-lg",
+      ad: "absolute top-0 right-0 px-2.5 py-1 rounded-t-none rounded-br-none rounded-bl-xl text-sm font-normal"
     },
     // shape : round, square, adCard
     shape: {
@@ -17,7 +18,7 @@ const l = m("inline-flex items-center justify-center whitespace-nowrap gap-1", {
     },
     // variant : solid과 outline을 결합하여 하나의 값으로 처리
     variant: {
-      ad: "rounded-t-none rounded-br-none rounded-bl-xl text-sm font-normal px-2.5 py-1 absolute top-0 right-0 bg-grey-800 text-white",
+      ad: "bg-grey-800 text-white",
       "solid-primary-50": "bg-main-50 text-main-600",
       "solid-primary-100": "bg-main-100 text-main-600",
       "solid-primary-600": "bg-main-600 text-main-50",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "boottent-design",
-  "version": "0.1.233",
+  "version": "0.1.234",
   "description": "부트텐트 디자인시스템 라이브러리",
   "repository": {
     "type": "git",

package/dist/event-card-P9DJCupH.cjs

@@ -1 +0,0 @@
-"use strict";const e=require("react/jsx-runtime"),r=require("./index-B8SY6s5B.cjs"),x=require("./common-Ds1lanOg.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");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");const u=require("./ui/skeleton.cjs.js");require("@radix-ui/react-slider");require("react");require("./ui/switch.cjs.js");require("./ui/tabs.cjs.js");const q=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("./utils-CQ8Ml7W5.cjs");function h({adProduct:t,logo:s,title:l,batchName:a="",adTitle:n,startDate:i,tuition:o,nbCardRequired:m,isLoading:g=!1,regEndDate:p,className:c}){if(g)return e.jsx(j,{className:c});const f=`${d.getCampDateText(i)} 개강 · ${d.getEventCampCostValue(o,m)}`;return e.jsx(v,{logo:s,title:`${l} ${a}`,adTitle:n,footerText:f,regEndDate:p,className:c,adProduct:t})}function v({adProduct:t,logo:s,title:l,adTitle:a,footerText:n,regEndDate:i,className:o}){return e.jsxs("div",{className:x.cn("relative z-10 flex h-full w-full flex-col items-start justify-between gap-2 overflow-hidden rounded-xl border border-grey-200 bg-white p-4 text-grey-800 md:p-5 lg:p-6",o),children:[e.jsx(q.Tag,{variant:"ad",style:{background:r.adProducts.event.background,color:r.adProducts.event.color},children:t===r.adProducts.dDay.value&&i?d.getCampDdayText(i):r.adProducts.event.value.toUpperCase()}),e.jsx("img",{src:s,alt:`${l} 로고`,className:"h-4 object-contain",loading:"lazy"}),e.jsxs("div",{className:"flex w-full flex-col items-start gap-2",children:[e.jsx("h3",{className:"line-clamp-2 h-auto text-sm font-normal md:text-base lg:h-12",title:l,children:l}),e.jsx("p",{className:"line-clamp-2 h-auto w-full break-keep rounded bg-grey-100 px-2 py-1 text-[13px] font-semibold text-grey-600 md:h-[54px] md:text-[15px] md:text-grey-800",children:a}),e.jsx("div",{className:"text-[13px] leading-[19px] text-grey-600",children:n})]})]})}function j({className:t}){return e.jsxs(u.Skeleton,{type:"background",className:x.cn("relative z-10 flex h-full w-full flex-col justify-between gap-2 overflow-hidden rounded-xl p-4 md:p-5 lg:p-6",t),children:[e.jsx(q.Tag,{variant:"ad",style:{background:r.adProducts.event.background,color:r.adProducts.event.color},className:"h-7 w-20 animate-pulse rounded-bl-lg rounded-br-none rounded-tl-none rounded-tr-lg px-2 py-1 text-sm",children:""}),e.jsx(u.Skeleton,{className:"h-4 w-1/2"}),e.jsxs("div",{className:"flex flex-col items-start gap-2",children:[e.jsx("div",{className:"h-10 w-full",children:e.jsx(u.Skeleton,{className:"h-5 w-4/5"})}),e.jsx(u.Skeleton,{className:"h-14 w-full"})]}),e.jsx(u.Skeleton,{className:"mt-2 h-[19px] w-2/3"})]})}exports.EventCard=h;

package/dist/premium-card-BbkNnfVA.cjs

@@ -1 +0,0 @@
-"use strict";const e=require("react/jsx-runtime"),x=require("./index-B8SY6s5B.cjs"),d=require("./common-Ds1lanOg.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");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");const s=require("./ui/skeleton.cjs.js");require("@radix-ui/react-slider");require("react");require("./ui/switch.cjs.js");require("./ui/tabs.cjs.js");const p=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");function h({logo:u,title:t,subtitle:l,thumbnail:a,batchTitle:i,batchName:n="",brandName:c,tag:m,isLoading:r=!1,className:o}){const q=r?s.Skeleton:"div";return e.jsxs(q,{title:t,type:"background",className:d.cn("relative z-10 box-border h-[154px] w-full max-w-[720px] cursor-pointer overflow-hidden rounded-xl bg-white p-4 xs:h-full md:h-[174px] md:max-w-[592px] md:p-5 lg:h-[174px] lg:p-6 xl:h-[174px]",r?"":"border border-grey-200",o),children:[e.jsx(p.Tag,{variant:"ad",style:{background:x.adProducts.premiumCard.background,color:x.adProducts.premiumCard.color},className:d.cn("rounded-bl-xl",r&&"h-7 w-28 animate-pulse"),children:r?"":m}),r?e.jsx(j,{}):e.jsx(f,{logo:u,brandName:c,batchTitle:i,batchName:n,subtitle:l,thumbnail:a})]})}function f({logo:u,brandName:t,batchTitle:l,batchName:a,subtitle:i,thumbnail:n}){return e.jsxs("div",{className:"flex h-full flex-col items-start justify-start gap-2",children:[e.jsx("img",{src:u,alt:`${t} 로고`,className:"h-4 object-contain",loading:"lazy"}),e.jsxs("div",{className:"flex w-full flex-row items-start justify-between gap-6",children:[e.jsxs("div",{className:"flex h-full grow flex-col items-start justify-between gap-2 pb-2",children:[e.jsxs("h3",{className:"line-clamp-2 h-auto text-sm font-normal md:h-12 md:text-base",children:[l," ",a]}),e.jsx("h4",{className:"line-clamp-2 max-h-[56px] w-full break-keep rounded bg-grey-100 px-2 py-1 text-[13px] font-semibold text-grey-600 md:text-[15px] md:text-grey-800",title:i,children:i})]}),e.jsx("img",{src:n,alt:`${l} 썸네일`,className:"h-[86px] w-[86px] shrink-0 grow-0 rounded-xl border border-grey-200 object-cover md:h-[96px] md:w-[96px]",loading:"lazy"})]})]})}function j(){return e.jsxs("div",{className:"flex h-full flex-col items-start justify-center gap-2",children:[e.jsx(s.Skeleton,{className:"h-4 w-1/2"}),e.jsxs("div",{className:"flex w-full items-start justify-between gap-6",children:[e.jsxs("div",{className:"flex h-full w-full flex-col items-start justify-between gap-2 pb-2",children:[e.jsx(s.Skeleton,{className:"h-5 w-4/5 lg:h-12"}),e.jsx(s.Skeleton,{className:"h-5 w-4/5"})]}),e.jsx(s.Skeleton,{className:"h-[86px] w-[86px] shrink-0 grow-0 rounded-xl md:h-[96px] md:w-[96px]"})]})]})}exports.PremiumCard=h;

package/dist/title-tag-card-C-pn0u7P.cjs

@@ -1 +0,0 @@
-"use strict";const e=require("react/jsx-runtime"),i=require("./index-B8SY6s5B.cjs"),b=require("./index-Dhd1jlaC.cjs");require("./ui/accordion.cjs.js");require("./ui/alert-dialog.cjs.js");const h=require("./common-Ds1lanOg.cjs");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");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");const r=require("./ui/skeleton.cjs.js");require("@radix-ui/react-slider");require("react");require("./ui/switch.cjs.js");require("./ui/tabs.cjs.js");const d=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");function k({tags:s,coverImage:a,brandName:l,title:u,batchName:n="",titleTagType:o,adTitle:x,changedAspect:f="aspect-[8/5]",isLoading:j=!1,className:g}){return j?e.jsx(y,{changedAspect:f,className:g,titleTagType:o}):e.jsxs("div",{className:h.cn("shadow-base h-full w-full shrink-0 cursor-pointer overflow-hidden rounded-xl border border-grey-700 bg-white transition-all",g),children:[e.jsxs("div",{style:{background:"linear-gradient(0deg, rgba(24, 25, 25, 0.00) 17.43%, #181919 91.02%)"},className:`relative flex w-full flex-col items-center justify-center overflow-hidden ${f}`,children:[e.jsx("img",{src:a,alt:`${l} ${u} ${n} 이미지`,className:"h-full w-full object-cover",loading:"lazy"}),o&&e.jsx(d.Tag,{variant:"ad",style:{background:i.adProducts.titleTag.background,color:i.adProducts.titleTag.color},children:o}),x&&e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"absolute left-4 top-4 z-10 w-36 whitespace-pre-wrap break-keep text-[18px] font-semibold text-white md:left-5 md:top-7",children:x}),e.jsx("div",{className:"absolute inset-0 opacity-50",style:{background:"linear-gradient(270deg, rgba(24, 25, 25, 0.00) 17.43%, #181919 91.02%)"}})]})]}),e.jsxs("div",{className:"flex w-full flex-col items-start justify-between gap-2 p-4 text-grey-800 md:p-5 lg:p-6",children:[e.jsxs("h4",{className:"flex flex-col gap-2",title:`${l} ${u} ${n}`,children:[e.jsx("p",{className:"text-sm",children:l}),e.jsx("p",{className:"truncate3 break-keep text-base font-semibold",children:`${u} ${n}`})]}),s&&e.jsx("ul",{className:"flex w-full max-w-full flex-wrap gap-1",children:s.map((q,p)=>{var m;const t=Object.values(b.campCategoryColors).find(c=>c.tags.some(w=>w.value===q));return t&&e.jsx("li",{children:e.jsx(d.Tag,{size:"sm",style:{background:t.background,color:t.color},children:(m=t.tags.find(c=>c.value===q))==null?void 0:m.text})},p)})})]})]})}function y({changedAspect:s,className:a,titleTagType:l}){return e.jsxs(r.Skeleton,{type:"background",className:h.cn("relative h-full w-full shrink-0 cursor-pointer overflow-hidden rounded-xl bg-grey-50 transition-all",a),children:[l&&e.jsx(d.Tag,{variant:"ad",style:{background:i.adProducts.titleTag.background,color:i.adProducts.titleTag.color},className:"h-7 w-28 animate-pulse rounded-bl-lg rounded-br-none rounded-tl-none rounded-tr-lg px-2 py-1 text-sm",children:""}),e.jsx("div",{style:{background:"linear-gradient(270deg, rgba(24, 25, 25, 0.00) 17.43%, #181919 91.02%)"},className:`relative flex w-full flex-col items-start ${s}`,children:e.jsx(r.Skeleton,{className:"h-full w-full",type:"background"})}),e.jsxs("div",{className:"flex w-full flex-col items-start justify-between gap-2 p-4",children:[e.jsxs("div",{className:"relative flex w-full flex-col items-start gap-2",children:[e.jsx(r.Skeleton,{className:"h-5 w-1/2",type:"text"}),e.jsx(r.Skeleton,{className:"h-12 w-full",type:"text"})]}),e.jsxs("div",{className:"flex w-full flex-row justify-start gap-1",children:[e.jsx(r.Skeleton,{className:"h-5 w-1/4",type:"text"}),e.jsx(r.Skeleton,{className:"h-5 w-2/5",type:"text"}),e.jsx(r.Skeleton,{className:"h-5 w-1/4",type:"text"})]})]})]})}exports.TitleTagCard=k;