@dotss/tictoccroc 0.0.0 → 0.0.2

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

@@ -1,31 +1,31 @@
 import { jsxs as D, jsx as m } from "react/jsx-runtime";
-import { useState as X, useRef as u, Children as be, isValidElement as ye, useEffect as j, cloneElement as le } from "react";
-import { Flexbox as h, Box as ue, Typography as B } from "@thedotscorp/ui";
-import $e from "@thedotscorp/ui/core/useTheme";
-import w from "dayjs";
-import ke from "./ScheduleEvent/ScheduleEvent.mjs";
-import { generateWeek as Q, getDayScheduleEvents as Se, resolvePositionedScheduleEventsForDate as Ee, getMinutesFromMidnight as de } from "./Scheduler.utils.mjs";
-const A = Array.from({ length: 34 }).map((Z, N) => {
-  const b = Math.floor((N + 14) / 2) % 24, E = (N + 14) % 2 === 0 ? "00" : "30", M = w().hour(b).minute(parseInt(E)), R = w(), K = R.hour(), y = R.minute(), F = K === b && (y < 30 && E === "00" || y >= 30 && E === "30");
+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 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");
   return {
-    time: M.format("HH:mm"),
-    label: M.format("A h시 m분"),
-    isCurrentTime: F
+    time: T.format("HH:mm"),
+    label: T.format("A h시 m분"),
+    isCurrentTime: A
   };
 });
