@dotss/tictoccroc 0.0.22 → 0.0.24

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

@@ -1,102 +1,113 @@
-import { jsxs as A, jsx as h } from "react/jsx-runtime";
-import { useState as j, useRef as d, Children as fe, isValidElement as me, useEffect as W, cloneElement as he } from "react";
-import { Flexbox as m, Box as pe, Typography as q } from "@dotss/ui";
-import Ae from "@dotss/ui/core/useTheme";
-import v from "dayjs";
-import ve from "./ScheduleEvent/ScheduleEvent.mjs";
-import { generateWeek as O, getDayScheduleEvents as Re, resolvePositionedScheduleEventsForDate as Fe, getMinutesFromMidnight as we } from "./Scheduler.utils.mjs";
-const R = Array.from({ length: 33 }).map((_, P) => {
-  const $ = Math.floor((P + 14) / 2) % 24, w = (P + 14) % 2 === 0 ? "00" : "30", T = v().hour($).minute(parseInt(w)), H = v(), D = H.hour(), U = H.minute(), L = D === $ && (U < 30 && w === "00" || U >= 30 && w === "30");
+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: T.format("HH:mm"),
-    label: T.format("A h시 m분"),
-    isCurrentTime: L
+    time: M.format("HH:mm"),
+    label: M.format("A h시 m분"),
+    isCurrentTime: z
   };
 });
