@dotss/ui 1.0.1 → 1.0.3

package/dist/DatePicker/DatePicker.es.js

@@ -0,0 +1,818 @@
+import { jsxs as v, jsx as f, Fragment as pe } from "@emotion/react/jsx-runtime";
+import { forwardRef as he, useState as X, useRef as R, useCallback as ye, useLayoutEffect as Kt, useEffect as J } from "react";
+import ge from "../Flexbox/Flexbox.es.js";
+import qt from "../Icon/Icon.es.js";
+import Ut from "../IconButton/IconButton.es.js";
+import De from "../Menu/Menu.es.js";
+import we from "../Menu/MenuBlock/MenuBlock.es.js";
+import Pt from "../Menu/MenuButton/MenuButton.es.js";
+import $e from "../core/useTheme.es.js";
+import k from "@emotion/styled";
+import it from "../utils/getContrastingTextColor/getContrastingTextColor.es.js";
+const be = 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
+})};
+`, xe = 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
+})};
+`, ke = 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]
+})};
+  }
+`, Ae = k.div`
+  overflow: hidden;
+`, Me = 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%;
+`, Qt = 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: l,
+  selected: s
+}) => {
+  if (s) {
+    let d = {
+      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" && (d = {
+      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" && (d = {
+      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" && (d = {
+      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
+      }
+    }), d;
+  }
+  return l ? {
+    "& > 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: l
+}) => {
+  let s = null;
+  return r && (s = {
+    color: it(l ? n.primary.main : "transparent", [
+      t[30],
+      t[100]
+    ]),
+    '&[aria-disabled="true"]': {
+      color: t[30]
+    }
+  }), s;
+}}
+`, Zt = k.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+
+  cursor: ${({ clickable: t }) => t ? "pointer" : "default"};
+`, Ct = k.span`
+  width: 100%;
+  min-width: 100%;
+  height: 6px;
+  min-height: 6px;
+`, Se = 30, te = 5, Ee = he(function({
+  children: n,
+  onChange: r,
+  onChangeMonth: l,
+  value: s,
+  date: d,
+  minDate: m,
+  maxDate: h,
+  holidayDates: Rt,
+  disableDates: B,
+  showWeekHead: ne = !1,
+  multiple: A = !1,
+  period: ot = !1,
+  enableMonthSelect: C = !1,
+  showToday: Ht = !1,
+  edgeSpacing: yt = 0,
+  renderEvent: z,
+  inlineCSS: ie,
+  monthProps: st,
+  ...oe
+}, se) {
+  const { spacing: Wt } = $e(), [w, at] = X(
+    (typeof d == "string" || typeof d == "number" ? new Date(d) : d) || /* @__PURE__ */ new Date()
+  ), [$, tt] = X(() => Array.isArray(s) && s.length > 0 ? y(s[0]) : y(s)), [L, ct] = X(() => Array.isArray(s) && s.length > 1 ? y(s[s.length - 1]) : null), [M, Ft] = X(0), [b, K] = X(1), [Yt, zt] = X(!1), [gt, Dt] = X(!1), et = R(null), g = R(null), wt = R(0), Lt = R(0), F = R(0), H = R(!1), rt = R(b), $t = R(), lt = R(null), bt = R(null), S = w.getFullYear(), ut = w.getMonth(), It = vt(S, ut), I = _(ut), q = y(s), U = y(Rt), P = y(B), xt = Q(w, m) || ht(w, m), kt = N(w, h) || ht(w, h), ft = new Date(S, ut - 1), dt = new Date(S, ut + 1), O = `${S}. ${I}`, E = `${S}년 ${I}월`, G = ot && !!$ && !!L, Ot = [
+    {
+      year: ft.getFullYear(),
+      month: _(ft.getMonth()),
+      weeks: vt(ft.getFullYear(), ft.getMonth())
+    },
+    {
+      year: S,
+      month: I,
+      weeks: It
+    },
+    {
+      year: dt.getFullYear(),
+      month: _(dt.getMonth()),
+      weeks: vt(dt.getFullYear(), dt.getMonth())
+    }
+  ], At = typeof z == "function", ae = Ot[1].weeks.length * (Se + (At ? 10 : 0) + Wt.content(2)) + Wt.content(2), Et = (e, c) => () => {
+    g.current && (g.current.style.transition = "none", g.current.style.cursor = "grabbing"), wt.current = e, Lt.current = c;
+  }, j = ye(() => {
+    if (!H.current) return;
+    const e = M - F.current, c = Math.abs(M - e), o = M * 0.1;
+    g.current && (g.current.style.transform = `translate3d(-${M * b}px, 0, 0)`, g.current.style.cursor = "grab", g.current.style.transition = "transform 0.2s"), wt.current = 0, F.current = 0, H.current = !1, !(c <= o) && (M < e ? K((a) => a + 1) : M > e && K((a) => a - 1));
+  }, [M, b]), Mt = (e, c) => () => {
+    if (!(H.current || b !== 1) && !c) {
+      if (!ot) {
+        r == null || r(e, y);
+        return;
+      }
+      if (W(e, $) && Array.isArray(s) && s.length === 1) {
+        tt(null), ct(null), r == null || r([], y);
+        return;
+      } else if (W(e, $) && !Array.isArray(s) && W(e, s)) {
+        tt(null), ct(null), r == null || r([], y);
+        return;
+      }
+      if (!$) {
+        tt(e), r == null || r(e, y);
+        return;
+      }
+      if (!L && $) {
+        const [o, a] = N(e, $) ? [$, e] : [e, $];
+        tt(o), ct(a);
+        const i = re([o, a], B);
+        r == null || r(i, y);
+        return;
+      }
+      $ && L && (tt(e), ct(null), r == null || r(e, y));
+    }
+  }, ce = (e) => {
+    A && (H.current = !0, Et(e.clientX, e.clientY)());
+  }, le = (e) => {
+    A && Et(e.touches[0].clientX, e.touches[0].clientY)();
+  }, jt = () => {
+    Yt || (g.current && (g.current.style.transition = "transform 0.2s"), K((e) => e - 1));
+  }, Xt = () => {
+    Yt || (g.current && (g.current.style.transition = "transform 0.2s"), K((e) => e + 1));
+  }, mt = (e) => {
+    e.stopPropagation(), Dt((c) => !c);
+  }, ue = () => Dt(!1), fe = (e) => {
+    if (!e) return;
+    const [c, o] = e.toString().split(".").map(Number);
+    at(new Date(c, o - 1)), l && typeof l == "function" && l(y(new Date(c, o - 1)), y), Dt(!1);
+  }, Nt = (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([], y);
+      return;
+    }
+    if (i && et.current) {
+      const D = a.getMonth(), p = a.getFullYear(), x = i.getMonth(), u = i.getFullYear(), T = y(i), Y = et.current.querySelector(
+        `[data-date="${T}"]`
+      );
+      if (Y) {
+        if (D !== x || p !== u) {
+          i > a ? (Xt(), setTimeout(() => {
+            Y.focus();
+          }, 0)) : (jt(), setTimeout(() => {
+            Y.focus();
+          }, 0));
+          return;
+        }
+        Y.focus();
+      }
+    }
+  };
+  return Kt(() => {
+    var e;
+    Ft(((e = et.current) == null ? void 0 : e.clientWidth) || 0);
+  }, [A]), J(() => {
+    const e = () => {
+      var c;
+      Ft(((c = et.current) == null ? void 0 : c.clientWidth) || 0);
+    };
+    return window.addEventListener("resize", e), window.addEventListener("scroll", e), () => {
+      window.removeEventListener("resize", e), window.removeEventListener("scroll", e);
+    };
+  }, [A]), J(() => {
+    const e = g.current, c = (i, D, p) => {
+      if (!e) return;
+      F.current = i - wt.current;
+      const x = D - Lt.current;
+      if (H.current = H.current || Math.abs(F.current) > te && Math.abs(x) < te * 2, H.current && p.cancelable && (p.preventDefault(), p.stopPropagation()), H.current) {
+        if (xt && F.current > 0) {
+          j();
+          return;
+        }
+        if (kt && F.current < 0) {
+          j();
+          return;
+        }
+        Math.abs(F.current) >= 10 && (e.style.transform = `translate3d(${F.current - M * b}px, 0, 0)`, e.style.cursor = "grabbing");
+      }
+    }, o = (i) => c(i.touches[0].clientX, i.touches[0].clientY, i), a = (i) => {
+      H.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);
+    };
+  }, [M, b, j, kt, xt]), J(() => {
+    zt(!0), $t.current = setTimeout(() => {
+      if (g.current && (g.current.style.transition = "none"), b > rt.current) {
+        K(1);
+        const e = new Date(w.setMonth(w.getMonth() + 1));
+        at(e), l && typeof l == "function" && l(y(e), y), rt.current = 1;
+      } else if (b < rt.current) {
+        const e = new Date(w.setMonth(w.getMonth() - 1));
+        at(e), l && typeof l == "function" && l(y(e), y), K(1), rt.current = 1;
+      } else
+        rt.current = b;
+      zt(!1);
+    }, 200);
+  }, [b, w, l]), Kt(() => {
+    if (!ot || !Array.isArray(s)) return;
+    const e = re(s, B);
+    s.length < e.length && (r == null || r(e, y));
+  }, [ot, s, r, B]), J(() => {
+    let e;
+    return gt && (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);
+    };
+  }, [gt, O]), J(() => () => {
+    $t.current && clearTimeout($t.current);
+  }, []), J(() => {
+    d && at(
+      (typeof d == "string" || typeof d == "number" ? new Date(d) : d) || /* @__PURE__ */ new Date()
+    );
+  }, [d]), /* @__PURE__ */ v(be, { ref: se, "aria-label": "달력", role: "application", ...oe, css: ie, children: [
+    A ? /* @__PURE__ */ v(xe, { children: [
+      /* @__PURE__ */ f(
+        Ut,
+        {
+          name: "ChevronLeftLine",
+          size: "small",
+          onClick: jt,
+          disabled: xt,
+          "aria-label": `이전 달로 이동, 현재 ${E}`
+        }
+      ),
+      C && /* @__PURE__ */ v(
+        Zt,
+        {
+          ref: lt,
+          clickable: !0,
+          onClick: mt,
+          "aria-label": E,
+          ...st,
+          children: [
+            O,
+            /* @__PURE__ */ f(
+              Pt,
+              {
+                iconOnly: !0,
+                isMenuOpen: !1,
+                size: "xSmall",
+                variant: "text",
+                menuId: "date-picker-month-menu",
+                onClick: mt,
+                "aria-label": `달 변경, 현재 ${E}`,
+                startAdornment: /* @__PURE__ */ f(qt, { name: "ArrowDownFill", size: "xSmall" })
+              }
+            )
+          ]
+        }
+      ),
+      !C && /* @__PURE__ */ f(
+        Zt,
+        {
+          ref: lt,
+          id: "date-picker-title",
+          clickable: !1,
+          "aria-label": E,
+          ...st,
+          children: O
+        }
+      ),
+      /* @__PURE__ */ f(
+        Ut,
+        {
+          name: "ChevronRightLine",
+          size: "small",
+          onClick: Xt,
+          disabled: kt,
+          "aria-label": `다음 달로 이동, 현재 ${E}`
+        }
+      )
+    ] }) : /* @__PURE__ */ v(pe, { children: [
+      C && /* @__PURE__ */ v(
+        Gt,
+        {
+          ref: lt,
+          clickable: !0,
+          onClick: mt,
+          "aria-label": E,
+          ...st,
+          children: [
+            O,
+            /* @__PURE__ */ f(
+              Pt,
+              {
+                iconOnly: !0,
+                isMenuOpen: !1,
+                size: "xSmall",
+                variant: "text",
+                menuId: "date-picker-month-menu",
+                onClick: mt,
+                "aria-label": `달 변경, 현재 ${E}`,
+                startAdornment: /* @__PURE__ */ f(qt, { name: "ArrowDownFill", size: "xSmall" })
+              }
+            )
+          ]
+        }
+      ),
+      !C && /* @__PURE__ */ f(Gt, { id: "date-picker-title", clickable: !1, ...st, children: O })
+    ] }),
+    C && /* @__PURE__ */ f(
+      De,
+      {
+        id: "date-picker-month-menu",
+        anchorRef: lt,
+        ref: bt,
+        open: gt,
+        onClose: ue,
+        onChange: fe,
+        value: O,
+        placement: A ? "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(), u = `${o}-${p}-${x}`, T = `${o}-${p}-01`;
+            return Q(u, m) || N(T, h) ? null : /* @__PURE__ */ f(
+              we,
+              {
+                value: `${o}. ${p}`,
+                "aria-label": `${o}년 ${p}월 선택`,
+                children: `${o}. ${p}`
+              },
+              `${o}-${p}`
+            );
+          });
+        })
+      }
+    ),
+    /* @__PURE__ */ v(
+      ge,
+      {
+        flexDirection: "column",
+        role: "grid",
+        "aria-label": `${S}년 ${I}월 달력`,
+        children: [
+          ne && /* @__PURE__ */ v(ke, { 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(Ae, { ref: et, role: "presentation", children: /* @__PURE__ */ v(
+            Me,
+            {
+              role: "presentation",
+              ref: g,
+              onMouseDown: ce,
+              onMouseUp: j,
+              onMouseLeave: j,
+              onTouchStart: le,
+              onTouchEnd: j,
+              onTouchCancel: j,
+              style: {
+                transform: A ? `translate3d(-${M * b}px, 0, 0)` : void 0,
+                cursor: A ? "grab" : void 0,
+                maxHeight: ae
+              },
+              children: [
+                A && Ot.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 u = `${e}-${c}-${Z(p || 0)}`, T = !p, Y = W(u, /* @__PURE__ */ new Date()), St = Array.isArray(U) ? U.includes(u) : U === u, nt = Array.isArray(q) ? q.includes(u) : q === u, V = !p || (Array.isArray(P) ? P.includes(u) : P === u) || N(u, h) || Q(u, m), Tt = G && W(u, $), pt = G && W(u, L), de = G && N(u, $) && Q(u, L), _t = ht(u, w), me = _t && D === 0 && p === 1 || _t && nt, Bt = z == null ? void 0 : z(u);
+                            return /* @__PURE__ */ v(
+                              Qt,
+                              {
+                                as: "button",
+                                role: "gridcell",
+                                variant: Tt ? "start" : pt ? "end" : de ? "middle" : void 0,
+                                onClick: Mt(u, V),
+                                today: Ht && Y,
+                                holiday: St,
+                                tabIndex: me ? 0 : -1,
+                                "aria-rowindex": D + 1,
+                                "aria-colindex": x + 1,
+                                selected: nt,
+                                "aria-selected": nt,
+                                "aria-disabled": V,
+                                "aria-hidden": p === null,
+                                "data-date": u,
+                                onKeyDown: Nt(u, V),
+                                children: [
+                                  /* @__PURE__ */ f("div", { "aria-label": `${ee(u)}`, children: /* @__PURE__ */ f("span", { children: p }) }),
+                                  !T && Bt,
+                                  !T && At && !Bt && /* @__PURE__ */ f(Ct, {})
+                                ]
+                              },
+                              `${e}-${c}-week-row-${x}-${p ? u : `${D}-${x}`}`
+                            );
+                          })
+                        },
+                        `${e}-${c}-week-row-${String(i)}`
+                      ))
+                    },
+                    `week-body-${e}-${c}`
+                  )
+                ),
+                !A && /* @__PURE__ */ f(Vt, { role: "rowgroup", edgeSpacing: yt, children: It.map((e, c) => /* @__PURE__ */ f(
+                  Jt,
+                  {
+                    role: "row",
+                    children: e.map((o, a) => {
+                      const i = `${S}-${I}-${Z(o || 0)}`, D = !o, p = W(i, /* @__PURE__ */ new Date()), x = Array.isArray(U) ? U.includes(i) : U === i, u = Array.isArray(q) ? q.includes(i) : q === i, T = !o || (Array.isArray(P) ? P.includes(i) : P === i) || N(i, h) || Q(i, m), Y = G && W(i, $), St = G && W(i, L), nt = G && N(i, $) && Q(i, L), V = ht(i, w), Tt = V && c === 0 && o === 1 || V && u, pt = z == null ? void 0 : z(i);
+                      return /* @__PURE__ */ v(
+                        Qt,
+                        {
+                          as: "button",
+                          variant: Y ? "start" : St ? "end" : nt ? "middle" : void 0,
+                          role: "gridcell",
+                          onClick: Mt(i, T),
+                          today: Ht && p,
+                          holiday: x,
+                          "aria-rowindex": c + 1,
+                          "aria-colindex": a + 1,
+                          selected: u,
+                          "aria-selected": u,
+                          "aria-disabled": T,
+                          "aria-hidden": o === null,
+                          tabIndex: Tt ? 0 : -1,
+                          "data-date": i,
+                          onKeyDown: Nt(i, T),
+                          children: [
+                            /* @__PURE__ */ f("div", { "aria-label": `${ee(i)}`, children: /* @__PURE__ */ f("span", { children: o }) }),
+                            !D && pt,
+                            !D && At && !pt && /* @__PURE__ */ f(Ct, {})
+                          ]
+                        },
+                        `${S}-${I}-week-row-${e}-${o ? i : `${c}-${a}`}`
+                      );
+                    })
+                  },
+                  `${S}-${I}-week-row-${String(e)}`
+                )) })
+              ]
+            }
+          ) })
+        ]
+      }
+    ),
+    n
+  ] });
+});
+function vt(t, n) {
+  let r = [];
+  const l = new Date(t, n, 1), s = new Date(t, n + 1, 0).getDate(), d = l.getDay();
+  let m = Array.from({ length: d }).fill(null);
+  for (let h = 1; h <= s; h += 1)
+    m.push(h), (m.length === 7 || h === s) && (r.push(m), m = []);
+  return r = r.map(
+    (h) => Array.from({ length: 7 }).map((Rt, B) => h[B] || null)
+  ), r;
+}
+function _(t) {
+  return String(t + 1).length === 1 ? `0${t + 1}` : t + 1;
+}
+function Z(t) {
+  return String(t).length === 1 ? `0${t}` : t;
+}
+function y(t) {
+  if (Array.isArray(t))
+    return t.map((n) => n instanceof Date ? `${n.getFullYear()}-${_(n.getMonth())}-${Z(n.getDate())}` : n);
+  if (t instanceof Date)
+    return `${t.getFullYear()}-${_(t.getMonth())}-${Z(t.getDate())}`;
+  if (typeof t == "number") {
+    const n = new Date(t);
+    return `${n.getFullYear()}-${_(n.getMonth())}-${Z(n.getDate())}`;
+  }
+  return t;
+}
+function ee(t) {
+  const [n, r, l] = t.split("-");
+  return `${n}년 ${Number(r)}월 ${Number(l)}일`;
+}
+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 l = r.getTime(), s = n instanceof Date ? n : new Date(n);
+  s.setHours(0), s.setMinutes(0), s.setSeconds(0), s.setMilliseconds(0);
+  const d = s.getTime();
+  return l > d;
+}
+function Q(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 l = r.getTime(), s = n instanceof Date ? n : new Date(n);
+  s.setHours(0), s.setMinutes(0), s.setSeconds(0), s.setMilliseconds(0);
+  const d = s.getTime();
+  return l < d;
+}
+function ht(t, n) {
+  if (!t || !n)
+    return !1;
+  const r = t instanceof Date ? t : new Date(t), l = n instanceof Date ? n : new Date(n);
+  return `${r.getFullYear()}-${r.getMonth()}` == `${l.getFullYear()}-${l.getMonth()}`;
+}
+function W(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 l = r.getTime(), s = n instanceof Date ? n : new Date(n);
+  s.setHours(0), s.setMinutes(0), s.setSeconds(0), s.setMilliseconds(0);
+  const d = s.getTime();
+  return l === d;
+}
+function re(t, n) {
+  if (!t || !Array.isArray(t) || t.length === 0)
+    return [];
+  const r = t.map((h) => h instanceof Date ? h : h === null ? /* @__PURE__ */ new Date() : new Date(h)), l = new Date(Math.min(...r.map((h) => h.getTime()))), s = new Date(Math.max(...r.map((h) => h.getTime()))), d = [], m = new Date(l);
+  for (; m <= s; ) {
+    if (Array.isArray(n) && n.includes(m)) {
+      m.setDate(m.getDate() + 1);
+      continue;
+    } else if (n === m) {
+      m.setDate(m.getDate() + 1);
+      continue;
+    }
+    d.push(
+      `${m.getFullYear()}-${_(m.getMonth())}-${Z(
+        m.getDate()
+      )}`
+    ), m.setDate(m.getDate() + 1);
+  }
+  return d;
+}
+export {
+  Ee as default
+};