-function Ce({
+function Te({
   children: Z,
-  date: N = w(),
-  legend: b,
-  containerRef: E,
-  renderScheduleBlock: M,
-  onDateChange: R,
-  ...K
+  date: W = v(),
+  legend: y,
+  minScheduleBlockHeight: $ = 20,
+  renderScheduleBlock: T,
+  onDateChange: M,
+  ...B
 }) {
   const {
-    palette: { grey: y }
-  } = $e(), [F, x] = X(N.startOf("week")), [H, fe] = X(20), [T, g] = X(0), [Y, $] = X(0), [me, he] = X(""), O = u(null), pe = u(null), G = u(null), ee = u(0), te = u(0), z = u(!1), I = u(!1), C = u(!1), W = u(0), re = u(0), ne = u(0), oe = u(0), V = u(!1), L = u(null), P = u(0), U = u(0), k = u(0), p = u(null), _ = be.toArray(Z).filter(ye).map((e) => {
-    if (e.type === ke) {
+    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) {
       const { startDate: n, endDate: a } = e.props;
       return {
         startDate: n,
@@ -34,38 +34,38 @@ function Ce({
       };
     }
     return null;
-  }).filter(Boolean), ae = [
-    Q(F.subtract(1, "week"), _),
-    Q(F, _),
-    Q(F.add(1, "week"), _)
-  ], se = (e, n) => (a) => {
+  }).filter(Boolean), ie = [
+    Q(A.subtract(1, "week"), _),
+    Q(A, _),
+    Q(A.add(1, "week"), _)
+  ], ce = (e, n) => (a) => {
     const o = Number(a.currentTarget.dataset.row), i = Number(a.currentTarget.dataset.col);
-    g(o), $(i), he(`${e.format("dddd")} ${e.format("D")}일 ${n}`);
-  }, ie = (e) => {
-    var v, S;
+    w(o), E(i), ve(`${e.format("dddd")} ${e.format("D")}일 ${n}`);
+  }, le = (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 ? (x((t) => t.add(-1, "week")), g(A.length - 1), $(6), k.current = requestAnimationFrame(() => {
+        e.preventDefault(), n === 0 && (a - 1 < 0 ? (F((t) => t.add(-1, "week")), w(R.length - 1), E(6), S.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();
-        })) : (g(A.length - 1), $(a - 1), k.current = requestAnimationFrame(() => {
+        })) : (w(R.length - 1), E(a - 1), S.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 ? (x((t) => t.add(1, "week")), g(0), $(0), k.current = requestAnimationFrame(() => {
+        if (e.preventDefault(), n === R.length - 1) {
+          a + 1 > 6 ? (F((t) => t.add(1, "week")), w(0), E(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), $(i + 1), k.current = requestAnimationFrame(() => {
+          })) : (w(0), E(i + 1), S.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 +73,12 @@ function Ce({
           }));
           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) {
-          x((s) => s.add(-1, "week")), g(o), $(6), k.current = requestAnimationFrame(() => {
+          F((s) => s.add(-1, "week")), w(o), E(6), S.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 +89,7 @@ function Ce({
       }
       case "ArrowRight": {
         if (e.preventDefault(), a === 6) {
-          x((s) => s.add(1, "week")), g(o), $(0), k.current = requestAnimationFrame(() => {
+          F((s) => s.add(1, "week")), w(o), E(0), S.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,9 +105,9 @@ function Ce({
         e.preventDefault(), e.currentTarget.click();
         break;
     }
-    g(o), $(i), (S = (v = p.current) == null ? void 0 : v.querySelector(`[data-row="${o}"][data-col="${i}"][data-week="1"]`)) == null || S.focus();
-  }, ve = (e) => (n) => {
-    var i, v, S, d, s, t;
+    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) => {
+    var i, g, b, l, s, t;
     const a = n.currentTarget.dataset.startDate, o = n.currentTarget.dataset.endDate;
     if (!(!a || !o)) {
       switch (n.key) {
@@ -119,12 +119,12 @@ function Ce({
           break;
         case "ArrowUp": {
           n.preventDefault();
-          const r = n.currentTarget.previousElementSibling, l = !!(r != null && r.getAttribute("data-is-event"));
-          if (r && l)
-            r.focus(), g(T - 1);
+          const r = n.currentTarget.previousElementSibling, u = !!(r != null && r.getAttribute("data-is-event"));
+          if (r && u)
+            r.focus(), w(Y - 1);
           else {
             const c = (i = n.currentTarget.parentElement) == null ? void 0 : i.querySelector(
-              `[data-time="${w(a).add(-30, "minute").format("HH:mm")}"]`
+              `[data-time="${v(a).add(-30, "minute").format("HH:mm")}"]`
             );
             c == null || c.focus();
           }
@@ -132,38 +132,38 @@ function Ce({
         }
         case "ArrowLeft": {
           n.preventDefault();
-          const r = n.currentTarget.previousElementSibling, l = !!(r != null && r.getAttribute("data-is-event"));
-          if (r && l)
+          const r = n.currentTarget.previousElementSibling, u = !!(r != null && r.getAttribute("data-is-event"));
+          if (r && u)
             r.focus();
           else {
-            if (Y === 0) {
-              x((f) => f.add(-1, "week")), g(0), $(6), k.current = requestAnimationFrame(() => {
-                var f, q;
-                (q = (f = p.current) == null ? void 0 : f.querySelector('[data-row="0"][data-col="6"][data-week="1"]')) == null || q.focus();
+            if (z === 0) {
+              F((f) => f.add(-1, "week")), w(0), E(6), S.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;
             }
-            (S = (v = p.current) == null ? void 0 : v.querySelector(
-              `[data-row="${T}"][data-col="${Y - 1}"][data-week="1"]`
-            )) == null || S.focus();
+            (b = (g = p.current) == null ? void 0 : g.querySelector(
+              `[data-row="${Y}"][data-col="${z - 1}"][data-week="1"]`
+            )) == null || b.focus();
           }
           break;
         }
         case "ArrowRight": {
           n.preventDefault();
-          const r = n.currentTarget.nextElementSibling, l = !!(r != null && r.getAttribute("data-is-event"));
-          if (r && l)
+          const r = n.currentTarget.nextElementSibling, u = !!(r != null && r.getAttribute("data-is-event"));
+          if (r && u)
             r.focus();
           else {
-            if (Y === 6) {
-              x((f) => f.add(1, "week")), g(0), $(0), k.current = requestAnimationFrame(() => {
-                var f, q;
-                (q = (f = p.current) == null ? void 0 : f.querySelector('[data-row="0"][data-col="0"][data-week="1"]')) == null || q.focus();
+            if (z === 6) {
+              F((f) => f.add(1, "week")), w(0), E(0), S.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 = (d = p.current) == null ? void 0 : d.querySelector(
-              `[data-row="${T}"][data-col="${Y + 1}"][data-week="1"]`
+            (s = (l = p.current) == null ? void 0 : l.querySelector(
+              `[data-row="${Y}"][data-col="${z + 1}"][data-week="1"]`
             )) == null || s.focus();
           }
           break;
@@ -171,12 +171,12 @@ function Ce({
         case "ArrowDown":
           {
             n.preventDefault();
-            const r = n.currentTarget.nextElementSibling, l = !!(r != null && r.getAttribute("data-is-event"));
-            if (r && l)
-              r.focus(), g(T + 1);
+            const r = n.currentTarget.nextElementSibling, u = !!(r != null && r.getAttribute("data-is-event"));
+            if (r && u)
+              r.focus(), w(Y + 1);
             else {
               const c = (t = n.currentTarget.parentElement) == null ? void 0 : t.querySelector(
-                `[data-time="${w(o).format("HH:mm")}"]`
+                `[data-time="${v(o).format("HH:mm")}"]`
               );
               c == null || c.focus();
             }
@@ -186,70 +186,73 @@ function Ce({
       e == null || e(n);
     }
   };
-  return j(() => {
+  return N(() => {
     const e = () => {
-      var n;
-      if (E != null && E.current && G.current) {
-        const a = E.current.offsetHeight, o = G.current.offsetHeight, i = ((n = pe.current) == null ? void 0 : n.offsetHeight) ?? 0, v = (a - o - i) / A.length;
-        fe(v < 20 ? 20 : v);
+      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(
+          l < $ ? $ : l
+        );
       }
     };
     return e(), window.addEventListener("resize", e), () => {
       window.removeEventListener("resize", e);
     };
-  }, [E, b]), j(() => {
-    const e = O.current;
+  }, [$, y]), N(() => {
+    const e = ee.current;
     if (!e) return;
     const n = () => {
-      re.current = e.offsetWidth;
+      oe.current = e.offsetWidth;
     };
     n();
     const a = (t, r) => {
-      C.current || (L.current && (e.removeEventListener("transitionend", L.current), L.current = null), ee.current = t, te.current = r, V.current = !1, z.current = !0, W.current = 0);
-    }, o = (t, r, l) => {
-      if (!z.current) return;
-      const c = t - ee.current, f = r - te.current;
-      if (W.current = c, !V.current && (ne.current = Math.abs(c), oe.current = Math.abs(f), V.current = !0, oe.current > ne.current)) {
-        z.current = !1;
+      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);
+    }, 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)) {
+        I.current = !1;
         return;
       }
-      l.cancelable && l.preventDefault(), e.style.transition = "none", e.style.transform = `translate3d(${W.current}px, 0, 0)`, e.style.cursor = "grabbing";
+      u.cancelable && u.preventDefault(), e.style.transition = "none", e.style.transform = `translate3d(${U.current}px, 0, 0)`, e.style.cursor = "grabbing";
     }, i = () => {
-      if (e.style.cursor = "grab", !z.current) return;
-      z.current = !1, I.current = !1, C.current = !0;
-      const t = W.current, r = re.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)`, L.current = (c) => {
-        c.propertyName === "transform" && (P.current = requestAnimationFrame(() => {
-          x((f) => f.add(-1, "week")), U.current = requestAnimationFrame(() => {
-            e.style.transition = "none", e.style.transform = "translate3d(0, 0, 0)", I.current = !0, C.current = !1;
+      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;
+      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(() => {
+            e.style.transition = "none", e.style.transform = "translate3d(0, 0, 0)", X.current = !0, q.current = !1;
           });
         }));
-      }, e.addEventListener("transitionend", L.current)) : t < -l ? (e.style.transform = `translate3d(-${r}px, 0, 0)`, L.current = (c) => {
-        c.propertyName === "transform" && (P.current = requestAnimationFrame(() => {
-          x((f) => f.add(1, "week")), U.current = requestAnimationFrame(() => {
-            e.style.transition = "none", e.style.transform = "translate3d(0, 0, 0)", I.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" && (K.current = requestAnimationFrame(() => {
+          F((f) => f.add(1, "week")), P.current = requestAnimationFrame(() => {
+            e.style.transition = "none", e.style.transform = "translate3d(0, 0, 0)", X.current = !0, q.current = !1;
           });
         }));
-      }, e.addEventListener("transitionend", L.current)) : (C.current = !1, I.current = !0, e.style.transform = "translate3d(0, 0, 0)");
-    }, v = (t) => a(t.touches[0].clientX, t.touches[0].clientY), S = (t) => o(t.touches[0].clientX, t.touches[0].clientY, t), d = (t) => a(t.clientX, t.clientY), s = (t) => o(t.clientX, t.clientY, t);
-    return window.addEventListener("resize", n), e.addEventListener("touchstart", v), e.addEventListener("touchmove", S), e.addEventListener("touchend", i), e.addEventListener("touchcancel", i), e.addEventListener("mousedown", d), e.addEventListener("mousemove", s), e.addEventListener("mouseup", i), e.addEventListener("mouseleave", i), () => {
-      window.removeEventListener("resize", n), e.removeEventListener("touchstart", v), e.removeEventListener("touchmove", S), e.removeEventListener("touchend", i), e.removeEventListener("touchcancel", i), e.removeEventListener("mousedown", d), e.removeEventListener("mousemove", s), e.removeEventListener("mouseup", i), e.removeEventListener("mouseleave", i), L.current && e.removeEventListener("transitionend", L.current);
+      }, 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);
     };
-  }, []), j(() => {
+  }, []), N(() => {
     const e = p.current, n = (a) => {
-      C.current && !I.current && a.stopPropagation();
+      q.current && !X.current && a.stopPropagation();
     };
     return e == null || e.addEventListener("click", n), () => {
       e == null || e.removeEventListener("click", n);
     };
-  }, []), j(() => {
-    R == null || R(F);
-  }, [F, R]), j(() => () => {
-    P.current && cancelAnimationFrame(P.current), U.current && cancelAnimationFrame(U.current), k.current && cancelAnimationFrame(k.current);
-  }, []), /* @__PURE__ */ D(h, { tag: "section", flex: 1, flexDirection: "column", "aria-label": "일정 안내", ...K, children: [
-    b && (b == null ? void 0 : b.length) > 0 && /* @__PURE__ */ m(
+  }, []), 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,
       {
+        ref: te,
         justifyContent: "flex-end",
         alignItems: "center",
         gap: 3,
@@ -257,21 +260,21 @@ function Ce({
         pr: 4,
         role: "group",
         "aria-label": "일정 종류 안내",
-        children: b == null ? void 0 : b.map(({ text: e, color: n }) => /* @__PURE__ */ D(h, { alignItems: "center", gap: 1, children: [
+        children: y == null ? void 0 : y.map(({ text: e, color: n }) => /* @__PURE__ */ D(h, { alignItems: "center", gap: 1, children: [
           /* @__PURE__ */ m(
-            ue,
+            fe,
             {
               "aria-hidden": !0,
               inlineCSS: {
                 width: 14,
                 height: 14,
-                border: `1px solid ${y[30]}`,
+                border: `1px solid ${k[30]}`,
                 borderRadius: 4,
                 backgroundColor: n
               }
             }
           ),
-          /* @__PURE__ */ m(B, { variant: "c3R", color: "grey.70", children: e })
+          /* @__PURE__ */ m(C, { variant: "c3R", color: "grey.70", children: e })
         ] }, `legend-${e}-${n}`))
       }
     ),
@@ -287,12 +290,12 @@ function Ce({
           position: "sticky",
           top: 0,
           zIndex: 2,
-          borderBottom: `1px solid ${y[20]}`,
-          backgroundColor: y.white
+          borderBottom: `1px solid ${k[20]}`,
+          backgroundColor: k.white
         },
         children: [
           /* @__PURE__ */ D(
-            B,
+            C,
             {
               variant: "h4B",
               textAlign: "center",
@@ -300,12 +303,12 @@ function Ce({
                 width: 48
               },
               children: [
-                F.month() + 1,
+                A.month() + 1,
                 "월"
               ]
             }
           ),
-          /* @__PURE__ */ m(h, { alignItems: "center", flexGrow: 1, children: ae[1].days.map((e) => /* @__PURE__ */ D(
+          /* @__PURE__ */ m(h, { alignItems: "center", flexGrow: 1, children: ie[1].days.map((e) => /* @__PURE__ */ D(
             h,
             {
               flexDirection: "column",
@@ -314,8 +317,8 @@ function Ce({
               role: "columnheader",
               "aria-label": `${e.format("dddd")} (${e.format("D")}일)`,
               children: [
-                /* @__PURE__ */ m(B, { variant: "c3R", color: e.day() === 0 ? "pink.90" : void 0, children: e.format("ddd") }),
-                /* @__PURE__ */ m(B, { variant: "c3M", color: e.day() === 0 ? "pink.100" : void 0, children: e.format("D") })
+                /* @__PURE__ */ m(C, { variant: "c3R", children: e.format("ddd") }),
+                /* @__PURE__ */ m(C, { variant: "c3M", children: e.format("D") })
               ]
             },
             e.day()
@@ -332,11 +335,11 @@ function Ce({
             position: "sticky",
             left: 0,
             maxHeight: "fit-content",
-            backgroundColor: y.white,
+            backgroundColor: k.white,
             zIndex: 1
           },
           children: [
-            A.map(({ time: e, label: n, isCurrentTime: a }) => /* @__PURE__ */ m(
+            R.map(({ time: e, label: n, isCurrentTime: a }) => /* @__PURE__ */ m(
               h,
               {
                 justifyContent: "center",
@@ -346,11 +349,12 @@ function Ce({
                 "aria-current": a ? "time" : void 0,
                 style: {
                   width: 48,
-                  minHeight: H,
+                  height: H,
+                  minHeight: $,
                   zIndex: 1
                 },
                 children: /* @__PURE__ */ m(
-                  B,
+                  C,
                   {
                     variant: "c3M",
                     color: "grey.70",
@@ -392,14 +396,14 @@ function Ce({
           children: /* @__PURE__ */ m(
             h,
             {
-              ref: O,
+              ref: ee,
               alignItems: "flex-start",
               justifyContent: "center",
               flex: 1,
               inlineCSS: {
                 transform: "translate3d(0, 0, 0)"
               },
-              children: ae.map(({ days: e, scheduleEvents: n }, a) => /* @__PURE__ */ m(
+              children: ie.map(({ days: e, scheduleEvents: n }, a) => /* @__PURE__ */ m(
                 h,
                 {
                   role: "rowgroup",
@@ -410,8 +414,8 @@ function Ce({
                     minWidth: "100%"
                   },
                   children: e.map((o, i) => {
-                    const v = Se(n, o), S = Ee(
-                      v,
+                    const g = Le(n, o), b = Re(
+                      g,
                       o
                     );
                     return /* @__PURE__ */ m(
@@ -420,7 +424,7 @@ function Ce({
                         role: "row",
                         "aria-label": `${o.format("dddd")} ${o.format("D")}일`,
                         style: {
-                          borderLeft: `1px solid ${y[20]}`
+                          borderLeft: `1px solid ${k[20]}`
                         },
                         children: /* @__PURE__ */ D(
                           h,
@@ -431,84 +435,86 @@ function Ce({
                               flex: 1
                             },
                             children: [
-                              A.map(({ time: d, label: s, isCurrentTime: t }, r) => {
-                                const l = a === 1 && r === T && i === Y;
-                                if (typeof M == "function") {
-                                  const c = M(
+                              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"),
-                                    d
+                                    l
                                   );
-                                  return le(c, {
-                                    key: `schedule-block-${o}-${r}-${i}-${d}`,
-                                    onKeyDown: ie,
-                                    onFocus: se(o, s),
+                                  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": d,
+                                    "data-time": l,
                                     "aria-current": t ? "time" : void 0,
-                                    tabIndex: l ? 0 : -1,
+                                    tabIndex: u ? 0 : -1,
                                     "aria-label": `${o.format("dddd")} ${o.format("D")}일 ${s}`,
                                     ...c.props,
                                     style: {
                                       ...c.props.style,
-                                      borderTop: r > 0 ? `1px solid ${y[20]}` : void 0,
-                                      minHeight: H,
+                                      borderTop: r > 0 ? `1px solid ${k[20]}` : void 0,
+                                      height: H,
+                                      minHeight: $,
                                       zIndex: 0
                                     }
                                   });
                                 }
                                 return /* @__PURE__ */ m(
-                                  ue,
+                                  fe,
                                   {
-                                    onKeyDown: ie,
-                                    onFocus: se(o, s),
+                                    onKeyDown: le,
+                                    onFocus: ce(o, s),
                                     role: "gridcell",
                                     "data-row": r,
                                     "data-col": i,
                                     "data-week": a,
-                                    "data-time": d,
+                                    "data-time": l,
                                     "aria-current": t ? "time" : void 0,
-                                    tabIndex: l ? 0 : -1,
+                                    tabIndex: u ? 0 : -1,
                                     "aria-label": `${o.format("dddd")} ${o.format("D")}일 ${s}`,
                                     style: {
-                                      borderTop: r > 0 ? `1px solid ${y[20]}` : void 0,
-                                      minHeight: H,
+                                      borderTop: r > 0 ? `1px solid ${k[20]}` : void 0,
+                                      height: H,
+                                      minHeight: $,
                                       zIndex: 0
                                     }
                                   },
-                                  `schedule-block-${o}-${r}-${i}-${d}`
+                                  `schedule-block-${o}-${r}-${i}-${l}`
                                 );
                               }),
-                              S.map(
-                                ({ children: d, startDate: s, endDate: t, totalColumns: r, columnIndex: l }) => {
-                                  const c = de(s), f = de(t), q = (c - 7 * 60) / 30 * H, we = (f - c) / 30 * H, ce = 100 / r, ge = l * ce, J = d;
+                              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,
                                     {
                                       style: {
                                         position: "absolute",
-                                        top: `${q + 1}px`,
-                                        left: `${ge}%`,
-                                        width: `${ce}%`,
-                                        height: `${we - 1}px`,
+                                        top: `${ge + (x > 0 ? 1 : 0)}px`,
+                                        left: `${ye}%`,
+                                        width: `${ue}%`,
+                                        height: `${be - (x > 0 ? 1 : 0)}px`,
                                         zIndex: 1
                                       },
-                                      children: le(J, {
+                                      children: de(J, {
                                         role: "button",
                                         tabIndex: a === 1 ? 0 : -1,
-                                        onKeyDown: ve(J.props.onKeyDown),
+                                        onKeyDown: we(J.props.onKeyDown),
                                         "data-start-date": s,
-                                        "data-start-time": w(s).format("HH:mm"),
+                                        "data-start-time": v(s).format("HH:mm"),
                                         "data-end-date": t,
-                                        "data-end-time": w(t).format("HH:mm"),
+                                        "data-end-time": v(t).format("HH:mm"),
                                         "data-is-event": !0,
-                                        "aria-label": `${w(s).format("dddd")} ${w(s).format("D")}일 ${w(s).format("A h시")}부터 ${w(t).format("dddd")} ${w(t).format("D")}일 ${w(t).format("A h시")}까지의 일정`,
+                                        "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
                                       })
                                     },
-                                    `${s}-${t}-${l}-${r}`
+                                    `${s}-${t}-${u}-${r}`
                                   );
                                 }
                               )
@@ -527,26 +533,9 @@ function Ce({
         }
       )
     ] }),
-    /* @__PURE__ */ m(
-      "div",
-      {
-        role: "status",
-        style: {
-          position: "absolute",
-          width: 1,
-          height: 1,
-          margin: -1,
-          border: 0,
-          padding: 0,
-          overflow: "hidden",
-          clip: "rect(0 0 0 0)",
-          clipPath: "inset(50%)"
-        },
-        children: me
-      }
-    )
+    /* @__PURE__ */ m(C, { role: "status", visuallyHidden: !0, children: pe })
   ] });
 }
 export {
-  Ce as default
+  Te as default
 };

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

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { FlexboxProps } from 'node_modules/@thedotscorp/ui/Flexbox/Flexbox';
+import { FlexboxProps } from 'node_modules/@dotss/ui/Flexbox/Flexbox';
 export interface SwiperPaginationProps {
     page: number;
     totalPages: number;