-function Ye({
-  children: _,
-  date: P = v(),
-  legend: $,
-  minScheduleBlockHeight: w = 20,
-  maxScheduleBlockHeight: T,
-  renderScheduleBlock: H,
-  onDateChange: D,
-  ...U
+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: L }
-  } = Ae(), [M, F] = j(P.startOf("week")), [Y, ge] = j("100%"), [z, g] = j(0), [I, k] = j(0), [be, ye] = j(""), ee = d(null), te = d(null), re = d(null), J = d(null), ne = d(0), oe = d(0), N = d(!1), X = d(!1), C = d(!1), K = d(0), ae = d(0), se = d(0), ie = d(0), Q = d(!1), S = d(null), G = d(0), V = d(0), E = d(0), p = d(null), Z = fe.toArray(_).filter(me).map((e) => {
-    if (e.type === ve) {
-      const { startDate: n, endDate: a } = e.props;
+    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: a,
+        endDate: s,
         children: e
       };
     }
     return null;
-  }).filter(Boolean), $e = fe.toArray(_).filter(me).filter((e) => e.type !== ve), ce = [
-    O(M.subtract(1, "week"), Z),
-    O(M, Z),
-    O(M.add(1, "week"), Z)
-  ], ue = (e, n) => (a) => {
-    const o = Number(a.currentTarget.dataset.row), i = Number(a.currentTarget.dataset.col);
-    g(o), k(i), ye(`${e.format("dddd")} ${e.format("D")}일 ${n}`);
-  }, le = (e) => {
-    var b, y;
-    const n = Number(e.currentTarget.dataset.row), a = Number(e.currentTarget.dataset.col);
-    let o = n, i = a;
+  }).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 && (a - 1 < 0 ? (F((t) => t.add(-1, "week")), g(R.length - 1), k(6), E.current = requestAnimationFrame(() => {
+        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 = p.current) == null ? void 0 : t.querySelector(
-            `[data-row="${R.length - 1}"][data-col="6"][data-week="1"]`
+          (r = (t = w.current) == null ? void 0 : t.querySelector(
+            `[data-row="${x.length - 1}"][data-col="6"][data-week="1"]`
           )) == null || r.focus();
-        })) : (g(R.length - 1), k(a - 1), E.current = requestAnimationFrame(() => {
+        })) : (g(x.length - 1), L(s - 1), S.current = requestAnimationFrame(() => {
           var t, r;
-          (r = (t = p.current) == null ? void 0 : t.querySelector(
-            `[data-row="${R.length - 1}"][data-col="${a - 1}"][data-week="1"]`
+          (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 === R.length - 1) {
-          a + 1 > 6 ? (F((t) => t.add(1, "week")), g(0), k(0), E.current = requestAnimationFrame(() => {
+        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 = p.current) == null ? void 0 : t.querySelector('[data-row="0"][data-col="0"][data-week="1"]')) == null || r.focus();
-          })) : (g(0), k(i + 1), E.current = requestAnimationFrame(() => {
+            (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 = p.current) == null ? void 0 : t.querySelector(
+            (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, R.length - 1);
+        o = Math.min(n + 1, x.length - 1);
         break;
       }
       case "ArrowLeft": {
-        if (e.preventDefault(), a === 0) {
-          F((s) => s.add(-1, "week")), g(o), k(6), E.current = requestAnimationFrame(() => {
-            var s, t;
-            (t = (s = p.current) == null ? void 0 : s.querySelector(`[data-row="${o}"][data-col="6"][data-week="1"]`)) == null || t.focus();
+        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(a - 1, 0);
+        i = Math.max(s - 1, 0);
         break;
       }
       case "ArrowRight": {
-        if (e.preventDefault(), a === 6) {
-          F((s) => s.add(1, "week")), g(o), k(0), E.current = requestAnimationFrame(() => {
-            var s, t;
-            (t = (s = p.current) == null ? void 0 : s.querySelector(`[data-row="${o}"][data-col="0"][data-week="1"]`)) == null || t.focus();
+        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(a + 1, 6);
+        i = Math.min(s + 1, 6);
         break;
       }
       case " ":
@@ -106,11 +117,11 @@ function Ye({
         e.preventDefault(), e.currentTarget.click();
         break;
     }
-    g(o), k(i), (y = (b = p.current) == null ? void 0 : b.querySelector(`[data-row="${o}"][data-col="${i}"][data-week="1"]`)) == null || y.focus();
-  }, ke = (e) => (n) => {
-    var i, b, y, c, s, t;
-    const a = n.currentTarget.dataset.startDate, o = n.currentTarget.dataset.endDate;
-    if (!(!a || !o)) {
+    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();
@@ -122,10 +133,10 @@ function Ye({
           n.preventDefault();
           const r = n.currentTarget.previousElementSibling, l = !!(r != null && r.getAttribute("data-is-event"));
           if (r && l)
-            r.focus(), g(z - 1);
+            r.focus(), g(j - 1);
           else {
             const u = (i = n.currentTarget.parentElement) == null ? void 0 : i.querySelector(
-              `[data-time="${v(a).add(-30, "minute").format("HH:mm")}"]`
+              `[data-time="${y(s).add(-30, "minute").format("HH:mm")}"]`
             );
             u == null || u.focus();
           }
@@ -137,16 +148,16 @@ function Ye({
           if (r && l)
             r.focus();
           else {
-            if (I === 0) {
-              F((f) => f.add(-1, "week")), g(0), k(6), E.current = requestAnimationFrame(() => {
-                var f, x;
-                (x = (f = p.current) == null ? void 0 : f.querySelector('[data-row="0"][data-col="6"][data-week="1"]')) == null || x.focus();
+            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;
             }
-            (y = (b = p.current) == null ? void 0 : b.querySelector(
-              `[data-row="${z}"][data-col="${I - 1}"][data-week="1"]`
-            )) == null || y.focus();
+            ($ = (b = w.current) == null ? void 0 : b.querySelector(
+              `[data-row="${j}"][data-col="${W - 1}"][data-week="1"]`
+            )) == null || $.focus();
           }
           break;
         }
@@ -156,16 +167,16 @@ function Ye({
           if (r && l)
             r.focus();
           else {
-            if (I === 6) {
-              F((f) => f.add(1, "week")), g(0), k(0), E.current = requestAnimationFrame(() => {
-                var f, x;
-                (x = (f = p.current) == null ? void 0 : f.querySelector('[data-row="0"][data-col="0"][data-week="1"]')) == null || x.focus();
+            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;
             }
-            (s = (c = p.current) == null ? void 0 : c.querySelector(
-              `[data-row="${z}"][data-col="${I + 1}"][data-week="1"]`
-            )) == null || s.focus();
+            (a = (c = w.current) == null ? void 0 : c.querySelector(
+              `[data-row="${j}"][data-col="${W + 1}"][data-week="1"]`
+            )) == null || a.focus();
           }
           break;
         }
@@ -174,10 +185,10 @@ function Ye({
             n.preventDefault();
             const r = n.currentTarget.nextElementSibling, l = !!(r != null && r.getAttribute("data-is-event"));
             if (r && l)
-              r.focus(), g(z + 1);
+              r.focus(), g(j + 1);
             else {
               const u = (t = n.currentTarget.parentElement) == null ? void 0 : t.querySelector(
-                `[data-time="${v(o).format("HH:mm")}"]`
+                `[data-time="${y(o).format("HH:mm")}"]`
               );
               u == null || u.focus();
             }
@@ -187,72 +198,85 @@ function Ye({
       e == null || e(n);
     }
   };
-  return W(() => {
+  return C(() => {
     const e = () => {
-      var n, a, o;
-      if (J.current) {
-        const i = ((a = (n = ee.current) == null ? void 0 : n.parentElement) == null ? void 0 : a.offsetHeight) ?? 0, b = J.current.offsetHeight, y = ((o = re.current) == null ? void 0 : o.offsetHeight) ?? 0;
-        let c = (i - b - y) / R.length;
-        c = c < w ? w : c, c = Math.min(c, T ?? c), ge(c);
+      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);
     };
-  }, [w, T, $]), W(() => {
-    const e = te.current;
+  }, [E, G, k]), C(() => {
+    const e = oe.current;
     if (!e) return;
     const n = () => {
-      ae.current = e.offsetWidth;
+      ce.current = e.offsetWidth;
     };
     n();
-    const a = (t, r) => {
-      C.current || (S.current && (e.removeEventListener("transitionend", S.current), S.current = null), ne.current = t, oe.current = r, Q.current = !1, N.current = !0, K.current = 0);
+    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 (!N.current) return;
-      const u = t - ne.current, f = r - oe.current;
-      if (K.current = u, !Q.current && (se.current = Math.abs(u), ie.current = Math.abs(f), Q.current = !0, ie.current > se.current)) {
-        N.current = !1;
+      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(${K.current}px, 0, 0)`, e.style.cursor = "grabbing";
+      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", !N.current) return;
-      N.current = !1, X.current = !1, C.current = !0;
-      const t = K.current, r = ae.current, l = r * 0.2;
-      e.style.transition = "transform 300ms cubic-bezier(0.25, 1, 0.5, 1)", t > l ? (e.style.transform = `translate3d(${r}px, 0, 0)`, S.current = (u) => {
-        u.propertyName === "transform" && (G.current = requestAnimationFrame(() => {
-          F((f) => f.add(-1, "week")), V.current = requestAnimationFrame(() => {
-            e.style.transition = "none", e.style.transform = "translate3d(0, 0, 0)", X.current = !0, C.current = !1;
-          });
-        }));
-      }, e.addEventListener("transitionend", S.current)) : t < -l ? (e.style.transform = `translate3d(-${r}px, 0, 0)`, S.current = (u) => {
-        u.propertyName === "transform" && (G.current = requestAnimationFrame(() => {
-          F((f) => f.add(1, "week")), V.current = requestAnimationFrame(() => {
-            e.style.transition = "none", e.style.transform = "translate3d(0, 0, 0)", X.current = !0, C.current = !1;
-          });
-        }));
-      }, e.addEventListener("transitionend", S.current)) : (C.current = !1, X.current = !0, e.style.transform = "translate3d(0, 0, 0)");
-    }, b = (t) => a(t.touches[0].clientX, t.touches[0].clientY), y = (t) => o(t.touches[0].clientX, t.touches[0].clientY, t), c = (t) => a(t.clientX, t.clientY), s = (t) => o(t.clientX, t.clientY, t);
-    return window.addEventListener("resize", n), e.addEventListener("touchstart", b), e.addEventListener("touchmove", y), e.addEventListener("touchend", i), e.addEventListener("touchcancel", i), e.addEventListener("mousedown", c), e.addEventListener("mousemove", s), e.addEventListener("mouseup", i), e.addEventListener("mouseleave", i), () => {
-      window.removeEventListener("resize", n), e.removeEventListener("touchstart", b), e.removeEventListener("touchmove", y), e.removeEventListener("touchend", i), e.removeEventListener("touchcancel", i), e.removeEventListener("mousedown", c), e.removeEventListener("mousemove", s), e.removeEventListener("mouseup", i), e.removeEventListener("mouseleave", i), S.current && e.removeEventListener("transitionend", S.current);
+      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);
     };
-  }, []), W(() => {
-    const e = p.current, n = (a) => {
-      C.current && !X.current && a.stopPropagation();
+  }, [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);
     };
-  }, []), W(() => {
-    D == null || D(M);
-  }, [M, D]), W(() => () => {
-    G.current && cancelAnimationFrame(G.current), V.current && cancelAnimationFrame(V.current), E.current && cancelAnimationFrame(E.current);
-  }, []), /* @__PURE__ */ A(m, { ref: ee, flex: 1, flexDirection: "column", "aria-label": "일정 안내", ...U, children: [
-    $ && ($ == null ? void 0 : $.length) > 0 && /* @__PURE__ */ h(
+  }, []), 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: re,
+        ref: se,
         justifyContent: "flex-end",
         alignItems: "center",
         gap: 3,
@@ -260,28 +284,28 @@ function Ye({
         pr: 4,
         role: "group",
         "aria-label": "일정 종류 안내",
-        children: $ == null ? void 0 : $.map(({ text: e, color: n }) => /* @__PURE__ */ A(m, { alignItems: "center", gap: 1, children: [
+        children: k == null ? void 0 : k.map(({ text: e, color: n }) => /* @__PURE__ */ F(m, { alignItems: "center", gap: 1, children: [
           /* @__PURE__ */ h(
-            pe,
+            ye,
             {
               "aria-hidden": !0,
               inlineCSS: {
                 width: 14,
                 height: 14,
-                border: `1px solid ${L[30]}`,
+                border: `1px solid ${I[30]}`,
                 borderRadius: 4,
                 backgroundColor: n
               }
             }
           ),
-          /* @__PURE__ */ h(q, { variant: "c3R", color: "grey.70", children: e })
+          /* @__PURE__ */ h(D, { variant: "c3R", color: "grey.70", children: e })
         ] }, `legend-${e}-${n}`))
       }
     ),
-    /* @__PURE__ */ A(
+    /* @__PURE__ */ F(
       m,
       {
-        ref: J,
+        ref: B,
         alignItems: "center",
         pt: 1,
         pb: 2,
@@ -290,12 +314,12 @@ function Ye({
           position: "sticky",
           top: 0,
           zIndex: 2,
-          borderBottom: `1px solid ${L[20]}`,
-          backgroundColor: L.white
+          borderBottom: `1px solid ${I[20]}`,
+          backgroundColor: I.white
         },
         children: [
-          /* @__PURE__ */ A(
-            q,
+          /* @__PURE__ */ F(
+            D,
             {
               variant: "h4B",
               textAlign: "center",
@@ -303,12 +327,12 @@ function Ye({
                 width: 48
               },
               children: [
-                M.month() + 1,
+                p.month() + 1,
                 "월"
               ]
             }
           ),
-          /* @__PURE__ */ h(m, { alignItems: "center", flexGrow: 1, children: ce[1].days.map((e) => /* @__PURE__ */ A(
+          /* @__PURE__ */ h(m, { alignItems: "center", flexGrow: 1, children: de[1].days.map((e) => /* @__PURE__ */ F(
             m,
             {
               flexDirection: "column",
@@ -317,8 +341,8 @@ function Ye({
               role: "columnheader",
               "aria-label": `${e.format("dddd")} (${e.format("D")}일)`,
               children: [
-                /* @__PURE__ */ h(q, { variant: "c3R", children: e.format("ddd") }),
-                /* @__PURE__ */ h(q, { variant: "c3M", children: e.format("D") })
+                /* @__PURE__ */ h(D, { variant: "c3R", children: e.format("ddd") }),
+                /* @__PURE__ */ h(D, { variant: "c3M", children: e.format("D") })
               ]
             },
             e.day()
@@ -326,8 +350,8 @@ function Ye({
         ]
       }
     ),
-    /* @__PURE__ */ A(m, { flex: 1, children: [
-      /* @__PURE__ */ A(
+    /* @__PURE__ */ F(m, { flex: 1, children: [
+      /* @__PURE__ */ F(
         m,
         {
           flexDirection: "column",
@@ -335,26 +359,26 @@ function Ye({
             position: "sticky",
             left: 0,
             maxHeight: "fit-content",
-            backgroundColor: L.white,
+            backgroundColor: I.white,
             zIndex: 1
           },
           children: [
-            R.map(({ time: e, label: n, isCurrentTime: a }) => /* @__PURE__ */ h(
+            x.map(({ time: e, label: n, isCurrentTime: s }) => /* @__PURE__ */ h(
               m,
               {
                 justifyContent: "center",
                 alignItems: "flex-start",
                 role: "rowheader",
                 "aria-label": n,
-                "aria-current": a ? "time" : void 0,
+                "aria-current": s ? "time" : void 0,
                 style: {
                   width: 48,
-                  height: Y,
-                  minHeight: w,
+                  height: X,
+                  minHeight: E,
                   zIndex: 1
                 },
                 children: /* @__PURE__ */ h(
-                  q,
+                  D,
                   {
                     variant: "c3M",
                     color: "grey.70",
@@ -385,11 +409,11 @@ function Ye({
           ]
         }
       ),
-      /* @__PURE__ */ A(
+      /* @__PURE__ */ F(
         m,
         {
           flex: 1,
-          ref: p,
+          ref: w,
           role: "grid",
           "aria-label": "주간 일정",
           inlineCSS: { position: "relative", overflow: "hidden", cursor: "grab" },
@@ -397,18 +421,18 @@ function Ye({
             /* @__PURE__ */ h(
               m,
               {
-                ref: te,
+                ref: oe,
                 alignItems: "flex-start",
                 justifyContent: "center",
                 flex: 1,
                 inlineCSS: {
                   transform: "translate3d(0, 0, 0)"
                 },
-                children: ce.map(({ days: e, scheduleEvents: n }, a) => /* @__PURE__ */ h(
+                children: de.map(({ days: e, scheduleEvents: n }, s) => /* @__PURE__ */ h(
                   m,
                   {
                     role: "rowgroup",
-                    "aria-hidden": a !== 1,
+                    "aria-hidden": s !== 1,
                     style: {
                       display: "grid",
                       gridTemplateColumns: "repeat(7, 1fr)",
@@ -416,7 +440,7 @@ function Ye({
                       height: "100%"
                     },
                     children: e.map((o, i) => {
-                      const b = Re(n, o), y = Fe(
+                      const b = qe(n, o), $ = Te(
                         b,
                         o
                       );
@@ -426,9 +450,9 @@ function Ye({
                           role: "row",
                           "aria-label": `${o.format("dddd")} ${o.format("D")}일`,
                           style: {
-                            borderLeft: `1px solid ${L[20]}`
+                            borderLeft: `1px solid ${I[20]}`
                           },
-                          children: /* @__PURE__ */ A(
+                          children: /* @__PURE__ */ F(
                             m,
                             {
                               style: {
@@ -437,86 +461,86 @@ function Ye({
                                 flex: 1
                               },
                               children: [
-                                R.map(({ time: c, label: s, isCurrentTime: t }, r) => {
-                                  const l = a === 1 && r === z && i === I;
-                                  if (typeof H == "function") {
-                                    const u = H(
+                                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 he(u, {
+                                    return we(u, {
                                       key: `schedule-block-${o}-${r}-${i}-${c}`,
-                                      onKeyDown: le,
-                                      onFocus: ue(o, s),
+                                      onKeyDown: me,
+                                      onFocus: fe(o, a),
                                       role: "gridcell",
                                       "data-row": r,
                                       "data-col": i,
-                                      "data-week": a,
+                                      "data-week": s,
                                       "data-time": c,
                                       "aria-current": t ? "time" : void 0,
                                       tabIndex: l ? 0 : -1,
-                                      "aria-label": `${o.format("dddd")} ${o.format("D")}일 ${s}`,
+                                      "aria-label": `${o.format("dddd")} ${o.format("D")}일 ${a}`,
                                       ...u.props,
                                       style: {
                                         ...u.props.style,
-                                        borderTop: r > 0 ? `1px solid ${L[20]}` : void 0,
-                                        height: Y,
-                                        minHeight: w,
+                                        borderTop: r > 0 ? `1px solid ${I[20]}` : void 0,
+                                        height: X,
+                                        minHeight: E,
                                         zIndex: 0
                                       }
                                     });
                                   }
                                   return /* @__PURE__ */ h(
-                                    pe,
+                                    ye,
                                     {
-                                      onKeyDown: le,
-                                      onFocus: ue(o, s),
+                                      onKeyDown: me,
+                                      onFocus: fe(o, a),
                                       role: "gridcell",
                                       "data-row": r,
                                       "data-col": i,
-                                      "data-week": a,
+                                      "data-week": s,
                                       "data-time": c,
                                       "aria-current": t ? "time" : void 0,
                                       tabIndex: l ? 0 : -1,
-                                      "aria-label": `${o.format("dddd")} ${o.format("D")}일 ${s}`,
+                                      "aria-label": `${o.format("dddd")} ${o.format("D")}일 ${a}`,
                                       style: {
-                                        borderTop: r > 0 ? `1px solid ${L[20]}` : void 0,
-                                        height: Y,
-                                        minHeight: w,
+                                        borderTop: r > 0 ? `1px solid ${I[20]}` : void 0,
+                                        height: X,
+                                        minHeight: E,
                                         zIndex: 0
                                       }
                                     },
                                     `schedule-block-${o}-${r}-${i}-${c}`
                                   );
                                 }),
-                                y.map(
-                                  ({ children: c, startDate: s, endDate: t, totalColumns: r, columnIndex: l }) => {
-                                    const u = we(s), f = we(t), x = Math.floor((u - 7 * 60) / 30), Ee = (u - 7 * 60) / 30 * (Number(Y) || w), Le = (f - u) / 30 * (Number(Y) || w), de = 100 / r, Se = l * de, B = c;
+                                $.map(
+                                  ({ children: c, startDate: a, endDate: t, totalColumns: r, columnIndex: l }) => {
+                                    const u = be(a), f = be(t), H = Math.floor((u - 7 * 60) / 30), Ae = (u - 7 * 60) / 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: `${Ee + (x > 0 ? 1 : 0)}px`,
-                                          left: `${Se}%`,
-                                          width: `${de}%`,
-                                          height: `${Le - (x > 0 ? 1 : 0)}px`,
+                                          top: `${Ae + (H > 0 ? 1 : 0)}px`,
+                                          left: `${xe}%`,
+                                          width: `${pe}%`,
+                                          height: `${Fe - (H > 0 ? 1 : 0)}px`,
                                           zIndex: 1
                                         },
-                                        children: he(B, {
+                                        children: we(te, {
                                           role: "button",
-                                          tabIndex: a === 1 ? 0 : -1,
-                                          onKeyDown: ke(B.props.onKeyDown),
-                                          "data-start-date": s,
-                                          "data-start-time": v(s).format("HH:mm"),
+                                          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": v(t).format("HH:mm"),
+                                          "data-end-time": y(t).format("HH:mm"),
                                           "data-is-event": !0,
-                                          "aria-label": `${v(s).format("dddd")} ${v(s).format("D")}일 ${v(s).format("A h시")}부터 ${v(t).format("dddd")} ${v(t).format("D")}일 ${v(t).format("A h시")}까지의 일정`,
-                                          ...B.props
+                                          "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
                                         })
                                       },
-                                      `${s}-${t}-${l}-${r}`
+                                      `${a}-${t}-${l}-${r}`
                                     );
                                   }
                                 )
@@ -532,14 +556,14 @@ function Ye({
                 ))
               }
             ),
-            $e
+            Se
           ]
         }
       )
     ] }),
-    /* @__PURE__ */ h(q, { role: "status", visuallyHidden: !0, children: be })
+    /* @__PURE__ */ h(D, { role: "status", visuallyHidden: !0, children: Ee })
   ] });
 }
 export {
-  Ye as default
+  je as default
 };