@dotss/tictoccroc 0.0.2 → 0.0.3

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

@@ -1,31 +1,32 @@
-import { jsxs as D, jsx as m } from "react/jsx-runtime";
-import { useState as j, useRef as d, Children as $e, isValidElement as ke, useEffect as N, cloneElement as de } from "react";
-import { Flexbox as h, Box as fe, Typography as C } from "@dotss/ui";
-import Ee from "@dotss/ui/core/useTheme";
+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 v from "dayjs";
-import Se from "./ScheduleEvent/ScheduleEvent.mjs";
-import { generateWeek as Q, getDayScheduleEvents as Le, resolvePositionedScheduleEventsForDate as Re, getMinutesFromMidnight as me } from "./Scheduler.utils.mjs";
-const R = Array.from({ length: 34 }).map((Z, W) => {
-  const y = Math.floor((W + 14) / 2) % 24, $ = (W + 14) % 2 === 0 ? "00" : "30", T = v().hour(y).minute(parseInt($)), M = v(), B = M.hour(), k = M.minute(), A = B === y && (k < 30 && $ === "00" || k >= 30 && $ === "30");
+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");
   return {
     time: T.format("HH:mm"),
     label: T.format("A h시 m분"),
-    isCurrentTime: A
+    isCurrentTime: S
   };
 });
