@jk-core/components 1.1.6 → 1.1.7

package/dist/index.js

@@ -16,9 +16,9 @@ function $e() {
   if (je) return G;
   je = 1;
   var t = Symbol.for("react.transitional.element"), s = Symbol.for("react.fragment");
-  function l(d, c, u) {
-    var i = null;
-    if (u !== void 0 && (i = "" + u), c.key !== void 0 && (i = "" + c.key), "key" in c) {
+  function i(d, c, u) {
+    var l = null;
+    if (u !== void 0 && (l = "" + u), c.key !== void 0 && (l = "" + c.key), "key" in c) {
       u = {};
       for (var g in c)
         g !== "key" && (u[g] = c[g]);
@@ -26,12 +26,12 @@ function $e() {
     return c = u.ref, {
       $$typeof: t,
       type: d,
-      key: i,
+      key: l,
       ref: c !== void 0 ? c : null,
       props: u
     };
   }
-  return G.Fragment = s, G.jsx = l, G.jsxs = l, G;
+  return G.Fragment = s, G.jsx = i, G.jsxs = i, G;
 }
 var U = {};
 /**
@@ -92,7 +92,7 @@ function Ie() {
     function s(f) {
       return "" + f;
     }
-    function l(f) {
+    function i(f) {
       try {
         s(f);
         var m = !1;
@@ -127,7 +127,7 @@ function Ie() {
     function u() {
       return Error("react-stack-top-frame");
     }
-    function i(f) {
+    function l(f) {
       if (me.call(f, "key")) {
         var m = Object.getOwnPropertyDescriptor(f, "key").get;
         if (m && m.isReactWarning) return !1;
@@ -215,7 +215,7 @@ React keys must be passed directly to JSX without using spread:
           O
         ), ke[O + R] = !0);
       }
-      if (O = null, x !== void 0 && (l(x), O = "" + x), i(m) && (l(m.key), O = "" + m.key), "key" in m) {
+      if (O = null, x !== void 0 && (i(x), O = "" + x), l(m) && (i(m.key), O = "" + m.key), "key" in m) {
         x = {};
         for (var ge in m)
           ge !== "key" && (x[ge] = m[ge]);
@@ -287,12 +287,12 @@ const We = "_breadcrumbs_1ddq0_1", qe = "_separator_1ddq0_9", Ve = "_item_1ddq0_
   item: Ve
 }, Be = (t) => /* @__PURE__ */ w.createElement("svg", { width: 18, height: 16, viewBox: "0 0 18 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", stroke: "black", ...t }, /* @__PURE__ */ w.createElement("path", { d: "M4 5.5V14.5H14V5.5", strokeWidth: 1.2 }), /* @__PURE__ */ w.createElement("path", { d: "M6.5 12H11.5", strokeWidth: 1.2 }), /* @__PURE__ */ w.createElement("path", { d: "M1 8L9 1L17 8", strokeWidth: 1.2 }));
 function xr({ children: t }) {
-  return /* @__PURE__ */ a.jsx("div", { className: ne.breadcrumbs, children: Array.isArray(t) ? t.map((s, l) => /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
-    l > 0 && /* @__PURE__ */ a.jsx("div", { className: ne.separator, children: ">" }),
+  return /* @__PURE__ */ a.jsx("div", { className: ne.breadcrumbs, children: Array.isArray(t) ? t.map((s, i) => /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
+    i > 0 && /* @__PURE__ */ a.jsx("div", { className: ne.separator, children: ">" }),
     s
-  ] }, l)) : t });
+  ] }, i)) : t });
 }
