boottent-design 0.1.253 → 0.1.255

package/dist/{mobile-camp-card-TKIjmsKH.js → mobile-camp-card-BJi4yJLI.js}

@@ -1,7 +1,7 @@
-import { jsxs as l, jsx as r } from "react/jsx-runtime";
+import { jsxs as t, jsx as r } from "react/jsx-runtime";
 import "./ui/accordion.es.js";
 import "./ui/alert-dialog.es.js";
-import { c as s } from "./common-C3JaD1vJ.js";
+import { c as a } from "./common-C3JaD1vJ.js";
 import "@radix-ui/react-aspect-ratio";
 import "./ui/avatar.es.js";
 import "./ui/badge.es.js";
@@ -30,18 +30,19 @@ 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 V } from "./ui/tag.es.js";
 import "./ui/text.es.js";
 import "./ui/textarea.es.js";
 import "./ui/toast.es.js";
 import "./ui/toggle.es.js";
 import "./ui/toggle-group.es.js";
 import "./ui/tooltip.es.js";
-import { g as E } from "./image-loading-BX5rKZfC.js";
-function f({ children: e }) {
+import { g as W } from "./image-loading-BX5rKZfC.js";
+import { d as X, a as Y, c as Z } from "./camp-card-format-QrakDFC6.js";
+function h({ children: e }) {
   return /* @__PURE__ */ r("div", { className: "whitespace-nowrap rounded border border-transparent bg-grey-100 px-[5px] py-0.5 text-regular13 text-grey-600", children: e });
 }
-function F({ tag: e }) {
+function _({ tag: e }) {
   return /* @__PURE__ */ r("li", { className: "rounded", children: /* @__PURE__ */ r(
     "div",
     {
@@ -50,14 +51,14 @@ function F({ tag: e }) {
         backgroundColor: e.background,
         border: `1px solid ${e.border ?? "transparent"}`
       },
-      className: s("inline-block whitespace-nowrap rounded px-1 py-0.5 text-regular13", e.className),
+      className: a("inline-block whitespace-nowrap rounded px-1 py-0.5 text-regular13", e.className),
       children: e.text
     }
   ) });
 }
 function g(e) {
   return /* @__PURE__ */ r(
-    D,
+    V,
     {
       variant: "ad",
       size: "ad",
@@ -66,107 +67,129 @@ function g(e) {
         backgroundColor: e.background,
         border: e.border ? `1px solid ${e.border}` : void 0
       },
-      className: s("text-xs", e.className),
+      className: a("text-xs", e.className),
       children: e.text
     }
   );
 }
-function ke({
+function Ge({
   brandName: e,
   title: w,
-  batchName: b = "",
-  imageUrl: p,
-  imageAlt: v,
-  tuitionText: N,
-  locationText: y,
+  batchName: v = "",
+  imageUrl: s,
+  imageAlt: b,
+  tuitionText: y,
+  locationText: N,
   scheduleText: $,
-  tags: a = [],
-  statusBadge: m,
+  startDate: k,
+  endDate: C,
+  period: j,
+  tuition: L,
+  earlyBirdTuition: S,
+  earlyBirdEndDate: I,
+  isFree: T,
+  onoffText: z,
+  cityLabels: M,
+  tags: m = [],
+  statusBadge: p,
   adBadge: n,
-  adTitle: t,
-  isAd: i = !1,
-  isShowRegTag: k = !1,
+  adTitle: l,
+  isAd: o = !1,
+  isShowRegTag: q = !1,
   earlyBirdText: c,
   afterTuitionText: d,
   govtCostText: u,
-  height: j,
-  className: C,
-  bookmarkSlot: I,
-  imageOverlaySlot: z,
-  imagePriority: L,
-  imageLoading: M,
-  imageFetchPriority: S,
-  imageDecoding: q
+  height: A,
+  className: D,
+  bookmarkSlot: E,
+  imageOverlaySlot: P,
+  imagePriority: B,
+  imageLoading: F,
+  imageFetchPriority: G,
+  imageDecoding: H
 }) {
-  const A = E({
-    imagePriority: L,
-    imageLoading: M,
-    imageFetchPriority: S,
-    imageDecoding: q
-  }), o = `${w} ${b || ""}`.trim(), x = v ?? `${e} ${o} | ${t || ""}`.trim();
-  return /* @__PURE__ */ l(
+  const J = W({
+    imagePriority: B,
+    imageLoading: F,
+    imageFetchPriority: G,
+    imageDecoding: H
+  }), i = `${w} ${v || ""}`.trim(), x = b ?? `${e} ${i} | ${l || ""}`.trim(), K = y ?? X({
+    tuition: L ?? void 0,
+    isFree: T,
+    earlyBirdTuition: S ?? void 0,
+    earlyBirdEndDate: I ?? void 0
+  }), O = N ?? Y({
+    onoffText: z,
+    cityLabels: M,
+    format: "mobile"
+  }), Q = $ ?? Z({
+    startDate: k,
+    endDate: C,
+    period: j
+  });
+  return /* @__PURE__ */ t(
     "div",
     {
-      style: { height: j },
-      className: s(
+      style: { height: A },
+      className: a(
         "bt-ds-surface bt-ds-text-reset relative z-10 box-border flex h-full w-full flex-col overflow-hidden rounded-[10px] border border-grey-200 bg-white p-4 md:p-[25px] lg:h-[226px] lg:p-[30px]",
-        C
+        D
       ),
       children: [
         n ? g(n) : null,
-        !i && k && m ? /* @__PURE__ */ r("div", { className: "absolute right-0 top-0 break-keep", children: g(m) }) : null,
-        /* @__PURE__ */ l("div", { className: "flex flex-col justify-center gap-2 overflow-hidden md:gap-4", children: [
-          /* @__PURE__ */ l("div", { className: "flex items-start justify-between gap-4", children: [
-            /* @__PURE__ */ l("div", { className: "flex w-[calc(100%-110px)] flex-col gap-2 md:gap-4", children: [
-              /* @__PURE__ */ l("div", { className: "flex flex-col gap-2 md:gap-[15px]", children: [
-                /* @__PURE__ */ r("h3", { className: "text-regular13", children: e }),
-                /* @__PURE__ */ l(
-                  "h3",
+        !o && q && p ? /* @__PURE__ */ r("div", { className: "absolute right-0 top-0 break-keep", children: g(p) }) : null,
+        /* @__PURE__ */ t("div", { className: "flex flex-col justify-center gap-2 overflow-hidden md:gap-4", children: [
+          /* @__PURE__ */ t("div", { className: "flex items-start justify-between gap-4", children: [
+            /* @__PURE__ */ t("div", { className: "flex w-[calc(100%-110px)] flex-col gap-2 md:gap-4", children: [
+              /* @__PURE__ */ t("div", { className: "flex flex-col gap-2 md:gap-[15px]", children: [
+                /* @__PURE__ */ r("p", { className: "text-regular13", children: e }),
+                /* @__PURE__ */ t(
+                  "p",
                   {
                     className: "line-clamp-2 max-h-12 text-sm font-medium md:text-medium14",
-                    title: `${e} ${o} ${i && t ? t : ""}`.trim(),
+                    title: `${e} ${i} ${o && l ? l : ""}`.trim(),
                     children: [
-                      o,
+                      i,
                       /* @__PURE__ */ r("span", { className: "sr-only", children: e })
                     ]
                   }
                 ),
-                i && t ? /* @__PURE__ */ r(
-                  "h4",
+                o && l ? /* @__PURE__ */ r(
+                  "p",
                   {
                     className: "line-clamp-2 break-keep rounded-md bg-yellow-400/50 px-2 py-1 text-[13px] text-grey-800 md:text-regular16 md:text-grey-800",
-                    title: t,
-                    children: t
+                    title: l,
+                    children: l
                   }
                 ) : null
               ] }),
-              a.length > 0 ? /* @__PURE__ */ r("ul", { className: "flex w-full max-w-full shrink-0 grow-0 flex-wrap justify-start gap-[5px] overflow-x-hidden whitespace-normal", children: a.map((h, P) => /* @__PURE__ */ r(F, { tag: h }, `${String(h.text)}-${P}`)) }) : null
+              m.length > 0 ? /* @__PURE__ */ r("ul", { className: "flex w-full max-w-full shrink-0 grow-0 flex-wrap justify-start gap-[5px] overflow-x-hidden whitespace-normal", children: m.map((f, R) => /* @__PURE__ */ r(_, { tag: f }, `${String(f.text)}-${R}`)) }) : null
             ] }),
-            /* @__PURE__ */ l("div", { className: "bt-ds-surface bt-ds-radius-10 relative mt-7 flex aspect-square w-[88px] shrink-0 items-center justify-center overflow-hidden rounded-[10px] border border-grey-200 bg-grey-100 md:w-[99px] lg:w-28", children: [
-              p ? /* @__PURE__ */ r("img", { src: p, alt: x, className: "h-full w-full object-cover", ...A }) : null,
-              z,
+            /* @__PURE__ */ t("div", { className: "bt-ds-surface bt-ds-radius-10 relative mt-7 flex aspect-square w-[88px] shrink-0 items-center justify-center overflow-hidden rounded-[10px] border border-grey-200 bg-grey-100 md:w-[99px] lg:w-28", children: [
+              s ? /* @__PURE__ */ r("img", { src: s, alt: x, className: "h-full w-full object-cover", ...J }) : null,
+              P,
               /* @__PURE__ */ r("span", { className: "sr-only", children: x })
             ] })
           ] }),
-          /* @__PURE__ */ l("div", { className: "mt-2 flex w-full flex-col gap-2 text-regular13", children: [
-            /* @__PURE__ */ l("div", { className: "flex w-full items-center justify-start overflow-hidden truncate whitespace-nowrap ", children: [
-              /* @__PURE__ */ l("div", { className: "flex items-center gap-1 whitespace-nowrap", children: [
-                /* @__PURE__ */ r("p", { children: N }),
-                c ? /* @__PURE__ */ r(f, { children: c }) : null,
+          /* @__PURE__ */ t("div", { className: "mt-2 flex w-full flex-col gap-2 text-regular13", children: [
+            /* @__PURE__ */ t("div", { className: "flex w-full items-center justify-start overflow-hidden truncate whitespace-nowrap ", children: [
+              /* @__PURE__ */ t("div", { className: "flex items-center gap-1 whitespace-nowrap", children: [
+                /* @__PURE__ */ r("p", { children: K }),
+                c ? /* @__PURE__ */ r(h, { children: c }) : null,
                 d ? /* @__PURE__ */ r("div", { children: d }) : null,
-                u ? /* @__PURE__ */ r(f, { children: u }) : null
+                u ? /* @__PURE__ */ r(h, { children: u }) : null
               ] }),
               " · ",
-              /* @__PURE__ */ r("span", { children: y })
+              /* @__PURE__ */ r("span", { children: O })
             ] }),
-            /* @__PURE__ */ r("p", { className: "w-full overflow-hidden truncate whitespace-nowrap", children: $ })
+            /* @__PURE__ */ r("p", { className: "w-full overflow-hidden truncate whitespace-nowrap", children: Q })
           ] })
         ] }),
-        I
+        E
       ]
     }
   );
 }
 export {
-  ke as M
+  Ge as M
 };

package/dist/mobile-camp-card-SBt5pHHv.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("react/jsx-runtime");require("./ui/accordion.cjs.js");require("./ui/alert-dialog.cjs.js");const a=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");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 V=require("./image-loading-DZFBFoVv.cjs"),t=require("./camp-card-format-rjZZu4G6.cjs");function h({children:r}){return e.jsx("div",{className:"whitespace-nowrap rounded border border-transparent bg-grey-100 px-[5px] py-0.5 text-regular13 text-grey-600",children:r})}function W({tag:r}){return e.jsx("li",{className:"rounded",children:e.jsx("div",{style:{color:r.color,backgroundColor:r.background,border:`1px solid ${r.border??"transparent"}`},className:a.cn("inline-block whitespace-nowrap rounded px-1 py-0.5 text-regular13",r.className),children:r.text})})}function q(r){return e.jsx(Q.Tag,{variant:"ad",size:"ad",style:{color:r.color,backgroundColor:r.background,border:r.border?`1px solid ${r.border}`:void 0},className:a.cn("text-xs",r.className),children:r.text})}function X({brandName:r,title:g,batchName:j="",imageUrl:n,imageAlt:w,tuitionText:v,locationText:b,scheduleText:y,startDate:N,endDate:C,period:$,tuition:k,earlyBirdTuition:L,earlyBirdEndDate:S,isFree:I,onoffText:T,cityLabels:z,tags:o=[],statusBadge:c,adBadge:d,adTitle:l,isAd:i=!1,isShowRegTag:M=!1,earlyBirdText:u,afterTuitionText:x,govtCostText:m,height:A,className:D,bookmarkSlot:E,imageOverlaySlot:F,imagePriority:P,imageLoading:R,imageFetchPriority:_,imageDecoding:B}){const G=V.getImageLoadingAttributes({imagePriority:P,imageLoading:R,imageFetchPriority:_,imageDecoding:B}),s=`${g} ${j||""}`.trim(),p=w??`${r} ${s} | ${l||""}`.trim(),H=v??t.formatCampCardTuitionText({tuition:k??void 0,isFree:I,earlyBirdTuition:L??void 0,earlyBirdEndDate:S??void 0}),J=b??t.formatCampCardLocationText({onoffText:T,cityLabels:z,format:"mobile"}),K=y??t.formatCampCardScheduleText({startDate:N,endDate:C,period:$});return e.jsxs("div",{style:{height:A},className:a.cn("bt-ds-surface bt-ds-text-reset relative z-10 box-border flex h-full w-full flex-col overflow-hidden rounded-[10px] border border-grey-200 bg-white p-4 md:p-[25px] lg:h-[226px] lg:p-[30px]",D),children:[d?q(d):null,!i&&M&&c?e.jsx("div",{className:"absolute right-0 top-0 break-keep",children:q(c)}):null,e.jsxs("div",{className:"flex flex-col justify-center gap-2 overflow-hidden md:gap-4",children:[e.jsxs("div",{className:"flex items-start justify-between gap-4",children:[e.jsxs("div",{className:"flex w-[calc(100%-110px)] flex-col gap-2 md:gap-4",children:[e.jsxs("div",{className:"flex flex-col gap-2 md:gap-[15px]",children:[e.jsx("p",{className:"text-regular13",children:r}),e.jsxs("p",{className:"line-clamp-2 max-h-12 text-sm font-medium md:text-medium14",title:`${r} ${s} ${i&&l?l:""}`.trim(),children:[s,e.jsx("span",{className:"sr-only",children:r})]}),i&&l?e.jsx("p",{className:"line-clamp-2 break-keep rounded-md bg-yellow-400/50 px-2 py-1 text-[13px] text-grey-800 md:text-regular16 md:text-grey-800",title:l,children:l}):null]}),o.length>0?e.jsx("ul",{className:"flex w-full max-w-full shrink-0 grow-0 flex-wrap justify-start gap-[5px] overflow-x-hidden whitespace-normal",children:o.map((f,O)=>e.jsx(W,{tag:f},`${String(f.text)}-${O}`))}):null]}),e.jsxs("div",{className:"bt-ds-surface bt-ds-radius-10 relative mt-7 flex aspect-square w-[88px] shrink-0 items-center justify-center overflow-hidden rounded-[10px] border border-grey-200 bg-grey-100 md:w-[99px] lg:w-28",children:[n?e.jsx("img",{src:n,alt:p,className:"h-full w-full object-cover",...G}):null,F,e.jsx("span",{className:"sr-only",children:p})]})]}),e.jsxs("div",{className:"mt-2 flex w-full flex-col gap-2 text-regular13",children:[e.jsxs("div",{className:"flex w-full items-center justify-start overflow-hidden truncate whitespace-nowrap ",children:[e.jsxs("div",{className:"flex items-center gap-1 whitespace-nowrap",children:[e.jsx("p",{children:H}),u?e.jsx(h,{children:u}):null,x?e.jsx("div",{children:x}):null,m?e.jsx(h,{children:m}):null]})," · ",e.jsx("span",{children:J})]}),e.jsx("p",{className:"w-full overflow-hidden truncate whitespace-nowrap",children:K})]})]}),E]})}exports.MobileCampCard=X;