-function Te({
-  children: Z,
+function He({
+  children: O,
   date: W = v(),
   legend: y,
   minScheduleBlockHeight: $ = 20,
   renderScheduleBlock: T,
-  onDateChange: M,
-  ...B
+  onDateChange: D,
+  adornment: G,
+  ...U
 }) {
   const {
-    palette: { grey: k }
-  } = Ee(), [A, F] = j(W.startOf("week")), [H, he] = j(20), [Y, w] = j(0), [z, E] = j(0), [pe, ve] = j(""), O = d(null), ee = d(null), te = d(null), G = d(null), re = d(0), ne = d(0), I = d(!1), X = d(!1), q = d(!1), U = d(0), oe = d(0), ae = d(0), se = d(0), V = d(!1), L = d(null), K = d(0), P = d(0), S = d(0), p = d(null), _ = $e.toArray(Z).filter(ke).map((e) => {
-    if (e.type === Se) {
+    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) {
       const { startDate: n, endDate: a } = e.props;
       return {
         startDate: n,
@@ -34,38 +35,38 @@ function Te({
       };
     }
     return null;
-  }).filter(Boolean), ie = [
-    Q(A.subtract(1, "week"), _),
-    Q(A, _),
-    Q(A.add(1, "week"), _)
-  ], ce = (e, n) => (a) => {
+  }).filter(Boolean), ce = [
+    Z(M.subtract(1, "week"), J),
+    Z(M, J),
+    Z(M.add(1, "week"), J)
+  ], le = (e, n) => (a) => {
     const o = Number(a.currentTarget.dataset.row), i = Number(a.currentTarget.dataset.col);
-    w(o), E(i), ve(`${e.format("dddd")} ${e.format("D")}일 ${n}`);
-  }, le = (e) => {
+    w(o), k(i), we(`${e.format("dddd")} ${e.format("D")}일 ${n}`);
+  }, ue = (e) => {
     var g, b;
     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(R.length - 1), E(6), S.current = requestAnimationFrame(() => {
+        e.preventDefault(), n === 0 && (a - 1 < 0 ? (F((t) => t.add(-1, "week")), w(A.length - 1), k(6), E.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"]`
+            `[data-row="${A.length - 1}"][data-col="6"][data-week="1"]`
           )) == null || r.focus();
-        })) : (w(R.length - 1), E(a - 1), S.current = requestAnimationFrame(() => {
+        })) : (w(A.length - 1), k(a - 1), E.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"]`
+            `[data-row="${A.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 === R.length - 1) {
-          a + 1 > 6 ? (F((t) => t.add(1, "week")), w(0), E(0), S.current = requestAnimationFrame(() => {
+        if (e.preventDefault(), n === A.length - 1) {
+          a + 1 > 6 ? (F((t) => t.add(1, "week")), w(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), E(i + 1), S.current = requestAnimationFrame(() => {
+          })) : (w(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"]`
@@ -73,12 +74,12 @@ function Te({
           }));
           return;
         }
-        o = Math.min(n + 1, R.length - 1);
+        o = Math.min(n + 1, A.length - 1);
         break;
       }
       case "ArrowLeft": {
         if (e.preventDefault(), a === 0) {
-          F((s) => s.add(-1, "week")), w(o), E(6), S.current = requestAnimationFrame(() => {
+          F((s) => s.add(-1, "week")), w(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();
           });
@@ -89,7 +90,7 @@ function Te({
       }
       case "ArrowRight": {
         if (e.preventDefault(), a === 6) {
-          F((s) => s.add(1, "week")), w(o), E(0), S.current = requestAnimationFrame(() => {
+          F((s) => s.add(1, "week")), w(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();
           });
@@ -105,8 +106,8 @@ function Te({
         e.preventDefault(), e.currentTarget.click();
         break;
     }
-    w(o), E(i), (b = (g = p.current) == null ? void 0 : g.querySelector(`[data-row="${o}"][data-col="${i}"][data-week="1"]`)) == null || b.focus();
-  }, we = (e) => (n) => {
+    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;
     const a = n.currentTarget.dataset.startDate, o = n.currentTarget.dataset.endDate;
     if (!(!a || !o)) {
@@ -137,7 +138,7 @@ function Te({
             r.focus();
           else {
             if (z === 0) {
-              F((f) => f.add(-1, "week")), w(0), E(6), S.current = requestAnimationFrame(() => {
+              F((f) => f.add(-1, "week")), w(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();
               });
@@ -156,7 +157,7 @@ function Te({
             r.focus();
           else {
             if (z === 6) {
-              F((f) => f.add(1, "week")), w(0), E(0), S.current = requestAnimationFrame(() => {
+              F((f) => f.add(1, "week")), w(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();
               });
@@ -189,9 +190,9 @@ function Te({
   return N(() => {
     const e = () => {
       var n, a, o;
-      if (G.current) {
-        const i = ((a = (n = O.current) == null ? void 0 : n.parentElement) == null ? void 0 : a.offsetHeight) ?? 0, g = G.current.offsetHeight, b = ((o = te.current) == null ? void 0 : o.offsetHeight) ?? 0, l = (i - g - b) / R.length;
-        he(
+      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
         );
       }
@@ -200,35 +201,35 @@ function Te({
       window.removeEventListener("resize", e);
     };
   }, [$, y]), N(() => {
-    const e = ee.current;
+    const e = te.current;
     if (!e) return;
     const n = () => {
-      oe.current = e.offsetWidth;
+      ae.current = e.offsetWidth;
     };
     n();
     const a = (t, r) => {
-      q.current || (L.current && (e.removeEventListener("transitionend", L.current), L.current = null), re.current = t, ne.current = r, V.current = !1, I.current = !0, U.current = 0);
+      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 - re.current, f = r - ne.current;
-      if (U.current = c, !V.current && (ae.current = Math.abs(c), se.current = Math.abs(f), V.current = !0, se.current > ae.current)) {
+      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;
         return;
       }
-      u.cancelable && u.preventDefault(), e.style.transition = "none", e.style.transform = `translate3d(${U.current}px, 0, 0)`, e.style.cursor = "grabbing";
+      u.cancelable && u.preventDefault(), 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 = U.current, r = oe.current, u = r * 0.2;
+      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" && (K.current = requestAnimationFrame(() => {
-          F((f) => f.add(-1, "week")), P.current = requestAnimationFrame(() => {
+        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", L.current)) : t < -u ? (e.style.transform = `translate3d(-${r}px, 0, 0)`, L.current = (c) => {
-        c.propertyName === "transform" && (K.current = requestAnimationFrame(() => {
-          F((f) => f.add(1, "week")), P.current = requestAnimationFrame(() => {
+        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;
           });
         }));
@@ -245,14 +246,14 @@ function Te({
       e == null || e.removeEventListener("click", n);
     };
   }, []), N(() => {
-    M == null || M(A);
-  }, [A, M]), N(() => () => {
-    K.current && cancelAnimationFrame(K.current), P.current && cancelAnimationFrame(P.current), S.current && cancelAnimationFrame(S.current);
-  }, []), /* @__PURE__ */ D(h, { ref: O, flex: 1, flexDirection: "column", "aria-label": "일정 안내", ...B, children: [
-    y && (y == null ? void 0 : y.length) > 0 && /* @__PURE__ */ m(
-      h,
+    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,
       {
-        ref: te,
+        ref: re,
         justifyContent: "flex-end",
         alignItems: "center",
         gap: 3,
@@ -260,28 +261,28 @@ function Te({
         pr: 4,
         role: "group",
         "aria-label": "일정 종류 안내",
-        children: y == null ? void 0 : y.map(({ text: e, color: n }) => /* @__PURE__ */ D(h, { alignItems: "center", gap: 1, children: [
-          /* @__PURE__ */ m(
-            fe,
+        children: y == null ? void 0 : y.map(({ text: e, color: n }) => /* @__PURE__ */ R(m, { alignItems: "center", gap: 1, children: [
+          /* @__PURE__ */ h(
+            me,
             {
               "aria-hidden": !0,
               inlineCSS: {
                 width: 14,
                 height: 14,
-                border: `1px solid ${k[30]}`,
+                border: `1px solid ${S[30]}`,
                 borderRadius: 4,
                 backgroundColor: n
               }
             }
           ),
-          /* @__PURE__ */ m(C, { variant: "c3R", color: "grey.70", children: e })
+          /* @__PURE__ */ h(C, { variant: "c3R", color: "grey.70", children: e })
         ] }, `legend-${e}-${n}`))
       }
     ),
-    /* @__PURE__ */ D(
-      h,
+    /* @__PURE__ */ R(
+      m,
       {
-        ref: G,
+        ref: V,
         alignItems: "center",
         pt: 1,
         pb: 2,
@@ -290,11 +291,11 @@ function Te({
           position: "sticky",
           top: 0,
           zIndex: 2,
-          borderBottom: `1px solid ${k[20]}`,
-          backgroundColor: k.white
+          borderBottom: `1px solid ${S[20]}`,
+          backgroundColor: S.white
         },
         children: [
-          /* @__PURE__ */ D(
+          /* @__PURE__ */ R(
             C,
             {
               variant: "h4B",
@@ -303,13 +304,13 @@ function Te({
                 width: 48
               },
               children: [
-                A.month() + 1,
+                M.month() + 1,
                 "월"
               ]
             }
           ),
-          /* @__PURE__ */ m(h, { alignItems: "center", flexGrow: 1, children: ie[1].days.map((e) => /* @__PURE__ */ D(
-            h,
+          /* @__PURE__ */ h(m, { alignItems: "center", flexGrow: 1, children: ce[1].days.map((e) => /* @__PURE__ */ R(
+            m,
             {
               flexDirection: "column",
               alignItems: "center",
@@ -317,8 +318,8 @@ function Te({
               role: "columnheader",
               "aria-label": `${e.format("dddd")} (${e.format("D")}일)`,
               children: [
-                /* @__PURE__ */ m(C, { variant: "c3R", children: e.format("ddd") }),
-                /* @__PURE__ */ m(C, { variant: "c3M", children: e.format("D") })
+                /* @__PURE__ */ h(C, { variant: "c3R", children: e.format("ddd") }),
+                /* @__PURE__ */ h(C, { variant: "c3M", children: e.format("D") })
               ]
             },
             e.day()
@@ -326,21 +327,21 @@ function Te({
         ]
       }
     ),
-    /* @__PURE__ */ D(h, { flex: 1, children: [
-      /* @__PURE__ */ D(
-        h,
+    /* @__PURE__ */ R(m, { flex: 1, children: [
+      /* @__PURE__ */ R(
+        m,
         {
           flexDirection: "column",
           inlineCSS: {
             position: "sticky",
             left: 0,
             maxHeight: "fit-content",
-            backgroundColor: k.white,
+            backgroundColor: S.white,
             zIndex: 1
           },
           children: [
-            R.map(({ time: e, label: n, isCurrentTime: a }) => /* @__PURE__ */ m(
-              h,
+            A.map(({ time: e, label: n, isCurrentTime: a }) => /* @__PURE__ */ h(
+              m,
               {
                 justifyContent: "center",
                 alignItems: "flex-start",
@@ -353,7 +354,7 @@ function Te({
                   minHeight: $,
                   zIndex: 1
                 },
-                children: /* @__PURE__ */ m(
+                children: /* @__PURE__ */ h(
                   C,
                   {
                     variant: "c3M",
@@ -367,8 +368,8 @@ function Te({
               },
               e
             )),
-            /* @__PURE__ */ m(
-              h,
+            /* @__PURE__ */ h(
+              m,
               {
                 "aria-hidden": !0,
                 inlineCSS: {
@@ -385,157 +386,160 @@ function Te({
           ]
         }
       ),
-      /* @__PURE__ */ m(
-        h,
+      /* @__PURE__ */ R(
+        m,
         {
           flex: 1,
           ref: p,
           role: "grid",
           "aria-label": "주간 일정",
           inlineCSS: { position: "relative", overflow: "hidden", cursor: "grab" },
-          children: /* @__PURE__ */ m(
-            h,
-            {
-              ref: ee,
-              alignItems: "flex-start",
-              justifyContent: "center",
-              flex: 1,
-              inlineCSS: {
-                transform: "translate3d(0, 0, 0)"
-              },
-              children: ie.map(({ days: e, scheduleEvents: n }, a) => /* @__PURE__ */ m(
-                h,
-                {
-                  role: "rowgroup",
-                  "aria-hidden": a !== 1,
-                  style: {
-                    display: "grid",
-                    gridTemplateColumns: "repeat(7, 1fr)",
-                    minWidth: "100%"
-                  },
-                  children: e.map((o, i) => {
-                    const g = Le(n, o), b = Re(
-                      g,
-                      o
-                    );
-                    return /* @__PURE__ */ m(
-                      h,
-                      {
-                        role: "row",
-                        "aria-label": `${o.format("dddd")} ${o.format("D")}일`,
-                        style: {
-                          borderLeft: `1px solid ${k[20]}`
-                        },
-                        children: /* @__PURE__ */ D(
-                          h,
-                          {
-                            style: {
-                              display: "grid",
-                              position: "relative",
-                              flex: 1
-                            },
-                            children: [
-                              R.map(({ time: l, label: s, isCurrentTime: t }, r) => {
-                                const u = a === 1 && r === Y && i === z;
-                                if (typeof T == "function") {
-                                  const c = T(
-                                    o.format("YYYY-MM-DD"),
-                                    l
-                                  );
-                                  return de(c, {
-                                    key: `schedule-block-${o}-${r}-${i}-${l}`,
-                                    onKeyDown: le,
-                                    onFocus: ce(o, s),
-                                    role: "gridcell",
-                                    "data-row": r,
-                                    "data-col": i,
-                                    "data-week": a,
-                                    "data-time": l,
-                                    "aria-current": t ? "time" : void 0,
-                                    tabIndex: u ? 0 : -1,
-                                    "aria-label": `${o.format("dddd")} ${o.format("D")}일 ${s}`,
-                                    ...c.props,
-                                    style: {
-                                      ...c.props.style,
-                                      borderTop: r > 0 ? `1px solid ${k[20]}` : void 0,
-                                      height: H,
-                                      minHeight: $,
-                                      zIndex: 0
-                                    }
-                                  });
-                                }
-                                return /* @__PURE__ */ m(
-                                  fe,
-                                  {
-                                    onKeyDown: le,
-                                    onFocus: ce(o, s),
-                                    role: "gridcell",
-                                    "data-row": r,
-                                    "data-col": i,
-                                    "data-week": a,
-                                    "data-time": l,
-                                    "aria-current": t ? "time" : void 0,
-                                    tabIndex: u ? 0 : -1,
-                                    "aria-label": `${o.format("dddd")} ${o.format("D")}일 ${s}`,
-                                    style: {
-                                      borderTop: r > 0 ? `1px solid ${k[20]}` : void 0,
-                                      height: H,
-                                      minHeight: $,
-                                      zIndex: 0
-                                    }
-                                  },
-                                  `schedule-block-${o}-${r}-${i}-${l}`
-                                );
-                              }),
-                              b.map(
-                                ({ children: l, startDate: s, endDate: t, totalColumns: r, columnIndex: u }) => {
-                                  const c = me(s), f = me(t), x = Math.floor((c - 7 * 60) / 30), ge = (c - 7 * 60) / 30 * H, be = (f - c) / 30 * H, ue = 100 / r, ye = u * ue, J = l;
-                                  return /* @__PURE__ */ m(
-                                    h,
+          children: [
+            /* @__PURE__ */ h(
+              m,
+              {
+                ref: te,
+                alignItems: "flex-start",
+                justifyContent: "center",
+                flex: 1,
+                inlineCSS: {
+                  transform: "translate3d(0, 0, 0)"
+                },
+                children: ce.map(({ days: e, scheduleEvents: n }, a) => /* @__PURE__ */ h(
+                  m,
+                  {
+                    role: "rowgroup",
+                    "aria-hidden": a !== 1,
+                    style: {
+                      display: "grid",
+                      gridTemplateColumns: "repeat(7, 1fr)",
+                      minWidth: "100%"
+                    },
+                    children: e.map((o, i) => {
+                      const g = Re(n, o), b = Ae(
+                        g,
+                        o
+                      );
+                      return /* @__PURE__ */ h(
+                        m,
+                        {
+                          role: "row",
+                          "aria-label": `${o.format("dddd")} ${o.format("D")}일`,
+                          style: {
+                            borderLeft: `1px solid ${S[20]}`
+                          },
+                          children: /* @__PURE__ */ R(
+                            m,
+                            {
+                              style: {
+                                display: "grid",
+                                position: "relative",
+                                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(
+                                      o.format("YYYY-MM-DD"),
+                                      l
+                                    );
+                                    return fe(c, {
+                                      key: `schedule-block-${o}-${r}-${i}-${l}`,
+                                      onKeyDown: ue,
+                                      onFocus: le(o, s),
+                                      role: "gridcell",
+                                      "data-row": r,
+                                      "data-col": i,
+                                      "data-week": a,
+                                      "data-time": l,
+                                      "aria-current": t ? "time" : void 0,
+                                      tabIndex: u ? 0 : -1,
+                                      "aria-label": `${o.format("dddd")} ${o.format("D")}일 ${s}`,
+                                      ...c.props,
+                                      style: {
+                                        ...c.props.style,
+                                        borderTop: r > 0 ? `1px solid ${S[20]}` : void 0,
+                                        height: H,
+                                        minHeight: $,
+                                        zIndex: 0
+                                      }
+                                    });
+                                  }
+                                  return /* @__PURE__ */ h(
+                                    me,
                                     {
+                                      onKeyDown: ue,
+                                      onFocus: le(o, s),
+                                      role: "gridcell",
+                                      "data-row": r,
+                                      "data-col": i,
+                                      "data-week": a,
+                                      "data-time": l,
+                                      "aria-current": t ? "time" : void 0,
+                                      tabIndex: u ? 0 : -1,
+                                      "aria-label": `${o.format("dddd")} ${o.format("D")}일 ${s}`,
                                       style: {
-                                        position: "absolute",
-                                        top: `${ge + (x > 0 ? 1 : 0)}px`,
-                                        left: `${ye}%`,
-                                        width: `${ue}%`,
-                                        height: `${be - (x > 0 ? 1 : 0)}px`,
-                                        zIndex: 1
-                                      },
-                                      children: de(J, {
-                                        role: "button",
-                                        tabIndex: a === 1 ? 0 : -1,
-                                        onKeyDown: we(J.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시")}까지의 일정`,
-                                        ...J.props
-                                      })
+                                        borderTop: r > 0 ? `1px solid ${S[20]}` : void 0,
+                                        height: H,
+                                        minHeight: $,
+                                        zIndex: 0
+                                      }
                                     },
-                                    `${s}-${t}-${u}-${r}`
+                                    `schedule-block-${o}-${r}-${i}-${l}`
                                   );
-                                }
-                              )
-                            ]
-                          }
-                        )
-                      },
-                      o.toISOString()
-                    );
-                  })
-                },
-                e[0].format("YYYY-MM-DD")
-              ))
-            }
-          )
+                                }),
+                                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;
+                                    return /* @__PURE__ */ h(
+                                      m,
+                                      {
+                                        style: {
+                                          position: "absolute",
+                                          top: `${be + (x > 0 ? 1 : 0)}px`,
+                                          left: `${$e}%`,
+                                          width: `${de}%`,
+                                          height: `${ye - (x > 0 ? 1 : 0)}px`,
+                                          zIndex: 1
+                                        },
+                                        children: fe(Q, {
+                                          role: "button",
+                                          tabIndex: a === 1 ? 0 : -1,
+                                          onKeyDown: ge(Q.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
+                                        })
+                                      },
+                                      `${s}-${t}-${u}-${r}`
+                                    );
+                                  }
+                                )
+                              ]
+                            }
+                          )
+                        },
+                        o.toISOString()
+                      );
+                    })
+                  },
+                  e[0].format("YYYY-MM-DD")
+                ))
+              }
+            ),
+            G
+          ]
         }
       )
     ] }),
-    /* @__PURE__ */ m(C, { role: "status", visuallyHidden: !0, children: pe })
+    /* @__PURE__ */ h(C, { role: "status", visuallyHidden: !0, children: ve })
   ] });
 }
 export {
-  Te as default
+  He as default
 };