-function kr({ children: t, path: s, root: l }) {
+function kr({ children: t, path: s, root: i }) {
   return /* @__PURE__ */ a.jsx(
     "button",
     {
@@ -301,7 +301,7 @@ function kr({ children: t, path: s, root: l }) {
       onClick: () => {
         window.location.assign(s);
       },
-      children: l ? /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
+      children: i ? /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
         /* @__PURE__ */ a.jsx(Be, { className: ne.icon }),
         t
       ] }) : t
@@ -324,11 +324,11 @@ const ze = "_button_qyvjn_35", Ge = "_button__loading_qyvjn_44", Ue = "_button__
 function jr({
   children: t,
   grade: s = "primary",
-  disabled: l = !1,
+  disabled: i = !1,
   onClick: d,
   className: c = "",
   isLoading: u = !1,
-  ...i
+  ...l
 }) {
   return /* @__PURE__ */ a.jsxs(
     "button",
@@ -336,7 +336,7 @@ function jr({
       className: v({
         [I.button]: !0,
         [I.button__loading]: u,
-        [I.button__disabled]: !!l,
+        [I.button__disabled]: !!i,
         [I.button__tertiary]: s === "tertiary",
         [I.button__secondary]: s === "secondary",
         [I.button__primary]: s === "primary",
@@ -344,9 +344,9 @@ function jr({
         [c]: !!c
       }),
       type: "button",
-      disabled: l,
+      disabled: i,
       onClick: d,
-      ...i,
+      ...l,
       children: [
         t,
         u && /* @__PURE__ */ a.jsxs("div", { className: I["loading-dot"], children: [
@@ -383,13 +383,13 @@ const Qe = (t) => /* @__PURE__ */ w.createElement("svg", { width: "30px", height
   portal: wt,
   portal__ellipsis: vt
 };
-function Er({ totalPage: t, currentPage: s, onPageClick: l, large: d = !1 }) {
-  const [c, u] = E(""), [i, g] = E(s || 1), o = re(() => d ? 2 : 0, [d]), r = re(() => t ? Array.from({ length: 9 + o }).map((n, e) => {
-    const h = i + e - 2 - o / 2;
+function Er({ totalPage: t, currentPage: s, onPageClick: i, large: d = !1 }) {
+  const [c, u] = E(""), [l, g] = E(s || 1), o = re(() => d ? 2 : 0, [d]), r = re(() => t ? Array.from({ length: 9 + o }).map((n, e) => {
+    const h = l + e - 2 - o / 2;
     return h < 1 || h > t ? null : h;
-  }) : Array.from({ length: 9 + o }).map((n, e) => e === 2 ? 1 : null), [i, t, o]), _ = (n) => {
-    if (n > t || n < 1 || (l(n), n === null)) return;
-    switch (n - i) {
+  }) : Array.from({ length: 9 + o }).map((n, e) => e === 2 ? 1 : null), [l, t, o]), _ = (n) => {
+    if (n > t || n < 1 || (i(n), n === null)) return;
+    switch (n - l) {
       case 1:
         u("right");
         break;
@@ -419,9 +419,9 @@ function Er({ totalPage: t, currentPage: s, onPageClick: l, large: d = !1 }) {
     /* @__PURE__ */ a.jsx(
       "button",
       {
-        className: `${j.arrow} ${i <= 1 ? j["arrow--disabled"] : ""}`,
+        className: `${j.arrow} ${l <= 1 ? j["arrow--disabled"] : ""}`,
         type: "button",
-        onClick: () => _(i - 1),
+        onClick: () => _(l - 1),
         children: /* @__PURE__ */ a.jsx(Qe, {})
       }
     ),
@@ -437,7 +437,7 @@ function Er({ totalPage: t, currentPage: s, onPageClick: l, large: d = !1 }) {
               className: j.track
             }
           ),
-          /* @__PURE__ */ a.jsx("div", { className: j.portal, children: i > 3 + o / 2 && /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
+          /* @__PURE__ */ a.jsx("div", { className: j.portal, children: l > 3 + o / 2 && /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
             /* @__PURE__ */ a.jsx(
               "button",
               {
@@ -457,7 +457,7 @@ function Er({ totalPage: t, currentPage: s, onPageClick: l, large: d = !1 }) {
               children: /* @__PURE__ */ a.jsx("div", { className: `${j.pageWrapper} ${c === "left" ? j.left : ""} ${j[c]}`, children: r.map((n, e) => /* @__PURE__ */ a.jsx(
                 "button",
                 {
-                  className: `${j.page} ${i === n ? j["page--selected"] : ""}`,
+                  className: `${j.page} ${l === n ? j["page--selected"] : ""}`,
                   type: "button",
                   disabled: n === null,
                   onClick: () => {
@@ -469,7 +469,7 @@ function Er({ totalPage: t, currentPage: s, onPageClick: l, large: d = !1 }) {
               )) })
             }
           ),
-          /* @__PURE__ */ a.jsx("div", { className: j.portal, children: i < t - (2 + o / 2) && /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
+          /* @__PURE__ */ a.jsx("div", { className: j.portal, children: l < t - (2 + o / 2) && /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
             /* @__PURE__ */ a.jsx("span", { className: j.portal__ellipsis, children: "•••" }),
             /* @__PURE__ */ a.jsx(
               "button",
@@ -487,9 +487,9 @@ function Er({ totalPage: t, currentPage: s, onPageClick: l, large: d = !1 }) {
     /* @__PURE__ */ a.jsx(
       "button",
       {
-        className: `${j.arrow} ${i >= t ? j["arrow--disabled"] : ""}`,
+        className: `${j.arrow} ${l >= t ? j["arrow--disabled"] : ""}`,
         type: "button",
-        onClick: () => _(i + 1),
+        onClick: () => _(l + 1),
         children: /* @__PURE__ */ a.jsx(et, {})
       }
     )
@@ -502,9 +502,9 @@ const X = {
   "skeleton--glow": "_skeleton--glow_rrodd_52",
   "skeleton--blink": "_skeleton--blink_rrodd_62"
 };
-function Rr({ shape: t, width: s, height: l, animation: d = "glow" }) {
+function Rr({ shape: t, width: s, height: i, animation: d = "glow" }) {
   const c = d === "glow" ? X["skeleton--glow"] : X["skeleton--blink"];
-  return t === "circle" ? /* @__PURE__ */ a.jsx("div", { className: `${X["skeleton-circle"]} ${c}`, style: { width: s, height: l } }) : t === "round" ? /* @__PURE__ */ a.jsx("div", { className: `${X["skeleton-round"]} ${c}`, style: { width: s, height: l } }) : /* @__PURE__ */ a.jsx("div", { className: `${X["skeleton-rectangle"]} ${c}`, style: { width: s, height: l } });
+  return t === "circle" ? /* @__PURE__ */ a.jsx("div", { className: `${X["skeleton-circle"]} ${c}`, style: { width: s, height: i } }) : t === "round" ? /* @__PURE__ */ a.jsx("div", { className: `${X["skeleton-round"]} ${c}`, style: { width: s, height: i } }) : /* @__PURE__ */ a.jsx("div", { className: `${X["skeleton-rectangle"]} ${c}`, style: { width: s, height: i } });
 }
 const xt = "_button_dyhu8_1", kt = "_switch__off_dyhu8_22", jt = "_switch__button_dyhu8_27", H = {
   button: xt,
@@ -518,14 +518,14 @@ const xt = "_button_dyhu8_1", kt = "_switch__off_dyhu8_22", jt = "_switch__butto
 };
 function Or({ checked: t = !1, onChange: s = () => {
 } }) {
-  const [l, d] = E(t);
+  const [i, d] = E(t);
   return /* @__PURE__ */ a.jsx(
     "button",
     {
       className: H.button,
       type: "button",
       onClick: () => {
-        d(!l), s(!l);
+        d(!i), s(!i);
       },
       children: /* @__PURE__ */ a.jsx(
         "div",
@@ -565,30 +565,30 @@ const Et = "_wrapper_u1q1o_1", Rt = "_wrapper__rounded_u1q1o_6", Ot = "_wrapper_
   table: St,
   fixed: Nt
 };
-function Sr({ header: t, body: s, rounded: l, border: d }) {
-  const c = t.flatMap((i) => i.subLabel || []), u = s.some((i) => i.head);
+function Sr({ header: t, body: s, rounded: i, border: d }) {
+  const c = t.flatMap((l) => l.subLabel || []), u = s.some((l) => l.head);
   return /* @__PURE__ */ a.jsx(
     "div",
     {
       className: v({
         [J.wrapper]: !0,
-        [J.wrapper__rounded]: !!l,
+        [J.wrapper__rounded]: !!i,
         [J.wrapper__border]: !!d
       }),
       children: /* @__PURE__ */ a.jsxs("table", { className: J.table, children: [
         /* @__PURE__ */ a.jsxs("colgroup", { children: [
           u && /* @__PURE__ */ a.jsx("col", { style: { width: "100px" } }),
           t.map(
-            (i, g) => i.subLabel ? i.subLabel.map((o, r) => /* @__PURE__ */ a.jsx(
+            (l, g) => l.subLabel ? l.subLabel.map((o, r) => /* @__PURE__ */ a.jsx(
               "col",
               {
-                style: { width: i?.subWidth?.[r] || "auto" }
+                style: { width: l?.subWidth?.[r] || "auto" }
               },
               `col-${g}-sub-${r}`
             )) : /* @__PURE__ */ a.jsx(
               "col",
               {
-                style: { width: i.width || "auto" }
+                style: { width: l.width || "auto" }
               },
               `col-${g}`
             )
@@ -596,22 +596,22 @@ function Sr({ header: t, body: s, rounded: l, border: d }) {
         ] }),
         /* @__PURE__ */ a.jsxs("thead", { children: [
           /* @__PURE__ */ a.jsxs("tr", { children: [
-            s.some((i) => i.head) && /* @__PURE__ */ a.jsx("th", { className: J.fixed, rowSpan: 2 }),
-            t.map((i, g) => /* @__PURE__ */ a.jsx(
+            s.some((l) => l.head) && /* @__PURE__ */ a.jsx("th", { className: J.fixed, rowSpan: 2 }),
+            t.map((l, g) => /* @__PURE__ */ a.jsx(
               "th",
               {
-                rowSpan: i.subLabel ? 1 : 2,
-                colSpan: i.subLabel ? i.subLabel.length : void 0,
-                children: i.label
+                rowSpan: l.subLabel ? 1 : 2,
+                colSpan: l.subLabel ? l.subLabel.length : void 0,
+                children: l.label
               },
               g
             ))
           ] }),
-          c.length > 0 && /* @__PURE__ */ a.jsx("tr", { children: c.map((i, g) => /* @__PURE__ */ a.jsx("th", { children: i }, g)) })
+          c.length > 0 && /* @__PURE__ */ a.jsx("tr", { children: c.map((l, g) => /* @__PURE__ */ a.jsx("th", { children: l }, g)) })
         ] }),
-        /* @__PURE__ */ a.jsx("tbody", { children: s.map((i, g) => /* @__PURE__ */ a.jsxs("tr", { children: [
-          u && /* @__PURE__ */ a.jsx("th", { children: i?.head || "" }),
-          i.labels.map((o, r) => /* @__PURE__ */ a.jsx("td", { children: o }, r))
+        /* @__PURE__ */ a.jsx("tbody", { children: s.map((l, g) => /* @__PURE__ */ a.jsxs("tr", { children: [
+          u && /* @__PURE__ */ a.jsx("th", { children: l?.head || "" }),
+          l.labels.map((o, r) => /* @__PURE__ */ a.jsx("td", { children: o }, r))
         ] }, g)) })
       ] })
     }
@@ -639,12 +639,12 @@ const Ce = (t) => /* @__PURE__ */ w.createElement("svg", { width: "64px", height
 function ae({
   viewDate: t,
   onArrowClick: s,
-  disabled: l,
+  disabled: i,
   method: d,
   selectMode: c = "day",
   setSelectMode: u = () => {
   },
-  hideArrow: i = null,
+  hideArrow: l = null,
   range: g = !1
 }) {
   return /* @__PURE__ */ a.jsxs(
@@ -653,17 +653,17 @@ function ae({
       className: v({
         [D.nav]: !0,
         [D["nav--range"]]: g,
-        [D["nav--left"]]: i === "all"
+        [D["nav--left"]]: l === "all"
       }),
       children: [
-        i !== "all" && /* @__PURE__ */ a.jsx(
+        l !== "all" && /* @__PURE__ */ a.jsx(
           "button",
           {
             className: D.nav__button,
             type: "button",
             onClick: () => s("prev"),
-            disabled: l("prev") || i === "prev",
-            children: i !== "prev" && /* @__PURE__ */ a.jsx(Oe, {})
+            disabled: i("prev") || l === "prev",
+            children: l !== "prev" && /* @__PURE__ */ a.jsx(Oe, {})
           }
         ),
         g ? /* @__PURE__ */ a.jsx(
@@ -671,7 +671,7 @@ function ae({
           {
             className: v({
               [D.nav__label]: !0,
-              [D["nav__label--left"]]: i === "all"
+              [D["nav__label--left"]]: l === "all"
             }),
             children: `${t.getFullYear()}년 ${t.getMonth() + 1}월`
           }
@@ -680,7 +680,7 @@ function ae({
           {
             className: v({
               [D.nav__label]: !0,
-              [D["nav__label--left"]]: i === "all"
+              [D["nav__label--left"]]: l === "all"
             }),
             children: [
               d === "year" && "연도 선택",
@@ -717,23 +717,23 @@ function ae({
             ]
           }
         ),
-        i !== "all" && /* @__PURE__ */ a.jsx(
+        l !== "all" && /* @__PURE__ */ a.jsx(
           "button",
           {
             className: D.nav__button,
             type: "button",
             onClick: () => s("next"),
-            disabled: l("next") || i === "next",
-            children: i !== "next" && /* @__PURE__ */ a.jsx(Oe, { style: { transform: "rotate(180deg)" } })
+            disabled: i("next") || l === "next",
+            children: l !== "next" && /* @__PURE__ */ a.jsx(Oe, { style: { transform: "rotate(180deg)" } })
           }
         )
       ]
     }
   );
 }
-const Ne = (t, s) => !s?.[0] || !s?.[1] ? !1 : t >= s[0] && t < s[1], F = (t, s, l = "day") => {
+const Ne = (t, s) => !s?.[0] || !s?.[1] ? !1 : t >= s[0] && t < s[1], F = (t, s, i = "day") => {
   if (t === null || s === null) return !1;
-  switch (l) {
+  switch (i) {
     case "day":
       return t.getFullYear() === s.getFullYear() && t.getMonth() === s.getMonth() && t.getDate() === s.getDate();
     case "month":
@@ -764,11 +764,11 @@ const Ne = (t, s) => !s?.[0] || !s?.[1] ? !1 : t >= s[0] && t < s[1], F = (t, s,
 function oe({
   selectedDate: t,
   weeksInMonth: s,
-  tileContent: l,
+  tileContent: i,
   handleDayClick: d,
   range: c = !1,
   max: u,
-  min: i,
+  min: l,
   hideBefore: g = !1,
   hideAfter: o = !1,
   style: r,
@@ -778,7 +778,7 @@ function oe({
   }
 }) {
   const h = (y) => {
-    const b = new Date(y.getFullYear(), y.getMonth(), y.getDate()), p = i ? new Date(i.getFullYear(), i.getMonth(), i.getDate()) : null, k = u ? new Date(u.getFullYear(), u.getMonth(), u.getDate()) : null;
+    const b = new Date(y.getFullYear(), y.getMonth(), y.getDate()), p = l ? new Date(l.getFullYear(), l.getMonth(), l.getDate()) : null, k = u ? new Date(u.getFullYear(), u.getMonth(), u.getDate()) : null;
     return !!(p && b < p || k && b > k);
   };
   return /* @__PURE__ */ a.jsxs("div", { className: S["day-tile"], style: r, children: [
@@ -794,20 +794,20 @@ function oe({
           [S["day-tile__day--before"]]: p.thisMonth !== "this",
           [S["day-tile__day--hide-before"]]: g && p.thisMonth === "before",
           [S["day-tile__day--hide-after"]]: o && p.thisMonth === "after",
-          [S["day-tile__day--tile"]]: !!(l && l()),
+          [S["day-tile__day--tile"]]: !!(i && i()),
           [S["day-tile__day--range"]]: Ne(p.date, t) || !!t?.[0] && Ne(p.date, [t[0], n])
         }),
         type: "button",
         disabled: h(p.date),
         onMouseOver: () => {
-          !t?.[1] && !(i && p.date < i || u && p.date > u) && e(new Date(
+          !t?.[1] && !(l && p.date < l || u && p.date > u) && e(new Date(
             p.date.getFullYear(),
             p.date.getMonth(),
             p.date.getDate()
           ));
         },
         onFocus: () => {
-          !t?.[1] && !(i && p.date < i || u && p.date > u) && e(new Date(
+          !t?.[1] && !(l && p.date < l || u && p.date > u) && e(new Date(
             p.date.getFullYear(),
             p.date.getMonth(),
             p.date.getDate()
@@ -826,7 +826,7 @@ function oe({
             }),
             children: [
               p.date.getDate(),
-              l && l()
+              i && i()
             ]
           }
         )
@@ -838,7 +838,7 @@ function oe({
 const Le = ({
   method: t,
   selectMode: s,
-  viewDate: l,
+  viewDate: i,
   setDate: d,
   min: c,
   max: u
@@ -846,28 +846,28 @@ const Le = ({
   if (s === "year" || t !== s) return !0;
   if (t === "day") {
     if (o === "prev") {
-      const _ = new Date(l.getFullYear(), l.getMonth() - 1, 1);
+      const _ = new Date(i.getFullYear(), i.getMonth() - 1, 1);
       return _.getFullYear() < c.getFullYear() || _.getFullYear() === c.getFullYear() && _.getMonth() < c.getMonth();
     }
-    return new Date(l.getFullYear(), l.getMonth() + 1, 1) > u;
+    return new Date(i.getFullYear(), i.getMonth() + 1, 1) > u;
   }
-  return t === "month" ? o === "prev" ? new Date(l.getFullYear() - 1, l.getMonth(), 1) < c : new Date(l.getFullYear() + 1, l.getMonth(), 1) > u : t === "year" ? o === "prev" ? new Date(l.getFullYear() - 10, l.getMonth(), 1) < c : new Date(l.getFullYear() + 10, l.getMonth(), 1) > u : !1;
+  return t === "month" ? o === "prev" ? new Date(i.getFullYear() - 1, i.getMonth(), 1) < c : new Date(i.getFullYear() + 1, i.getMonth(), 1) > u : t === "year" ? o === "prev" ? new Date(i.getFullYear() - 10, i.getMonth(), 1) < c : new Date(i.getFullYear() + 10, i.getMonth(), 1) > u : !1;
 }, onArrowClick: (o) => {
   const r = o === "prev" ? -1 : 1, _ = new Date(2e3, 0, 1), n = new Date(2099, 11, 31);
   if (t === "day") {
-    const e = new Date(l.getFullYear(), l.getMonth() + r, 1);
+    const e = new Date(i.getFullYear(), i.getMonth() + r, 1);
     e >= _ && e <= n && d(e);
   }
   if (t === "month") {
-    const e = new Date(l.getFullYear() + r, l.getMonth(), 1);
+    const e = new Date(i.getFullYear() + r, i.getMonth(), 1);
     e >= _ && e <= n && d(e);
   }
   if (t === "year") {
-    const e = new Date(l.getFullYear() + r * 10, l.getMonth(), 1);
+    const e = new Date(i.getFullYear() + r * 10, i.getMonth(), 1);
     e >= _ && e <= n && d(e);
   }
 } }), se = (t) => {
-  const s = new Date(t.getFullYear(), t.getMonth(), 1), l = new Date(t.getFullYear(), t.getMonth() + 1, 0), d = [];
+  const s = new Date(t.getFullYear(), t.getMonth(), 1), i = new Date(t.getFullYear(), t.getMonth() + 1, 0), d = [];
   let c = [];
   const u = s.getDay();
   if (u !== 0) {
@@ -878,29 +878,29 @@ const Le = ({
       _.setDate(o.getDate() - r), c.push({ thisMonth: "before", date: _ });
     }
   }
-  const i = new Date(s);
-  for (; i <= l; )
-    c.push({ thisMonth: "this", date: new Date(i) }), i.getDay() === 6 && (d.push(c), c = []), i.setDate(i.getDate() + 1);
-  const g = l.getDay();
+  const l = new Date(s);
+  for (; l <= i; )
+    c.push({ thisMonth: "this", date: new Date(l) }), l.getDay() === 6 && (d.push(c), c = []), l.setDate(l.getDate() + 1);
+  const g = i.getDay();
   if (g !== 6)
     for (let o = 1; o <= 6 - g; o += 1) {
-      const r = new Date(l);
-      r.setDate(l.getDate() + o), c.push({ thisMonth: "after", date: r });
+      const r = new Date(i);
+      r.setDate(i.getDate() + o), c.push({ thisMonth: "after", date: r });
     }
   return c.length > 0 && d.push(c), d;
 };
 function Pt({
   className: t = "",
   date: s = [null, null],
-  onChange: l,
+  onChange: i,
   onClose: d,
   min: c,
   max: u
 }) {
-  const i = "day", [g, o] = E(s?.[0] || /* @__PURE__ */ new Date()), [r, _] = E(null), n = se(g), e = (b, p = !1) => {
-    p || o(b), (!s[0] || s[0] && s[1]) && l([b, null]), s[0] && !s[1] && (b < s[0] ? l([b, null]) : l([s[0], b]));
+  const l = "day", [g, o] = E(s?.[0] || /* @__PURE__ */ new Date()), [r, _] = E(null), n = se(g), e = (b, p = !1) => {
+    p || o(b), (!s[0] || s[0] && s[1]) && i([b, null]), s[0] && !s[1] && (b < s[0] ? i([b, null]) : i([s[0], b]));
   }, { disabled: h, onArrowClick: y } = Le({
-    method: i,
+    method: l,
     selectMode: "day",
     viewDate: g,
     setDate: o,
@@ -991,36 +991,36 @@ function Pt({
 const $t = ({
   target: t,
   parent: s,
-  callback: l,
+  callback: i,
   options: d
 }) => {
   P(() => {
     const c = t.current, u = s?.current;
     if (!c) return () => {
     };
-    const i = new IntersectionObserver(([g]) => {
-      g.isIntersecting && l();
+    const l = new IntersectionObserver(([g]) => {
+      g.isIntersecting && i();
     }, {
       ...u ? { root: u } : {},
       threshold: 1,
       ...d
     });
-    return i.observe(c), () => {
-      i.unobserve(c);
+    return l.observe(c), () => {
+      l.unobserve(c);
     };
-  }, [l, d, s, t]);
+  }, [i, d, s, t]);
 };
 function It({
   className: t = "",
   date: s = [null, null],
-  onChange: l,
+  onChange: i,
   min: d,
   max: c
 }) {
-  const u = (/* @__PURE__ */ new Date()).getMonth() - d.getMonth() + 12 * ((/* @__PURE__ */ new Date()).getFullYear() - d.getFullYear()), i = q(null), g = q(null), [o, r] = E(s?.[0] || /* @__PURE__ */ new Date()), [_, n] = E(null), [e, h] = E(Array.from({
+  const u = (/* @__PURE__ */ new Date()).getMonth() - d.getMonth() + 12 * ((/* @__PURE__ */ new Date()).getFullYear() - d.getFullYear()), l = q(null), g = q(null), [o, r] = E(s?.[0] || /* @__PURE__ */ new Date()), [_, n] = E(null), [e, h] = E(Array.from({
     length: Math.abs(o.getMonth() - (/* @__PURE__ */ new Date()).getMonth() + 12 * (o.getFullYear() - (/* @__PURE__ */ new Date()).getFullYear() - 1))
   }).map((p, k) => k)), y = (p, k = !1) => {
-    k || r(p), (!s[0] || s[0] && s[1]) && l([p, null]), s[0] && !s[1] && (p < s[0] ? l([p, null]) : l([s[0], p]));
+    k || r(p), (!s[0] || s[0] && s[1]) && i([p, null]), s[0] && !s[1] && (p < s[0] ? i([p, null]) : i([s[0], p]));
   }, b = (p) => {
     const k = /* @__PURE__ */ new Date();
     return k.setMonth(k.getMonth() - p), k;
@@ -1028,10 +1028,10 @@ function It({
   return P(() => {
     o > c && r(c), o < d && r(d);
   }, [o, c, d]), P(() => {
-    i.current?.scrollTo({ top: i.current.scrollHeight });
+    l.current?.scrollTo({ top: l.current.scrollHeight });
   }, []), $t({
     target: g,
-    parent: i,
+    parent: l,
     callback: () => {
       if (u < e.length) return;
       const p = u - (e.length - 1) > 12 ? 12 : u - (e.length - 1);
@@ -1050,7 +1050,7 @@ function It({
         [C["calendar--scroll"]]: !0,
         [t]: !!t
       }),
-      children: /* @__PURE__ */ a.jsx("div", { className: C.calendar__scroll, ref: i, children: e.map((p) => /* @__PURE__ */ a.jsxs(
+      children: /* @__PURE__ */ a.jsx("div", { className: C.calendar__scroll, ref: l, children: e.map((p) => /* @__PURE__ */ a.jsxs(
         "div",
         {
           className: C["calendar__scroll--wrapper"],
@@ -1102,12 +1102,12 @@ const K = {
 function Wt({
   selectedDate: t,
   viewDate: s,
-  handleMonthClick: l,
+  handleMonthClick: i,
   tileContent: d = () => !1,
   max: c,
   min: u
 }) {
-  const i = (g) => {
+  const l = (g) => {
     const o = new Date(s.getFullYear(), g, 1);
     return o > new Date(c.getFullYear(), c.getMonth(), 1) || o < new Date(u.getFullYear(), u.getMonth(), 1);
   };
@@ -1121,8 +1121,8 @@ function Wt({
         [K["month-tile__month--tile"]]: !!d(new Date(s.getFullYear(), g - 1, 1), "month")
       }),
       type: "button",
-      onClick: () => l(g),
-      disabled: i(g),
+      onClick: () => i(g),
+      disabled: l(g),
       children: [
         /* @__PURE__ */ a.jsx("span", { children: `${g + 1}월` }),
         !!d(new Date(s.getFullYear(), g - 1, 1), "month") && d(new Date(s.getFullYear(), g - 1, 1), "month")
@@ -1199,16 +1199,16 @@ const W = {
 function Gt({
   selectedDate: t,
   onClick: s,
-  tileContent: l = () => !1,
+  tileContent: i = () => !1,
   max: d,
   min: c
 }) {
-  const u = q(null), i = q(null), g = Array.from(
+  const u = q(null), l = q(null), g = Array.from(
     { length: d.getFullYear() - c.getFullYear() + 1 },
     (o, r) => c.getFullYear() + r
   );
   return P(() => {
-    const o = i.current, r = u.current;
+    const o = l.current, r = u.current;
     if (!o || !r) return;
     const { clientHeight: _ } = r, { offsetTop: n, clientHeight: e } = o;
     r.scrollTo({
@@ -1222,14 +1222,14 @@ function Gt({
         className: v({
           [W["year-tile__year"]]: !0,
           [W["year-tile__year--selected"]]: !!t && t.getFullYear() === o,
-          [W["year-tile__year--border"]]: !!l(new Date(o, 1, 1), "year")
+          [W["year-tile__year--border"]]: !!i(new Date(o, 1, 1), "year")
         }),
         type: "button",
-        ref: t && t.getFullYear() === o ? i : null,
+        ref: t && t.getFullYear() === o ? l : null,
         onClick: () => s(o),
         children: [
           /* @__PURE__ */ a.jsx("span", { className: W["yearTile__year--year"], children: o }),
-          l(new Date(o, 1, 1), "year") && /* @__PURE__ */ a.jsx("div", { className: W["yearTile__year--tile"], children: l(new Date(o, 1, 1), "year") })
+          i(new Date(o, 1, 1), "year") && /* @__PURE__ */ a.jsx("div", { className: W["yearTile__year--tile"], children: i(new Date(o, 1, 1), "year") })
         ]
       },
       o
@@ -1240,37 +1240,37 @@ function Gt({
 const Ut = ({
   viewDate: t,
   setViewDate: s,
-  onChange: l,
+  onChange: i,
   setSelectMode: d,
   method: c,
   setView: u
 }) => {
-  const i = new Date(2e3, 0, 1), g = new Date(2099, 11, 31);
+  const l = new Date(2e3, 0, 1), g = new Date(2099, 11, 31);
   return { onDayClick: (n) => {
-    n < i || n > g || (s(n), u("day"), l(n));
+    n < l || n > g || (s(n), u("day"), i(n));
   }, onMonthClick: (n) => {
     const e = new Date(t.getFullYear(), n, 1);
-    s(e), c !== "month" && d(c), c === "month" && (u("month"), l(e));
+    s(e), c !== "month" && d(c), c === "month" && (u("month"), i(e));
   }, onYearClick: (n) => {
     const e = new Date(n, 0, 1);
-    s(e), c !== "year" && d(c), c === "year" && (u("year"), l(e));
+    s(e), c !== "year" && d(c), c === "year" && (u("year"), i(e));
   } };
 };
 function Xt({
   className: t = "",
   date: s,
-  view: l,
+  view: i,
   setView: d = () => {
   },
   tileContent: c,
   onChange: u = () => {
   },
-  onClose: i,
+  onClose: l,
   viewSelector: g = !0,
   min: o = new Date(2e3, 0, 1),
   max: r = new Date(2099, 11, 31)
 }) {
-  const [_, n] = E(s || /* @__PURE__ */ new Date()), [e, h] = E(l || "day"), [y, b] = E(l || "day"), p = se(_), { onDayClick: k, onMonthClick: Z, onYearClick: z } = Ut({
+  const [_, n] = E(s || /* @__PURE__ */ new Date()), [e, h] = E(i || "day"), [y, b] = E(i || "day"), p = se(_), { onDayClick: k, onMonthClick: Z, onYearClick: z } = Ut({
     viewDate: _,
     setViewDate: (V) => n(V),
     onChange: u,
@@ -1297,7 +1297,7 @@ function Xt({
         [t]: !!t
       }),
       children: [
-        /* @__PURE__ */ a.jsx("div", { className: C.calendar__close, children: i && /* @__PURE__ */ a.jsx(Ce, { onClick: i }) }),
+        /* @__PURE__ */ a.jsx("div", { className: C.calendar__close, children: l && /* @__PURE__ */ a.jsx(Ce, { onClick: l }) }),
         g && /* @__PURE__ */ a.jsx(zt, { method: e, selectView: ce }),
         /* @__PURE__ */ a.jsx(
           ae,
@@ -1349,13 +1349,13 @@ function Xt({
 function Nr({
   className: t = "",
   date: s,
-  view: l,
+  view: i,
   setView: d = () => {
   },
   tileContent: c,
   onChange: u = () => {
   },
-  onClose: i,
+  onClose: l,
   viewSelector: g = !0,
   min: o = /* @__PURE__ */ new Date("2000-01-01"),
   max: r = /* @__PURE__ */ new Date("2099-11-31"),
@@ -1379,20 +1379,20 @@ function Nr({
       onChange: u,
       min: o,
       max: r,
-      onClose: i
+      onClose: l
     }
   ) : /* @__PURE__ */ a.jsx(
     Xt,
     {
       className: t,
       date: s,
-      view: l,
+      view: i,
       setView: d,
       tileContent: c,
       onChange: u,
       min: o,
       max: r,
-      onClose: i,
+      onClose: l,
       viewSelector: g
     }
   );
@@ -1408,13 +1408,13 @@ const Jt = "_accordion_9hfm8_1", Kt = "_button_9hfm8_14", Zt = "_button__arrow_9
   content: er
 }, tr = (t) => /* @__PURE__ */ w.createElement("svg", { width: 12, height: 9, viewBox: "0 0 12 9", stroke: "black", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ w.createElement("path", { d: "M1 1.5L6 7L11 1.5", strokeWidth: 1.4, strokeLinecap: "round" }));
 function Tr({ children: t }) {
-  const s = q(null), [l, d] = E(!1);
+  const s = q(null), [i, d] = E(!1);
   return /* @__PURE__ */ a.jsxs(
     "div",
     {
       className: v({
         [Y.accordion]: !0,
-        [Y["accordion--visible"]]: l
+        [Y["accordion--visible"]]: i
       }),
       children: [
         /* @__PURE__ */ a.jsxs(
@@ -1422,10 +1422,10 @@ function Tr({ children: t }) {
           {
             className: v({
               [Y.button]: !0,
-              [Y["button--visible"]]: l
+              [Y["button--visible"]]: i
             }),
             type: "button",
-            onClick: () => d(!l),
+            onClick: () => d(!i),
             children: [
               "Accordion",
               /* @__PURE__ */ a.jsx(
@@ -1433,7 +1433,7 @@ function Tr({ children: t }) {
                 {
                   className: v({
                     [Y.button__arrow]: !0,
-                    [Y["button__arrow--up"]]: l
+                    [Y["button__arrow--up"]]: i
                   })
                 }
               )
@@ -1445,9 +1445,9 @@ function Tr({ children: t }) {
           {
             className: v({
               [Y.wrapper]: !0,
-              [Y["wrapper--visible"]]: l
+              [Y["wrapper--visible"]]: i
             }),
-            style: { height: l ? s.current?.scrollHeight ?? 0 : "0px" },
+            style: { height: i ? s.current?.scrollHeight ?? 0 : "0px" },
             children: /* @__PURE__ */ a.jsx("div", { className: Y.content, ref: s, children: t })
           }
         )
@@ -1490,21 +1490,21 @@ function or() {
     }
     return "Minified React error #" + o + "; visit " + r + " for the full message or use the non-minified dev environment for full errors and additional helpful warnings.";
   }
-  function l() {
+  function i() {
   }
   var d = {
     d: {
-      f: l,
+      f: i,
       r: function() {
         throw Error(s(522));
       },
-      D: l,
-      C: l,
-      L: l,
-      m: l,
-      X: l,
-      S: l,
-      M: l
+      D: i,
+      C: i,
+      L: i,
+      m: i,
+      X: i,
+      S: i,
+      M: i
     },
     p: 0,
     findDOMNode: null
@@ -1519,7 +1519,7 @@ function or() {
       implementation: _
     };
   }
-  var i = t.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
+  var l = t.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
   function g(o, r) {
     if (o === "font") return "";
     if (typeof r == "string")
@@ -1531,11 +1531,11 @@ function or() {
       throw Error(s(299));
     return u(o, r, null, _);
   }, N.flushSync = function(o) {
-    var r = i.T, _ = d.p;
+    var r = l.T, _ = d.p;
     try {
-      if (i.T = null, d.p = 2, o) return o();
+      if (l.T = null, d.p = 2, o) return o();
     } finally {
-      i.T = r, d.p = _, d.d.f();
+      l.T = r, d.p = _, d.d.f();
     }
   }, N.preconnect = function(o, r) {
     typeof o == "string" && (r ? (r = r.crossOrigin, r = typeof r == "string" ? r === "use-credentials" ? r : "" : void 0) : r = null, d.d.C(o, r));
@@ -1604,9 +1604,9 @@ function or() {
   }, N.unstable_batchedUpdates = function(o, r) {
     return o(r);
   }, N.useFormState = function(o, r, _) {
-    return i.H.useFormState(o, r, _);
+    return l.H.useFormState(o, r, _);
   }, N.useFormStatus = function() {
-    return i.H.useHostTransitionStatus();
+    return l.H.useHostTransitionStatus();
   }, N.version = "19.1.0", N;
 }
 var T = {};
@@ -1627,7 +1627,7 @@ function sr() {
     function s(n) {
       return "" + n;
     }
-    function l(n, e, h) {
+    function i(n, e, h) {
       var y = 3 < arguments.length && arguments[3] !== void 0 ? arguments[3] : null;
       try {
         s(y);
@@ -1657,7 +1657,7 @@ function sr() {
     function u(n) {
       return n === null ? "`null`" : n === void 0 ? "`undefined`" : n === "" ? "an empty string" : typeof n == "string" ? JSON.stringify(n) : typeof n == "number" ? "`" + n + "`" : 'something with type "' + typeof n + '"';
     }
-    function i() {
+    function l() {
       var n = _.H;
       return n === null && console.error(
         `Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:
@@ -1693,7 +1693,7 @@ See https://react.dev/link/invalid-hook-call for tips about how to debug and fix
       var h = 2 < arguments.length && arguments[2] !== void 0 ? arguments[2] : null;
       if (!e || e.nodeType !== 1 && e.nodeType !== 9 && e.nodeType !== 11)
         throw Error("Target container is not a DOM element.");
-      return l(n, e, null, h);
+      return i(n, e, null, h);
     }, T.flushSync = function(n) {
       var e = _.T, h = o.p;
       try {
@@ -1826,9 +1826,9 @@ See https://react.dev/link/invalid-hook-call for tips about how to debug and fix
     }, T.unstable_batchedUpdates = function(n, e) {
       return n(e);
     }, T.useFormState = function(n, e, h) {
-      return i().useFormState(n, e, h);
+      return l().useFormState(n, e, h);
     }, T.useFormStatus = function() {
-      return i().useHostTransitionStatus();
+      return l().useHostTransitionStatus();
     }, T.version = "19.1.0", typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
   }()), T;
 }
@@ -1865,12 +1865,12 @@ const cr = (t) => /* @__PURE__ */ w.createElement("svg", { width: 12, height: 9,
   "list__item--selected": "_list__item--selected_blgt8_125",
   list__empty: pr
 }, yr = (t) => /* @__PURE__ */ w.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ w.createElement("rect", { x: 0.7, y: 0.7, width: 12.6, height: 12.6, rx: 6.3, stroke: "#2D2D2D", strokeWidth: 1.4 }), /* @__PURE__ */ w.createElement("path", { d: "M11.459 11.458L14.9945 14.9935", stroke: "#2D2D2D", strokeWidth: 1.4, strokeLinecap: "square" }));
-function mr({ parent: t, selectedItem: s, list: l, filteredList: d, onSelect: c, setFilteredList: u }) {
-  const i = re(() => Math.min(u ? d.length * 50 + 40 : l.length * 50, 300), [d.length, l.length, u]), g = q(null), [o, r] = E(() => {
+function mr({ parent: t, selectedItem: s, list: i, filteredList: d, onSelect: c, setFilteredList: u }) {
+  const l = re(() => Math.min(u ? d.length * 50 + 40 : i.length * 50, 300), [d.length, i.length, u]), g = q(null), [o, r] = E(() => {
     if (!t || !t.current)
       return { top: 0, left: 0, bottom: 0, height: 0 };
     const _ = t.current.getBoundingClientRect(), n = window.innerHeight - _.bottom, e = _.top;
-    return n < i && e > i ? {
+    return n < l && e > l ? {
       top: void 0,
       left: _.left,
       bottom: window.innerHeight - _.top - window.scrollY,
@@ -1887,32 +1887,32 @@ function mr({ parent: t, selectedItem: s, list: l, filteredList: d, onSelect: c,
     function _() {
       r((n) => ({
         ...n,
-        height: i
+        height: l
       }));
     }
     return _(), window.addEventListener("resize", _), () => {
       window.removeEventListener("resize", _);
     };
-  }, [i]), P(() => {
+  }, [l]), P(() => {
     const _ = () => {
       if (!t || !t.current) return;
       const n = t.current.getBoundingClientRect(), e = window.innerHeight - n.bottom, h = n.top;
-      e < i && h > i ? r({
+      e < l && h > l ? r({
         top: void 0,
         left: n.left,
         bottom: window.innerHeight - n.top - window.scrollY,
-        height: i
+        height: l
       }) : r({
         top: n.bottom + window.scrollY,
         left: n.left,
         bottom: void 0,
-        height: i
+        height: l
       });
     };
     return window.addEventListener("scroll", _, !0), window.addEventListener("resize", _, !0), () => {
       window.removeEventListener("scroll", _, !0), window.removeEventListener("resize", _, !0);
     };
-  }, [i, t, o.height]), /* @__PURE__ */ a.jsx(
+  }, [l, t, o.height]), /* @__PURE__ */ a.jsx(
     "div",
     {
       className: v({
@@ -1935,7 +1935,7 @@ function mr({ parent: t, selectedItem: s, list: l, filteredList: d, onSelect: c,
             {
               type: "text",
               placeholder: "검색",
-              onChange: (_) => u(l.filter((n) => n.includes(_.target.value)))
+              onChange: (_) => u(i.filter((n) => n.includes(_.target.value)))
             }
           )
         ] }),
@@ -1960,15 +1960,15 @@ function mr({ parent: t, selectedItem: s, list: l, filteredList: d, onSelect: c,
 function Mr({
   list: t = [],
   onSelect: s,
-  filter: l,
+  filter: i,
   placeholder: d,
   style: c
 }) {
-  const u = q(null), i = q(null), [g, o] = E(d || "선택하세요"), [r, _] = E(!1), [n, e] = E(t);
+  const u = q(null), l = q(null), [g, o] = E(d || "선택하세요"), [r, _] = E(!1), [n, e] = E(t);
   return P(() => {
     r || e(t);
     function h(y) {
-      u.current && !u.current.contains(y.target) && i.current && !i.current.contains(y.target) && _(!1);
+      u.current && !u.current.contains(y.target) && l.current && !l.current.contains(y.target) && _(!1);
     }
     return r && document.addEventListener("mousedown", h), () => {
       document.removeEventListener("mousedown", h);
@@ -1996,14 +1996,14 @@ function Mr({
       }
     ),
     r && ir.createPortal(
-      /* @__PURE__ */ a.jsx("div", { ref: i, className: M["list-portal"], children: /* @__PURE__ */ a.jsx(
+      /* @__PURE__ */ a.jsx("div", { ref: l, className: M["list-portal"], children: /* @__PURE__ */ a.jsx(
         mr,
         {
           selectedItem: g,
           list: t,
           filteredList: n,
           parent: u,
-          setFilteredList: l ? e : void 0,
+          setFilteredList: i ? e : void 0,
           onSelect: (h, y) => {
             s(h, y), o(h), e(t), _(!1);
           }
@@ -2019,15 +2019,15 @@ const br = "_segment_etbjo_1", wr = "_button_etbjo_25", te = {
   button: wr,
   "button--selected": "_button--selected_etbjo_40"
 };
-function Cr({ width: t, stretch: s, option: l, selected: d }) {
-  const [c, u] = E(d ?? 0), i = re(() => d ?? c, [c, d]);
+function Cr({ width: t, stretch: s, option: i, selected: d }) {
+  const [c, u] = E(d ?? 0), l = re(() => d ?? c, [c, d]);
   return /* @__PURE__ */ a.jsxs(
     "div",
     {
       className: te.segment,
       style: {
         width: s ? "100%" : void 0,
-        gridTemplateColumns: `repeat(${l.length},1fr)`
+        gridTemplateColumns: `repeat(${i.length},1fr)`
       },
       children: [
         /* @__PURE__ */ a.jsx(
@@ -2035,17 +2035,17 @@ function Cr({ width: t, stretch: s, option: l, selected: d }) {
           {
             className: te["segment--selector"],
             style: {
-              width: `${100 / l.length}%`,
-              left: `${i * 100 / l.length}%`
+              width: `${100 / i.length}%`,
+              left: `${l * 100 / i.length}%`
             }
           }
         ),
-        l.map((g, o) => /* @__PURE__ */ a.jsx(
+        i.map((g, o) => /* @__PURE__ */ a.jsx(
           "button",
           {
             className: v({
               [te.button]: !0,
-              [te["button--selected"]]: o === d
+              [te["button--selected"]]: o === l
             }),
             type: "button",
             style: { width: s ? "auto" : t || "auto" },