boottent-design 0.1.82 → 0.1.83

package/README.md

@@ -1,7 +1,5 @@
 # boottent-design
 
-React, Vite, TypeScript, TailwindCSS, Radix-UI를 사용해 만든 부트텐트 디자인 시스템 라이브러리입니다.
-
 ## 목차
 
 - [소개](#소개)
@@ -9,19 +7,11 @@ React, Vite, TypeScript, TailwindCSS, Radix-UI를 사용해 만든 부트텐트
 - [시작하기](#시작하기)
   - [설치](#설치)
   - [프로젝트 설정](#프로젝트-설정)
-- [사용 예제](#사용-예제)
-  - [예제 1: 기본 컴포넌트](#예제-1-기본-컴포넌트)
-  - [예제 2: 모달, 알림, 다이얼로그, 토스트](#예제-2-모달-알림-다이얼로그-토스트)
-  - [예제 3: 드롭다운](#예제-3-드롭다운)
-  - [예제 4: 토글 버튼 그룹](#예제-4-토글-버튼-그룹)
-  - [예제 5: 툴팁](#예제-5-툴팁)
 - [제작 및 배포](#제작-및-배포)
 
 ## 소개
 
-- `boottent-design`은 [부트텐트](https://boottent.com)의 디자인 시스템 라이브러리입니다.
-- React와 TypeScript를 기반으로 하며, TailwindCSS와 Radix-UI를 활용하여 높은 유연성과 접근성을 제공합니다.
-- 다양한 UI 컴포넌트를 제공하여 빠르고 효율적인 개발을 지원합니다.
+- [부트텐트](https://boottent.com)의 디자인 시스템 라이브러리입니다.
 
 ## 시작하기
 
@@ -39,7 +29,7 @@ npm install boottent-design@latest
 
 ### 프로젝트 설정
 
-boottent-design을 프로젝트에 적용하기 위해 Vite와 TailwindCSS 설정이 필요합니다. 다음 단계를 따라 프로젝트를 설정하세요.
+boottent-design을 프로젝트에 적용하기 위해 Vite와 TailwindCSS 설정이 필요합니다.
 
 #### 1. React + TypeScript 프로젝트 생성
 
@@ -321,271 +311,6 @@ ReactDOM.createRoot(document.getElementById("root") as HTMLElement).render(
 );
 ```
 
-## 사용 예제
-
-### 예제 1: 기본 컴포넌트
-
-Icon, Symbols, Input, Button, Stack, Box, FlexBox 사용 예시입니다.
-
-```tsx
-import { Input, Icon, Symbols } from "boottent-design/ui";
-import { FlexBox } from "boottent-design/layout";
-import { cn } from "boottent-design/utils";
-import { colors } from "boottent-design/styles";
-
-export default function Test() {
-  return (
-    <FlexBox.Col className="bg-grey-100 min-h-60 w-full items-center gap-4 rounded-lg p-10">
-      <Input className={cn("w-full min-w-[500px]")} placeholder="입력해주세요." />
-      <FlexBox.Row className="mx-auto w-full items-center justify-center gap-4 p-4">
-        <Icon.Calendar fill={colors.lime[500]} />
-        <Symbols.Boottent />
-        <Symbols.Apple />
-      </FlexBox.Row>
-    </FlexBox.Col>
-  );
-}
-```
-
-### 예제 2: 모달, 알림, 다이얼로그, 토스트
-
-usePortal 훅을 사용하여 모달, 다이얼로그, 토스트, 알람 창을 띄우려면 PortalProvider를 앱의 루트에 추가해주세요.
-
-```tsx
-import { PortalProvider } from "boottent-design/provider";
-
-ReactDOM.createRoot(document.getElementById("root")!).render(
-  <>
-    <App />
-    <PortalProvider />
-  </>,
-);
-```
-
-모달, 알람창, 다이얼로그, 토스트를 사용하는 예시입니다.
-
-```tsx
-import { Button } from "boottent-design/ui";
-import { Box, FlexBox } from "boottent-design/layout";
-import { cn } from "boottent-design/utils";
-import { usePortal } from "boottent-design/hooks";
-
-export default function Test() {
-  const { toast, modal, alert, dialog } = usePortal();
-
-  return (
-    <FlexBox.Col className="bg-grey-100 min-h-60 w-full items-center gap-4 rounded-lg p-10">
-      <Box className="flex gap-4">
-        <Button
-          variant={"outline"}
-          theme={"primary"}
-          size={"lg"}
-          className={cn("w-full")}
-          onClick={() =>
-            toast({
-              description: "토스트 메시지입니다.",
-              position: "top-center",
-            })
-          }
-        >
-          토스트
-        </Button>
-        <Button
-          theme={"primary"}
-          size={"lg"}
-          className={cn("w-full")}
-          onClick={() =>
-            modal({
-              title: "모달",
-              description: "모달 메시지입니다.",
-              onClose: () =>
-                toast({
-                  title: "알림",
-                  description: "토스트 메시지입니다.",
-                  action: () => alert("토스트 액션!"),
-                }),
-            })
-          }
-        >
-          모달
-        </Button>
-        <Button
-          theme={"secondary"}
-          variant={"outline"}
-          size={"lg"}
-          className={cn("w-full")}
-          onClick={() =>
-            dialog({
-              title: "알림",
-              content: "다이얼로그 메시지입니다.",
-              onConfirm: () => toast("알림창 닫힘!"),
-            })
-          }
-        >
-          다이얼로그
-        </Button>
-        <Button
-          theme={"secondary"}
-          size={"lg"}
-          className={cn("w-full")}
-          onClick={() =>
-            alert({
-              title: "알림",
-              description: "알림 메시지입니다.",
-              onConfirm: () => toast("알림창 닫힘!"),
-            })
-          }
-        >
-          알림
-        </Button>
-      </Box>
-    </FlexBox.Col>
-  );
-}
-```
-
-### 예제 3: 드롭다운
-
-```tsx
-import { useEffect, useState } from "react";
-import { Dropdown, Icon, Button } from "boottent-design/ui";
-import { Box } from "boottent-design/layout";
-import { SelectedDropdownItem, DropdownContainerOptionsType } from "boottent-design/types";
-import { getDropdownButtonText } from "boottent-design/utils";
-
-const DropdownExample = ({ defaultValue }: { defaultValue?: SelectedDropdownItem[] }) => {
-  const [selectedItems, setSelectedItems] = useState<SelectedDropdownItem[]>(defaultValue || []);
-
-  const dropdownItems: DropdownContainerOptionsType[] = [
-    {
-      containerType: "default", // "default" | "checkbox" | "radio" => 컨테이너 묶음의 전체적인 타입입니다
-      containerKey: "interactiveDefault1", // 컨테이너 묶음의 키입니다.
-      containerTitle: "기본 드롭다운 컨테이너", // 컨테이너 타이틀입니다.
-      isShowTitle: true, // 컨테이너 타이틀의 표시 여부입니다.
-      isShowSeparator: true, // 컨테이너 묶음들 사이의 구분선 표시 여부입니다.
-      items: [
-        {
-          type: "default", // "default" | "checkbox" | "radio" | "separator" | "title" | 'action' | "sub"
-          label: "기본 아이템 1",
-          value: "default item 1",
-        },
-        {
-          type: "separator", // 각 드롭다운 아이템 요소의 타입입니다.
-        }
-        {
-          type: "default",
-          label: "기본 아이템 2",
-          value: "default_item_2",
-        },
-      ],
-    },
-  ];
-
-  useEffect(() => {
-    console.log("Selected Items:", selectedItems);
-  }, [selectedItems]);
-
-  // Dropdown의 size 설정
-
-  return (
-    <Box className="w-full space-y-8 py-10">
-      <Dropdown items={dropdownItems} onChange={setSelectedItems}>
-        <Button
-          size="sm"
-          variant="outline"
-          theme="secondary"
-          icRight={<Icon.ArrowDown size="12" />}
-          className="text-medium14 min-w-fit justify-between"
-        >
-          {getDropdownButtonText(selectedItems, "Open Dropdown")}
-        </Button>
-      </Dropdown>
-    </Box>
-  );
-};
-```
-
-### 예제 4: 토글 버튼 그룹
-
-```tsx
-import { useState } from "react";
-import { FlexBox, Box } from "boottent-design/layout";
-import { ToggleButtonGroup } from "boottent-design/ui";
-
-export const ToggleButtonExamples = () => {
-  const [value, setValue] = useState<string>("option1");
-
-  return (
-    <FlexBox.Col className="items-center gap-4">
-      <h3>Single Toggle with Tooltip</h3>
-      <ToggleButtonGroup.Single
-        theme="primary"
-        size="md"
-        shape="square"
-        variant="outline"
-        value={value}
-        onChange={setValue}
-        options={[
-          {
-            value: "option1",
-            label: "Option 1",
-            tooltip: { label: "Tooltip for Option 1", position: "bottom-left", bubbleTip: false },
-          },
-          {
-            value: "option2",
-            label: "Option 2",
-          },
-          {
-            value: "option3",
-            label: "Option 3",
-          },
-        ]}
-      />
-      <Box className="mt-2 text-sm text-gray-600">선택된 옵션: {value}</Box>
-    </FlexBox.Col>
-  );
-};
-```
-
-### 예제 5: 툴팁
-
-```tsx
-import { Tooltip, Button } from "boottent-design/ui";
-import { FlexBox } from "boottent-design/layout";
-
-export const TooltipExamples = () => {
-  const variants = [
-    {
-      variant: "primary",
-      text: "Primary Tooltip",
-      label: "This is a primary tooltip!",
-    },
-    {
-      variant: "secondary",
-      text: "Secondary Tooltip",
-      label: "This is a secondary tooltip!",
-    },
-    {
-      variant: "white",
-      text: "White Tooltip",
-      label: "This is a white tooltip!",
-    },
-  ];
-
-  return (
-    <FlexBox.Col className="justify-center gap-10 py-40">
-      {variants.map(({ variant, text, label }) => (
-        <Tooltip key={variant} variant={variant} label={label} bubbleTip={false}>
-          <Button theme={"primary"} variant="outline">
-            {text}
-          </Button>
-        </Tooltip>
-      ))}
-    </FlexBox.Col>
-  );
-};
-```
-
 ## 제작 및 배포
 
 - 김동성 (Boottent Frontend-Developer)

package/dist/boottent-design.ads.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react/jsx-runtime"),y=require("./index-BYinJUBt.cjs"),ae=require("./index-B21JbtdU.cjs"),b=require("./boottent-design.styles.cjs.js"),$=require("./index-T715hKYb.cjs");require("react");require("./toggleButtonGroup-primitive-DLsmj_zA.cjs");require("react-dom");const O=require("./index-Cw9G_f7P.cjs"),ie=({src:t,alt:e,object:n="cover",lazy:r=!0,size:a="auto",className:i,...o})=>{const s={contain:"object-contain h-full",cover:"object-cover h-full",fill:"object-fill h-full","scale-down":"object-scale-down",none:"object-none"},c={full:"w-full",fit:"w-fit",auto:"w-auto"};let u="",f={};return typeof a=="string"?u=c[a]:typeof a=="number"&&(f={width:`${a}px`}),d.jsx("img",{src:t,alt:e?`${e} 이미지`:"이미지",loading:r?"lazy":"eager",className:ae.cn(s[n],u,i),style:f,...o})},N={mainBanner:{value:"mainBanner",text:"메인배너",color:"",background:""},premiumCard:{value:"premiumCard",text:"상위노출카드",color:b.colors.main[600],background:b.colors.main[100]},event:{value:"event",text:"이벤트적용",color:b.colors.red[400],background:b.colors.yellow[300]},dDay:{value:"dDay",text:"디데이적용",color:b.colors.red[400],background:b.colors.yellow[400]},titleTag:{value:"titleTag",text:"타이틀태그",color:b.colors.white,background:b.colors.grey[800]}},q={background:"#e9e9eca1",title:"#222",description:"#222",button:"#975dff",buttonText:"#ffffff",shadow:"@titleline-background-color"},oe=6048e5,ye=864e5,se=6e4,ue=36e5,H=Symbol.for("constructDateFrom");function x(t,e){return typeof t=="function"?t(e):t&&typeof t=="object"&&H in t?t[H](e):t instanceof Date?new t.constructor(e):new Date(e)}function g(t,e){return x(e||t,t)}let xe={};function j(){return xe}function W(t,e){var s,c,u,f;const n=j(),r=(e==null?void 0:e.weekStartsOn)??((c=(s=e==null?void 0:e.locale)==null?void 0:s.options)==null?void 0:c.weekStartsOn)??n.weekStartsOn??((f=(u=n.locale)==null?void 0:u.options)==null?void 0:f.weekStartsOn)??0,a=g(t,e==null?void 0:e.in),i=a.getDay(),o=(i<r?7:0)+i-r;return a.setDate(a.getDate()-o),a.setHours(0,0,0,0),a}function C(t,e){return W(t,{...e,weekStartsOn:1})}function ce(t,e){const n=g(t,e==null?void 0:e.in),r=n.getFullYear(),a=x(n,0);a.setFullYear(r+1,0,4),a.setHours(0,0,0,0);const i=C(a),o=x(n,0);o.setFullYear(r,0,4),o.setHours(0,0,0,0);const s=C(o);return n.getTime()>=i.getTime()?r+1:n.getTime()>=s.getTime()?r:r-1}function L(t){const e=g(t),n=new Date(Date.UTC(e.getFullYear(),e.getMonth(),e.getDate(),e.getHours(),e.getMinutes(),e.getSeconds(),e.getMilliseconds()));return n.setUTCFullYear(e.getFullYear()),+t-+n}function le(t,...e){const n=x.bind(null,e.find(r=>typeof r=="object"));return e.map(n)}function R(t,e){const n=g(t,e==null?void 0:e.in);return n.setHours(0,0,0,0),n}function de(t,e,n){const[r,a]=le(n==null?void 0:n.in,t,e),i=R(r),o=R(a),s=+i-L(i),c=+o-L(o);return Math.round((s-c)/ye)}function ve(t,e){const n=ce(t,e),r=x(t,0);return r.setFullYear(n,0,4),r.setHours(0,0,0,0),C(r)}function Me(t){return t instanceof Date||typeof t=="object"&&Object.prototype.toString.call(t)==="[object Date]"}function ke(t){return!(!Me(t)&&typeof t!="number"||isNaN(+g(t)))}function De(t,e,n){const[r,a]=le(n==null?void 0:n.in,t,e),i=_(r,a),o=Math.abs(de(r,a));r.setDate(r.getDate()-i*o);const s=+(_(r,a)===-i),c=i*(o-s);return c===0?0:c}function _(t,e){const n=t.getFullYear()-e.getFullYear()||t.getMonth()-e.getMonth()||t.getDate()-e.getDate()||t.getHours()-e.getHours()||t.getMinutes()-e.getMinutes()||t.getSeconds()-e.getSeconds()||t.getMilliseconds()-e.getMilliseconds();return n<0?-1:n>0?1:n}function Pe(t,e){const n=g(t,e==null?void 0:e.in);return n.setFullYear(n.getFullYear(),0,1),n.setHours(0,0,0,0),n}const Oe={lessThanXSeconds:{one:"less than a second",other:"less than {{count}} seconds"},xSeconds:{one:"1 second",other:"{{count}} seconds"},halfAMinute:"half a minute",lessThanXMinutes:{one:"less than a minute",other:"less than {{count}} minutes"},xMinutes:{one:"1 minute",other:"{{count}} minutes"},aboutXHours:{one:"about 1 hour",other:"about {{count}} hours"},xHours:{one:"1 hour",other:"{{count}} hours"},xDays:{one:"1 day",other:"{{count}} days"},aboutXWeeks:{one:"about 1 week",other:"about {{count}} weeks"},xWeeks:{one:"1 week",other:"{{count}} weeks"},aboutXMonths:{one:"about 1 month",other:"about {{count}} months"},xMonths:{one:"1 month",other:"{{count}} months"},aboutXYears:{one:"about 1 year",other:"about {{count}} years"},xYears:{one:"1 year",other:"{{count}} years"},overXYears:{one:"over 1 year",other:"over {{count}} years"},almostXYears:{one:"almost 1 year",other:"almost {{count}} years"}},Te=(t,e,n)=>{let r;const a=Oe[t];return typeof a=="string"?r=a:e===1?r=a.one:r=a.other.replace("{{count}}",e.toString()),n!=null&&n.addSuffix?n.comparison&&n.comparison>0?"in "+r:r+" ago":r};function E(t){return(e={})=>{const n=e.width?String(e.width):t.defaultWidth;return t.formats[n]||t.formats[t.defaultWidth]}}const pe={full:"EEEE, MMMM do, y",long:"MMMM do, y",medium:"MMM d, y",short:"MM/dd/yyyy"},Se={full:"h:mm:ss a zzzz",long:"h:mm:ss a z",medium:"h:mm:ss a",short:"h:mm a"},Ne={full:"{{date}} 'at' {{time}}",long:"{{date}} 'at' {{time}}",medium:"{{date}}, {{time}}",short:"{{date}}, {{time}}"},We={date:E({formats:pe,defaultWidth:"full"}),time:E({formats:Se,defaultWidth:"full"}),dateTime:E({formats:Ne,defaultWidth:"full"})},Ye={lastWeek:"'last' eeee 'at' p",yesterday:"'yesterday at' p",today:"'today at' p",tomorrow:"'tomorrow at' p",nextWeek:"eeee 'at' p",other:"P"},Ce=(t,e,n,r)=>Ye[t];function T(t){return(e,n)=>{const r=n!=null&&n.context?String(n.context):"standalone";let a;if(r==="formatting"&&t.formattingValues){const o=t.defaultFormattingWidth||t.defaultWidth,s=n!=null&&n.width?String(n.width):o;a=t.formattingValues[s]||t.formattingValues[o]}else{const o=t.defaultWidth,s=n!=null&&n.width?String(n.width):t.defaultWidth;a=t.values[s]||t.values[o]}const i=t.argumentCallback?t.argumentCallback(e):e;return a[i]}}const je={narrow:["B","A"],abbreviated:["BC","AD"],wide:["Before Christ","Anno Domini"]},Fe={narrow:["1","2","3","4"],abbreviated:["Q1","Q2","Q3","Q4"],wide:["1st quarter","2nd quarter","3rd quarter","4th quarter"]},qe={narrow:["J","F","M","A","M","J","J","A","S","O","N","D"],abbreviated:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],wide:["January","February","March","April","May","June","July","August","September","October","November","December"]},Ee={narrow:["S","M","T","W","T","F","S"],short:["Su","Mo","Tu","We","Th","Fr","Sa"],abbreviated:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],wide:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"]},Be={narrow:{am:"a",pm:"p",midnight:"mi",noon:"n",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"},abbreviated:{am:"AM",pm:"PM",midnight:"midnight",noon:"noon",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"},wide:{am:"a.m.",pm:"p.m.",midnight:"midnight",noon:"noon",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"}},Ie={narrow:{am:"a",pm:"p",midnight:"mi",noon:"n",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"},abbreviated:{am:"AM",pm:"PM",midnight:"midnight",noon:"noon",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"},wide:{am:"a.m.",pm:"p.m.",midnight:"midnight",noon:"noon",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"}},$e=(t,e)=>{const n=Number(t),r=n%100;if(r>20||r<10)switch(r%10){case 1:return n+"st";case 2:return n+"nd";case 3:return n+"rd"}return n+"th"},He={ordinalNumber:$e,era:T({values:je,defaultWidth:"wide"}),quarter:T({values:Fe,defaultWidth:"wide",argumentCallback:t=>t-1}),month:T({values:qe,defaultWidth:"wide"}),day:T({values:Ee,defaultWidth:"wide"}),dayPeriod:T({values:Be,defaultWidth:"wide",formattingValues:Ie,defaultFormattingWidth:"wide"})};function p(t){return(e,n={})=>{const r=n.width,a=r&&t.matchPatterns[r]||t.matchPatterns[t.defaultMatchWidth],i=e.match(a);if(!i)return null;const o=i[0],s=r&&t.parsePatterns[r]||t.parsePatterns[t.defaultParseWidth],c=Array.isArray(s)?Re(s,w=>w.test(o)):Le(s,w=>w.test(o));let u;u=t.valueCallback?t.valueCallback(c):c,u=n.valueCallback?n.valueCallback(u):u;const f=e.slice(o.length);return{value:u,rest:f}}}function Le(t,e){for(const n in t)if(Object.prototype.hasOwnProperty.call(t,n)&&e(t[n]))return n}function Re(t,e){for(let n=0;n<t.length;n++)if(e(t[n]))return n}function _e(t){return(e,n={})=>{const r=e.match(t.matchPattern);if(!r)return null;const a=r[0],i=e.match(t.parsePattern);if(!i)return null;let o=t.valueCallback?t.valueCallback(i[0]):i[0];o=n.valueCallback?n.valueCallback(o):o;const s=e.slice(a.length);return{value:o,rest:s}}}const Qe=/^(\d+)(th|st|nd|rd)?/i,Xe=/\d+/i,Ae={narrow:/^(b|a)/i,abbreviated:/^(b\.?\s?c\.?|b\.?\s?c\.?\s?e\.?|a\.?\s?d\.?|c\.?\s?e\.?)/i,wide:/^(before christ|before common era|anno domini|common era)/i},Ue={any:[/^b/i,/^(a|c)/i]},Ge={narrow:/^[1234]/i,abbreviated:/^q[1234]/i,wide:/^[1234](th|st|nd|rd)? quarter/i},Ve={any:[/1/i,/2/i,/3/i,/4/i]},ze={narrow:/^[jfmasond]/i,abbreviated:/^(jan|feb|mar|apr|may|jun|jul|aug|sep|oct|nov|dec)/i,wide:/^(january|february|march|april|may|june|july|august|september|october|november|december)/i},Je={narrow:[/^j/i,/^f/i,/^m/i,/^a/i,/^m/i,/^j/i,/^j/i,/^a/i,/^s/i,/^o/i,/^n/i,/^d/i],any:[/^ja/i,/^f/i,/^mar/i,/^ap/i,/^may/i,/^jun/i,/^jul/i,/^au/i,/^s/i,/^o/i,/^n/i,/^d/i]},Ze={narrow:/^[smtwf]/i,short:/^(su|mo|tu|we|th|fr|sa)/i,abbreviated:/^(sun|mon|tue|wed|thu|fri|sat)/i,wide:/^(sunday|monday|tuesday|wednesday|thursday|friday|saturday)/i},Ke={narrow:[/^s/i,/^m/i,/^t/i,/^w/i,/^t/i,/^f/i,/^s/i],any:[/^su/i,/^m/i,/^tu/i,/^w/i,/^th/i,/^f/i,/^sa/i]},et={narrow:/^(a|p|mi|n|(in the|at) (morning|afternoon|evening|night))/i,any:/^([ap]\.?\s?m\.?|midnight|noon|(in the|at) (morning|afternoon|evening|night))/i},tt={any:{am:/^a/i,pm:/^p/i,midnight:/^mi/i,noon:/^no/i,morning:/morning/i,afternoon:/afternoon/i,evening:/evening/i,night:/night/i}},nt={ordinalNumber:_e({matchPattern:Qe,parsePattern:Xe,valueCallback:t=>parseInt(t,10)}),era:p({matchPatterns:Ae,defaultMatchWidth:"wide",parsePatterns:Ue,defaultParseWidth:"any"}),quarter:p({matchPatterns:Ge,defaultMatchWidth:"wide",parsePatterns:Ve,defaultParseWidth:"any",valueCallback:t=>t+1}),month:p({matchPatterns:ze,defaultMatchWidth:"wide",parsePatterns:Je,defaultParseWidth:"any"}),day:p({matchPatterns:Ze,defaultMatchWidth:"wide",parsePatterns:Ke,defaultParseWidth:"any"}),dayPeriod:p({matchPatterns:et,defaultMatchWidth:"any",parsePatterns:tt,defaultParseWidth:"any"})},rt={code:"en-US",formatDistance:Te,formatLong:We,formatRelative:Ce,localize:He,match:nt,options:{weekStartsOn:0,firstWeekContainsDate:1}};function at(t,e){const n=g(t,e==null?void 0:e.in);return de(n,Pe(n))+1}function it(t,e){const n=g(t,e==null?void 0:e.in),r=+C(n)-+ve(n);return Math.round(r/oe)+1}function fe(t,e){var f,w,D,P;const n=g(t,e==null?void 0:e.in),r=n.getFullYear(),a=j(),i=(e==null?void 0:e.firstWeekContainsDate)??((w=(f=e==null?void 0:e.locale)==null?void 0:f.options)==null?void 0:w.firstWeekContainsDate)??a.firstWeekContainsDate??((P=(D=a.locale)==null?void 0:D.options)==null?void 0:P.firstWeekContainsDate)??1,o=x((e==null?void 0:e.in)||t,0);o.setFullYear(r+1,0,i),o.setHours(0,0,0,0);const s=W(o,e),c=x((e==null?void 0:e.in)||t,0);c.setFullYear(r,0,i),c.setHours(0,0,0,0);const u=W(c,e);return+n>=+s?r+1:+n>=+u?r:r-1}function ot(t,e){var s,c,u,f;const n=j(),r=(e==null?void 0:e.firstWeekContainsDate)??((c=(s=e==null?void 0:e.locale)==null?void 0:s.options)==null?void 0:c.firstWeekContainsDate)??n.firstWeekContainsDate??((f=(u=n.locale)==null?void 0:u.options)==null?void 0:f.firstWeekContainsDate)??1,a=fe(t,e),i=x((e==null?void 0:e.in)||t,0);return i.setFullYear(a,0,r),i.setHours(0,0,0,0),W(i,e)}function st(t,e){const n=g(t,e==null?void 0:e.in),r=+W(n,e)-+ot(n,e);return Math.round(r/oe)+1}function l(t,e){const n=t<0?"-":"",r=Math.abs(t).toString().padStart(e,"0");return n+r}const v={y(t,e){const n=t.getFullYear(),r=n>0?n:1-n;return l(e==="yy"?r%100:r,e.length)},M(t,e){const n=t.getMonth();return e==="M"?String(n+1):l(n+1,2)},d(t,e){return l(t.getDate(),e.length)},a(t,e){const n=t.getHours()/12>=1?"pm":"am";switch(e){case"a":case"aa":return n.toUpperCase();case"aaa":return n;case"aaaaa":return n[0];case"aaaa":default:return n==="am"?"a.m.":"p.m."}},h(t,e){return l(t.getHours()%12||12,e.length)},H(t,e){return l(t.getHours(),e.length)},m(t,e){return l(t.getMinutes(),e.length)},s(t,e){return l(t.getSeconds(),e.length)},S(t,e){const n=e.length,r=t.getMilliseconds(),a=Math.trunc(r*Math.pow(10,n-3));return l(a,e.length)}},k={am:"am",pm:"pm",midnight:"midnight",noon:"noon",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"},Q={G:function(t,e,n){const r=t.getFullYear()>0?1:0;switch(e){case"G":case"GG":case"GGG":return n.era(r,{width:"abbreviated"});case"GGGGG":return n.era(r,{width:"narrow"});case"GGGG":default:return n.era(r,{width:"wide"})}},y:function(t,e,n){if(e==="yo"){const r=t.getFullYear(),a=r>0?r:1-r;return n.ordinalNumber(a,{unit:"year"})}return v.y(t,e)},Y:function(t,e,n,r){const a=fe(t,r),i=a>0?a:1-a;if(e==="YY"){const o=i%100;return l(o,2)}return e==="Yo"?n.ordinalNumber(i,{unit:"year"}):l(i,e.length)},R:function(t,e){const n=ce(t);return l(n,e.length)},u:function(t,e){const n=t.getFullYear();return l(n,e.length)},Q:function(t,e,n){const r=Math.ceil((t.getMonth()+1)/3);switch(e){case"Q":return String(r);case"QQ":return l(r,2);case"Qo":return n.ordinalNumber(r,{unit:"quarter"});case"QQQ":return n.quarter(r,{width:"abbreviated",context:"formatting"});case"QQQQQ":return n.quarter(r,{width:"narrow",context:"formatting"});case"QQQQ":default:return n.quarter(r,{width:"wide",context:"formatting"})}},q:function(t,e,n){const r=Math.ceil((t.getMonth()+1)/3);switch(e){case"q":return String(r);case"qq":return l(r,2);case"qo":return n.ordinalNumber(r,{unit:"quarter"});case"qqq":return n.quarter(r,{width:"abbreviated",context:"standalone"});case"qqqqq":return n.quarter(r,{width:"narrow",context:"standalone"});case"qqqq":default:return n.quarter(r,{width:"wide",context:"standalone"})}},M:function(t,e,n){const r=t.getMonth();switch(e){case"M":case"MM":return v.M(t,e);case"Mo":return n.ordinalNumber(r+1,{unit:"month"});case"MMM":return n.month(r,{width:"abbreviated",context:"formatting"});case"MMMMM":return n.month(r,{width:"narrow",context:"formatting"});case"MMMM":default:return n.month(r,{width:"wide",context:"formatting"})}},L:function(t,e,n){const r=t.getMonth();switch(e){case"L":return String(r+1);case"LL":return l(r+1,2);case"Lo":return n.ordinalNumber(r+1,{unit:"month"});case"LLL":return n.month(r,{width:"abbreviated",context:"standalone"});case"LLLLL":return n.month(r,{width:"narrow",context:"standalone"});case"LLLL":default:return n.month(r,{width:"wide",context:"standalone"})}},w:function(t,e,n,r){const a=st(t,r);return e==="wo"?n.ordinalNumber(a,{unit:"week"}):l(a,e.length)},I:function(t,e,n){const r=it(t);return e==="Io"?n.ordinalNumber(r,{unit:"week"}):l(r,e.length)},d:function(t,e,n){return e==="do"?n.ordinalNumber(t.getDate(),{unit:"date"}):v.d(t,e)},D:function(t,e,n){const r=at(t);return e==="Do"?n.ordinalNumber(r,{unit:"dayOfYear"}):l(r,e.length)},E:function(t,e,n){const r=t.getDay();switch(e){case"E":case"EE":case"EEE":return n.day(r,{width:"abbreviated",context:"formatting"});case"EEEEE":return n.day(r,{width:"narrow",context:"formatting"});case"EEEEEE":return n.day(r,{width:"short",context:"formatting"});case"EEEE":default:return n.day(r,{width:"wide",context:"formatting"})}},e:function(t,e,n,r){const a=t.getDay(),i=(a-r.weekStartsOn+8)%7||7;switch(e){case"e":return String(i);case"ee":return l(i,2);case"eo":return n.ordinalNumber(i,{unit:"day"});case"eee":return n.day(a,{width:"abbreviated",context:"formatting"});case"eeeee":return n.day(a,{width:"narrow",context:"formatting"});case"eeeeee":return n.day(a,{width:"short",context:"formatting"});case"eeee":default:return n.day(a,{width:"wide",context:"formatting"})}},c:function(t,e,n,r){const a=t.getDay(),i=(a-r.weekStartsOn+8)%7||7;switch(e){case"c":return String(i);case"cc":return l(i,e.length);case"co":return n.ordinalNumber(i,{unit:"day"});case"ccc":return n.day(a,{width:"abbreviated",context:"standalone"});case"ccccc":return n.day(a,{width:"narrow",context:"standalone"});case"cccccc":return n.day(a,{width:"short",context:"standalone"});case"cccc":default:return n.day(a,{width:"wide",context:"standalone"})}},i:function(t,e,n){const r=t.getDay(),a=r===0?7:r;switch(e){case"i":return String(a);case"ii":return l(a,e.length);case"io":return n.ordinalNumber(a,{unit:"day"});case"iii":return n.day(r,{width:"abbreviated",context:"formatting"});case"iiiii":return n.day(r,{width:"narrow",context:"formatting"});case"iiiiii":return n.day(r,{width:"short",context:"formatting"});case"iiii":default:return n.day(r,{width:"wide",context:"formatting"})}},a:function(t,e,n){const a=t.getHours()/12>=1?"pm":"am";switch(e){case"a":case"aa":return n.dayPeriod(a,{width:"abbreviated",context:"formatting"});case"aaa":return n.dayPeriod(a,{width:"abbreviated",context:"formatting"}).toLowerCase();case"aaaaa":return n.dayPeriod(a,{width:"narrow",context:"formatting"});case"aaaa":default:return n.dayPeriod(a,{width:"wide",context:"formatting"})}},b:function(t,e,n){const r=t.getHours();let a;switch(r===12?a=k.noon:r===0?a=k.midnight:a=r/12>=1?"pm":"am",e){case"b":case"bb":return n.dayPeriod(a,{width:"abbreviated",context:"formatting"});case"bbb":return n.dayPeriod(a,{width:"abbreviated",context:"formatting"}).toLowerCase();case"bbbbb":return n.dayPeriod(a,{width:"narrow",context:"formatting"});case"bbbb":default:return n.dayPeriod(a,{width:"wide",context:"formatting"})}},B:function(t,e,n){const r=t.getHours();let a;switch(r>=17?a=k.evening:r>=12?a=k.afternoon:r>=4?a=k.morning:a=k.night,e){case"B":case"BB":case"BBB":return n.dayPeriod(a,{width:"abbreviated",context:"formatting"});case"BBBBB":return n.dayPeriod(a,{width:"narrow",context:"formatting"});case"BBBB":default:return n.dayPeriod(a,{width:"wide",context:"formatting"})}},h:function(t,e,n){if(e==="ho"){let r=t.getHours()%12;return r===0&&(r=12),n.ordinalNumber(r,{unit:"hour"})}return v.h(t,e)},H:function(t,e,n){return e==="Ho"?n.ordinalNumber(t.getHours(),{unit:"hour"}):v.H(t,e)},K:function(t,e,n){const r=t.getHours()%12;return e==="Ko"?n.ordinalNumber(r,{unit:"hour"}):l(r,e.length)},k:function(t,e,n){let r=t.getHours();return r===0&&(r=24),e==="ko"?n.ordinalNumber(r,{unit:"hour"}):l(r,e.length)},m:function(t,e,n){return e==="mo"?n.ordinalNumber(t.getMinutes(),{unit:"minute"}):v.m(t,e)},s:function(t,e,n){return e==="so"?n.ordinalNumber(t.getSeconds(),{unit:"second"}):v.s(t,e)},S:function(t,e){return v.S(t,e)},X:function(t,e,n){const r=t.getTimezoneOffset();if(r===0)return"Z";switch(e){case"X":return A(r);case"XXXX":case"XX":return M(r);case"XXXXX":case"XXX":default:return M(r,":")}},x:function(t,e,n){const r=t.getTimezoneOffset();switch(e){case"x":return A(r);case"xxxx":case"xx":return M(r);case"xxxxx":case"xxx":default:return M(r,":")}},O:function(t,e,n){const r=t.getTimezoneOffset();switch(e){case"O":case"OO":case"OOO":return"GMT"+X(r,":");case"OOOO":default:return"GMT"+M(r,":")}},z:function(t,e,n){const r=t.getTimezoneOffset();switch(e){case"z":case"zz":case"zzz":return"GMT"+X(r,":");case"zzzz":default:return"GMT"+M(r,":")}},t:function(t,e,n){const r=Math.trunc(+t/1e3);return l(r,e.length)},T:function(t,e,n){return l(+t,e.length)}};function X(t,e=""){const n=t>0?"-":"+",r=Math.abs(t),a=Math.trunc(r/60),i=r%60;return i===0?n+String(a):n+String(a)+e+l(i,2)}function A(t,e){return t%60===0?(t>0?"-":"+")+l(Math.abs(t)/60,2):M(t,e)}function M(t,e=""){const n=t>0?"-":"+",r=Math.abs(t),a=l(Math.trunc(r/60),2),i=l(r%60,2);return n+a+e+i}const U=(t,e)=>{switch(t){case"P":return e.date({width:"short"});case"PP":return e.date({width:"medium"});case"PPP":return e.date({width:"long"});case"PPPP":default:return e.date({width:"full"})}},me=(t,e)=>{switch(t){case"p":return e.time({width:"short"});case"pp":return e.time({width:"medium"});case"ppp":return e.time({width:"long"});case"pppp":default:return e.time({width:"full"})}},ut=(t,e)=>{const n=t.match(/(P+)(p+)?/)||[],r=n[1],a=n[2];if(!a)return U(t,e);let i;switch(r){case"P":i=e.dateTime({width:"short"});break;case"PP":i=e.dateTime({width:"medium"});break;case"PPP":i=e.dateTime({width:"long"});break;case"PPPP":default:i=e.dateTime({width:"full"});break}return i.replace("{{date}}",U(r,e)).replace("{{time}}",me(a,e))},ct={p:me,P:ut},lt=/^D+$/,dt=/^Y+$/,ft=["D","DD","YY","YYYY"];function mt(t){return lt.test(t)}function ht(t){return dt.test(t)}function gt(t,e,n){const r=wt(t,e,n);if(console.warn(r),ft.includes(t))throw new RangeError(r)}function wt(t,e,n){const r=t[0]==="Y"?"years":"days of the month";return`Use \`${t.toLowerCase()}\` instead of \`${t}\` (in \`${e}\`) for formatting ${r} to the input \`${n}\`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md`}const bt=/[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g,yt=/P+p+|P+|p+|''|'(''|[^'])+('|$)|./g,xt=/^'([^]*?)'?$/,vt=/''/g,Mt=/[a-zA-Z]/;function B(t,e,n){var f,w,D,P;const r=j(),a=r.locale??rt,i=r.firstWeekContainsDate??((w=(f=r.locale)==null?void 0:f.options)==null?void 0:w.firstWeekContainsDate)??1,o=r.weekStartsOn??((P=(D=r.locale)==null?void 0:D.options)==null?void 0:P.weekStartsOn)??0,s=g(t,n==null?void 0:n.in);if(!ke(s))throw new RangeError("Invalid time value");let c=e.match(yt).map(h=>{const m=h[0];if(m==="p"||m==="P"){const F=ct[m];return F(h,a.formatLong)}return h}).join("").match(bt).map(h=>{if(h==="''")return{isToken:!1,value:"'"};const m=h[0];if(m==="'")return{isToken:!1,value:kt(h)};if(Q[m])return{isToken:!0,value:h};if(m.match(Mt))throw new RangeError("Format string contains an unescaped latin alphabet character `"+m+"`");return{isToken:!1,value:h}});a.localize.preprocessor&&(c=a.localize.preprocessor(s,c));const u={firstWeekContainsDate:i,weekStartsOn:o,locale:a};return c.map(h=>{if(!h.isToken)return h.value;const m=h.value;(ht(m)||mt(m))&&gt(m,e,String(t));const F=Q[m[0]];return F(s,m,a.localize,u)}).join("")}function kt(t){const e=t.match(xt);return e?e[1].replace(vt,"'"):t}function he(t,e){const n=()=>x(e==null?void 0:e.in,NaN),a=Tt(t);let i;if(a.date){const u=pt(a.date,2);i=St(u.restDateString,u.year)}if(!i||isNaN(+i))return n();const o=+i;let s=0,c;if(a.time&&(s=Nt(a.time),isNaN(s)))return n();if(a.timezone){if(c=Wt(a.timezone),isNaN(c))return n()}else{const u=new Date(o+s),f=g(0,e==null?void 0:e.in);return f.setFullYear(u.getUTCFullYear(),u.getUTCMonth(),u.getUTCDate()),f.setHours(u.getUTCHours(),u.getUTCMinutes(),u.getUTCSeconds(),u.getUTCMilliseconds()),f}return g(o+s+c,e==null?void 0:e.in)}const Y={dateTimeDelimiter:/[T ]/,timeZoneDelimiter:/[Z ]/i,timezone:/([Z+-].*)$/},Dt=/^-?(?:(\d{3})|(\d{2})(?:-?(\d{2}))?|W(\d{2})(?:-?(\d{1}))?|)$/,Pt=/^(\d{2}(?:[.,]\d*)?)(?::?(\d{2}(?:[.,]\d*)?))?(?::?(\d{2}(?:[.,]\d*)?))?$/,Ot=/^([+-])(\d{2})(?::?(\d{2}))?$/;function Tt(t){const e={},n=t.split(Y.dateTimeDelimiter);let r;if(n.length>2)return e;if(/:/.test(n[0])?r=n[0]:(e.date=n[0],r=n[1],Y.timeZoneDelimiter.test(e.date)&&(e.date=t.split(Y.timeZoneDelimiter)[0],r=t.substr(e.date.length,t.length))),r){const a=Y.timezone.exec(r);a?(e.time=r.replace(a[1],""),e.timezone=a[1]):e.time=r}return e}function pt(t,e){const n=new RegExp("^(?:(\\d{4}|[+-]\\d{"+(4+e)+"})|(\\d{2}|[+-]\\d{"+(2+e)+"})$)"),r=t.match(n);if(!r)return{year:NaN,restDateString:""};const a=r[1]?parseInt(r[1]):null,i=r[2]?parseInt(r[2]):null;return{year:i===null?a:i*100,restDateString:t.slice((r[1]||r[2]).length)}}function St(t,e){if(e===null)return new Date(NaN);const n=t.match(Dt);if(!n)return new Date(NaN);const r=!!n[4],a=S(n[1]),i=S(n[2])-1,o=S(n[3]),s=S(n[4]),c=S(n[5])-1;if(r)return qt(e,s,c)?Yt(e,s,c):new Date(NaN);{const u=new Date(0);return!jt(e,i,o)||!Ft(e,a)?new Date(NaN):(u.setUTCFullYear(e,i,Math.max(a,o)),u)}}function S(t){return t?parseInt(t):1}function Nt(t){const e=t.match(Pt);if(!e)return NaN;const n=I(e[1]),r=I(e[2]),a=I(e[3]);return Et(n,r,a)?n*ue+r*se+a*1e3:NaN}function I(t){return t&&parseFloat(t.replace(",","."))||0}function Wt(t){if(t==="Z")return 0;const e=t.match(Ot);if(!e)return 0;const n=e[1]==="+"?-1:1,r=parseInt(e[2]),a=e[3]&&parseInt(e[3])||0;return Bt(r,a)?n*(r*ue+a*se):NaN}function Yt(t,e,n){const r=new Date(0);r.setUTCFullYear(t,0,4);const a=r.getUTCDay()||7,i=(e-1)*7+n+1-a;return r.setUTCDate(r.getUTCDate()+i),r}const Ct=[31,null,31,30,31,30,31,31,30,31,30,31];function ge(t){return t%400===0||t%4===0&&t%100!==0}function jt(t,e,n){return e>=0&&e<=11&&n>=1&&n<=(Ct[e]||(ge(t)?29:28))}function Ft(t,e){return e>=1&&e<=(ge(t)?366:365)}function qt(t,e,n){return e>=1&&e<=53&&n>=0&&n<=6}function Et(t,e,n){return t===24?e===0&&n===0:n>=0&&n<60&&e>=0&&e<60&&t>=0&&t<25}function Bt(t,e){return e>=0&&e<=59}function It({logo:t,title:e,batchName:n="",adTitle:r,startDate:a,tuition:i,nbCardRequired:o,isLoading:s=!1,regEndDate:c}){if(s)return d.jsx(be,{});const u=`${$t(a)} · ${Ht(i,o)}`;return d.jsx(we,{logo:t,title:`${e} ${n}`,adTitle:r,footerText:u,regEndDate:c})}function we({logo:t,title:e,adTitle:n,footerText:r,regEndDate:a}){return d.jsxs(y.FlexBox.Col,{className:"relative z-10 h-full w-full items-start justify-between gap-2 overflow-hidden rounded-[10px] border border-grey-200 bg-white p-4 text-grey-800 md:p-5 lg:p-6",children:[d.jsx($.Tag,{variant:"ad",style:{background:N.event.background,color:N.event.color},children:a?Lt(a):N.event.value.toUpperCase()}),d.jsx(ie,{src:t,alt:`${e} 로고`,className:"h-4 object-contain"}),d.jsxs(y.FlexBox.Col,{className:"w-full gap-2",children:[d.jsx("h3",{className:"line-clamp-2 h-auto text-regular14 md:text-regular16 lg:h-12",title:e,children:e}),d.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:n}),d.jsx(y.Box,{className:"text-[13px] leading-[19px] text-grey-600",children:r})]})]})}function be(){return d.jsxs(O.Skeleton,{type:"background",className:"relative z-10 flex h-full w-full flex-col justify-between gap-2 overflow-hidden rounded-[10px] p-4 md:p-5 lg:p-6",children:[d.jsx($.Tag,{variant:"ad",style:{background:N.event.background,color:N.event.color},className:ae.cn("h-7 w-20 animate-pulse"),children:""}),d.jsx(O.Skeleton,{className:"h-4 w-1/2"}),d.jsxs(y.FlexBox.Col,{className:"gap-2",children:[d.jsx(y.Box,{className:"h-10 w-full",children:d.jsx(O.Skeleton,{className:"h-5 w-4/5"})}),d.jsx(O.Skeleton,{className:"h-8 w-full"})]}),d.jsx(O.Skeleton,{className:"mt-2 h-4 w-2/3"})]})}const $t=t=>{if(!t)return"";const e=he(t),n=B(e,"MM/dd");return n.includes("98")?`${B(e,"MM")}월중 개강`:n.includes("99")?`${B(e,"MM")}월중(예상) 개강`:`${n} 개강`},Ht=(t,e)=>{const n=e?"(내배카💳)":"";return t===0||t===void 0?`무료 ${n}`:`유료 ${n}`},Lt=t=>{const e=De(he(t),new Date);return e<=0?"마감임박":`D-${e}`},Rt={homepage:{label:"홈페이지",value:"homepage",query:!1},boottent:{label:"자세히보기",value:"boottent",query:!1},curriculum:{label:"커리큘럼 보기",value:"curriculum",query:"curriculum"},event:{label:"이벤트",value:"event",query:"event"},reviews:{label:"후기보기",value:"reviews",query:"reviews"}};function _t({adKey:t,filename:e,title:n,backgroundColor:r,hideButton:a=!1,buttonColors:i,linkType:o="homepage"}){var f;const s=t&&e,c=`https://cdn.sayun.studio/boottent/images/banners/${t}/${e}`,u={background:i?i.button:q.button,color:i?i.buttonText:q.buttonText,border:i?i.button:q.button};return d.jsxs(y.Box,{style:{backgroundColor:r},className:"relative flex h-40 w-full items-start justify-center overflow-hidden border-y border-y-grey-200 pb-6 md:h-[200px] md:pb-0 md:pt-10 lg:pt-6",children:[d.jsx(y.FlexBox.Row,{className:"flex h-full w-full max-w-screen-xl items-center justify-center px-0 md:h-auto md:px-6 lg:px-10",children:s?d.jsx(ie,{loading:"lazy",src:c,alt:`${n} 이미지`,className:"h-full w-full object-contain"}):d.jsx(y.Box,{className:"h-full w-full bg-grey-100 text-muted",children:n})}),!a&&d.jsx(y.Box,{className:"absolute inset-0 mx-auto max-w-screen-xl px-4 md:px-6 lg:px-10",children:d.jsx($.Button,{style:u,theme:"etc",variant:"solid",className:"absolute bottom-4 right-4 w-24 md:bottom-6 md:right-6 md:w-32 lg:bottom-4 lg:right-10",children:((f=Rt[o])==null?void 0:f.label)+" →"||"홈페이지 →"})})]})}const{grey:G,main:V,green:z,red:J,orange:Z,lime:K,brown:ee,blue:te,pink:ne,teal:re}=b.colors;G[500],G[50],V[600],V[50],z[500],z[50],J[400],J[50],Z[500],Z[50],te[500],te[100],ne[500],ne[50],re[500],re[50],ee[500],ee[50],K[500],K[50];exports.ContentsCard=we;exports.EventCard=It;exports.LoadingCard=be;exports.MainBannerImage=_t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),b=require("./index-BYinJUBt.cjs"),$=require("./index-B21JbtdU.cjs"),x=require("./boottent-design.styles.cjs.js"),H=require("./index-T715hKYb.cjs");require("react");require("./toggleButtonGroup-primitive-DLsmj_zA.cjs");require("react-dom");const y=require("./index-Cw9G_f7P.cjs"),oe=({src:t,alt:e,object:n="cover",lazy:r=!0,size:a="auto",className:o,...i})=>{const s={contain:"object-contain h-full",cover:"object-cover h-full",fill:"object-fill h-full","scale-down":"object-scale-down",none:"object-none"},c={full:"w-full",fit:"w-fit",auto:"w-auto"};let u="",f={};return typeof a=="string"?u=c[a]:typeof a=="number"&&(f={width:`${a}px`}),l.jsx("img",{src:t,alt:e?`${e} 이미지`:"이미지",loading:r?"lazy":"eager",className:$.cn(s[n],u,o),style:f,...i})},N={mainBanner:{value:"mainBanner",text:"메인배너",color:"",background:""},premiumCard:{value:"premiumCard",text:"상위노출카드",color:x.colors.main[600],background:x.colors.main[100]},event:{value:"event",text:"이벤트적용",color:x.colors.red[400],background:x.colors.yellow[300]},dDay:{value:"dDay",text:"디데이적용",color:x.colors.red[400],background:x.colors.yellow[400]},titleTag:{value:"titleTag",text:"타이틀태그",color:x.colors.white,background:x.colors.grey[800]}},q={background:"#e9e9eca1",title:"#222",description:"#222",button:"#975dff",buttonText:"#ffffff",shadow:"@titleline-background-color"},ie=6048e5,ye=864e5,se=6e4,ue=36e5,R=Symbol.for("constructDateFrom");function v(t,e){return typeof t=="function"?t(e):t&&typeof t=="object"&&R in t?t[R](e):t instanceof Date?new t.constructor(e):new Date(e)}function g(t,e){return v(e||t,t)}let ve={};function j(){return ve}function W(t,e){var s,c,u,f;const n=j(),r=(e==null?void 0:e.weekStartsOn)??((c=(s=e==null?void 0:e.locale)==null?void 0:s.options)==null?void 0:c.weekStartsOn)??n.weekStartsOn??((f=(u=n.locale)==null?void 0:u.options)==null?void 0:f.weekStartsOn)??0,a=g(t,e==null?void 0:e.in),o=a.getDay(),i=(o<r?7:0)+o-r;return a.setDate(a.getDate()-i),a.setHours(0,0,0,0),a}function C(t,e){return W(t,{...e,weekStartsOn:1})}function ce(t,e){const n=g(t,e==null?void 0:e.in),r=n.getFullYear(),a=v(n,0);a.setFullYear(r+1,0,4),a.setHours(0,0,0,0);const o=C(a),i=v(n,0);i.setFullYear(r,0,4),i.setHours(0,0,0,0);const s=C(i);return n.getTime()>=o.getTime()?r+1:n.getTime()>=s.getTime()?r:r-1}function _(t){const e=g(t),n=new Date(Date.UTC(e.getFullYear(),e.getMonth(),e.getDate(),e.getHours(),e.getMinutes(),e.getSeconds(),e.getMilliseconds()));return n.setUTCFullYear(e.getFullYear()),+t-+n}function le(t,...e){const n=v.bind(null,e.find(r=>typeof r=="object"));return e.map(n)}function L(t,e){const n=g(t,e==null?void 0:e.in);return n.setHours(0,0,0,0),n}function de(t,e,n){const[r,a]=le(n==null?void 0:n.in,t,e),o=L(r),i=L(a),s=+o-_(o),c=+i-_(i);return Math.round((s-c)/ye)}function ke(t,e){const n=ce(t,e),r=v(t,0);return r.setFullYear(n,0,4),r.setHours(0,0,0,0),C(r)}function Me(t){return t instanceof Date||typeof t=="object"&&Object.prototype.toString.call(t)==="[object Date]"}function De(t){return!(!Me(t)&&typeof t!="number"||isNaN(+g(t)))}function pe(t,e,n){const[r,a]=le(n==null?void 0:n.in,t,e),o=Q(r,a),i=Math.abs(de(r,a));r.setDate(r.getDate()-o*i);const s=+(Q(r,a)===-o),c=o*(i-s);return c===0?0:c}function Q(t,e){const n=t.getFullYear()-e.getFullYear()||t.getMonth()-e.getMonth()||t.getDate()-e.getDate()||t.getHours()-e.getHours()||t.getMinutes()-e.getMinutes()||t.getSeconds()-e.getSeconds()||t.getMilliseconds()-e.getMilliseconds();return n<0?-1:n>0?1:n}function Pe(t,e){const n=g(t,e==null?void 0:e.in);return n.setFullYear(n.getFullYear(),0,1),n.setHours(0,0,0,0),n}const Oe={lessThanXSeconds:{one:"less than a second",other:"less than {{count}} seconds"},xSeconds:{one:"1 second",other:"{{count}} seconds"},halfAMinute:"half a minute",lessThanXMinutes:{one:"less than a minute",other:"less than {{count}} minutes"},xMinutes:{one:"1 minute",other:"{{count}} minutes"},aboutXHours:{one:"about 1 hour",other:"about {{count}} hours"},xHours:{one:"1 hour",other:"{{count}} hours"},xDays:{one:"1 day",other:"{{count}} days"},aboutXWeeks:{one:"about 1 week",other:"about {{count}} weeks"},xWeeks:{one:"1 week",other:"{{count}} weeks"},aboutXMonths:{one:"about 1 month",other:"about {{count}} months"},xMonths:{one:"1 month",other:"{{count}} months"},aboutXYears:{one:"about 1 year",other:"about {{count}} years"},xYears:{one:"1 year",other:"{{count}} years"},overXYears:{one:"over 1 year",other:"over {{count}} years"},almostXYears:{one:"almost 1 year",other:"almost {{count}} years"}},Te=(t,e,n)=>{let r;const a=Oe[t];return typeof a=="string"?r=a:e===1?r=a.one:r=a.other.replace("{{count}}",e.toString()),n!=null&&n.addSuffix?n.comparison&&n.comparison>0?"in "+r:r+" ago":r};function E(t){return(e={})=>{const n=e.width?String(e.width):t.defaultWidth;return t.formats[n]||t.formats[t.defaultWidth]}}const Se={full:"EEEE, MMMM do, y",long:"MMMM do, y",medium:"MMM d, y",short:"MM/dd/yyyy"},Ne={full:"h:mm:ss a zzzz",long:"h:mm:ss a z",medium:"h:mm:ss a",short:"h:mm a"},We={full:"{{date}} 'at' {{time}}",long:"{{date}} 'at' {{time}}",medium:"{{date}}, {{time}}",short:"{{date}}, {{time}}"},Ye={date:E({formats:Se,defaultWidth:"full"}),time:E({formats:Ne,defaultWidth:"full"}),dateTime:E({formats:We,defaultWidth:"full"})},Ce={lastWeek:"'last' eeee 'at' p",yesterday:"'yesterday at' p",today:"'today at' p",tomorrow:"'tomorrow at' p",nextWeek:"eeee 'at' p",other:"P"},je=(t,e,n,r)=>Ce[t];function O(t){return(e,n)=>{const r=n!=null&&n.context?String(n.context):"standalone";let a;if(r==="formatting"&&t.formattingValues){const i=t.defaultFormattingWidth||t.defaultWidth,s=n!=null&&n.width?String(n.width):i;a=t.formattingValues[s]||t.formattingValues[i]}else{const i=t.defaultWidth,s=n!=null&&n.width?String(n.width):t.defaultWidth;a=t.values[s]||t.values[i]}const o=t.argumentCallback?t.argumentCallback(e):e;return a[o]}}const Fe={narrow:["B","A"],abbreviated:["BC","AD"],wide:["Before Christ","Anno Domini"]},qe={narrow:["1","2","3","4"],abbreviated:["Q1","Q2","Q3","Q4"],wide:["1st quarter","2nd quarter","3rd quarter","4th quarter"]},Ee={narrow:["J","F","M","A","M","J","J","A","S","O","N","D"],abbreviated:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],wide:["January","February","March","April","May","June","July","August","September","October","November","December"]},Be={narrow:["S","M","T","W","T","F","S"],short:["Su","Mo","Tu","We","Th","Fr","Sa"],abbreviated:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],wide:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"]},Ie={narrow:{am:"a",pm:"p",midnight:"mi",noon:"n",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"},abbreviated:{am:"AM",pm:"PM",midnight:"midnight",noon:"noon",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"},wide:{am:"a.m.",pm:"p.m.",midnight:"midnight",noon:"noon",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"}},$e={narrow:{am:"a",pm:"p",midnight:"mi",noon:"n",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"},abbreviated:{am:"AM",pm:"PM",midnight:"midnight",noon:"noon",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"},wide:{am:"a.m.",pm:"p.m.",midnight:"midnight",noon:"noon",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"}},He=(t,e)=>{const n=Number(t),r=n%100;if(r>20||r<10)switch(r%10){case 1:return n+"st";case 2:return n+"nd";case 3:return n+"rd"}return n+"th"},Re={ordinalNumber:He,era:O({values:Fe,defaultWidth:"wide"}),quarter:O({values:qe,defaultWidth:"wide",argumentCallback:t=>t-1}),month:O({values:Ee,defaultWidth:"wide"}),day:O({values:Be,defaultWidth:"wide"}),dayPeriod:O({values:Ie,defaultWidth:"wide",formattingValues:$e,defaultFormattingWidth:"wide"})};function T(t){return(e,n={})=>{const r=n.width,a=r&&t.matchPatterns[r]||t.matchPatterns[t.defaultMatchWidth],o=e.match(a);if(!o)return null;const i=o[0],s=r&&t.parsePatterns[r]||t.parsePatterns[t.defaultParseWidth],c=Array.isArray(s)?Le(s,w=>w.test(i)):_e(s,w=>w.test(i));let u;u=t.valueCallback?t.valueCallback(c):c,u=n.valueCallback?n.valueCallback(u):u;const f=e.slice(i.length);return{value:u,rest:f}}}function _e(t,e){for(const n in t)if(Object.prototype.hasOwnProperty.call(t,n)&&e(t[n]))return n}function Le(t,e){for(let n=0;n<t.length;n++)if(e(t[n]))return n}function Qe(t){return(e,n={})=>{const r=e.match(t.matchPattern);if(!r)return null;const a=r[0],o=e.match(t.parsePattern);if(!o)return null;let i=t.valueCallback?t.valueCallback(o[0]):o[0];i=n.valueCallback?n.valueCallback(i):i;const s=e.slice(a.length);return{value:i,rest:s}}}const Xe=/^(\d+)(th|st|nd|rd)?/i,Ae=/\d+/i,Ue={narrow:/^(b|a)/i,abbreviated:/^(b\.?\s?c\.?|b\.?\s?c\.?\s?e\.?|a\.?\s?d\.?|c\.?\s?e\.?)/i,wide:/^(before christ|before common era|anno domini|common era)/i},Ge={any:[/^b/i,/^(a|c)/i]},Ve={narrow:/^[1234]/i,abbreviated:/^q[1234]/i,wide:/^[1234](th|st|nd|rd)? quarter/i},ze={any:[/1/i,/2/i,/3/i,/4/i]},Je={narrow:/^[jfmasond]/i,abbreviated:/^(jan|feb|mar|apr|may|jun|jul|aug|sep|oct|nov|dec)/i,wide:/^(january|february|march|april|may|june|july|august|september|october|november|december)/i},Ze={narrow:[/^j/i,/^f/i,/^m/i,/^a/i,/^m/i,/^j/i,/^j/i,/^a/i,/^s/i,/^o/i,/^n/i,/^d/i],any:[/^ja/i,/^f/i,/^mar/i,/^ap/i,/^may/i,/^jun/i,/^jul/i,/^au/i,/^s/i,/^o/i,/^n/i,/^d/i]},Ke={narrow:/^[smtwf]/i,short:/^(su|mo|tu|we|th|fr|sa)/i,abbreviated:/^(sun|mon|tue|wed|thu|fri|sat)/i,wide:/^(sunday|monday|tuesday|wednesday|thursday|friday|saturday)/i},et={narrow:[/^s/i,/^m/i,/^t/i,/^w/i,/^t/i,/^f/i,/^s/i],any:[/^su/i,/^m/i,/^tu/i,/^w/i,/^th/i,/^f/i,/^sa/i]},tt={narrow:/^(a|p|mi|n|(in the|at) (morning|afternoon|evening|night))/i,any:/^([ap]\.?\s?m\.?|midnight|noon|(in the|at) (morning|afternoon|evening|night))/i},nt={any:{am:/^a/i,pm:/^p/i,midnight:/^mi/i,noon:/^no/i,morning:/morning/i,afternoon:/afternoon/i,evening:/evening/i,night:/night/i}},rt={ordinalNumber:Qe({matchPattern:Xe,parsePattern:Ae,valueCallback:t=>parseInt(t,10)}),era:T({matchPatterns:Ue,defaultMatchWidth:"wide",parsePatterns:Ge,defaultParseWidth:"any"}),quarter:T({matchPatterns:Ve,defaultMatchWidth:"wide",parsePatterns:ze,defaultParseWidth:"any",valueCallback:t=>t+1}),month:T({matchPatterns:Je,defaultMatchWidth:"wide",parsePatterns:Ze,defaultParseWidth:"any"}),day:T({matchPatterns:Ke,defaultMatchWidth:"wide",parsePatterns:et,defaultParseWidth:"any"}),dayPeriod:T({matchPatterns:tt,defaultMatchWidth:"any",parsePatterns:nt,defaultParseWidth:"any"})},at={code:"en-US",formatDistance:Te,formatLong:Ye,formatRelative:je,localize:Re,match:rt,options:{weekStartsOn:0,firstWeekContainsDate:1}};function ot(t,e){const n=g(t,e==null?void 0:e.in);return de(n,Pe(n))+1}function it(t,e){const n=g(t,e==null?void 0:e.in),r=+C(n)-+ke(n);return Math.round(r/ie)+1}function fe(t,e){var f,w,k,P;const n=g(t,e==null?void 0:e.in),r=n.getFullYear(),a=j(),o=(e==null?void 0:e.firstWeekContainsDate)??((w=(f=e==null?void 0:e.locale)==null?void 0:f.options)==null?void 0:w.firstWeekContainsDate)??a.firstWeekContainsDate??((P=(k=a.locale)==null?void 0:k.options)==null?void 0:P.firstWeekContainsDate)??1,i=v((e==null?void 0:e.in)||t,0);i.setFullYear(r+1,0,o),i.setHours(0,0,0,0);const s=W(i,e),c=v((e==null?void 0:e.in)||t,0);c.setFullYear(r,0,o),c.setHours(0,0,0,0);const u=W(c,e);return+n>=+s?r+1:+n>=+u?r:r-1}function st(t,e){var s,c,u,f;const n=j(),r=(e==null?void 0:e.firstWeekContainsDate)??((c=(s=e==null?void 0:e.locale)==null?void 0:s.options)==null?void 0:c.firstWeekContainsDate)??n.firstWeekContainsDate??((f=(u=n.locale)==null?void 0:u.options)==null?void 0:f.firstWeekContainsDate)??1,a=fe(t,e),o=v((e==null?void 0:e.in)||t,0);return o.setFullYear(a,0,r),o.setHours(0,0,0,0),W(o,e)}function ut(t,e){const n=g(t,e==null?void 0:e.in),r=+W(n,e)-+st(n,e);return Math.round(r/ie)+1}function d(t,e){const n=t<0?"-":"",r=Math.abs(t).toString().padStart(e,"0");return n+r}const M={y(t,e){const n=t.getFullYear(),r=n>0?n:1-n;return d(e==="yy"?r%100:r,e.length)},M(t,e){const n=t.getMonth();return e==="M"?String(n+1):d(n+1,2)},d(t,e){return d(t.getDate(),e.length)},a(t,e){const n=t.getHours()/12>=1?"pm":"am";switch(e){case"a":case"aa":return n.toUpperCase();case"aaa":return n;case"aaaaa":return n[0];case"aaaa":default:return n==="am"?"a.m.":"p.m."}},h(t,e){return d(t.getHours()%12||12,e.length)},H(t,e){return d(t.getHours(),e.length)},m(t,e){return d(t.getMinutes(),e.length)},s(t,e){return d(t.getSeconds(),e.length)},S(t,e){const n=e.length,r=t.getMilliseconds(),a=Math.trunc(r*Math.pow(10,n-3));return d(a,e.length)}},p={am:"am",pm:"pm",midnight:"midnight",noon:"noon",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"},X={G:function(t,e,n){const r=t.getFullYear()>0?1:0;switch(e){case"G":case"GG":case"GGG":return n.era(r,{width:"abbreviated"});case"GGGGG":return n.era(r,{width:"narrow"});case"GGGG":default:return n.era(r,{width:"wide"})}},y:function(t,e,n){if(e==="yo"){const r=t.getFullYear(),a=r>0?r:1-r;return n.ordinalNumber(a,{unit:"year"})}return M.y(t,e)},Y:function(t,e,n,r){const a=fe(t,r),o=a>0?a:1-a;if(e==="YY"){const i=o%100;return d(i,2)}return e==="Yo"?n.ordinalNumber(o,{unit:"year"}):d(o,e.length)},R:function(t,e){const n=ce(t);return d(n,e.length)},u:function(t,e){const n=t.getFullYear();return d(n,e.length)},Q:function(t,e,n){const r=Math.ceil((t.getMonth()+1)/3);switch(e){case"Q":return String(r);case"QQ":return d(r,2);case"Qo":return n.ordinalNumber(r,{unit:"quarter"});case"QQQ":return n.quarter(r,{width:"abbreviated",context:"formatting"});case"QQQQQ":return n.quarter(r,{width:"narrow",context:"formatting"});case"QQQQ":default:return n.quarter(r,{width:"wide",context:"formatting"})}},q:function(t,e,n){const r=Math.ceil((t.getMonth()+1)/3);switch(e){case"q":return String(r);case"qq":return d(r,2);case"qo":return n.ordinalNumber(r,{unit:"quarter"});case"qqq":return n.quarter(r,{width:"abbreviated",context:"standalone"});case"qqqqq":return n.quarter(r,{width:"narrow",context:"standalone"});case"qqqq":default:return n.quarter(r,{width:"wide",context:"standalone"})}},M:function(t,e,n){const r=t.getMonth();switch(e){case"M":case"MM":return M.M(t,e);case"Mo":return n.ordinalNumber(r+1,{unit:"month"});case"MMM":return n.month(r,{width:"abbreviated",context:"formatting"});case"MMMMM":return n.month(r,{width:"narrow",context:"formatting"});case"MMMM":default:return n.month(r,{width:"wide",context:"formatting"})}},L:function(t,e,n){const r=t.getMonth();switch(e){case"L":return String(r+1);case"LL":return d(r+1,2);case"Lo":return n.ordinalNumber(r+1,{unit:"month"});case"LLL":return n.month(r,{width:"abbreviated",context:"standalone"});case"LLLLL":return n.month(r,{width:"narrow",context:"standalone"});case"LLLL":default:return n.month(r,{width:"wide",context:"standalone"})}},w:function(t,e,n,r){const a=ut(t,r);return e==="wo"?n.ordinalNumber(a,{unit:"week"}):d(a,e.length)},I:function(t,e,n){const r=it(t);return e==="Io"?n.ordinalNumber(r,{unit:"week"}):d(r,e.length)},d:function(t,e,n){return e==="do"?n.ordinalNumber(t.getDate(),{unit:"date"}):M.d(t,e)},D:function(t,e,n){const r=ot(t);return e==="Do"?n.ordinalNumber(r,{unit:"dayOfYear"}):d(r,e.length)},E:function(t,e,n){const r=t.getDay();switch(e){case"E":case"EE":case"EEE":return n.day(r,{width:"abbreviated",context:"formatting"});case"EEEEE":return n.day(r,{width:"narrow",context:"formatting"});case"EEEEEE":return n.day(r,{width:"short",context:"formatting"});case"EEEE":default:return n.day(r,{width:"wide",context:"formatting"})}},e:function(t,e,n,r){const a=t.getDay(),o=(a-r.weekStartsOn+8)%7||7;switch(e){case"e":return String(o);case"ee":return d(o,2);case"eo":return n.ordinalNumber(o,{unit:"day"});case"eee":return n.day(a,{width:"abbreviated",context:"formatting"});case"eeeee":return n.day(a,{width:"narrow",context:"formatting"});case"eeeeee":return n.day(a,{width:"short",context:"formatting"});case"eeee":default:return n.day(a,{width:"wide",context:"formatting"})}},c:function(t,e,n,r){const a=t.getDay(),o=(a-r.weekStartsOn+8)%7||7;switch(e){case"c":return String(o);case"cc":return d(o,e.length);case"co":return n.ordinalNumber(o,{unit:"day"});case"ccc":return n.day(a,{width:"abbreviated",context:"standalone"});case"ccccc":return n.day(a,{width:"narrow",context:"standalone"});case"cccccc":return n.day(a,{width:"short",context:"standalone"});case"cccc":default:return n.day(a,{width:"wide",context:"standalone"})}},i:function(t,e,n){const r=t.getDay(),a=r===0?7:r;switch(e){case"i":return String(a);case"ii":return d(a,e.length);case"io":return n.ordinalNumber(a,{unit:"day"});case"iii":return n.day(r,{width:"abbreviated",context:"formatting"});case"iiiii":return n.day(r,{width:"narrow",context:"formatting"});case"iiiiii":return n.day(r,{width:"short",context:"formatting"});case"iiii":default:return n.day(r,{width:"wide",context:"formatting"})}},a:function(t,e,n){const a=t.getHours()/12>=1?"pm":"am";switch(e){case"a":case"aa":return n.dayPeriod(a,{width:"abbreviated",context:"formatting"});case"aaa":return n.dayPeriod(a,{width:"abbreviated",context:"formatting"}).toLowerCase();case"aaaaa":return n.dayPeriod(a,{width:"narrow",context:"formatting"});case"aaaa":default:return n.dayPeriod(a,{width:"wide",context:"formatting"})}},b:function(t,e,n){const r=t.getHours();let a;switch(r===12?a=p.noon:r===0?a=p.midnight:a=r/12>=1?"pm":"am",e){case"b":case"bb":return n.dayPeriod(a,{width:"abbreviated",context:"formatting"});case"bbb":return n.dayPeriod(a,{width:"abbreviated",context:"formatting"}).toLowerCase();case"bbbbb":return n.dayPeriod(a,{width:"narrow",context:"formatting"});case"bbbb":default:return n.dayPeriod(a,{width:"wide",context:"formatting"})}},B:function(t,e,n){const r=t.getHours();let a;switch(r>=17?a=p.evening:r>=12?a=p.afternoon:r>=4?a=p.morning:a=p.night,e){case"B":case"BB":case"BBB":return n.dayPeriod(a,{width:"abbreviated",context:"formatting"});case"BBBBB":return n.dayPeriod(a,{width:"narrow",context:"formatting"});case"BBBB":default:return n.dayPeriod(a,{width:"wide",context:"formatting"})}},h:function(t,e,n){if(e==="ho"){let r=t.getHours()%12;return r===0&&(r=12),n.ordinalNumber(r,{unit:"hour"})}return M.h(t,e)},H:function(t,e,n){return e==="Ho"?n.ordinalNumber(t.getHours(),{unit:"hour"}):M.H(t,e)},K:function(t,e,n){const r=t.getHours()%12;return e==="Ko"?n.ordinalNumber(r,{unit:"hour"}):d(r,e.length)},k:function(t,e,n){let r=t.getHours();return r===0&&(r=24),e==="ko"?n.ordinalNumber(r,{unit:"hour"}):d(r,e.length)},m:function(t,e,n){return e==="mo"?n.ordinalNumber(t.getMinutes(),{unit:"minute"}):M.m(t,e)},s:function(t,e,n){return e==="so"?n.ordinalNumber(t.getSeconds(),{unit:"second"}):M.s(t,e)},S:function(t,e){return M.S(t,e)},X:function(t,e,n){const r=t.getTimezoneOffset();if(r===0)return"Z";switch(e){case"X":return U(r);case"XXXX":case"XX":return D(r);case"XXXXX":case"XXX":default:return D(r,":")}},x:function(t,e,n){const r=t.getTimezoneOffset();switch(e){case"x":return U(r);case"xxxx":case"xx":return D(r);case"xxxxx":case"xxx":default:return D(r,":")}},O:function(t,e,n){const r=t.getTimezoneOffset();switch(e){case"O":case"OO":case"OOO":return"GMT"+A(r,":");case"OOOO":default:return"GMT"+D(r,":")}},z:function(t,e,n){const r=t.getTimezoneOffset();switch(e){case"z":case"zz":case"zzz":return"GMT"+A(r,":");case"zzzz":default:return"GMT"+D(r,":")}},t:function(t,e,n){const r=Math.trunc(+t/1e3);return d(r,e.length)},T:function(t,e,n){return d(+t,e.length)}};function A(t,e=""){const n=t>0?"-":"+",r=Math.abs(t),a=Math.trunc(r/60),o=r%60;return o===0?n+String(a):n+String(a)+e+d(o,2)}function U(t,e){return t%60===0?(t>0?"-":"+")+d(Math.abs(t)/60,2):D(t,e)}function D(t,e=""){const n=t>0?"-":"+",r=Math.abs(t),a=d(Math.trunc(r/60),2),o=d(r%60,2);return n+a+e+o}const G=(t,e)=>{switch(t){case"P":return e.date({width:"short"});case"PP":return e.date({width:"medium"});case"PPP":return e.date({width:"long"});case"PPPP":default:return e.date({width:"full"})}},me=(t,e)=>{switch(t){case"p":return e.time({width:"short"});case"pp":return e.time({width:"medium"});case"ppp":return e.time({width:"long"});case"pppp":default:return e.time({width:"full"})}},ct=(t,e)=>{const n=t.match(/(P+)(p+)?/)||[],r=n[1],a=n[2];if(!a)return G(t,e);let o;switch(r){case"P":o=e.dateTime({width:"short"});break;case"PP":o=e.dateTime({width:"medium"});break;case"PPP":o=e.dateTime({width:"long"});break;case"PPPP":default:o=e.dateTime({width:"full"});break}return o.replace("{{date}}",G(r,e)).replace("{{time}}",me(a,e))},lt={p:me,P:ct},dt=/^D+$/,ft=/^Y+$/,mt=["D","DD","YY","YYYY"];function ht(t){return dt.test(t)}function gt(t){return ft.test(t)}function wt(t,e,n){const r=bt(t,e,n);if(console.warn(r),mt.includes(t))throw new RangeError(r)}function bt(t,e,n){const r=t[0]==="Y"?"years":"days of the month";return`Use \`${t.toLowerCase()}\` instead of \`${t}\` (in \`${e}\`) for formatting ${r} to the input \`${n}\`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md`}const xt=/[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g,yt=/P+p+|P+|p+|''|'(''|[^'])+('|$)|./g,vt=/^'([^]*?)'?$/,kt=/''/g,Mt=/[a-zA-Z]/;function B(t,e,n){var f,w,k,P;const r=j(),a=r.locale??at,o=r.firstWeekContainsDate??((w=(f=r.locale)==null?void 0:f.options)==null?void 0:w.firstWeekContainsDate)??1,i=r.weekStartsOn??((P=(k=r.locale)==null?void 0:k.options)==null?void 0:P.weekStartsOn)??0,s=g(t,n==null?void 0:n.in);if(!De(s))throw new RangeError("Invalid time value");let c=e.match(yt).map(h=>{const m=h[0];if(m==="p"||m==="P"){const F=lt[m];return F(h,a.formatLong)}return h}).join("").match(xt).map(h=>{if(h==="''")return{isToken:!1,value:"'"};const m=h[0];if(m==="'")return{isToken:!1,value:Dt(h)};if(X[m])return{isToken:!0,value:h};if(m.match(Mt))throw new RangeError("Format string contains an unescaped latin alphabet character `"+m+"`");return{isToken:!1,value:h}});a.localize.preprocessor&&(c=a.localize.preprocessor(s,c));const u={firstWeekContainsDate:o,weekStartsOn:i,locale:a};return c.map(h=>{if(!h.isToken)return h.value;const m=h.value;(gt(m)||ht(m))&&wt(m,e,String(t));const F=X[m[0]];return F(s,m,a.localize,u)}).join("")}function Dt(t){const e=t.match(vt);return e?e[1].replace(kt,"'"):t}function he(t,e){const n=()=>v(e==null?void 0:e.in,NaN),a=Tt(t);let o;if(a.date){const u=St(a.date,2);o=Nt(u.restDateString,u.year)}if(!o||isNaN(+o))return n();const i=+o;let s=0,c;if(a.time&&(s=Wt(a.time),isNaN(s)))return n();if(a.timezone){if(c=Yt(a.timezone),isNaN(c))return n()}else{const u=new Date(i+s),f=g(0,e==null?void 0:e.in);return f.setFullYear(u.getUTCFullYear(),u.getUTCMonth(),u.getUTCDate()),f.setHours(u.getUTCHours(),u.getUTCMinutes(),u.getUTCSeconds(),u.getUTCMilliseconds()),f}return g(i+s+c,e==null?void 0:e.in)}const Y={dateTimeDelimiter:/[T ]/,timeZoneDelimiter:/[Z ]/i,timezone:/([Z+-].*)$/},pt=/^-?(?:(\d{3})|(\d{2})(?:-?(\d{2}))?|W(\d{2})(?:-?(\d{1}))?|)$/,Pt=/^(\d{2}(?:[.,]\d*)?)(?::?(\d{2}(?:[.,]\d*)?))?(?::?(\d{2}(?:[.,]\d*)?))?$/,Ot=/^([+-])(\d{2})(?::?(\d{2}))?$/;function Tt(t){const e={},n=t.split(Y.dateTimeDelimiter);let r;if(n.length>2)return e;if(/:/.test(n[0])?r=n[0]:(e.date=n[0],r=n[1],Y.timeZoneDelimiter.test(e.date)&&(e.date=t.split(Y.timeZoneDelimiter)[0],r=t.substr(e.date.length,t.length))),r){const a=Y.timezone.exec(r);a?(e.time=r.replace(a[1],""),e.timezone=a[1]):e.time=r}return e}function St(t,e){const n=new RegExp("^(?:(\\d{4}|[+-]\\d{"+(4+e)+"})|(\\d{2}|[+-]\\d{"+(2+e)+"})$)"),r=t.match(n);if(!r)return{year:NaN,restDateString:""};const a=r[1]?parseInt(r[1]):null,o=r[2]?parseInt(r[2]):null;return{year:o===null?a:o*100,restDateString:t.slice((r[1]||r[2]).length)}}function Nt(t,e){if(e===null)return new Date(NaN);const n=t.match(pt);if(!n)return new Date(NaN);const r=!!n[4],a=S(n[1]),o=S(n[2])-1,i=S(n[3]),s=S(n[4]),c=S(n[5])-1;if(r)return Et(e,s,c)?Ct(e,s,c):new Date(NaN);{const u=new Date(0);return!Ft(e,o,i)||!qt(e,a)?new Date(NaN):(u.setUTCFullYear(e,o,Math.max(a,i)),u)}}function S(t){return t?parseInt(t):1}function Wt(t){const e=t.match(Pt);if(!e)return NaN;const n=I(e[1]),r=I(e[2]),a=I(e[3]);return Bt(n,r,a)?n*ue+r*se+a*1e3:NaN}function I(t){return t&&parseFloat(t.replace(",","."))||0}function Yt(t){if(t==="Z")return 0;const e=t.match(Ot);if(!e)return 0;const n=e[1]==="+"?-1:1,r=parseInt(e[2]),a=e[3]&&parseInt(e[3])||0;return It(r,a)?n*(r*ue+a*se):NaN}function Ct(t,e,n){const r=new Date(0);r.setUTCFullYear(t,0,4);const a=r.getUTCDay()||7,o=(e-1)*7+n+1-a;return r.setUTCDate(r.getUTCDate()+o),r}const jt=[31,null,31,30,31,30,31,31,30,31,30,31];function ge(t){return t%400===0||t%4===0&&t%100!==0}function Ft(t,e,n){return e>=0&&e<=11&&n>=1&&n<=(jt[e]||(ge(t)?29:28))}function qt(t,e){return e>=1&&e<=(ge(t)?366:365)}function Et(t,e,n){return e>=1&&e<=53&&n>=0&&n<=6}function Bt(t,e,n){return t===24?e===0&&n===0:n>=0&&n<60&&e>=0&&e<60&&t>=0&&t<25}function It(t,e){return e>=0&&e<=59}function $t({logo:t,title:e,batchName:n="",adTitle:r,startDate:a,tuition:o,nbCardRequired:i,isLoading:s=!1,regEndDate:c}){if(s)return l.jsx(be,{});const u=`${Ht(a)} · ${Rt(o,i)}`;return l.jsx(we,{logo:t,title:`${e} ${n}`,adTitle:r,footerText:u,regEndDate:c})}function we({logo:t,title:e,adTitle:n,footerText:r,regEndDate:a}){return l.jsxs(b.FlexBox.Col,{className:"relative z-10 h-full w-full items-start justify-between gap-2 overflow-hidden rounded-[10px] border border-grey-200 bg-white p-4 text-grey-800 md:p-5 lg:p-6",children:[l.jsx(H.Tag,{variant:"ad",style:{background:N.event.background,color:N.event.color},children:a?_t(a):N.event.value.toUpperCase()}),l.jsx(oe,{src:t,alt:`${e} 로고`,className:"h-4 object-contain"}),l.jsxs(b.FlexBox.Col,{className:"w-full gap-2",children:[l.jsx("h3",{className:"line-clamp-2 h-auto text-regular14 md:text-regular16 lg:h-12",title:e,children:e}),l.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:n}),l.jsx(b.Box,{className:"text-[13px] leading-[19px] text-grey-600",children:r})]})]})}function be(){return l.jsxs(y.Skeleton,{type:"background",className:"relative z-10 flex h-full w-full flex-col justify-between gap-2 overflow-hidden rounded-[10px] p-4 md:p-5 lg:p-6",children:[l.jsx(H.Tag,{variant:"ad",style:{background:N.event.background,color:N.event.color},className:$.cn("h-7 w-20 animate-pulse"),children:""}),l.jsx(y.Skeleton,{className:"h-4 w-1/2"}),l.jsxs(b.FlexBox.Col,{className:"gap-2",children:[l.jsx(b.Box,{className:"h-10 w-full",children:l.jsx(y.Skeleton,{className:"h-5 w-4/5"})}),l.jsx(y.Skeleton,{className:"h-8 w-full"})]}),l.jsx(y.Skeleton,{className:"mt-2 h-4 w-2/3"})]})}const Ht=t=>{if(!t)return"";const e=he(t),n=B(e,"MM/dd");return n.includes("98")?`${B(e,"MM")}월중 개강`:n.includes("99")?`${B(e,"MM")}월중(예상) 개강`:`${n} 개강`},Rt=(t,e)=>{const n=e?"(내배카💳)":"";return t===0||t===void 0?`무료 ${n}`:`유료 ${n}`},_t=t=>{const e=pe(he(t),new Date);return e<=0?"마감임박":`D-${e}`},Lt={homepage:{label:"홈페이지",value:"homepage",query:!1},boottent:{label:"자세히보기",value:"boottent",query:!1},curriculum:{label:"커리큘럼 보기",value:"curriculum",query:"curriculum"},event:{label:"이벤트",value:"event",query:"event"},reviews:{label:"후기보기",value:"reviews",query:"reviews"}};function Qt({adKey:t,filename:e,title:n,backgroundColor:r,hideButton:a=!1,buttonColors:o,linkType:i="homepage",isLoading:s=!1}){var k;const c=t&&e,u=`https://cdn.sayun.studio/boottent/images/banners/${t}/${e}`,f={background:o?o.button:q.button,color:o?o.buttonText:q.buttonText,border:o?o.button:q.button},w=s?y.Skeleton:b.Box;return l.jsx(w,{style:{backgroundColor:s?void 0:r},type:s?"background":void 0,className:$.cn("relative flex h-40 w-full items-start justify-center overflow-hidden pb-6 pt-0 md:h-[200px] md:pb-0 md:pt-10 lg:pt-6",!s&&"border-y border-y-grey-200"),children:s?l.jsx(xe,{}):l.jsxs(l.Fragment,{children:[l.jsx(b.FlexBox.Row,{className:"flex h-full w-full max-w-screen-xl items-center justify-center px-0 md:h-auto md:px-6 lg:px-10",children:c?l.jsx(oe,{loading:"lazy",src:u,alt:`${n} 이미지`,className:"h-full w-full object-contain"}):l.jsx(b.Box,{className:"h-full w-full bg-grey-100 text-muted",children:n})}),!a&&l.jsx(b.Box,{className:"absolute inset-0 mx-auto max-w-screen-xl px-4 md:px-6 lg:px-10",children:l.jsx(H.Button,{style:f,theme:"etc",variant:"solid",className:"absolute bottom-4 right-4 w-24 md:bottom-6 md:right-6 md:w-32 lg:bottom-4 lg:right-10",children:((k=Lt[i])==null?void 0:k.label)+" →"||"홈페이지 →"})})]})})}function xe(){return l.jsxs(b.FlexBox.Col,{className:"mx-auto flex h-full w-full max-w-screen-xl items-start gap-5 px-4 pt-4 md:px-6 md:pt-0 lg:px-10",children:[l.jsx(y.Skeleton,{type:"text",className:"h-6 w-4/5 rounded-[10px] md:h-10"}),l.jsx(y.Skeleton,{type:"text",className:"h-10 w-1/2 rounded-[10px] md:h-16 lg:w-3/5"}),l.jsx(y.Skeleton,{type:"text",className:"absolute bottom-4 right-4 aspect-[3/1] w-[120px] shrink-0 md:right-6 md:w-[140px] lg:right-10"})]})}const{grey:V,main:z,green:J,red:Z,orange:K,lime:ee,brown:te,blue:ne,pink:re,teal:ae}=x.colors;V[500],V[50],z[600],z[50],J[500],J[50],Z[400],Z[50],K[500],K[50],ne[500],ne[100],re[500],re[50],ae[500],ae[50],te[500],te[50],ee[500],ee[50];exports.BannerLoading=xe;exports.ContentsCard=we;exports.EventCard=$t;exports.LoadingCard=be;exports.MainBannerImage=Qt;