@dotss/tictoccroc 0.4.1 → 0.5.0

package/dist/shared/components/Scheduler/Scheduler.mjs

@@ -1,569 +1,474 @@
-import { jsxs as F, jsx as h } from "react/jsx-runtime";
-import { useState as U, useRef as d, Children as he, isValidElement as ve, useEffect as C, cloneElement as we } from "react";
-import { Flexbox as m, Box as ye, Typography as D } from "@dotss/ui";
-import Me from "@dotss/ui/core/useTheme";
-import y from "dayjs";
-import ge from "./ScheduleEvent/ScheduleEvent.mjs";
-import { generateWeek as re, getDayScheduleEvents as qe, resolvePositionedScheduleEventsForDate as Te, getMinutesFromMidnight as be, checkIsDateInRange as Q } from "./Scheduler.utils.mjs";
-const x = Array.from({ length: 33 }).map((Z, K) => {
-  const k = Math.floor((K + 14) / 2) % 24, R = (K + 14) % 2 === 0 ? "00" : "30", M = y().hour(k).minute(parseInt(R)), E = y(), G = E.hour(), N = E.minute(), z = G === k && (N < 30 && R === "00" || N >= 30 && R === "30");
-  return {
-    time: M.format("HH:mm"),
-    label: M.format("A h시 m분"),
-    isCurrentTime: z
-  };
+import e from "./ScheduleEvent/index.mjs";
+import { checkIsDateInRange as t, generateWeek as n, getDayScheduleEvents as r, getMinutesFromMidnight as i, resolvePositionedScheduleEventsForDate as a } from "./Scheduler.utils.mjs";
+import { Children as o, cloneElement as s, isValidElement as c, useEffect as l, useRef as u, useState as d } from "react";
+import { Box as f, Flexbox as p, Typography as m } from "@dotss/ui";
+import h from "@dotss/ui/core/useTheme";
+import g from "dayjs";
+import { jsx as _, jsxs as v } from "react/jsx-runtime";
+//#region shared/components/Scheduler/Scheduler.tsx
+var y = Array.from({ length: 33 }).map((e, t) => {
+	let n = Math.floor((t + 14) / 2) % 24, r = (t + 14) % 2 == 0 ? "00" : "30", i = g().hour(n).minute(parseInt(r)), a = g(), o = a.hour(), s = a.minute(), c = o === n && (s < 30 && r === "00" || s >= 30 && r === "30");
+	return {
+		time: i.format("HH:mm"),
+		label: i.format("A h시 m분"),
+		isCurrentTime: c
+	};
 });
-function je({
-  children: Z,
-  date: K = y(),
-  legend: k,
-  minDate: R,
-  maxDate: M,
-  minScheduleBlockHeight: E = 20,
-  maxScheduleBlockHeight: G,
-  renderScheduleBlock: N,
-  onDateChange: z,
-  onDateChangeCanceled: v,
-  ...$e
-}) {
-  const {
-    palette: { grey: I }
-  } = Me(), [p, q] = U(K.startOf("week")), [X, ke] = U("100%"), [j, g] = U(0), [W, L] = U(0), [Ee, Le] = U(""), ne = d(null), oe = d(null), se = d(null), B = d(null), ae = d(0), ie = d(0), P = d(!1), Y = d(!1), T = d(!1), V = d(0), ce = d(0), ue = d(0), le = d(0), O = d(!1), A = d(null), _ = d(0), J = d(0), S = d(0), w = d(null), ee = he.toArray(Z).filter(ve).map((e) => {
-    if (e.type === ge) {
-      const { startDate: n, endDate: s } = e.props;
-      return {
-        startDate: n,
-        endDate: s,
-        children: e
-      };
-    }
-    return null;
-  }).filter(Boolean), Se = he.toArray(Z).filter(ve).filter((e) => e.type !== ge), de = [
-    re(p.subtract(1, "week"), ee),
-    re(p, ee),
-    re(p.add(1, "week"), ee)
-  ], fe = (e, n) => (s) => {
-    const o = Number(s.currentTarget.dataset.row), i = Number(s.currentTarget.dataset.col);
-    g(o), L(i), Le(`${e.format("dddd")} ${e.format("D")}일 ${n}`);
-  }, me = (e) => {
-    var b, $;
-    const n = Number(e.currentTarget.dataset.row), s = Number(e.currentTarget.dataset.col);
-    let o = n, i = s;
-    switch (e.key) {
-      case "ArrowUp": {
-        e.preventDefault(), n === 0 && (s - 1 < 0 ? (q((t) => t.add(-1, "week")), g(x.length - 1), L(6), S.current = requestAnimationFrame(() => {
-          var t, r;
-          (r = (t = w.current) == null ? void 0 : t.querySelector(
-            `[data-row="${x.length - 1}"][data-col="6"][data-week="1"]`
-          )) == null || r.focus();
-        })) : (g(x.length - 1), L(s - 1), S.current = requestAnimationFrame(() => {
-          var t, r;
-          (r = (t = w.current) == null ? void 0 : t.querySelector(
-            `[data-row="${x.length - 1}"][data-col="${s - 1}"][data-week="1"]`
-          )) == null || r.focus();
-        }))), o = Math.max(n - 1, 0);
-        break;
-      }
-      case "ArrowDown": {
-        if (e.preventDefault(), n === x.length - 1) {
-          s + 1 > 6 ? (q((t) => t.add(1, "week")), g(0), L(0), S.current = requestAnimationFrame(() => {
-            var t, r;
-            (r = (t = w.current) == null ? void 0 : t.querySelector('[data-row="0"][data-col="0"][data-week="1"]')) == null || r.focus();
-          })) : (g(0), L(i + 1), S.current = requestAnimationFrame(() => {
-            var t, r;
-            (r = (t = w.current) == null ? void 0 : t.querySelector(
-              `[data-row="0"][data-col="${i + 1}"][data-week="1"]`
-            )) == null || r.focus();
-          }));
-          return;
-        }
-        o = Math.min(n + 1, x.length - 1);
-        break;
-      }
-      case "ArrowLeft": {
-        if (e.preventDefault(), s === 0) {
-          if (!Q(p.add(-1, "week"), { minDate: R, maxDate: M })) {
-            v && typeof v == "function" && v(p, "prev");
-            return;
-          }
-          q((a) => a.add(-1, "week")), g(o), L(6), S.current = requestAnimationFrame(() => {
-            var a, t;
-            (t = (a = w.current) == null ? void 0 : a.querySelector(`[data-row="${o}"][data-col="6"][data-week="1"]`)) == null || t.focus();
-          });
-          return;
-        }
-        i = Math.max(s - 1, 0);
-        break;
-      }
-      case "ArrowRight": {
-        if (e.preventDefault(), s === 6) {
-          if (!Q(p.add(1, "week"), { minDate: R, maxDate: M })) {
-            v && typeof v == "function" && v(p, "next");
-            return;
-          }
-          q((a) => a.add(1, "week")), g(o), L(0), S.current = requestAnimationFrame(() => {
-            var a, t;
-            (t = (a = w.current) == null ? void 0 : a.querySelector(`[data-row="${o}"][data-col="0"][data-week="1"]`)) == null || t.focus();
-          });
-          return;
-        }
-        i = Math.min(s + 1, 6);
-        break;
-      }
-      case " ":
-        e.preventDefault(), e.currentTarget.click();
-        break;
-      case "Enter":
-        e.preventDefault(), e.currentTarget.click();
-        break;
-    }
-    g(o), L(i), ($ = (b = w.current) == null ? void 0 : b.querySelector(`[data-row="${o}"][data-col="${i}"][data-week="1"]`)) == null || $.focus();
-  }, Re = (e) => (n) => {
-    var i, b, $, c, a, t;
-    const s = n.currentTarget.dataset.startDate, o = n.currentTarget.dataset.endDate;
-    if (!(!s || !o)) {
-      switch (n.key) {
-        case " ":
-          n.preventDefault(), n.currentTarget.click();
-          break;
-        case "Enter":
-          n.preventDefault(), n.currentTarget.click();
-          break;
-        case "ArrowUp": {
-          n.preventDefault();
-          const r = n.currentTarget.previousElementSibling, l = !!(r != null && r.getAttribute("data-is-event"));
-          if (r && l)
-            r.focus(), g(j - 1);
-          else {
-            const u = (i = n.currentTarget.parentElement) == null ? void 0 : i.querySelector(
-              `[data-time="${y(s).add(-30, "minute").format("HH:mm")}"]`
-            );
-            u == null || u.focus();
-          }
-          break;
-        }
-        case "ArrowLeft": {
-          n.preventDefault();
-          const r = n.currentTarget.previousElementSibling, l = !!(r != null && r.getAttribute("data-is-event"));
-          if (r && l)
-            r.focus();
-          else {
-            if (W === 0) {
-              q((f) => f.add(-1, "week")), g(0), L(6), S.current = requestAnimationFrame(() => {
-                var f, H;
-                (H = (f = w.current) == null ? void 0 : f.querySelector('[data-row="0"][data-col="6"][data-week="1"]')) == null || H.focus();
-              });
-              return;
-            }
-            ($ = (b = w.current) == null ? void 0 : b.querySelector(
-              `[data-row="${j}"][data-col="${W - 1}"][data-week="1"]`
-            )) == null || $.focus();
-          }
-          break;
-        }
-        case "ArrowRight": {
-          n.preventDefault();
-          const r = n.currentTarget.nextElementSibling, l = !!(r != null && r.getAttribute("data-is-event"));
-          if (r && l)
-            r.focus();
-          else {
-            if (W === 6) {
-              q((f) => f.add(1, "week")), g(0), L(0), S.current = requestAnimationFrame(() => {
-                var f, H;
-                (H = (f = w.current) == null ? void 0 : f.querySelector('[data-row="0"][data-col="0"][data-week="1"]')) == null || H.focus();
-              });
-              return;
-            }
-            (a = (c = w.current) == null ? void 0 : c.querySelector(
-              `[data-row="${j}"][data-col="${W + 1}"][data-week="1"]`
-            )) == null || a.focus();
-          }
-          break;
-        }
-        case "ArrowDown":
-          {
-            n.preventDefault();
-            const r = n.currentTarget.nextElementSibling, l = !!(r != null && r.getAttribute("data-is-event"));
-            if (r && l)
-              r.focus(), g(j + 1);
-            else {
-              const u = (t = n.currentTarget.parentElement) == null ? void 0 : t.querySelector(
-                `[data-time="${y(o).format("HH:mm")}"]`
-              );
-              u == null || u.focus();
-            }
-          }
-          break;
-      }
-      e == null || e(n);
-    }
-  };
-  return C(() => {
-    const e = () => {
-      var n, s, o;
-      if (B.current) {
-        const i = ((s = (n = ne.current) == null ? void 0 : n.parentElement) == null ? void 0 : s.offsetHeight) ?? 0, b = B.current.offsetHeight, $ = ((o = se.current) == null ? void 0 : o.offsetHeight) ?? 0;
-        let c = (i - b - $) / x.length;
-        c = c < E ? E : c, c = Math.min(c, G ?? c), ke(c);
-      }
-    };
-    return e(), window.addEventListener("resize", e), () => {
-      window.removeEventListener("resize", e);
-    };
-  }, [E, G, k]), C(() => {
-    const e = oe.current;
-    if (!e) return;
-    const n = () => {
-      ce.current = e.offsetWidth;
-    };
-    n();
-    const s = (t, r) => {
-      T.current || (A.current && (e.removeEventListener("transitionend", A.current), A.current = null), ae.current = t, ie.current = r, O.current = !1, P.current = !0, V.current = 0);
-    }, o = (t, r, l) => {
-      if (!P.current) return;
-      const u = t - ae.current, f = r - ie.current;
-      if (V.current = u, !O.current && (ue.current = Math.abs(u), le.current = Math.abs(f), O.current = !0, le.current > ue.current)) {
-        P.current = !1;
-        return;
-      }
-      l.cancelable && l.preventDefault(), l.stopPropagation(), e.style.transition = "none", e.style.transform = `translate3d(${V.current}px, 0, 0)`, e.style.cursor = "grabbing";
-    }, i = () => {
-      if (e.style.cursor = "grab", !P.current) return;
-      P.current = !1, Y.current = !1, T.current = !0;
-      const t = V.current, r = ce.current, l = r * 0.2;
-      if (e.style.transition = "transform 300ms cubic-bezier(0.25, 1, 0.5, 1)", t > l) {
-        if (!Q(p.add(-1, "week"), { minDate: R, maxDate: M })) {
-          e.style.transform = "translate3d(0, 0, 0)", Y.current = !0, T.current = !1, v && typeof v == "function" && v(p, "prev");
-          return;
-        }
-        e.style.transform = `translate3d(${r}px, 0, 0)`, A.current = (u) => {
-          u.propertyName === "transform" && (_.current = requestAnimationFrame(() => {
-            q((f) => f.add(-1, "week")), J.current = requestAnimationFrame(() => {
-              e.style.transition = "none", e.style.transform = "translate3d(0, 0, 0)", Y.current = !0, T.current = !1;
-            });
-          }));
-        }, e.addEventListener("transitionend", A.current);
-      } else if (t < -l) {
-        if (!Q(p.add(1, "week"), { minDate: R, maxDate: M })) {
-          e.style.transform = "translate3d(0, 0, 0)", Y.current = !0, T.current = !1, v && typeof v == "function" && v(p, "next");
-          return;
-        }
-        e.style.transform = `translate3d(-${r}px, 0, 0)`, A.current = (u) => {
-          u.propertyName === "transform" && (_.current = requestAnimationFrame(() => {
-            q((f) => f.add(1, "week")), J.current = requestAnimationFrame(() => {
-              e.style.transition = "none", e.style.transform = "translate3d(0, 0, 0)", Y.current = !0, T.current = !1;
-            });
-          }));
-        }, e.addEventListener("transitionend", A.current);
-      } else
-        T.current = !1, Y.current = !0, e.style.transform = "translate3d(0, 0, 0)";
-    }, b = (t) => s(t.touches[0].clientX, t.touches[0].clientY), $ = (t) => o(t.touches[0].clientX, t.touches[0].clientY, t), c = (t) => s(t.clientX, t.clientY), a = (t) => o(t.clientX, t.clientY, t);
-    return window.addEventListener("resize", n), e.addEventListener("touchstart", b), e.addEventListener("touchmove", $), e.addEventListener("touchend", i), e.addEventListener("touchcancel", i), e.addEventListener("mousedown", c), e.addEventListener("mousemove", a), e.addEventListener("mouseup", i), e.addEventListener("mouseleave", i), () => {
-      window.removeEventListener("resize", n), e.removeEventListener("touchstart", b), e.removeEventListener("touchmove", $), e.removeEventListener("touchend", i), e.removeEventListener("touchcancel", i), e.removeEventListener("mousedown", c), e.removeEventListener("mousemove", a), e.removeEventListener("mouseup", i), e.removeEventListener("mouseleave", i), A.current && e.removeEventListener("transitionend", A.current);
-    };
-  }, [p, M, R, v]), C(() => {
-    const e = w.current, n = (s) => {
-      T.current && !Y.current && s.stopPropagation();
-    };
-    return e == null || e.addEventListener("click", n), () => {
-      e == null || e.removeEventListener("click", n);
-    };
-  }, []), C(() => {
-    z == null || z(p);
-  }, [p, z]), C(() => () => {
-    _.current && cancelAnimationFrame(_.current), J.current && cancelAnimationFrame(J.current), S.current && cancelAnimationFrame(S.current);
-  }, []), /* @__PURE__ */ F(m, { ref: ne, flex: 1, flexDirection: "column", "aria-label": "일정 안내", ...$e, children: [
-    k && (k == null ? void 0 : k.length) > 0 && /* @__PURE__ */ h(
-      m,
-      {
-        ref: se,
-        justifyContent: "flex-end",
-        alignItems: "center",
-        gap: 3,
-        pl: 4,
-        pr: 4,
-        role: "group",
-        "aria-label": "일정 종류 안내",
-        children: k == null ? void 0 : k.map(({ text: e, color: n }) => /* @__PURE__ */ F(m, { alignItems: "center", gap: 1, children: [
-          /* @__PURE__ */ h(
-            ye,
-            {
-              "aria-hidden": !0,
-              inlineCSS: {
-                width: 14,
-                height: 14,
-                border: `1px solid ${I[30]}`,
-                borderRadius: 4,
-                backgroundColor: n
-              }
-            }
-          ),
-          /* @__PURE__ */ h(D, { variant: "c3R", color: "grey.70", children: e })
-        ] }, `legend-${e}-${n}`))
-      }
-    ),
-    /* @__PURE__ */ F(
-      m,
-      {
-        ref: B,
-        alignItems: "center",
-        pt: 1,
-        pb: 2,
-        role: "row",
-        inlineCSS: {
-          position: "sticky",
-          top: 0,
-          zIndex: 2,
-          borderBottom: `1px solid ${I[20]}`,
-          backgroundColor: I.white
-        },
-        children: [
-          /* @__PURE__ */ F(
-            D,
-            {
-              variant: "h4B",
-              textAlign: "center",
-              inlineCSS: {
-                width: 48
-              },
-              children: [
-                p.month() + 1,
-                "월"
-              ]
-            }
-          ),
-          /* @__PURE__ */ h(m, { alignItems: "center", flexGrow: 1, children: de[1].days.map((e) => /* @__PURE__ */ F(
-            m,
-            {
-              flexDirection: "column",
-              alignItems: "center",
-              flex: 1,
-              role: "columnheader",
-              "aria-label": `${e.format("dddd")} (${e.format("D")}일)`,
-              children: [
-                /* @__PURE__ */ h(D, { variant: "c3R", children: e.format("ddd") }),
-                /* @__PURE__ */ h(D, { variant: "c3M", children: e.format("D") })
-              ]
-            },
-            e.day()
-          )) })
-        ]
-      }
-    ),
-    /* @__PURE__ */ F(m, { flex: 1, children: [
-      /* @__PURE__ */ F(
-        m,
-        {
-          flexDirection: "column",
-          inlineCSS: {
-            position: "sticky",
-            left: 0,
-            maxHeight: "fit-content",
-            backgroundColor: I.white,
-            zIndex: 1
-          },
-          children: [
-            x.map(({ time: e, label: n, isCurrentTime: s }) => /* @__PURE__ */ h(
-              m,
-              {
-                justifyContent: "center",
-                alignItems: "flex-start",
-                role: "rowheader",
-                "aria-label": n,
-                "aria-current": s ? "time" : void 0,
-                style: {
-                  width: 48,
-                  height: X,
-                  minHeight: E,
-                  zIndex: 1
-                },
-                children: /* @__PURE__ */ h(
-                  D,
-                  {
-                    variant: "c3M",
-                    color: "grey.70",
-                    style: {
-                      visibility: e.split(":")[1] === "30" ? "hidden" : "visible"
-                    },
-                    children: e
-                  }
-                )
-              },
-              e
-            )),
-            /* @__PURE__ */ h(
-              m,
-              {
-                "aria-hidden": !0,
-                inlineCSS: {
-                  position: "absolute",
-                  top: 0,
-                  right: -8,
-                  width: 8,
-                  height: "100%",
-                  background: "linear-gradient(90deg, rgba(0, 0, 0, 0.04) 0%, rgba(0, 0, 0, 0.00) 104.17%)",
-                  zIndex: 1
-                }
-              }
-            )
-          ]
-        }
-      ),
-      /* @__PURE__ */ F(
-        m,
-        {
-          flex: 1,
-          ref: w,
-          role: "grid",
-          "aria-label": "주간 일정",
-          inlineCSS: { position: "relative", overflow: "hidden", cursor: "grab" },
-          children: [
-            /* @__PURE__ */ h(
-              m,
-              {
-                ref: oe,
-                alignItems: "flex-start",
-                justifyContent: "center",
-                flex: 1,
-                inlineCSS: {
-                  transform: "translate3d(0, 0, 0)"
-                },
-                children: de.map(({ days: e, scheduleEvents: n }, s) => /* @__PURE__ */ h(
-                  m,
-                  {
-                    role: "rowgroup",
-                    "aria-hidden": s !== 1,
-                    style: {
-                      display: "grid",
-                      gridTemplateColumns: "repeat(7, 1fr)",
-                      minWidth: "100%",
-                      height: "100%"
-                    },
-                    children: e.map((o, i) => {
-                      const b = qe(n, o), $ = Te(
-                        b,
-                        o
-                      );
-                      return /* @__PURE__ */ h(
-                        m,
-                        {
-                          role: "row",
-                          "aria-label": `${o.format("dddd")} ${o.format("D")}일`,
-                          style: {
-                            borderLeft: `1px solid ${I[20]}`
-                          },
-                          children: /* @__PURE__ */ F(
-                            m,
-                            {
-                              style: {
-                                display: "grid",
-                                position: "relative",
-                                flex: 1
-                              },
-                              children: [
-                                x.map(({ time: c, label: a, isCurrentTime: t }, r) => {
-                                  const l = s === 1 && r === j && i === W;
-                                  if (typeof N == "function") {
-                                    const u = N(
-                                      o.format("YYYY-MM-DD"),
-                                      c
-                                    );
-                                    return we(u, {
-                                      key: `schedule-block-${o}-${r}-${i}-${c}`,
-                                      onKeyDown: me,
-                                      onFocus: fe(o, a),
-                                      role: "gridcell",
-                                      "data-row": r,
-                                      "data-col": i,
-                                      "data-week": s,
-                                      "data-time": c,
-                                      "aria-current": t ? "time" : void 0,
-                                      tabIndex: l ? 0 : -1,
-                                      "aria-label": `${o.format("dddd")} ${o.format("D")}일 ${a}`,
-                                      ...u.props,
-                                      style: {
-                                        ...u.props.style,
-                                        borderTop: r > 0 ? `1px solid ${I[20]}` : void 0,
-                                        height: X,
-                                        minHeight: E,
-                                        zIndex: 0
-                                      }
-                                    });
-                                  }
-                                  return /* @__PURE__ */ h(
-                                    ye,
-                                    {
-                                      onKeyDown: me,
-                                      onFocus: fe(o, a),
-                                      role: "gridcell",
-                                      "data-row": r,
-                                      "data-col": i,
-                                      "data-week": s,
-                                      "data-time": c,
-                                      "aria-current": t ? "time" : void 0,
-                                      tabIndex: l ? 0 : -1,
-                                      "aria-label": `${o.format("dddd")} ${o.format("D")}일 ${a}`,
-                                      style: {
-                                        borderTop: r > 0 ? `1px solid ${I[20]}` : void 0,
-                                        height: X,
-                                        minHeight: E,
-                                        zIndex: 0
-                                      }
-                                    },
-                                    `schedule-block-${o}-${r}-${i}-${c}`
-                                  );
-                                }),
-                                $.map(
-                                  ({ children: c, startDate: a, endDate: t, totalColumns: r, columnIndex: l }) => {
-                                    const u = be(a), f = be(t), H = Math.floor((u - 420) / 30), Ae = (u - 420) / 30 * (Number(X) || E), Fe = (f - u) / 30 * (Number(X) || E), pe = 100 / r, xe = l * pe, te = c;
-                                    return /* @__PURE__ */ h(
-                                      m,
-                                      {
-                                        style: {
-                                          position: "absolute",
-                                          top: `${Ae + (H > 0 ? 1 : 0)}px`,
-                                          left: `${xe}%`,
-                                          width: `${pe}%`,
-                                          height: `${Fe - (H > 0 ? 1 : 0)}px`,
-                                          zIndex: 1
-                                        },
-                                        children: we(te, {
-                                          role: "button",
-                                          tabIndex: s === 1 ? 0 : -1,
-                                          onKeyDown: Re(te.props.onKeyDown),
-                                          "data-start-date": a,
-                                          "data-start-time": y(a).format("HH:mm"),
-                                          "data-end-date": t,
-                                          "data-end-time": y(t).format("HH:mm"),
-                                          "data-is-event": !0,
-                                          "aria-label": `${y(a).format("dddd")} ${y(a).format("D")}일 ${y(a).format("A h시")}부터 ${y(t).format("dddd")} ${y(t).format("D")}일 ${y(t).format("A h시")}까지의 일정`,
-                                          ...te.props
-                                        })
-                                      },
-                                      `${a}-${t}-${l}-${r}`
-                                    );
-                                  }
-                                )
-                              ]
-                            }
-                          )
-                        },
-                        o.toISOString()
-                      );
-                    })
-                  },
-                  e[0].format("YYYY-MM-DD")
-                ))
-              }
-            ),
-            Se
-          ]
-        }
-      )
-    ] }),
-    /* @__PURE__ */ h(D, { role: "status", visuallyHidden: !0, children: Ee })
-  ] });
+function b({ children: b, date: ee = g(), legend: x, minDate: S, maxDate: C, minScheduleBlockHeight: w = 20, maxScheduleBlockHeight: te, renderScheduleBlock: T, onDateChange: E, onDateChangeCanceled: D, ...ne }) {
+	let { palette: { grey: O } } = h(), [k, A] = d(ee.startOf("week")), [j, re] = d("100%"), [M, N] = d(0), [P, F] = d(0), [ie, ae] = d(""), I = u(null), L = u(null), R = u(null), z = u(null), B = u(0), V = u(0), H = u(!1), U = u(!1), W = u(!1), G = u(0), K = u(0), oe = u(0), se = u(0), q = u(!1), J = u(null), Y = u(0), X = u(0), Z = u(0), Q = u(null), $ = o.toArray(b).filter(c).map((t) => {
+		if (t.type === e) {
+			let { startDate: e, endDate: n } = t.props;
+			return {
+				startDate: e,
+				endDate: n,
+				children: t
+			};
+		}
+		return null;
+	}).filter(Boolean), ce = o.toArray(b).filter(c).filter((t) => t.type !== e), le = [
+		n(k.subtract(1, "week"), $),
+		n(k, $),
+		n(k.add(1, "week"), $)
+	], ue = (e, t) => (n) => {
+		let r = Number(n.currentTarget.dataset.row), i = Number(n.currentTarget.dataset.col);
+		N(r), F(i), ae(`${e.format("dddd")} ${e.format("D")}일 ${t}`);
+	}, de = (e) => {
+		let n = Number(e.currentTarget.dataset.row), r = Number(e.currentTarget.dataset.col), i = n, a = r;
+		switch (e.key) {
+			case "ArrowUp":
+				e.preventDefault(), n === 0 && (r - 1 < 0 ? (A((e) => e.add(-1, "week")), N(y.length - 1), F(6), Z.current = requestAnimationFrame(() => {
+					Q.current?.querySelector(`[data-row="${y.length - 1}"][data-col="6"][data-week="1"]`)?.focus();
+				})) : (N(y.length - 1), F(r - 1), Z.current = requestAnimationFrame(() => {
+					Q.current?.querySelector(`[data-row="${y.length - 1}"][data-col="${r - 1}"][data-week="1"]`)?.focus();
+				}))), i = Math.max(n - 1, 0);
+				break;
+			case "ArrowDown":
+				if (e.preventDefault(), n === y.length - 1) {
+					r + 1 > 6 ? (A((e) => e.add(1, "week")), N(0), F(0), Z.current = requestAnimationFrame(() => {
+						Q.current?.querySelector("[data-row=\"0\"][data-col=\"0\"][data-week=\"1\"]")?.focus();
+					})) : (N(0), F(a + 1), Z.current = requestAnimationFrame(() => {
+						Q.current?.querySelector(`[data-row="0"][data-col="${a + 1}"][data-week="1"]`)?.focus();
+					}));
+					return;
+				}
+				i = Math.min(n + 1, y.length - 1);
+				break;
+			case "ArrowLeft":
+				if (e.preventDefault(), r === 0) {
+					if (!t(k.add(-1, "week"), {
+						minDate: S,
+						maxDate: C
+					})) {
+						D && typeof D == "function" && D(k, "prev");
+						return;
+					}
+					A((e) => e.add(-1, "week")), N(i), F(6), Z.current = requestAnimationFrame(() => {
+						Q.current?.querySelector(`[data-row="${i}"][data-col="6"][data-week="1"]`)?.focus();
+					});
+					return;
+				}
+				a = Math.max(r - 1, 0);
+				break;
+			case "ArrowRight":
+				if (e.preventDefault(), r === 6) {
+					if (!t(k.add(1, "week"), {
+						minDate: S,
+						maxDate: C
+					})) {
+						D && typeof D == "function" && D(k, "next");
+						return;
+					}
+					A((e) => e.add(1, "week")), N(i), F(0), Z.current = requestAnimationFrame(() => {
+						Q.current?.querySelector(`[data-row="${i}"][data-col="0"][data-week="1"]`)?.focus();
+					});
+					return;
+				}
+				a = Math.min(r + 1, 6);
+				break;
+			case " ":
+				e.preventDefault(), e.currentTarget.click();
+				break;
+			case "Enter":
+				e.preventDefault(), e.currentTarget.click();
+				break;
+		}
+		N(i), F(a), Q.current?.querySelector(`[data-row="${i}"][data-col="${a}"][data-week="1"]`)?.focus();
+	}, fe = (e) => (t) => {
+		let n = t.currentTarget.dataset.startDate, r = t.currentTarget.dataset.endDate;
+		if (!(!n || !r)) {
+			switch (t.key) {
+				case " ":
+					t.preventDefault(), t.currentTarget.click();
+					break;
+				case "Enter":
+					t.preventDefault(), t.currentTarget.click();
+					break;
+				case "ArrowUp": {
+					t.preventDefault();
+					let e = t.currentTarget.previousElementSibling, r = !!e?.getAttribute("data-is-event");
+					e && r ? (e.focus(), N(M - 1)) : (t.currentTarget.parentElement?.querySelector(`[data-time="${g(n).add(-30, "minute").format("HH:mm")}"]`))?.focus();
+					break;
+				}
+				case "ArrowLeft": {
+					t.preventDefault();
+					let e = t.currentTarget.previousElementSibling, n = !!e?.getAttribute("data-is-event");
+					if (e && n) e.focus();
+					else {
+						if (P === 0) {
+							A((e) => e.add(-1, "week")), N(0), F(6), Z.current = requestAnimationFrame(() => {
+								Q.current?.querySelector("[data-row=\"0\"][data-col=\"6\"][data-week=\"1\"]")?.focus();
+							});
+							return;
+						}
+						Q.current?.querySelector(`[data-row="${M}"][data-col="${P - 1}"][data-week="1"]`)?.focus();
+					}
+					break;
+				}
+				case "ArrowRight": {
+					t.preventDefault();
+					let e = t.currentTarget.nextElementSibling, n = !!e?.getAttribute("data-is-event");
+					if (e && n) e.focus();
+					else {
+						if (P === 6) {
+							A((e) => e.add(1, "week")), N(0), F(0), Z.current = requestAnimationFrame(() => {
+								Q.current?.querySelector("[data-row=\"0\"][data-col=\"0\"][data-week=\"1\"]")?.focus();
+							});
+							return;
+						}
+						Q.current?.querySelector(`[data-row="${M}"][data-col="${P + 1}"][data-week="1"]`)?.focus();
+					}
+					break;
+				}
+				case "ArrowDown":
+					{
+						t.preventDefault();
+						let e = t.currentTarget.nextElementSibling, n = !!e?.getAttribute("data-is-event");
+						e && n ? (e.focus(), N(M + 1)) : (t.currentTarget.parentElement?.querySelector(`[data-time="${g(r).format("HH:mm")}"]`))?.focus();
+					}
+					break;
+			}
+			e?.(t);
+		}
+	};
+	return l(() => {
+		let e = () => {
+			if (z.current) {
+				let e = I.current?.parentElement?.offsetHeight ?? 0, t = z.current.offsetHeight, n = R.current?.offsetHeight ?? 0, r = (e - t - n) / y.length;
+				r = r < w ? w : r, r = Math.min(r, te ?? r), re(r);
+			}
+		};
+		return e(), window.addEventListener("resize", e), () => {
+			window.removeEventListener("resize", e);
+		};
+	}, [
+		w,
+		te,
+		x
+	]), l(() => {
+		let e = L.current;
+		if (!e) return;
+		let n = () => {
+			K.current = e.offsetWidth;
+		};
+		n();
+		let r = (t, n) => {
+			W.current || (J.current &&= (e.removeEventListener("transitionend", J.current), null), B.current = t, V.current = n, q.current = !1, H.current = !0, G.current = 0);
+		}, i = (t, n, r) => {
+			if (!H.current) return;
+			let i = t - B.current, a = n - V.current;
+			if (G.current = i, !q.current && (oe.current = Math.abs(i), se.current = Math.abs(a), q.current = !0, se.current > oe.current)) {
+				H.current = !1;
+				return;
+			}
+			r.cancelable && r.preventDefault(), r.stopPropagation(), e.style.transition = "none", e.style.transform = `translate3d(${G.current}px, 0, 0)`, e.style.cursor = "grabbing";
+		}, a = () => {
+			if (e.style.cursor = "grab", !H.current) return;
+			H.current = !1, U.current = !1, W.current = !0;
+			let n = G.current, r = K.current, i = r * .2;
+			if (e.style.transition = "transform 300ms cubic-bezier(0.25, 1, 0.5, 1)", n > i) {
+				if (!t(k.add(-1, "week"), {
+					minDate: S,
+					maxDate: C
+				})) {
+					e.style.transform = "translate3d(0, 0, 0)", U.current = !0, W.current = !1, D && typeof D == "function" && D(k, "prev");
+					return;
+				}
+				e.style.transform = `translate3d(${r}px, 0, 0)`, J.current = (t) => {
+					t.propertyName === "transform" && (Y.current = requestAnimationFrame(() => {
+						A((e) => e.add(-1, "week")), X.current = requestAnimationFrame(() => {
+							e.style.transition = "none", e.style.transform = "translate3d(0, 0, 0)", U.current = !0, W.current = !1;
+						});
+					}));
+				}, e.addEventListener("transitionend", J.current);
+			} else if (n < -i) {
+				if (!t(k.add(1, "week"), {
+					minDate: S,
+					maxDate: C
+				})) {
+					e.style.transform = "translate3d(0, 0, 0)", U.current = !0, W.current = !1, D && typeof D == "function" && D(k, "next");
+					return;
+				}
+				e.style.transform = `translate3d(-${r}px, 0, 0)`, J.current = (t) => {
+					t.propertyName === "transform" && (Y.current = requestAnimationFrame(() => {
+						A((e) => e.add(1, "week")), X.current = requestAnimationFrame(() => {
+							e.style.transition = "none", e.style.transform = "translate3d(0, 0, 0)", U.current = !0, W.current = !1;
+						});
+					}));
+				}, e.addEventListener("transitionend", J.current);
+			} else W.current = !1, U.current = !0, e.style.transform = "translate3d(0, 0, 0)";
+		}, o = (e) => r(e.touches[0].clientX, e.touches[0].clientY), s = (e) => i(e.touches[0].clientX, e.touches[0].clientY, e), c = (e) => r(e.clientX, e.clientY), l = (e) => i(e.clientX, e.clientY, e);
+		return window.addEventListener("resize", n), e.addEventListener("touchstart", o), e.addEventListener("touchmove", s), e.addEventListener("touchend", a), e.addEventListener("touchcancel", a), e.addEventListener("mousedown", c), e.addEventListener("mousemove", l), e.addEventListener("mouseup", a), e.addEventListener("mouseleave", a), () => {
+			window.removeEventListener("resize", n), e.removeEventListener("touchstart", o), e.removeEventListener("touchmove", s), e.removeEventListener("touchend", a), e.removeEventListener("touchcancel", a), e.removeEventListener("mousedown", c), e.removeEventListener("mousemove", l), e.removeEventListener("mouseup", a), e.removeEventListener("mouseleave", a), J.current && e.removeEventListener("transitionend", J.current);
+		};
+	}, [
+		k,
+		C,
+		S,
+		D
+	]), l(() => {
+		let e = Q.current, t = (e) => {
+			W.current && !U.current && e.stopPropagation();
+		};
+		return e?.addEventListener("click", t), () => {
+			e?.removeEventListener("click", t);
+		};
+	}, []), l(() => {
+		E?.(k);
+	}, [k, E]), l(() => () => {
+		Y.current && cancelAnimationFrame(Y.current), X.current && cancelAnimationFrame(X.current), Z.current && cancelAnimationFrame(Z.current);
+	}, []), /* @__PURE__ */ v(p, {
+		ref: I,
+		flex: 1,
+		flexDirection: "column",
+		"aria-label": "일정 안내",
+		...ne,
+		children: [
+			x && x?.length > 0 && /* @__PURE__ */ _(p, {
+				ref: R,
+				justifyContent: "flex-end",
+				alignItems: "center",
+				gap: 3,
+				pl: 4,
+				pr: 4,
+				role: "group",
+				"aria-label": "일정 종류 안내",
+				children: x?.map(({ text: e, color: t }) => /* @__PURE__ */ v(p, {
+					alignItems: "center",
+					gap: 1,
+					children: [/* @__PURE__ */ _(f, {
+						"aria-hidden": !0,
+						inlineCSS: {
+							width: 14,
+							height: 14,
+							border: `1px solid ${O[30]}`,
+							borderRadius: 4,
+							backgroundColor: t
+						}
+					}), /* @__PURE__ */ _(m, {
+						variant: "c3R",
+						color: "grey.70",
+						children: e
+					})]
+				}, `legend-${e}-${t}`))
+			}),
+			/* @__PURE__ */ v(p, {
+				ref: z,
+				alignItems: "center",
+				pt: 1,
+				pb: 2,
+				role: "row",
+				inlineCSS: {
+					position: "sticky",
+					top: 0,
+					zIndex: 2,
+					borderBottom: `1px solid ${O[20]}`,
+					backgroundColor: O.white
+				},
+				children: [/* @__PURE__ */ v(m, {
+					variant: "h4B",
+					textAlign: "center",
+					inlineCSS: { width: 48 },
+					children: [k.month() + 1, "월"]
+				}), /* @__PURE__ */ _(p, {
+					alignItems: "center",
+					flexGrow: 1,
+					children: le[1].days.map((e) => /* @__PURE__ */ v(p, {
+						flexDirection: "column",
+						alignItems: "center",
+						flex: 1,
+						role: "columnheader",
+						"aria-label": `${e.format("dddd")} (${e.format("D")}일)`,
+						children: [/* @__PURE__ */ _(m, {
+							variant: "c3R",
+							children: e.format("ddd")
+						}), /* @__PURE__ */ _(m, {
+							variant: "c3M",
+							children: e.format("D")
+						})]
+					}, e.day()))
+				})]
+			}),
+			/* @__PURE__ */ v(p, {
+				flex: 1,
+				children: [/* @__PURE__ */ v(p, {
+					flexDirection: "column",
+					inlineCSS: {
+						position: "sticky",
+						left: 0,
+						maxHeight: "fit-content",
+						backgroundColor: O.white,
+						zIndex: 1
+					},
+					children: [y.map(({ time: e, label: t, isCurrentTime: n }) => /* @__PURE__ */ _(p, {
+						justifyContent: "center",
+						alignItems: "flex-start",
+						role: "rowheader",
+						"aria-label": t,
+						"aria-current": n ? "time" : void 0,
+						style: {
+							width: 48,
+							height: j,
+							minHeight: w,
+							zIndex: 1
+						},
+						children: /* @__PURE__ */ _(m, {
+							variant: "c3M",
+							color: "grey.70",
+							style: { visibility: e.split(":")[1] === "30" ? "hidden" : "visible" },
+							children: e
+						})
+					}, e)), /* @__PURE__ */ _(p, {
+						"aria-hidden": !0,
+						inlineCSS: {
+							position: "absolute",
+							top: 0,
+							right: -8,
+							width: 8,
+							height: "100%",
+							background: "linear-gradient(90deg, rgba(0, 0, 0, 0.04) 0%, rgba(0, 0, 0, 0.00) 104.17%)",
+							zIndex: 1
+						}
+					})]
+				}), /* @__PURE__ */ v(p, {
+					flex: 1,
+					ref: Q,
+					role: "grid",
+					"aria-label": "주간 일정",
+					inlineCSS: {
+						position: "relative",
+						overflow: "hidden",
+						cursor: "grab"
+					},
+					children: [/* @__PURE__ */ _(p, {
+						ref: L,
+						alignItems: "flex-start",
+						justifyContent: "center",
+						flex: 1,
+						inlineCSS: { transform: "translate3d(0, 0, 0)" },
+						children: le.map(({ days: e, scheduleEvents: t }, n) => /* @__PURE__ */ _(p, {
+							role: "rowgroup",
+							"aria-hidden": n !== 1,
+							style: {
+								display: "grid",
+								gridTemplateColumns: "repeat(7, 1fr)",
+								minWidth: "100%",
+								height: "100%"
+							},
+							children: e.map((e, o) => {
+								let c = a(r(t, e), e);
+								return /* @__PURE__ */ _(p, {
+									role: "row",
+									"aria-label": `${e.format("dddd")} ${e.format("D")}일`,
+									style: { borderLeft: `1px solid ${O[20]}` },
+									children: /* @__PURE__ */ v(p, {
+										style: {
+											display: "grid",
+											position: "relative",
+											flex: 1
+										},
+										children: [y.map(({ time: t, label: r, isCurrentTime: i }, a) => {
+											let c = n === 1 && a === M && o === P;
+											if (typeof T == "function") {
+												let l = T(e.format("YYYY-MM-DD"), t);
+												return s(l, {
+													key: `schedule-block-${e}-${a}-${o}-${t}`,
+													onKeyDown: de,
+													onFocus: ue(e, r),
+													role: "gridcell",
+													"data-row": a,
+													"data-col": o,
+													"data-week": n,
+													"data-time": t,
+													"aria-current": i ? "time" : void 0,
+													tabIndex: c ? 0 : -1,
+													"aria-label": `${e.format("dddd")} ${e.format("D")}일 ${r}`,
+													...l.props,
+													style: {
+														...l.props.style,
+														borderTop: a > 0 ? `1px solid ${O[20]}` : void 0,
+														height: j,
+														minHeight: w,
+														zIndex: 0
+													}
+												});
+											}
+											return /* @__PURE__ */ _(f, {
+												onKeyDown: de,
+												onFocus: ue(e, r),
+												role: "gridcell",
+												"data-row": a,
+												"data-col": o,
+												"data-week": n,
+												"data-time": t,
+												"aria-current": i ? "time" : void 0,
+												tabIndex: c ? 0 : -1,
+												"aria-label": `${e.format("dddd")} ${e.format("D")}일 ${r}`,
+												style: {
+													borderTop: a > 0 ? `1px solid ${O[20]}` : void 0,
+													height: j,
+													minHeight: w,
+													zIndex: 0
+												}
+											}, `schedule-block-${e}-${a}-${o}-${t}`);
+										}), c.map(({ children: e, startDate: t, endDate: r, totalColumns: a, columnIndex: o }) => {
+											let c = i(t), l = i(r), u = Math.floor((c - 420) / 30), d = (c - 420) / 30 * (Number(j) || w), f = (l - c) / 30 * (Number(j) || w), m = 100 / a, h = o * m, v = e;
+											return /* @__PURE__ */ _(p, {
+												style: {
+													position: "absolute",
+													top: `${d + +(u > 0)}px`,
+													left: `${h}%`,
+													width: `${m}%`,
+													height: `${f - +(u > 0)}px`,
+													zIndex: 1
+												},
+												children: s(v, {
+													role: "button",
+													tabIndex: n === 1 ? 0 : -1,
+													onKeyDown: fe(v.props.onKeyDown),
+													"data-start-date": t,
+													"data-start-time": g(t).format("HH:mm"),
+													"data-end-date": r,
+													"data-end-time": g(r).format("HH:mm"),
+													"data-is-event": !0,
+													"aria-label": `${g(t).format("dddd")} ${g(t).format("D")}일 ${g(t).format("A h시")}부터 ${g(r).format("dddd")} ${g(r).format("D")}일 ${g(r).format("A h시")}까지의 일정`,
+													...v.props
+												})
+											}, `${t}-${r}-${o}-${a}`);
+										})]
+									})
+								}, e.toISOString());
+							})
+						}, e[0].format("YYYY-MM-DD")))
+					}), ce]
+				})]
+			}),
+			/* @__PURE__ */ _(m, {
+				role: "status",
+				visuallyHidden: !0,
+				children: ie
+			})
+		]
+	});
 }
-export {
-  je as default
-};
+//#endregion
+export { b as default };