boottent-design 0.1.80 → 0.1.82

package/README.md

@@ -15,7 +15,6 @@ React, Vite, TypeScript, TailwindCSS, Radix-UI를 사용해 만든 부트텐트
   - [예제 3: 드롭다운](#예제-3-드롭다운)
   - [예제 4: 토글 버튼 그룹](#예제-4-토글-버튼-그룹)
   - [예제 5: 툴팁](#예제-5-툴팁)
-- [컴포넌트 목록](#컴포넌트-목록)
 - [제작 및 배포](#제작-및-배포)
 
 ## 소개
@@ -587,53 +586,6 @@ export const TooltipExamples = () => {
 };
 ```
 
-## 컴포넌트 목록
-
-boottent-design 라이브러리는 다음과 같은 주요 컴포넌트를 제공합니다:
-
-### UI 컴포넌트
-
-• Accordion
-• Button
-• Input
-• Icon
-• Symbols
-• Dropdown
-• ToggleButtonGroup
-• Tooltip
-• Modal
-• Alert
-• Dialog
-• Toast
-• Dropdown
-• Skeleton
-• Image
-• CalloutBox
-• Tag
-
-### 레이아웃 컴포넌트
-
-• FlexBox
-• GridBox
-• Box
-• AspectRatio
-
-### 유틸리티
-
-    •	cn (클래스 네임 병합 함수)
-
-### 테마 및 색상
-
-    •	colors (색상 팔레트)
-
-### hooks
-
-• usePortal (alert, modal, toast, dialog 등을 포함하는 포털을 생성)
-
-### provider
-
-• PortalProvider (포털 렌더링을 위한 프로바이더)
-
 ## 제작 및 배포
 
 - 김동성 (Boottent Frontend-Developer)

package/dist/UrlFormField-C7DgIYeh.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("react/jsx-runtime"),s=require("./index-T715hKYb.cjs"),b=require("./index-B21JbtdU.cjs"),L=require("react"),y=({name:r,control:d,heading:a,label:c,description:x,required:j=!1,text:h,type:f,errorMsg:g=!1,onChange:m,rules:C})=>{const{field:i,fieldState:{error:n}}=s.useController({name:r,control:d,rules:C}),u=c||a||x;return e.jsx(s.FormField,{control:d,name:r,render:()=>e.jsxs(s.FormItem,{children:[u&&e.jsx(s.FormLabel,{required:j,heading:a,label:c,description:x}),e.jsx(s.FormControl,{children:e.jsxs("div",{className:"flex flex-row items-center gap-2",children:[e.jsx(s.Checkbox,{...i,id:r,checked:f==="boolean"?i.value:i.value===h,onCheckedChange:v=>{i.onChange(f==="boolean"?v:v?h:""),m&&m()}}),e.jsx(s.Label,{className:"cursor-pointer",htmlFor:r,children:h})]})}),g&&e.jsx(s.FormMessage,{children:n==null?void 0:n.message})]})})},S=({name:r,control:d,heading:a,label:c,description:x,options:j,required:h=!1,additional:f,type:g="checkbox",onChange:m,rules:C})=>{const{field:i,fieldState:{error:n}}=s.useController({name:r,control:d,rules:C}),u=(l,p)=>{var F;i.onChange(p?[...i.value||[],l]:(F=i.value)==null?void 0:F.filter(w=>w!==l)),m==null||m()},v=()=>j.map(l=>{var p;return e.jsxs(s.FormItem,{className:"flex flex-row items-center",children:[e.jsx(s.FormControl,{children:e.jsx(s.Checkbox,{id:l.value+r,checked:(p=i.value)==null?void 0:p.includes(l.value),onCheckedChange:F=>u(l.value,F)})}),e.jsx(s.Label,{htmlFor:l.value+r,className:"cursor-pointer",children:l.text})]},l.value)}),t=()=>j.map(({value:l,text:p})=>{var w;const F=(w=i.value)==null?void 0:w.includes(l);return e.jsx(s.FormItem,{className:"flex flex-row items-start gap-2",children:e.jsx(s.FormControl,{children:e.jsx(s.Button,{shape:"rounded",size:"xs",theme:F?"primary":"secondary",variant:F?"solid":"outline",onClick:o=>{o.preventDefault(),u(l,!F)},children:p})})},l)});return e.jsx(s.FormField,{control:d,name:r,render:()=>e.jsxs(s.FormItem,{children:[(c||a||x)&&e.jsx(s.FormLabel,{required:h,heading:a,label:c,description:x}),e.jsx(s.FormControl,{children:g==="checkbox"?e.jsx("div",{className:"space-y-4",children:v()}):e.jsx("ul",{className:"flex w-full flex-wrap gap-2 text-regular14",children:t()})}),f,e.jsx(s.FormMessage,{children:n==null?void 0:n.message})]})})},R=({name:r,control:d,label:a,description:c,required:x=!1,children:j,className:h,errorMsg:f=!0})=>e.jsx(s.FormField,{control:d,name:r,render:()=>e.jsxs(s.FormItem,{children:[a&&e.jsxs(s.FormLabel,{required:x,children:[e.jsx(s.Text,{children:a}),c&&e.jsx(s.FormDescription,{children:c})]}),e.jsx(s.FormControl,{children:e.jsx("div",{className:h,children:j})}),f&&e.jsx(s.FormMessage,{})]})}),V=({name:r,control:d,heading:a,label:c,description:x,options:j,required:h=!1,className:f,additional:g,direction:m="vertical",onChange:C,rules:i})=>{const{field:n,fieldState:{error:u}}=s.useController({name:r,control:d,rules:i}),v=c||a||x;return e.jsx(s.FormField,{control:d,name:r,render:()=>e.jsxs(s.FormItem,{className:"relative",children:[v&&e.jsx(s.FormLabel,{required:h,heading:a,label:c,description:x}),e.jsx(s.FormControl,{children:e.jsxs("div",{className:b.cn("flex max-w-screen-sm items-center gap-2",f),children:[e.jsx(s.RadioGroup,{onValueChange:t=>{n.onChange(t),C&&C()},value:n.value,className:b.cn(m==="vertical"&&"flex flex-col gap-4",m==="horizontal"&&"flex flex-wrap gap-8",m==="grid"&&"grid w-full grid-cols-2 gap-x-8 gap-y-4"),children:j.map(t=>e.jsxs(s.FormItem,{className:"flex flex-row items-center",children:[e.jsx(s.FormControl,{children:e.jsx(s.RadioGroupItem,{value:t.value,id:t.text,checked:t.value===n.value})}),e.jsx(s.Label,{className:"cursor-pointer font-normal",htmlFor:t.text,children:t.text})]},t.key))}),g&&e.jsx(e.Fragment,{children:g})]})}),e.jsx(s.FormMessage,{children:u==null?void 0:u.message})]})})},z=({required:r,heading:d,name:a,label:c,description:x,placeholder:j,control:h,tagDirection:f="flex-col",tagSize:g="md",rules:m})=>{const{setValue:C,getValues:i}=s.useFormContext(),{field:n,fieldState:{error:u}}=s.useController({name:a,control:h,defaultValue:[],rules:m}),[v,t]=L.useState(""),l=()=>{if(v.trim()!==""){const o=i(a)||[];C(a,[...o,v.trim()]),t("")}},p=o=>{o.key==="Enter"&&!o.nativeEvent.isComposing&&(o.preventDefault(),l())},F=o=>{const N=i(a)||[];N.splice(o,1),C(a,N)},w=c||d||x;return e.jsx(s.FormField,{control:h,name:a,render:()=>e.jsxs(s.FormItem,{children:[w&&e.jsx(s.FormLabel,{required:r,heading:d,label:c,description:x}),e.jsx(s.FormControl,{children:e.jsxs("div",{className:"flex flex-col gap-2",children:[n.value&&n.value.length>0&&e.jsx("ul",{className:b.cn("flex flex-col flex-wrap gap-1",f),children:n.value.map((o,N)=>e.jsx("li",{children:e.jsx(s.Tag,{size:g,variant:"solid-secondary-100",onClick:()=>F(N),icRight:e.jsx(s.Icon.Cancel,{size:"10",className:"text-grey-600"}),children:e.jsx("span",{children:o})})},N))}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(s.Input,{value:v,onChange:o=>t(o.target.value),onKeyDown:p,className:"max-w-screen-sm",placeholder:j,error:!!u}),e.jsx(s.Button,{size:"md",variant:"outline",disabled:!v.trim(),theme:"secondary",onClick:l,className:"whitespace-nowrap",children:"추가"})]})]})}),e.jsx(s.FormMessage,{children:u==null?void 0:u.message})]})})},D=({name:r,control:d,heading:a,label:c,description:x,placeholder:j,required:h=!1,isTextArea:f=!1,unitLabel:g,unitLabelBefore:m,inputType:C="text",className:i,onChange:n,onBlur:u,icon:v,disabled:t,errorMsg:l=!0,rules:p})=>{const{field:F,formState:{errors:w}}=s.useController({name:r,control:d,rules:p}),o=k=>{const I=C==="number"?Number(k.target.value):k.target.value;F.onChange(I),n==null||n(I)},N=c||a||x;return e.jsx(s.FormField,{control:d,name:r,render:()=>e.jsxs(s.FormItem,{children:[N&&e.jsx(s.FormLabel,{required:h,heading:a,label:c,description:x}),e.jsx(s.FormControl,{children:e.jsxs("div",{className:b.cn("flex w-full max-w-screen-sm items-center gap-2",i),children:[m&&e.jsx("div",{className:"whitespace-nowrap",children:m}),f?e.jsx(s.Textarea,{...F,placeholder:j,className:"h-32",disabled:t,error:!!w[r],onChange:o}):e.jsx(s.Input,{...F,type:C,placeholder:j,disabled:t,error:!!w[r],onChange:o,onBlur:u,icon:v,iconPosition:"right"}),g&&e.jsx("div",{className:"whitespace-nowrap",children:g})]})}),l&&e.jsx(s.FormMessage,{})]})})},M=({name:r,control:d,heading:a,label:c,description:x,placeholder:j="",buttonLabel:h="보기",required:f,onClick:g,disabled:m=!1,children:C,urlTitle:i,rules:n})=>{const{trigger:u,setValue:v}=s.useFormContext(),{field:t,fieldState:{error:l}}=s.useController({name:r,control:d,rules:{required:f?"URL을 입력해주세요.":!1,pattern:{value:/^(https?:\/\/)?([\w-]+\.)+[\w-]{2,4}(\/.*)?$/,message:"올바른 URL을 입력해주세요."},...n}}),p=o=>{t.onChange(o),v(r,o.target.value)},F=o=>{if(o.preventDefault(),g)g(o);else if(t.value&&!l){const N=t.value.startsWith("http")?t.value:`https://${t.value}`;window.open(N,"_blank")}},w=c||a||x;return e.jsx(s.FormField,{control:d,name:r,render:()=>e.jsxs(s.FormItem,{children:[w&&e.jsx(s.FormLabel,{required:f,heading:a,label:c,description:x}),C,e.jsxs("div",{className:"flex items-center gap-2",children:[i&&e.jsx(s.Callout,{size:"sm",className:"flex w-32 justify-center truncate shadow-none",children:i}),e.jsx(s.FormControl,{children:e.jsx(s.Input,{...t,onBlur:()=>u(r),onChange:p,placeholder:j,className:"w-auto grow",error:!!l})}),e.jsx(s.Button,{variant:"outline",theme:"secondary",size:"md",disabled:m||!!l||!t.value,onClick:F,children:h})]}),e.jsx(s.FormMessage,{children:l==null?void 0:l.message})]})})};exports.CheckboxBooleanFormField=y;exports.CheckboxGroupFormField=S;exports.DefaultFormField=R;exports.RadioFormField=V;exports.StringArrayFormField=z;exports.StringInputField=D;exports.UrlFormField=M;

package/dist/UrlFormField-CPqQHGM4.js

@@ -0,0 +1,428 @@
+import { jsx as e, jsxs as v, Fragment as E } from "react/jsx-runtime";
+import { u as V, F as S, a as k, c as I, d as y, C as G, L as z, e as R, B as D, T as K, f as P, R as T, g as $, h as A, i as M, I as W, j, k as _, l as q } from "./index-KZYAVDUp.js";
+import { c as L } from "./index-CQACG110.js";
+import { useState as H } from "react";
+const Y = ({
+  name: l,
+  control: d,
+  heading: s,
+  label: n,
+  description: o,
+  required: x = !1,
+  text: m,
+  type: g,
+  errorMsg: F = !1,
+  onChange: h,
+  rules: w
+}) => {
+  const {
+    field: i,
+    fieldState: { error: t }
+  } = V({
+    name: l,
+    control: d,
+    rules: w
+  }), u = n || s || o;
+  return /* @__PURE__ */ e(
+    S,
+    {
+      control: d,
+      name: l,
+      render: () => /* @__PURE__ */ v(k, { children: [
+        u && /* @__PURE__ */ e(I, { required: x, heading: s, label: n, description: o }),
+        /* @__PURE__ */ e(y, { children: /* @__PURE__ */ v("div", { className: "flex flex-row items-center gap-2", children: [
+          /* @__PURE__ */ e(
+            G,
+            {
+              ...i,
+              id: l,
+              checked: g === "boolean" ? i.value : i.value === m,
+              onCheckedChange: (p) => {
+                i.onChange(g === "boolean" ? p : p ? m : ""), h && h();
+              }
+            }
+          ),
+          /* @__PURE__ */ e(z, { className: "cursor-pointer", htmlFor: l, children: m })
+        ] }) }),
+        F && /* @__PURE__ */ e(R, { children: t == null ? void 0 : t.message })
+      ] })
+    }
+  );
+}, Z = ({
+  name: l,
+  control: d,
+  heading: s,
+  label: n,
+  description: o,
+  options: x,
+  required: m = !1,
+  additional: g,
+  type: F = "checkbox",
+  onChange: h,
+  rules: w
+}) => {
+  const {
+    field: i,
+    fieldState: { error: t }
+  } = V({
+    name: l,
+    control: d,
+    rules: w
+  }), u = (a, C) => {
+    var f;
+    i.onChange(C ? [...i.value || [], a] : (f = i.value) == null ? void 0 : f.filter((N) => N !== a)), h == null || h();
+  }, p = () => x.map((a) => {
+    var C;
+    return /* @__PURE__ */ v(k, { className: "flex flex-row items-center", children: [
+      /* @__PURE__ */ e(y, { children: /* @__PURE__ */ e(
+        G,
+        {
+          id: a.value + l,
+          checked: (C = i.value) == null ? void 0 : C.includes(a.value),
+          onCheckedChange: (f) => u(a.value, f)
+        }
+      ) }),
+      /* @__PURE__ */ e(z, { htmlFor: a.value + l, className: "cursor-pointer", children: a.text })
+    ] }, a.value);
+  }), r = () => x.map(({ value: a, text: C }) => {
+    var N;
+    const f = (N = i.value) == null ? void 0 : N.includes(a);
+    return /* @__PURE__ */ e(k, { className: "flex flex-row items-start gap-2", children: /* @__PURE__ */ e(y, { children: /* @__PURE__ */ e(
+      D,
+      {
+        shape: "rounded",
+        size: "xs",
+        theme: f ? "primary" : "secondary",
+        variant: f ? "solid" : "outline",
+        onClick: (c) => {
+          c.preventDefault(), u(a, !f);
+        },
+        children: C
+      }
+    ) }) }, a);
+  });
+  return /* @__PURE__ */ e(
+    S,
+    {
+      control: d,
+      name: l,
+      render: () => /* @__PURE__ */ v(k, { children: [
+        (n || s || o) && /* @__PURE__ */ e(I, { required: m, heading: s, label: n, description: o }),
+        /* @__PURE__ */ e(y, { children: F === "checkbox" ? /* @__PURE__ */ e("div", { className: "space-y-4", children: p() }) : /* @__PURE__ */ e("ul", { className: "flex w-full flex-wrap gap-2 text-regular14", children: r() }) }),
+        g,
+        /* @__PURE__ */ e(R, { children: t == null ? void 0 : t.message })
+      ] })
+    }
+  );
+}, ee = ({
+  name: l,
+  control: d,
+  label: s,
+  description: n,
+  required: o = !1,
+  children: x,
+  className: m,
+  errorMsg: g = !0
+}) => /* @__PURE__ */ e(
+  S,
+  {
+    control: d,
+    name: l,
+    render: () => /* @__PURE__ */ v(k, { children: [
+      s && /* @__PURE__ */ v(I, { required: o, children: [
+        /* @__PURE__ */ e(K, { children: s }),
+        n && /* @__PURE__ */ e(P, { children: n })
+      ] }),
+      /* @__PURE__ */ e(y, { children: /* @__PURE__ */ e("div", { className: m, children: x }) }),
+      g && /* @__PURE__ */ e(R, {})
+    ] })
+  }
+), le = ({
+  name: l,
+  control: d,
+  heading: s,
+  label: n,
+  description: o,
+  options: x,
+  required: m = !1,
+  className: g,
+  additional: F,
+  direction: h = "vertical",
+  onChange: w,
+  rules: i
+}) => {
+  const {
+    field: t,
+    fieldState: { error: u }
+  } = V({
+    name: l,
+    control: d,
+    rules: i
+  }), p = n || s || o;
+  return /* @__PURE__ */ e(
+    S,
+    {
+      control: d,
+      name: l,
+      render: () => /* @__PURE__ */ v(k, { className: "relative", children: [
+        p && /* @__PURE__ */ e(I, { required: m, heading: s, label: n, description: o }),
+        /* @__PURE__ */ e(y, { children: /* @__PURE__ */ v("div", { className: L("flex max-w-screen-sm items-center gap-2", g), children: [
+          /* @__PURE__ */ e(
+            T,
+            {
+              onValueChange: (r) => {
+                t.onChange(r), w && w();
+              },
+              value: t.value,
+              className: L(
+                h === "vertical" && "flex flex-col gap-4",
+                h === "horizontal" && "flex flex-wrap gap-8",
+                h === "grid" && "grid w-full grid-cols-2 gap-x-8 gap-y-4"
+              ),
+              children: x.map((r) => /* @__PURE__ */ v(k, { className: "flex flex-row items-center", children: [
+                /* @__PURE__ */ e(y, { children: /* @__PURE__ */ e($, { value: r.value, id: r.text, checked: r.value === t.value }) }),
+                /* @__PURE__ */ e(z, { className: "cursor-pointer font-normal", htmlFor: r.text, children: r.text })
+              ] }, r.key))
+            }
+          ),
+          F && /* @__PURE__ */ e(E, { children: F })
+        ] }) }),
+        /* @__PURE__ */ e(R, { children: u == null ? void 0 : u.message })
+      ] })
+    }
+  );
+}, ae = ({
+  required: l,
+  heading: d,
+  name: s,
+  label: n,
+  description: o,
+  placeholder: x,
+  control: m,
+  tagDirection: g = "flex-col",
+  tagSize: F = "md",
+  rules: h
+}) => {
+  const { setValue: w, getValues: i } = A(), {
+    field: t,
+    fieldState: { error: u }
+  } = V({
+    name: s,
+    control: m,
+    defaultValue: [],
+    rules: h
+  }), [p, r] = H(""), a = () => {
+    if (p.trim() !== "") {
+      const c = i(s) || [];
+      w(s, [...c, p.trim()]), r("");
+    }
+  }, C = (c) => {
+    c.key === "Enter" && !c.nativeEvent.isComposing && (c.preventDefault(), a());
+  }, f = (c) => {
+    const b = i(s) || [];
+    b.splice(c, 1), w(s, b);
+  }, N = n || d || o;
+  return /* @__PURE__ */ e(
+    S,
+    {
+      control: m,
+      name: s,
+      render: () => /* @__PURE__ */ v(k, { children: [
+        N && /* @__PURE__ */ e(I, { required: l, heading: d, label: n, description: o }),
+        /* @__PURE__ */ e(y, { children: /* @__PURE__ */ v("div", { className: "flex flex-col gap-2", children: [
+          t.value && t.value.length > 0 && /* @__PURE__ */ e("ul", { className: L("flex flex-col flex-wrap gap-1", g), children: t.value.map((c, b) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
+            M,
+            {
+              size: F,
+              variant: "solid-secondary-100",
+              onClick: () => f(b),
+              icRight: /* @__PURE__ */ e(W.Cancel, { size: "10", className: "text-grey-600" }),
+              children: /* @__PURE__ */ e("span", { children: c })
+            }
+          ) }, b)) }),
+          /* @__PURE__ */ v("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ e(
+              j,
+              {
+                value: p,
+                onChange: (c) => r(c.target.value),
+                onKeyDown: C,
+                className: "max-w-screen-sm",
+                placeholder: x,
+                error: !!u
+              }
+            ),
+            /* @__PURE__ */ e(
+              D,
+              {
+                size: "md",
+                variant: "outline",
+                disabled: !p.trim(),
+                theme: "secondary",
+                onClick: a,
+                className: "whitespace-nowrap",
+                children: "추가"
+              }
+            )
+          ] })
+        ] }) }),
+        /* @__PURE__ */ e(R, { children: u == null ? void 0 : u.message })
+      ] })
+    }
+  );
+}, se = ({
+  name: l,
+  control: d,
+  heading: s,
+  label: n,
+  description: o,
+  placeholder: x,
+  required: m = !1,
+  isTextArea: g = !1,
+  unitLabel: F,
+  unitLabelBefore: h,
+  inputType: w = "text",
+  className: i,
+  onChange: t,
+  onBlur: u,
+  icon: p,
+  disabled: r,
+  errorMsg: a = !0,
+  rules: C
+}) => {
+  const {
+    field: f,
+    formState: { errors: N }
+  } = V({
+    name: l,
+    control: d,
+    rules: C
+  }), c = (U) => {
+    const B = w === "number" ? Number(U.target.value) : U.target.value;
+    f.onChange(B), t == null || t(B);
+  }, b = n || s || o;
+  return /* @__PURE__ */ e(
+    S,
+    {
+      control: d,
+      name: l,
+      render: () => /* @__PURE__ */ v(k, { children: [
+        b && /* @__PURE__ */ e(I, { required: m, heading: s, label: n, description: o }),
+        /* @__PURE__ */ e(y, { children: /* @__PURE__ */ v("div", { className: L("flex w-full max-w-screen-sm items-center gap-2", i), children: [
+          h && /* @__PURE__ */ e("div", { className: "whitespace-nowrap", children: h }),
+          g ? /* @__PURE__ */ e(
+            _,
+            {
+              ...f,
+              placeholder: x,
+              className: "h-32",
+              disabled: r,
+              error: !!N[l],
+              onChange: c
+            }
+          ) : /* @__PURE__ */ e(
+            j,
+            {
+              ...f,
+              type: w,
+              placeholder: x,
+              disabled: r,
+              error: !!N[l],
+              onChange: c,
+              onBlur: u,
+              icon: p,
+              iconPosition: "right"
+            }
+          ),
+          F && /* @__PURE__ */ e("div", { className: "whitespace-nowrap", children: F })
+        ] }) }),
+        a && /* @__PURE__ */ e(R, {})
+      ] })
+    }
+  );
+}, re = ({
+  name: l,
+  control: d,
+  heading: s,
+  label: n,
+  description: o,
+  placeholder: x = "",
+  buttonLabel: m = "보기",
+  required: g,
+  onClick: F,
+  disabled: h = !1,
+  children: w,
+  urlTitle: i,
+  rules: t
+}) => {
+  const { trigger: u, setValue: p } = A(), {
+    field: r,
+    fieldState: { error: a }
+  } = V({
+    name: l,
+    control: d,
+    rules: {
+      required: g ? "URL을 입력해주세요." : !1,
+      pattern: {
+        value: /^(https?:\/\/)?([\w-]+\.)+[\w-]{2,4}(\/.*)?$/,
+        message: "올바른 URL을 입력해주세요."
+      },
+      ...t
+    }
+  }), C = (c) => {
+    r.onChange(c), p(l, c.target.value);
+  }, f = (c) => {
+    if (c.preventDefault(), F)
+      F(c);
+    else if (r.value && !a) {
+      const b = r.value.startsWith("http") ? r.value : `https://${r.value}`;
+      window.open(b, "_blank");
+    }
+  }, N = n || s || o;
+  return /* @__PURE__ */ e(
+    S,
+    {
+      control: d,
+      name: l,
+      render: () => /* @__PURE__ */ v(k, { children: [
+        N && /* @__PURE__ */ e(I, { required: g, heading: s, label: n, description: o }),
+        w,
+        /* @__PURE__ */ v("div", { className: "flex items-center gap-2", children: [
+          i && /* @__PURE__ */ e(q, { size: "sm", className: "flex w-32 justify-center truncate shadow-none", children: i }),
+          /* @__PURE__ */ e(y, { children: /* @__PURE__ */ e(
+            j,
+            {
+              ...r,
+              onBlur: () => u(l),
+              onChange: C,
+              placeholder: x,
+              className: "w-auto grow",
+              error: !!a
+            }
+          ) }),
+          /* @__PURE__ */ e(
+            D,
+            {
+              variant: "outline",
+              theme: "secondary",
+              size: "md",
+              disabled: h || !!a || !r.value,
+              onClick: f,
+              children: m
+            }
+          )
+        ] }),
+        /* @__PURE__ */ e(R, { children: a == null ? void 0 : a.message })
+      ] })
+    }
+  );
+};
+export {
+  Y as C,
+  ee as D,
+  le as R,
+  ae as S,
+  re as U,
+  Z as a,
+  se as b
+};

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

@@ -0,0 +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;