@dotss/ui 1.0.2 → 1.0.3

package/DatePicker/DatePicker.es.js

@@ -1,810 +0,0 @@
-import { jsxs as v, jsx as f, Fragment as de } from "@emotion/react/jsx-runtime";
-import { forwardRef as me, useState as X, useRef as W, useCallback as pe, useLayoutEffect as _t, useEffect as nt } from "react";
-import he from "../Flexbox/Flexbox.es.js";
-import Kt from "../Icon/Icon.es.js";
-import qt from "../IconButton/IconButton.es.js";
-import ye from "../Menu/Menu.es.js";
-import ge from "../Menu/MenuBlock/MenuBlock.es.js";
-import Ut from "../Menu/MenuButton/MenuButton.es.js";
-import De from "../core/useTheme.es.js";
-import k from "@emotion/styled";
-import it from "../utils/getContrastingTextColor/getContrastingTextColor.es.js";
-const $e = k.div`
-  position: relative;
-  display: flex;
-  flex-direction: column;
-  gap: ${({ theme: { spacing: t } }) => t.content(2)}px;
-`, Gt = k.div`
-  display: inline-flex;
-  align-items: center;
-  justify-content: flex-start;
-  max-width: fit-content;
-  padding: 0 ${({ theme: { spacing: t } }) => t.content(3)}px;
-  cursor: ${({ clickable: t }) => t ? "pointer" : "default"};
-
-  ${({
-  theme: {
-    typography: { h4B: t }
-  }
-}) => ({
-  fontSize: t.size,
-  fontWeight: t.weight,
-  lineHeight: t.lineHeight,
-  letterSpacing: t.letterSpacing
-})};
-`, we = k.div`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  gap: ${({ theme: { spacing: t } }) => t.content(4)}px;
-
-  ${({
-  theme: {
-    typography: { h2B: t }
-  }
-}) => ({
-  fontSize: t.size,
-  fontWeight: t.weight,
-  lineHeight: t.lineHeight,
-  letterSpacing: t.letterSpacing
-})};
-`, be = k.div`
-  display: flex;
-  align-items: center;
-  padding: 0 ${({ theme: { spacing: t }, edgeSpacing: n }) => t.content(n || 0)}px;
-
-  & > span {
-    margin: 5px 0;
-    flex-grow: 1;
-    text-align: center;
-    ${({
-  theme: {
-    palette: { grey: t },
-    typography: { b4M: n }
-  }
-}) => ({
-  fontSize: n.size,
-  fontWeight: n.weight,
-  lineHeight: n.lineHeight,
-  letterSpacing: n.letterSpacing,
-  color: t[50]
-})};
-  }
-`, xe = k.div`
-  overflow: hidden;
-`, ke = k.div`
-  display: flex;
-  transform: translate3d(0, 0, 0);
-`, Vt = k.div`
-  display: flex;
-  flex-direction: column;
-  min-width: 100%;
-  gap: ${({ theme: { spacing: t } }) => t.content(2)}px;
-  padding: ${({ theme: { spacing: t } }) => t.content(2)}px
-    ${({ theme: { spacing: t }, edgeSpacing: n }) => t.content(n || 0)}px;
-`, Jt = k.div`
-  display: flex;
-  width: 100%;
-`, Pt = k.div`
-  position: relative;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  flex-direction: column;
-  gap: ${({ theme: { spacing: t } }) => t.content(1)}px;
-  flex: 1;
-  cursor: pointer;
-  pointer-events: auto;
-  min-width: 30px;
-
-  &:focus-visible {
-    outline: 2px solid ${({ theme: { palette: t } }) => t.grey.black};
-    z-index: 10;
-  }
-
-  &[aria-disabled='true'] {
-    cursor: not-allowed;
-    color: ${({ theme: { palette: t } }) => t.grey[30]};
-  }
-
-  & > div:nth-of-type(1) {
-    position: relative;
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    width: 100%;
-    min-height: 30px;
-    z-index: 1;
-
-    & > span {
-      z-index: 2;
-    }
-  }
-
-  ${({
-  theme: {
-    typography: { b2R: t }
-  }
-}) => ({
-  fontSize: t.size,
-  fontWeight: t.weight,
-  lineHeight: t.lineHeight,
-  letterSpacing: t.letterSpacing
-})};
-
-  ${({
-  theme: {
-    palette: { brand: t, grey: n }
-  },
-  variant: r,
-  today: u,
-  selected: s
-}) => {
-  if (s) {
-    let y = {
-      fontWeight: 700,
-      color: it(t.primary.main, [n.white, n[100]]),
-      "& > div:nth-of-type(1):before": {
-        content: '""',
-        position: "absolute",
-        top: "50%",
-        left: "50%",
-        width: 30,
-        height: 30,
-        transform: "translate(-50%, -50%)",
-        backgroundColor: t.primary.main,
-        borderRadius: "50%"
-      },
-      '&[aria-disabled="true"] > div:nth-of-type(1):before': {
-        backgroundColor: t.primary.disable
-      }
-    };
-    return r === "start" && (y = {
-      fontWeight: 700,
-      color: it(t.primary.main, [n.white, n[100]]),
-      overflow: "hidden",
-      "& > div:nth-of-type(1):before": {
-        content: '""',
-        position: "absolute",
-        top: "50%",
-        left: "50%",
-        width: 30,
-        height: 30,
-        transform: "translate(-50%, -50%)",
-        backgroundColor: t.primary.main,
-        borderTopLeftRadius: 100,
-        borderBottomLeftRadius: 100
-      },
-      '&[aria-disabled="true"] > div:nth-of-type(1):before': {
-        backgroundColor: t.primary.disable
-      },
-      "& > div:nth-of-type(1):after": {
-        content: '""',
-        position: "absolute",
-        top: "50%",
-        left: "50%",
-        width: "100%",
-        height: 30,
-        transform: "translateY(-50%)",
-        backgroundColor: t.primary.main
-      },
-      '&[aria-disabled="true"] > div:nth-of-type(1):after': {
-        backgroundColor: t.primary.disable
-      }
-    }), r === "end" && (y = {
-      fontWeight: 700,
-      color: it(t.primary.main, [n.white, n[100]]),
-      overflow: "hidden",
-      "& > div:nth-of-type(1):before": {
-        content: '""',
-        position: "absolute",
-        top: "50%",
-        left: "50%",
-        width: 30,
-        height: 30,
-        transform: "translate(-50%, -50%)",
-        backgroundColor: t.primary.main,
-        borderTopRightRadius: 100,
-        borderBottomRightRadius: 100
-      },
-      '&[aria-disabled="true"] > div:nth-of-type(1):before': {
-        backgroundColor: t.primary.disable
-      },
-      "& > div:nth-of-type(1):after": {
-        content: '""',
-        position: "absolute",
-        top: "50%",
-        right: "50%",
-        width: "100%",
-        height: 30,
-        transform: "translateY(-50%)",
-        backgroundColor: t.primary.main
-      },
-      '&[aria-disabled="true"] > div:nth-of-type(1):after': {
-        backgroundColor: t.primary.disable
-      }
-    }), r === "middle" && (y = {
-      fontWeight: 700,
-      color: it(t.primary.main, [n.white, n[100]]),
-      overflow: "hidden",
-      "& > div:nth-of-type(1):after": {
-        content: '""',
-        position: "absolute",
-        top: "50%",
-        left: "50%",
-        width: "calc(100% + 1px)",
-        height: 30,
-        transform: "translate(-50%, -50%)",
-        backgroundColor: t.primary.main
-      },
-      '&[aria-disabled="true"] > div:nth-of-type(1):after': {
-        backgroundColor: t.primary.disable
-      }
-    }), y;
-  }
-  return u ? {
-    "& > div:nth-of-type(1):after": {
-      content: '""',
-      position: "absolute",
-      top: "50%",
-      left: "50%",
-      width: 30,
-      height: 30,
-      transform: "translate(-50%, -50%)",
-      border: `1px solid ${t.primary.main}`,
-      borderRadius: "50%"
-    }
-  } : null;
-}};
-
-  ${({
-  theme: {
-    palette: { pink: t, brand: n }
-  },
-  holiday: r,
-  selected: u
-}) => {
-  let s = null;
-  return r && (s = {
-    color: it(u ? n.primary.main : "transparent", [
-      t[30],
-      t[100]
-    ]),
-    '&[aria-disabled="true"]': {
-      color: t[30]
-    }
-  }), s;
-}}
-`, Qt = k.div`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-
-  cursor: ${({ clickable: t }) => t ? "pointer" : "default"};
-`, Zt = k.span`
-  width: 100%;
-  min-width: 100%;
-  height: 6px;
-  min-height: 6px;
-`, Ae = 30, Ie = me(function({
-  children: n,
-  onChange: r,
-  onChangeMonth: u,
-  value: s,
-  date: y,
-  minDate: d,
-  maxDate: m,
-  holidayDates: Rt,
-  disableDates: _,
-  showWeekHead: ee = !1,
-  multiple: T = !1,
-  period: ot = !1,
-  enableMonthSelect: Z = !1,
-  showToday: Wt = !1,
-  edgeSpacing: yt = 0,
-  renderEvent: Y,
-  inlineCSS: re,
-  monthProps: st,
-  ...ne
-}, ie) {
-  const { spacing: Ht } = De(), [$, gt] = X(
-    (typeof y == "string" || typeof y == "number" ? new Date(y) : y) || /* @__PURE__ */ new Date()
-  ), [w, C] = X(() => Array.isArray(s) && s.length > 0 ? h(s[0]) : h(s)), [L, at] = X(() => Array.isArray(s) && s.length > 1 ? h(s[s.length - 1]) : null), [A, Ft] = X(0), [b, K] = X(1), [zt, Yt] = X(!1), [Dt, $t] = X(!1), tt = W(null), g = W(null), ct = W(0), F = W(0), R = W(!1), et = W(b), wt = W(), lt = W(null), bt = W(null), M = $.getFullYear(), ut = $.getMonth(), Lt = Tt(M, ut), I = B(ut), q = h(s), U = h(Rt), G = h(_), xt = P($, d) || ht($, d), kt = N($, m) || ht($, m), ft = new Date(M, ut - 1), dt = new Date(M, ut + 1), O = `${M}. ${I}`, j = `${M}년 ${I}월`, V = ot && !!w && !!L, It = [
-    {
-      year: ft.getFullYear(),
-      month: B(ft.getMonth()),
-      weeks: Tt(ft.getFullYear(), ft.getMonth())
-    },
-    {
-      year: M,
-      month: I,
-      weeks: Lt
-    },
-    {
-      year: dt.getFullYear(),
-      month: B(dt.getMonth()),
-      weeks: Tt(dt.getFullYear(), dt.getMonth())
-    }
-  ], At = typeof Y == "function", oe = It[1].weeks.length * (Ae + (At ? 10 : 0) + Ht.content(2)) + Ht.content(2), Ot = (e) => () => {
-    T && (g.current && (g.current.style.transition = "none", g.current.style.cursor = "grabbing"), ct.current = e, R.current = !0);
-  }, E = pe(() => {
-    if (!R.current) return;
-    const e = A - F.current, c = Math.abs(A - e), o = A * 0.1;
-    g.current && (g.current.style.transform = `translate3d(-${A * b}px, 0, 0)`, g.current.style.cursor = "grab", g.current.style.transition = "transform 0.2s"), ct.current = 0, F.current = 0, R.current = !1, !(c <= o) && (A < e ? K((a) => a + 1) : A > e && K((a) => a - 1));
-  }, [A, b]), Mt = (e, c) => () => {
-    if (!(R.current || b !== 1) && !c) {
-      if (!ot) {
-        r == null || r(e, h);
-        return;
-      }
-      if (H(e, w) && Array.isArray(s) && s.length === 1) {
-        C(null), at(null), r == null || r([], h);
-        return;
-      } else if (H(e, w) && !Array.isArray(s) && H(e, s)) {
-        C(null), at(null), r == null || r([], h);
-        return;
-      }
-      if (!w) {
-        C(e), r == null || r(e, h);
-        return;
-      }
-      if (!L && w) {
-        const [o, a] = N(e, w) ? [w, e] : [e, w];
-        C(o), at(a);
-        const i = te([o, a], _);
-        r == null || r(i, h);
-        return;
-      }
-      w && L && (C(e), at(null), r == null || r(e, h));
-    }
-  }, se = (e) => Ot(e.clientX)(), ae = (e) => Ot(e.touches[0].clientX)(), jt = () => {
-    zt || (g.current && (g.current.style.transition = "transform 0.2s"), K((e) => e - 1));
-  }, Et = () => {
-    zt || (g.current && (g.current.style.transition = "transform 0.2s"), K((e) => e + 1));
-  }, mt = (e) => {
-    e.stopPropagation(), $t((c) => !c);
-  }, ce = () => $t(!1), le = (e) => {
-    if (!e) return;
-    const [c, o] = e.toString().split(".").map(Number);
-    gt(new Date(c, o - 1)), u && typeof u == "function" && u(h(new Date(c, o - 1)), h), $t(!1);
-  }, Xt = (e, c) => (o) => {
-    const a = new Date(e);
-    let i = null;
-    if (o.stopPropagation(), o.key === "ArrowRight")
-      i = new Date(a), i.setDate(a.getDate() + 1);
-    else if (o.key === "ArrowLeft")
-      i = new Date(a), i.setDate(a.getDate() - 1);
-    else if (o.key === "ArrowDown")
-      i = new Date(a), i.setDate(a.getDate() + 7);
-    else if (o.key === "ArrowUp")
-      i = new Date(a), i.setDate(a.getDate() - 7);
-    else if (o.key === "Home")
-      i = new Date(a), i.setDate(a.getDate() - a.getDay());
-    else if (o.key === "End")
-      i = new Date(a), i.setDate(a.getDate() + (6 - a.getDay()));
-    else if (o.key === "PageUp")
-      i = new Date(a), i.setMonth(a.getMonth() - 1);
-    else if (o.key === "PageDown")
-      i = new Date(a), i.setMonth(a.getMonth() + 1);
-    else if (o.key === "Enter" || o.key === " ") {
-      o.preventDefault(), Mt(e, c)();
-      return;
-    } else if (o.key === "Escape") {
-      o.preventDefault(), r == null || r([], h);
-      return;
-    }
-    if (i && tt.current) {
-      const D = a.getMonth(), p = a.getFullYear(), x = i.getMonth(), l = i.getFullYear(), S = h(i), z = tt.current.querySelector(
-        `[data-date="${S}"]`
-      );
-      if (z) {
-        if (D !== x || p !== l) {
-          i > a ? (Et(), setTimeout(() => {
-            z.focus();
-          }, 0)) : (jt(), setTimeout(() => {
-            z.focus();
-          }, 0));
-          return;
-        }
-        z.focus();
-      }
-    }
-  };
-  return _t(() => {
-    var e;
-    Ft(((e = tt.current) == null ? void 0 : e.clientWidth) || 0);
-  }, [T]), nt(() => {
-    const e = () => {
-      var c;
-      Ft(((c = tt.current) == null ? void 0 : c.clientWidth) || 0);
-    };
-    return window.addEventListener("resize", e), window.addEventListener("scroll", e), () => {
-      window.removeEventListener("resize", e), window.removeEventListener("scroll", e);
-    };
-  }, [T]), nt(() => {
-    const e = g.current, c = (i, D, p) => {
-      if (!e || !R.current) return;
-      F.current = i - ct.current;
-      const x = D - ct.current, l = 5;
-      if (R.current = R.current || Math.abs(F.current) > l && Math.abs(x) < l * 2, p.cancelable && p.preventDefault(), R.current) {
-        if (xt && F.current > 0) {
-          E();
-          return;
-        }
-        if (kt && F.current < 0) {
-          E();
-          return;
-        }
-        Math.abs(F.current) >= 10 && (e.style.transform = `translate3d(${F.current - A * b}px, 0, 0)`, e.style.cursor = "grabbing");
-      }
-    }, o = (i) => c(i.touches[0].clientX, i.touches[0].clientY, i), a = (i) => {
-      R.current && c(i.clientX, i.clientY, i);
-    };
-    return e == null || e.addEventListener("mousemove", a), e == null || e.addEventListener("touchmove", o), () => {
-      e == null || e.removeEventListener("mousemove", a), e == null || e.removeEventListener("touchmove", o);
-    };
-  }, [A, b, E, kt, xt]), nt(() => {
-    Yt(!0), wt.current = setTimeout(() => {
-      if (g.current && (g.current.style.transition = "none"), b > et.current) {
-        K(1);
-        const e = new Date($.setMonth($.getMonth() + 1));
-        gt(e), u && typeof u == "function" && u(h(e), h), et.current = 1;
-      } else if (b < et.current) {
-        const e = new Date($.setMonth($.getMonth() - 1));
-        gt(e), u && typeof u == "function" && u(h(e), h), K(1), et.current = 1;
-      } else
-        et.current = b;
-      Yt(!1);
-    }, 200);
-  }, [b, $, u]), _t(() => {
-    if (!ot || !Array.isArray(s)) return;
-    const e = te(s, _);
-    s.length < e.length && (r == null || r(e, h));
-  }, [ot, s, r, _]), nt(() => {
-    let e;
-    return Dt && (e = setTimeout(() => {
-      if (bt.current) {
-        const c = bt.current.querySelector("ul"), o = c == null ? void 0 : c.querySelector(`[data-value="${O}"]`);
-        o == null || o.scrollIntoView({
-          block: "start"
-        });
-      }
-    }, 200)), () => {
-      clearTimeout(e);
-    };
-  }, [Dt, O]), nt(() => () => {
-    wt.current && clearTimeout(wt.current);
-  }, []), /* @__PURE__ */ v($e, { ref: ie, "aria-label": "달력", role: "application", ...ne, css: re, children: [
-    T ? /* @__PURE__ */ v(we, { children: [
-      /* @__PURE__ */ f(
-        qt,
-        {
-          name: "ChevronLeftLine",
-          size: "small",
-          onClick: jt,
-          disabled: xt,
-          "aria-label": `이전 달로 이동, 현재 ${j}`
-        }
-      ),
-      Z && /* @__PURE__ */ v(
-        Qt,
-        {
-          ref: lt,
-          clickable: !0,
-          onClick: mt,
-          "aria-label": j,
-          ...st,
-          children: [
-            O,
-            /* @__PURE__ */ f(
-              Ut,
-              {
-                iconOnly: !0,
-                isMenuOpen: !1,
-                size: "xSmall",
-                variant: "text",
-                menuId: "date-picker-month-menu",
-                onClick: mt,
-                "aria-label": `달 변경, 현재 ${j}`,
-                startAdornment: /* @__PURE__ */ f(Kt, { name: "ArrowDownFill", size: "xSmall" })
-              }
-            )
-          ]
-        }
-      ),
-      !Z && /* @__PURE__ */ f(
-        Qt,
-        {
-          ref: lt,
-          id: "date-picker-title",
-          clickable: !1,
-          "aria-label": j,
-          ...st,
-          children: O
-        }
-      ),
-      /* @__PURE__ */ f(
-        qt,
-        {
-          name: "ChevronRightLine",
-          size: "small",
-          onClick: Et,
-          disabled: kt,
-          "aria-label": `다음 달로 이동, 현재 ${j}`
-        }
-      )
-    ] }) : /* @__PURE__ */ v(de, { children: [
-      Z && /* @__PURE__ */ v(
-        Gt,
-        {
-          ref: lt,
-          clickable: !0,
-          onClick: mt,
-          "aria-label": j,
-          ...st,
-          children: [
-            O,
-            /* @__PURE__ */ f(
-              Ut,
-              {
-                iconOnly: !0,
-                isMenuOpen: !1,
-                size: "xSmall",
-                variant: "text",
-                menuId: "date-picker-month-menu",
-                onClick: mt,
-                "aria-label": `달 변경, 현재 ${j}`,
-                startAdornment: /* @__PURE__ */ f(Kt, { name: "ArrowDownFill", size: "xSmall" })
-              }
-            )
-          ]
-        }
-      ),
-      !Z && /* @__PURE__ */ f(Gt, { id: "date-picker-title", clickable: !1, ...st, children: O })
-    ] }),
-    Z && /* @__PURE__ */ f(
-      ye,
-      {
-        id: "date-picker-month-menu",
-        anchorRef: lt,
-        ref: bt,
-        open: Dt,
-        onClose: ce,
-        onChange: le,
-        value: O,
-        placement: T ? "bottom-center" : "bottom-left",
-        width: 160,
-        fitToAnchorWidth: !1,
-        maxHeight: 368,
-        children: Array.from({ length: 130 }, (e, c) => {
-          const o = 1970 + c;
-          return Array.from({ length: 12 }, (a, i) => {
-            const D = i + 1, p = D < 10 ? `0${D}` : D, x = new Date(o, i + 1, 0).getDate(), l = `${o}-${p}-${x}`, S = `${o}-${p}-01`;
-            return P(l, d) || N(S, m) ? null : /* @__PURE__ */ f(
-              ge,
-              {
-                value: `${o}. ${p}`,
-                "aria-label": `${o}년 ${p}월 선택`,
-                children: `${o}. ${p}`
-              },
-              `${o}-${p}`
-            );
-          });
-        })
-      }
-    ),
-    /* @__PURE__ */ v(
-      he,
-      {
-        flexDirection: "column",
-        role: "grid",
-        "aria-label": `${M}년 ${I}월 달력`,
-        children: [
-          ee && /* @__PURE__ */ v(be, { id: "date-picker-week-head", role: "row", edgeSpacing: yt, children: [
-            /* @__PURE__ */ f("span", { role: "columnheader", children: "일" }),
-            /* @__PURE__ */ f("span", { role: "columnheader", children: "월" }),
-            /* @__PURE__ */ f("span", { role: "columnheader", children: "화" }),
-            /* @__PURE__ */ f("span", { role: "columnheader", children: "수" }),
-            /* @__PURE__ */ f("span", { role: "columnheader", children: "목" }),
-            /* @__PURE__ */ f("span", { role: "columnheader", children: "금" }),
-            /* @__PURE__ */ f("span", { role: "columnheader", children: "토" })
-          ] }),
-          /* @__PURE__ */ f(xe, { ref: tt, role: "presentation", children: /* @__PURE__ */ v(
-            ke,
-            {
-              role: "presentation",
-              ref: g,
-              onMouseDown: se,
-              onMouseUp: E,
-              onMouseLeave: E,
-              onTouchStart: ae,
-              onTouchEnd: E,
-              onTouchCancel: E,
-              style: {
-                transform: T ? `translate3d(-${A * b}px, 0, 0)` : void 0,
-                cursor: T ? "grab" : void 0,
-                maxHeight: oe
-              },
-              children: [
-                T && It.map(
-                  ({ year: e, month: c, weeks: o }, a) => /* @__PURE__ */ f(
-                    Vt,
-                    {
-                      role: "rowgroup",
-                      edgeSpacing: yt,
-                      className: a === 1 ? "week-body-current" : "",
-                      children: o.map((i, D) => /* @__PURE__ */ f(
-                        Jt,
-                        {
-                          role: "row",
-                          children: i.map((p, x) => {
-                            const l = `${e}-${c}-${Q(p || 0)}`, S = !p, z = H(l, /* @__PURE__ */ new Date()), St = Array.isArray(U) ? U.includes(l) : U === l, rt = Array.isArray(q) ? q.includes(l) : q === l, J = !p || (Array.isArray(G) ? G.includes(l) : G === l) || N(l, m) || P(l, d), vt = V && H(l, w), pt = V && H(l, L), ue = V && N(l, w) && P(l, L), Nt = ht(l, $), fe = Nt && D === 0 && p === 1 || Nt && rt, Bt = Y == null ? void 0 : Y(l);
-                            return /* @__PURE__ */ v(
-                              Pt,
-                              {
-                                as: "button",
-                                role: "gridcell",
-                                variant: vt ? "start" : pt ? "end" : ue ? "middle" : void 0,
-                                onClick: Mt(l, J),
-                                today: Wt && z,
-                                holiday: St,
-                                tabIndex: fe ? 0 : -1,
-                                "aria-rowindex": D + 1,
-                                "aria-colindex": x + 1,
-                                selected: rt,
-                                "aria-selected": rt,
-                                "aria-disabled": J,
-                                "aria-hidden": p === null,
-                                "data-date": l,
-                                onKeyDown: Xt(l, J),
-                                children: [
-                                  /* @__PURE__ */ f("div", { "aria-label": `${Ct(l)}`, children: /* @__PURE__ */ f("span", { children: p }) }),
-                                  !S && Bt,
-                                  !S && At && !Bt && /* @__PURE__ */ f(Zt, {})
-                                ]
-                              },
-                              `${e}-${c}-week-row-${x}-${p ? l : `${D}-${x}`}`
-                            );
-                          })
-                        },
-                        `${e}-${c}-week-row-${String(i)}`
-                      ))
-                    },
-                    `week-body-${e}-${c}`
-                  )
-                ),
-                !T && /* @__PURE__ */ f(Vt, { role: "rowgroup", edgeSpacing: yt, children: Lt.map((e, c) => /* @__PURE__ */ f(
-                  Jt,
-                  {
-                    role: "row",
-                    children: e.map((o, a) => {
-                      const i = `${M}-${I}-${Q(o || 0)}`, D = !o, p = H(i, /* @__PURE__ */ new Date()), x = Array.isArray(U) ? U.includes(i) : U === i, l = Array.isArray(q) ? q.includes(i) : q === i, S = !o || (Array.isArray(G) ? G.includes(i) : G === i) || N(i, m) || P(i, d), z = V && H(i, w), St = V && H(i, L), rt = V && N(i, w) && P(i, L), J = ht(i, $), vt = J && c === 0 && o === 1 || J && l, pt = Y == null ? void 0 : Y(i);
-                      return /* @__PURE__ */ v(
-                        Pt,
-                        {
-                          as: "button",
-                          variant: z ? "start" : St ? "end" : rt ? "middle" : void 0,
-                          role: "gridcell",
-                          onClick: Mt(i, S),
-                          today: Wt && p,
-                          holiday: x,
-                          "aria-rowindex": c + 1,
-                          "aria-colindex": a + 1,
-                          selected: l,
-                          "aria-selected": l,
-                          "aria-disabled": S,
-                          "aria-hidden": o === null,
-                          tabIndex: vt ? 0 : -1,
-                          "data-date": i,
-                          onKeyDown: Xt(i, S),
-                          children: [
-                            /* @__PURE__ */ f("div", { "aria-label": `${Ct(i)}`, children: /* @__PURE__ */ f("span", { children: o }) }),
-                            !D && pt,
-                            !D && At && !pt && /* @__PURE__ */ f(Zt, {})
-                          ]
-                        },
-                        `${M}-${I}-week-row-${e}-${o ? i : `${c}-${a}`}`
-                      );
-                    })
-                  },
-                  `${M}-${I}-week-row-${String(e)}`
-                )) })
-              ]
-            }
-          ) })
-        ]
-      }
-    ),
-    n
-  ] });
-});
-function Tt(t, n) {
-  let r = [];
-  const u = new Date(t, n, 1), s = new Date(t, n + 1, 0).getDate(), y = u.getDay();
-  let d = Array.from({ length: y }).fill(null);
-  for (let m = 1; m <= s; m += 1)
-    d.push(m), (d.length === 7 || m === s) && (r.push(d), d = []);
-  return r = r.map(
-    (m) => Array.from({ length: 7 }).map((Rt, _) => m[_] || null)
-  ), r;
-}
-function B(t) {
-  return String(t + 1).length === 1 ? `0${t + 1}` : t + 1;
-}
-function Q(t) {
-  return String(t).length === 1 ? `0${t}` : t;
-}
-function h(t) {
-  if (Array.isArray(t))
-    return t.map((n) => n instanceof Date ? `${n.getFullYear()}-${B(n.getMonth())}-${Q(n.getDate())}` : n);
-  if (t instanceof Date)
-    return `${t.getFullYear()}-${B(t.getMonth())}-${Q(t.getDate())}`;
-  if (typeof t == "number") {
-    const n = new Date(t);
-    return `${n.getFullYear()}-${B(n.getMonth())}-${Q(n.getDate())}`;
-  }
-  return t;
-}
-function Ct(t) {
-  const [n, r, u] = t.split("-");
-  return `${n}년 ${Number(r)}월 ${Number(u)}일`;
-}
-function N(t, n) {
-  if (!t || !n)
-    return !1;
-  const r = t instanceof Date ? t : new Date(t);
-  r.setHours(0), r.setMinutes(0), r.setSeconds(0), r.setMilliseconds(0);
-  const u = r.getTime(), s = n instanceof Date ? n : new Date(n);
-  s.setHours(0), s.setMinutes(0), s.setSeconds(0), s.setMilliseconds(0);
-  const y = s.getTime();
-  return u > y;
-}
-function P(t, n) {
-  if (!t || !n)
-    return !1;
-  const r = t instanceof Date ? t : new Date(t);
-  r.setHours(0), r.setMinutes(0), r.setSeconds(0), r.setMilliseconds(0);
-  const u = r.getTime(), s = n instanceof Date ? n : new Date(n);
-  s.setHours(0), s.setMinutes(0), s.setSeconds(0), s.setMilliseconds(0);
-  const y = s.getTime();
-  return u < y;
-}
-function ht(t, n) {
-  if (!t || !n)
-    return !1;
-  const r = t instanceof Date ? t : new Date(t), u = n instanceof Date ? n : new Date(n);
-  return `${r.getFullYear()}-${r.getMonth()}` == `${u.getFullYear()}-${u.getMonth()}`;
-}
-function H(t, n) {
-  if (!t || !n)
-    return !1;
-  const r = t instanceof Date ? t : new Date(t);
-  r.setHours(0), r.setMinutes(0), r.setSeconds(0), r.setMilliseconds(0);
-  const u = r.getTime(), s = n instanceof Date ? n : new Date(n);
-  s.setHours(0), s.setMinutes(0), s.setSeconds(0), s.setMilliseconds(0);
-  const y = s.getTime();
-  return u === y;
-}
-function te(t, n) {
-  if (!t || !Array.isArray(t) || t.length === 0)
-    return [];
-  const r = t.map((m) => m instanceof Date ? m : m === null ? /* @__PURE__ */ new Date() : new Date(m)), u = new Date(Math.min(...r.map((m) => m.getTime()))), s = new Date(Math.max(...r.map((m) => m.getTime()))), y = [], d = new Date(u);
-  for (; d <= s; ) {
-    if (Array.isArray(n) && n.includes(d)) {
-      d.setDate(d.getDate() + 1);
-      continue;
-    } else if (n === d) {
-      d.setDate(d.getDate() + 1);
-      continue;
-    }
-    y.push(
-      `${d.getFullYear()}-${B(d.getMonth())}-${Q(
-        d.getDate()
-      )}`
-    ), d.setDate(d.getDate() + 1);
-  }
-  return y;
-}
-export {
-  Ie as default
-};