@dotss/tictoccroc 0.0.6 → 0.0.8

package/dist/shared/components/Scheduler/Scheduler.d.ts

@@ -8,9 +8,9 @@ export interface SchedulerProps extends FlexboxProps {
         color?: string;
     }[];
     minScheduleBlockHeight?: number;
+    maxScheduleBlockHeight?: number;
     renderScheduleBlock?: (date: string, time: string) => ReactNode;
     onDateChange?: (date: Dayjs) => void;
-    adornment?: ReactNode;
 }
-declare function Scheduler({ children, date, legend, minScheduleBlockHeight, renderScheduleBlock, onDateChange, adornment, ...props }: SchedulerProps): import("@emotion/react/jsx-runtime").JSX.Element;
+declare function Scheduler({ children, date, legend, minScheduleBlockHeight, maxScheduleBlockHeight, renderScheduleBlock, onDateChange, ...props }: SchedulerProps): import("@emotion/react/jsx-runtime").JSX.Element;
 export default Scheduler;

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

@@ -1,32 +1,32 @@
-import { jsxs as R, jsx as h } from "react/jsx-runtime";
-import { useState as j, useRef as d, Children as ke, isValidElement as Ee, useEffect as N, cloneElement as fe } from "react";
-import { Flexbox as m, Box as me, Typography as C } from "@dotss/ui";
-import Se from "@dotss/ui/core/useTheme";
+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 Le from "./ScheduleEvent/ScheduleEvent.mjs";
-import { generateWeek as Z, getDayScheduleEvents as Re, resolvePositionedScheduleEventsForDate as Ae, getMinutesFromMidnight as he } from "./Scheduler.utils.mjs";
-const A = Array.from({ length: 34 }).map((O, W) => {
-  const y = Math.floor((W + 14) / 2) % 24, $ = (W + 14) % 2 === 0 ? "00" : "30", T = v().hour(y).minute(parseInt($)), D = v(), G = D.hour(), U = D.minute(), S = G === y && (U < 30 && $ === "00" || U >= 30 && $ === "30");
+import ve from "./ScheduleEvent/ScheduleEvent.mjs";
+import { generateWeek as ee, 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");
   return {
     time: T.format("HH:mm"),
     label: T.format("A h시 m분"),
-    isCurrentTime: S
+    isCurrentTime: L
   };
 });
-function He({
-  children: O,
-  date: W = v(),
-  legend: y,
-  minScheduleBlockHeight: $ = 20,
-  renderScheduleBlock: T,
+function Ye({
+  children: _,
+  date: P = v(),
+  legend: $,
+  minScheduleBlockHeight: w = 20,
+  maxScheduleBlockHeight: T,
+  renderScheduleBlock: H,
   onDateChange: D,
-  adornment: G,
   ...U
 }) {
   const {
-    palette: { grey: S }
-  } = Se(), [M, F] = j(W.startOf("week")), [H, pe] = j(20), [Y, w] = j(0), [z, k] = j(0), [ve, we] = j(""), ee = d(null), te = d(null), re = d(null), V = d(null), ne = d(0), oe = d(0), I = d(!1), X = d(!1), q = d(!1), K = d(0), ae = d(0), se = d(0), ie = d(0), _ = d(!1), L = d(null), P = d(0), B = d(0), E = d(0), p = d(null), J = ke.toArray(O).filter(Ee).map((e) => {
-    if (e.type === Le) {
+    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(""), J = d(null), te = d(null), re = d(null), Q = 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), Z = d(!1), S = d(null), G = d(0), V = d(0), E = d(0), p = d(null), B = fe.toArray(_).filter(me).map((e) => {
+    if (e.type === ve) {
       const { startDate: n, endDate: a } = e.props;
       return {
         startDate: n,
@@ -35,38 +35,38 @@ function He({
       };
     }
     return null;
-  }).filter(Boolean), ce = [
-    Z(M.subtract(1, "week"), J),
-    Z(M, J),
-    Z(M.add(1, "week"), J)
-  ], le = (e, n) => (a) => {
+  }).filter(Boolean), $e = fe.toArray(_).filter(me).filter((e) => e.type !== ve), ce = [
+    ee(M.subtract(1, "week"), B),
+    ee(M, B),
+    ee(M.add(1, "week"), B)
+  ], ue = (e, n) => (a) => {
     const o = Number(a.currentTarget.dataset.row), i = Number(a.currentTarget.dataset.col);
-    w(o), k(i), we(`${e.format("dddd")} ${e.format("D")}일 ${n}`);
-  }, ue = (e) => {
-    var g, b;
+    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;
     switch (e.key) {
       case "ArrowUp": {
-        e.preventDefault(), n === 0 && (a - 1 < 0 ? (F((t) => t.add(-1, "week")), w(A.length - 1), k(6), E.current = requestAnimationFrame(() => {
+        e.preventDefault(), n === 0 && (a - 1 < 0 ? (F((t) => t.add(-1, "week")), g(R.length - 1), k(6), E.current = requestAnimationFrame(() => {
           var t, r;
           (r = (t = p.current) == null ? void 0 : t.querySelector(
-            `[data-row="${A.length - 1}"][data-col="6"][data-week="1"]`
+            `[data-row="${R.length - 1}"][data-col="6"][data-week="1"]`
           )) == null || r.focus();
-        })) : (w(A.length - 1), k(a - 1), E.current = requestAnimationFrame(() => {
+        })) : (g(R.length - 1), k(a - 1), E.current = requestAnimationFrame(() => {
           var t, r;
           (r = (t = p.current) == null ? void 0 : t.querySelector(
-            `[data-row="${A.length - 1}"][data-col="${a - 1}"][data-week="1"]`
+            `[data-row="${R.length - 1}"][data-col="${a - 1}"][data-week="1"]`
           )) == null || r.focus();
         }))), o = Math.max(n - 1, 0);
         break;
       }
       case "ArrowDown": {
-        if (e.preventDefault(), n === A.length - 1) {
-          a + 1 > 6 ? (F((t) => t.add(1, "week")), w(0), k(0), E.current = requestAnimationFrame(() => {
+        if (e.preventDefault(), n === R.length - 1) {
+          a + 1 > 6 ? (F((t) => t.add(1, "week")), g(0), k(0), E.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();
-          })) : (w(0), k(i + 1), E.current = requestAnimationFrame(() => {
+          })) : (g(0), k(i + 1), E.current = requestAnimationFrame(() => {
             var t, r;
             (r = (t = p.current) == null ? void 0 : t.querySelector(
               `[data-row="0"][data-col="${i + 1}"][data-week="1"]`
@@ -74,12 +74,12 @@ function He({
           }));
           return;
         }
-        o = Math.min(n + 1, A.length - 1);
+        o = Math.min(n + 1, R.length - 1);
         break;
       }
       case "ArrowLeft": {
         if (e.preventDefault(), a === 0) {
-          F((s) => s.add(-1, "week")), w(o), k(6), E.current = requestAnimationFrame(() => {
+          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();
           });
@@ -90,7 +90,7 @@ function He({
       }
       case "ArrowRight": {
         if (e.preventDefault(), a === 6) {
-          F((s) => s.add(1, "week")), w(o), k(0), E.current = requestAnimationFrame(() => {
+          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();
           });
@@ -106,9 +106,9 @@ function He({
         e.preventDefault(), e.currentTarget.click();
         break;
     }
-    w(o), k(i), (b = (g = p.current) == null ? void 0 : g.querySelector(`[data-row="${o}"][data-col="${i}"][data-week="1"]`)) == null || b.focus();
-  }, ge = (e) => (n) => {
-    var i, g, b, l, s, t;
+    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)) {
       switch (n.key) {
@@ -120,51 +120,51 @@ function He({
           break;
         case "ArrowUp": {
           n.preventDefault();
-          const r = n.currentTarget.previousElementSibling, u = !!(r != null && r.getAttribute("data-is-event"));
-          if (r && u)
-            r.focus(), w(Y - 1);
+          const r = n.currentTarget.previousElementSibling, l = !!(r != null && r.getAttribute("data-is-event"));
+          if (r && l)
+            r.focus(), g(z - 1);
           else {
-            const c = (i = n.currentTarget.parentElement) == null ? void 0 : i.querySelector(
+            const u = (i = n.currentTarget.parentElement) == null ? void 0 : i.querySelector(
               `[data-time="${v(a).add(-30, "minute").format("HH:mm")}"]`
             );
-            c == null || c.focus();
+            u == null || u.focus();
           }
           break;
         }
         case "ArrowLeft": {
           n.preventDefault();
-          const r = n.currentTarget.previousElementSibling, u = !!(r != null && r.getAttribute("data-is-event"));
-          if (r && u)
+          const r = n.currentTarget.previousElementSibling, l = !!(r != null && r.getAttribute("data-is-event"));
+          if (r && l)
             r.focus();
           else {
-            if (z === 0) {
-              F((f) => f.add(-1, "week")), w(0), k(6), E.current = requestAnimationFrame(() => {
+            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();
               });
               return;
             }
-            (b = (g = p.current) == null ? void 0 : g.querySelector(
-              `[data-row="${Y}"][data-col="${z - 1}"][data-week="1"]`
-            )) == null || b.focus();
+            (y = (b = p.current) == null ? void 0 : b.querySelector(
+              `[data-row="${z}"][data-col="${I - 1}"][data-week="1"]`
+            )) == null || y.focus();
           }
           break;
         }
         case "ArrowRight": {
           n.preventDefault();
-          const r = n.currentTarget.nextElementSibling, u = !!(r != null && r.getAttribute("data-is-event"));
-          if (r && u)
+          const r = n.currentTarget.nextElementSibling, l = !!(r != null && r.getAttribute("data-is-event"));
+          if (r && l)
             r.focus();
           else {
-            if (z === 6) {
-              F((f) => f.add(1, "week")), w(0), k(0), E.current = requestAnimationFrame(() => {
+            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();
               });
               return;
             }
-            (s = (l = p.current) == null ? void 0 : l.querySelector(
-              `[data-row="${Y}"][data-col="${z + 1}"][data-week="1"]`
+            (s = (c = p.current) == null ? void 0 : c.querySelector(
+              `[data-row="${z}"][data-col="${I + 1}"][data-week="1"]`
             )) == null || s.focus();
           }
           break;
@@ -172,14 +172,14 @@ function He({
         case "ArrowDown":
           {
             n.preventDefault();
-            const r = n.currentTarget.nextElementSibling, u = !!(r != null && r.getAttribute("data-is-event"));
-            if (r && u)
-              r.focus(), w(Y + 1);
+            const r = n.currentTarget.nextElementSibling, l = !!(r != null && r.getAttribute("data-is-event"));
+            if (r && l)
+              r.focus(), g(z + 1);
             else {
-              const c = (t = n.currentTarget.parentElement) == null ? void 0 : t.querySelector(
+              const u = (t = n.currentTarget.parentElement) == null ? void 0 : t.querySelector(
                 `[data-time="${v(o).format("HH:mm")}"]`
               );
-              c == null || c.focus();
+              u == null || u.focus();
             }
           }
           break;
@@ -187,20 +187,20 @@ function He({
       e == null || e(n);
     }
   };
-  return N(() => {
+  return W(() => {
     const e = () => {
       var n, a, o;
-      if (V.current) {
-        const i = ((a = (n = ee.current) == null ? void 0 : n.parentElement) == null ? void 0 : a.offsetHeight) ?? 0, g = V.current.offsetHeight, b = ((o = re.current) == null ? void 0 : o.offsetHeight) ?? 0, l = (i - g - b) / A.length;
-        pe(
-          l < $ ? $ : l
-        );
+      if (Q.current) {
+        const i = ((a = (n = J.current) == null ? void 0 : n.parentElement) == null ? void 0 : a.offsetHeight) ?? 0, b = Q.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);
       }
     };
     return e(), window.addEventListener("resize", e), () => {
       window.removeEventListener("resize", e);
     };
-  }, [$, y]), N(() => {
+  }, [w, T, $]), W(() => {
+    J.current;
     const e = te.current;
     if (!e) return;
     const n = () => {
@@ -208,49 +208,49 @@ function He({
     };
     n();
     const a = (t, r) => {
-      q.current || (L.current && (e.removeEventListener("transitionend", L.current), L.current = null), ne.current = t, oe.current = r, _.current = !1, I.current = !0, K.current = 0);
-    }, o = (t, r, u) => {
-      if (!I.current) return;
-      const c = t - ne.current, f = r - oe.current;
-      if (K.current = c, !_.current && (se.current = Math.abs(c), ie.current = Math.abs(f), _.current = !0, ie.current > se.current)) {
-        I.current = !1;
+      C.current || (S.current && (e.removeEventListener("transitionend", S.current), S.current = null), ne.current = t, oe.current = r, Z.current = !1, N.current = !0, K.current = 0);
+    }, o = (t, r, l) => {
+      if (!N.current) return;
+      const u = t - ne.current, f = r - oe.current;
+      if (K.current = u, !Z.current && (se.current = Math.abs(u), ie.current = Math.abs(f), Z.current = !0, ie.current > se.current)) {
+        N.current = !1;
         return;
       }
-      u.cancelable && u.preventDefault(), 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(${K.current}px, 0, 0)`, e.style.cursor = "grabbing";
     }, i = () => {
-      if (e.style.cursor = "grab", !I.current) return;
-      I.current = !1, X.current = !1, q.current = !0;
-      const t = K.current, r = ae.current, u = r * 0.2;
-      e.style.transition = "transform 300ms cubic-bezier(0.25, 1, 0.5, 1)", t > u ? (e.style.transform = `translate3d(${r}px, 0, 0)`, L.current = (c) => {
-        c.propertyName === "transform" && (P.current = requestAnimationFrame(() => {
-          F((f) => f.add(-1, "week")), B.current = requestAnimationFrame(() => {
-            e.style.transition = "none", e.style.transform = "translate3d(0, 0, 0)", X.current = !0, q.current = !1;
+      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", L.current)) : t < -u ? (e.style.transform = `translate3d(-${r}px, 0, 0)`, L.current = (c) => {
-        c.propertyName === "transform" && (P.current = requestAnimationFrame(() => {
-          F((f) => f.add(1, "week")), B.current = requestAnimationFrame(() => {
-            e.style.transition = "none", e.style.transform = "translate3d(0, 0, 0)", X.current = !0, q.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", L.current)) : (q.current = !1, X.current = !0, e.style.transform = "translate3d(0, 0, 0)");
-    }, g = (t) => a(t.touches[0].clientX, t.touches[0].clientY), b = (t) => o(t.touches[0].clientX, t.touches[0].clientY, t), l = (t) => a(t.clientX, t.clientY), s = (t) => o(t.clientX, t.clientY, t);
-    return window.addEventListener("resize", n), e.addEventListener("touchstart", g), e.addEventListener("touchmove", b), e.addEventListener("touchend", i), e.addEventListener("touchcancel", i), e.addEventListener("mousedown", l), e.addEventListener("mousemove", s), e.addEventListener("mouseup", i), e.addEventListener("mouseleave", i), () => {
-      window.removeEventListener("resize", n), e.removeEventListener("touchstart", g), e.removeEventListener("touchmove", b), e.removeEventListener("touchend", i), e.removeEventListener("touchcancel", i), e.removeEventListener("mousedown", l), e.removeEventListener("mousemove", s), e.removeEventListener("mouseup", i), e.removeEventListener("mouseleave", i), L.current && e.removeEventListener("transitionend", L.current);
+      }, 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);
     };
-  }, []), N(() => {
+  }, []), W(() => {
     const e = p.current, n = (a) => {
-      q.current && !X.current && a.stopPropagation();
+      C.current && !X.current && a.stopPropagation();
     };
     return e == null || e.addEventListener("click", n), () => {
       e == null || e.removeEventListener("click", n);
     };
-  }, []), N(() => {
+  }, []), W(() => {
     D == null || D(M);
-  }, [M, D]), N(() => () => {
-    P.current && cancelAnimationFrame(P.current), B.current && cancelAnimationFrame(B.current), E.current && cancelAnimationFrame(E.current);
-  }, []), /* @__PURE__ */ R(m, { ref: ee, flex: 1, flexDirection: "column", "aria-label": "일정 안내", ...U, children: [
-    y && (y == null ? void 0 : y.length) > 0 && /* @__PURE__ */ h(
+  }, [M, D]), W(() => () => {
+    G.current && cancelAnimationFrame(G.current), V.current && cancelAnimationFrame(V.current), E.current && cancelAnimationFrame(E.current);
+  }, []), /* @__PURE__ */ A(m, { ref: J, flex: 1, flexDirection: "column", "aria-label": "일정 안내", ...U, children: [
+    $ && ($ == null ? void 0 : $.length) > 0 && /* @__PURE__ */ h(
       m,
       {
         ref: re,
@@ -261,28 +261,28 @@ function He({
         pr: 4,
         role: "group",
         "aria-label": "일정 종류 안내",
-        children: y == null ? void 0 : y.map(({ text: e, color: n }) => /* @__PURE__ */ R(m, { alignItems: "center", gap: 1, children: [
+        children: $ == null ? void 0 : $.map(({ text: e, color: n }) => /* @__PURE__ */ A(m, { alignItems: "center", gap: 1, children: [
           /* @__PURE__ */ h(
-            me,
+            pe,
             {
               "aria-hidden": !0,
               inlineCSS: {
                 width: 14,
                 height: 14,
-                border: `1px solid ${S[30]}`,
+                border: `1px solid ${L[30]}`,
                 borderRadius: 4,
                 backgroundColor: n
               }
             }
           ),
-          /* @__PURE__ */ h(C, { variant: "c3R", color: "grey.70", children: e })
+          /* @__PURE__ */ h(q, { variant: "c3R", color: "grey.70", children: e })
         ] }, `legend-${e}-${n}`))
       }
     ),
-    /* @__PURE__ */ R(
+    /* @__PURE__ */ A(
       m,
       {
-        ref: V,
+        ref: Q,
         alignItems: "center",
         pt: 1,
         pb: 2,
@@ -291,12 +291,12 @@ function He({
           position: "sticky",
           top: 0,
           zIndex: 2,
-          borderBottom: `1px solid ${S[20]}`,
-          backgroundColor: S.white
+          borderBottom: `1px solid ${L[20]}`,
+          backgroundColor: L.white
         },
         children: [
-          /* @__PURE__ */ R(
-            C,
+          /* @__PURE__ */ A(
+            q,
             {
               variant: "h4B",
               textAlign: "center",
@@ -309,7 +309,7 @@ function He({
               ]
             }
           ),
-          /* @__PURE__ */ h(m, { alignItems: "center", flexGrow: 1, children: ce[1].days.map((e) => /* @__PURE__ */ R(
+          /* @__PURE__ */ h(m, { alignItems: "center", flexGrow: 1, children: ce[1].days.map((e) => /* @__PURE__ */ A(
             m,
             {
               flexDirection: "column",
@@ -318,8 +318,8 @@ function He({
               role: "columnheader",
               "aria-label": `${e.format("dddd")} (${e.format("D")}일)`,
               children: [
-                /* @__PURE__ */ h(C, { variant: "c3R", children: e.format("ddd") }),
-                /* @__PURE__ */ h(C, { variant: "c3M", children: e.format("D") })
+                /* @__PURE__ */ h(q, { variant: "c3R", children: e.format("ddd") }),
+                /* @__PURE__ */ h(q, { variant: "c3M", children: e.format("D") })
               ]
             },
             e.day()
@@ -327,8 +327,8 @@ function He({
         ]
       }
     ),
-    /* @__PURE__ */ R(m, { flex: 1, children: [
-      /* @__PURE__ */ R(
+    /* @__PURE__ */ A(m, { flex: 1, children: [
+      /* @__PURE__ */ A(
         m,
         {
           flexDirection: "column",
@@ -336,11 +336,11 @@ function He({
             position: "sticky",
             left: 0,
             maxHeight: "fit-content",
-            backgroundColor: S.white,
+            backgroundColor: L.white,
             zIndex: 1
           },
           children: [
-            A.map(({ time: e, label: n, isCurrentTime: a }) => /* @__PURE__ */ h(
+            R.map(({ time: e, label: n, isCurrentTime: a }) => /* @__PURE__ */ h(
               m,
               {
                 justifyContent: "center",
@@ -350,12 +350,12 @@ function He({
                 "aria-current": a ? "time" : void 0,
                 style: {
                   width: 48,
-                  height: H,
-                  minHeight: $,
+                  height: Y,
+                  minHeight: w,
                   zIndex: 1
                 },
                 children: /* @__PURE__ */ h(
-                  C,
+                  q,
                   {
                     variant: "c3M",
                     color: "grey.70",
@@ -386,7 +386,7 @@ function He({
           ]
         }
       ),
-      /* @__PURE__ */ R(
+      /* @__PURE__ */ A(
         m,
         {
           flex: 1,
@@ -413,11 +413,12 @@ function He({
                     style: {
                       display: "grid",
                       gridTemplateColumns: "repeat(7, 1fr)",
-                      minWidth: "100%"
+                      minWidth: "100%",
+                      height: "100%"
                     },
                     children: e.map((o, i) => {
-                      const g = Re(n, o), b = Ae(
-                        g,
+                      const b = Re(n, o), y = Fe(
+                        b,
                         o
                       );
                       return /* @__PURE__ */ h(
@@ -426,9 +427,9 @@ function He({
                           role: "row",
                           "aria-label": `${o.format("dddd")} ${o.format("D")}일`,
                           style: {
-                            borderLeft: `1px solid ${S[20]}`
+                            borderLeft: `1px solid ${L[20]}`
                           },
-                          children: /* @__PURE__ */ R(
+                          children: /* @__PURE__ */ A(
                             m,
                             {
                               style: {
@@ -437,86 +438,86 @@ function He({
                                 flex: 1
                               },
                               children: [
-                                A.map(({ time: l, label: s, isCurrentTime: t }, r) => {
-                                  const u = a === 1 && r === Y && i === z;
-                                  if (typeof T == "function") {
-                                    const c = T(
+                                R.map(({ time: c, label: s, isCurrentTime: t }, r) => {
+                                  const l = a === 1 && r === z && i === I;
+                                  if (typeof H == "function") {
+                                    const u = H(
                                       o.format("YYYY-MM-DD"),
-                                      l
+                                      c
                                     );
-                                    return fe(c, {
-                                      key: `schedule-block-${o}-${r}-${i}-${l}`,
-                                      onKeyDown: ue,
-                                      onFocus: le(o, s),
+                                    return he(u, {
+                                      key: `schedule-block-${o}-${r}-${i}-${c}`,
+                                      onKeyDown: le,
+                                      onFocus: ue(o, s),
                                       role: "gridcell",
                                       "data-row": r,
                                       "data-col": i,
                                       "data-week": a,
-                                      "data-time": l,
+                                      "data-time": c,
                                       "aria-current": t ? "time" : void 0,
-                                      tabIndex: u ? 0 : -1,
+                                      tabIndex: l ? 0 : -1,
                                       "aria-label": `${o.format("dddd")} ${o.format("D")}일 ${s}`,
-                                      ...c.props,
+                                      ...u.props,
                                       style: {
-                                        ...c.props.style,
-                                        borderTop: r > 0 ? `1px solid ${S[20]}` : void 0,
-                                        height: H,
-                                        minHeight: $,
+                                        ...u.props.style,
+                                        borderTop: r > 0 ? `1px solid ${L[20]}` : void 0,
+                                        height: Y,
+                                        minHeight: w,
                                         zIndex: 0
                                       }
                                     });
                                   }
                                   return /* @__PURE__ */ h(
-                                    me,
+                                    pe,
                                     {
-                                      onKeyDown: ue,
-                                      onFocus: le(o, s),
+                                      onKeyDown: le,
+                                      onFocus: ue(o, s),
                                       role: "gridcell",
                                       "data-row": r,
                                       "data-col": i,
                                       "data-week": a,
-                                      "data-time": l,
+                                      "data-time": c,
                                       "aria-current": t ? "time" : void 0,
-                                      tabIndex: u ? 0 : -1,
+                                      tabIndex: l ? 0 : -1,
                                       "aria-label": `${o.format("dddd")} ${o.format("D")}일 ${s}`,
                                       style: {
-                                        borderTop: r > 0 ? `1px solid ${S[20]}` : void 0,
-                                        height: H,
-                                        minHeight: $,
+                                        borderTop: r > 0 ? `1px solid ${L[20]}` : void 0,
+                                        height: Y,
+                                        minHeight: w,
                                         zIndex: 0
                                       }
                                     },
-                                    `schedule-block-${o}-${r}-${i}-${l}`
+                                    `schedule-block-${o}-${r}-${i}-${c}`
                                   );
                                 }),
-                                b.map(
-                                  ({ children: l, startDate: s, endDate: t, totalColumns: r, columnIndex: u }) => {
-                                    const c = he(s), f = he(t), x = Math.floor((c - 7 * 60) / 30), be = (c - 7 * 60) / 30 * H, ye = (f - c) / 30 * H, de = 100 / r, $e = u * de, Q = l;
+                                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, O = c;
                                     return /* @__PURE__ */ h(
                                       m,
                                       {
                                         style: {
                                           position: "absolute",
-                                          top: `${be + (x > 0 ? 1 : 0)}px`,
-                                          left: `${$e}%`,
+                                          top: `${Ee + (x > 0 ? 1 : 0)}px`,
+                                          left: `${Se}%`,
                                           width: `${de}%`,
-                                          height: `${ye - (x > 0 ? 1 : 0)}px`,
+                                          height: `${Le - (x > 0 ? 1 : 0)}px`,
                                           zIndex: 1
                                         },
-                                        children: fe(Q, {
+                                        children: he(O, {
                                           role: "button",
                                           tabIndex: a === 1 ? 0 : -1,
-                                          onKeyDown: ge(Q.props.onKeyDown),
+                                          onKeyDown: ke(O.props.onKeyDown),
                                           "data-start-date": s,
                                           "data-start-time": v(s).format("HH:mm"),
                                           "data-end-date": t,
                                           "data-end-time": v(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시")}까지의 일정`,
-                                          ...Q.props
+                                          ...O.props
                                         })
                                       },
-                                      `${s}-${t}-${u}-${r}`
+                                      `${s}-${t}-${l}-${r}`
                                     );
                                   }
                                 )
@@ -532,14 +533,14 @@ function He({
                 ))
               }
             ),
-            G
+            $e
           ]
         }
       )
     ] }),
-    /* @__PURE__ */ h(C, { role: "status", visuallyHidden: !0, children: ve })
+    /* @__PURE__ */ h(q, { role: "status", visuallyHidden: !0, children: be })
   ] });
 }
 export {
-  He as default
+  Ye as default
 };