@dotss/tictoccroc 0.0.8 → 0.0.10

package/dist/index.mjs

@@ -1,23 +1,23 @@
-import { default as t } from "./shared/components/Scheduler/Scheduler.mjs";
+import { default as o } from "./shared/components/Scheduler/Scheduler.mjs";
 import { default as a } from "./shared/components/Scheduler/ScheduleEvent/ScheduleEvent.mjs";
 import { default as l } from "./shared/components/Scheduler/ScheduleBlock/ScheduleBlock.mjs";
 import { getAvailableDateRange as s } from "./shared/components/Scheduler/Scheduler.utils.mjs";
-import { default as m } from "./shared/components/MediaDialog/MediaDialog.mjs";
+import { default as u } from "./shared/components/MediaDialog/MediaDialog.mjs";
 import { default as i } from "./shared/components/MediaDialog/MediaBlock/MediaBlock.mjs";
-import { default as n } from "./shared/components/MediaDialog/MediaDialogContent/MediaDialogContent.mjs";
+import { default as c } from "./shared/components/MediaDialog/MediaDialogContent/MediaDialogContent.mjs";
 import { default as g } from "./shared/components/MediaDialog/MediaDialogFooter/MediaDialogFooter.mjs";
 import { default as y } from "./shared/components/MediaDialog/MediaDialogToolbar/MediaDialogToolbar.mjs";
-import { default as C } from "./shared/components/Swiper/Swiper.mjs";
-import { default as b } from "./shared/components/Swiper/SwiperBlock/SwiperBlock.mjs";
-import { default as D } from "./shared/components/Carousel/Carousel.mjs";
-import { default as h } from "./shared/components/Carousel/CarouselSlide/CarouselSlide.mjs";
+import { default as A } from "./shared/components/Swiper/Swiper.mjs";
+import { default as v } from "./shared/components/Swiper/SwiperBlock/SwiperBlock.mjs";
+import { default as h } from "./shared/components/Carousel/Carousel.mjs";
+import { default as I } from "./shared/components/Carousel/CarouselSlide/CarouselSlide.mjs";
 import { default as M } from "./shared/components/TimePicker/TimePicker.mjs";
 import { default as R } from "./shared/components/Roller/Roller.mjs";
 import { default as T } from "./shared/components/Roller/RollerBlock/RollerBlock.mjs";
 import { default as G } from "./shared/components/Image/Image.mjs";
-import { default as K } from "./shared/components/Calendar/Calendar.mjs";
-import { default as Q } from "./shared/components/Masonry/Masonry.mjs";
-import { default as F } from "./shared/components/Masonry/MasonryBlock/MasonryBlock.mjs";
+import { default as F } from "./shared/components/Calendar/Calendar.mjs";
+import { default as N } from "./shared/components/Masonry/Masonry.mjs";
+import { default as j } from "./shared/components/Masonry/MasonryBlock/MasonryBlock.mjs";
 import { default as V } from "./shared/components/LoadingAnnouncer/LoadingAnnouncer.mjs";
 import { default as z } from "./shared/hooks/useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.mjs";
 import { default as J } from "./shared/utils/getImageUrl/getImageUrl.mjs";
@@ -25,90 +25,94 @@ import { default as W } from "./shared/utils/isServer/isServer.mjs";
 import { default as Y } from "./shared/utils/getTimeRange/getTimeRange.mjs";
 import { default as _ } from "./shared/utils/getDateRange/getDateRange.mjs";
 import { default as ee } from "./shared/utils/isAndroid/isAndroid.mjs";
-import { default as te } from "./shared/utils/isApp/isApp.mjs";
+import { default as oe } from "./shared/utils/isApp/isApp.mjs";
 import { default as ae } from "./shared/utils/isDesktop/isDesktop.mjs";
 import { default as le } from "./shared/utils/birthDateToAge/birthDateToAge.mjs";
 import { default as se } from "./shared/utils/objectToQueryString/objectToQueryString.mjs";
-import { default as me } from "./shared/utils/getVimeoId/getVimeoId.mjs";
+import { default as ue } from "./shared/utils/getVimeoId/getVimeoId.mjs";
 import { default as ie } from "./shared/utils/parseQueryString/parseQueryString.mjs";
-import { default as ne } from "./shared/utils/share/share.mjs";
-import { default as ge } from "./teacher/profile/components/ProfileSummary/ProfileSummary.mjs";
-import { default as ye } from "./teacher/profile/components/StatBadgeCollection/StatBadgeCollection.mjs";
-import { default as Ce } from "./teacher/profile/components/StatBadgeCollection/StatBadge/StatBadge.mjs";
-import { default as be } from "./teacher/profile/components/ActivityGallery/ActivityGallery.mjs";
-import { default as De } from "./teacher/profile/components/ActivityGallery/ActivityGalleryItem/ActivityGalleryItem.mjs";
-import { default as he } from "./teacher/profile/components/CertificationSection/CertificationSection.mjs";
-import { default as Me } from "./teacher/profile/components/CertificationSection/CertificationItem/CertificationItem.mjs";
-import { default as Re } from "./teacher/profile/components/CareerSection/CareerSection.mjs";
-import { default as Te } from "./teacher/profile/components/CareerSection/CareerItem/CareerItem.mjs";
-import { default as Ge } from "./teacher/profile/components/EducationSection/EducationSection.mjs";
-import { default as Ke } from "./teacher/profile/components/EducationSection/EducationItem/EducationItem.mjs";
-import { default as Qe } from "./teacher/profile/components/PreferredActivityKeywordGroup/PreferredActivityKeywordGroup.mjs";
-import { default as Fe } from "./teacher/profile/components/PreferredAgeGroup/PreferredAgeGroup.mjs";
-import { getPreferredAgeKeywords as Ve } from "./teacher/profile/components/PreferredAgeGroup/PreferredAgeGroup.utils.mjs";
-import { default as ze } from "./teacher/profile/components/AbilityCollection/AbilityCollection.mjs";
-import { default as Je } from "./teacher/profile/components/AbilityCollection/AbilityBadge/AbilityBadge.mjs";
-import { getAbilityCollection as We } from "./teacher/profile/components/AbilityCollection/AbilityCollection.utils.mjs";
-import { default as Ye } from "./teacher/profile/components/AvailableScheduleSection/AvailableScheduleSection.mjs";
-import { default as _e } from "./teacher/profile/components/LessonNotesSection/LessonNotesSection.mjs";
-import { default as eo } from "./teacher/profile/components/LessonNotesSection/LessonNote/LessonNote.mjs";
-import { default as to } from "./teacher/profile/components/ParentReviewSection/ParentReviewSection.mjs";
-import { default as ao } from "./teacher/profile/components/ParentReviewSection/ParentReviewCard/ParentReviewCard.mjs";
+import { default as ce } from "./shared/utils/share/share.mjs";
+import { default as ge } from "./shared/utils/dayFlagToDay/dayFlagToDay.mjs";
+import { default as ye } from "./teacher/profile/components/ProfileSummary/ProfileSummary.mjs";
+import { default as Ae } from "./teacher/profile/components/StatBadgeCollection/StatBadgeCollection.mjs";
+import { default as ve } from "./teacher/profile/components/StatBadgeCollection/StatBadge/StatBadge.mjs";
+import { default as he } from "./teacher/profile/components/ActivityGallery/ActivityGallery.mjs";
+import { default as Ie } from "./teacher/profile/components/ActivityGallery/ActivityGalleryItem/ActivityGalleryItem.mjs";
+import { default as Me } from "./teacher/profile/components/CertificateSection/CertificateSection.mjs";
+import { default as Re } from "./teacher/profile/components/CertificateSection/CertificateItem/CertificateItem.mjs";
+import { default as Te } from "./teacher/profile/components/CareerSection/CareerSection.mjs";
+import { default as Ge } from "./teacher/profile/components/CareerSection/CareerItem/CareerItem.mjs";
+import { default as Fe } from "./teacher/profile/components/EducationSection/EducationSection.mjs";
+import { default as Ne } from "./teacher/profile/components/EducationSection/EducationItem/EducationItem.mjs";
+import { default as je } from "./teacher/profile/components/PreferredActivityKeywordGroup/PreferredActivityKeywordGroup.mjs";
+import { default as Ve } from "./teacher/profile/components/PreferredAgeGroup/PreferredAgeGroup.mjs";
+import { getPreferredAgeKeywords as ze } from "./teacher/profile/components/PreferredAgeGroup/PreferredAgeGroup.utils.mjs";
+import { default as Je } from "./teacher/profile/components/AbilityCollection/AbilityCollection.mjs";
+import { default as We } from "./teacher/profile/components/AbilityCollection/AbilityBadge/AbilityBadge.mjs";
+import { getAbilityCollection as Ye } from "./teacher/profile/components/AbilityCollection/AbilityCollection.utils.mjs";
+import { default as _e } from "./teacher/profile/components/AvailableScheduleSection/AvailableScheduleSection.mjs";
+import { default as et } from "./teacher/profile/components/ClassNotesSection/ClassNotesSection.mjs";
+import { default as ot } from "./teacher/profile/components/ClassNotesSection/ClassNote/ClassNote.mjs";
+import { default as at } from "./teacher/profile/components/ParentReviewSection/ParentReviewSection.mjs";
+import { getChildLabel as lt } from "./teacher/profile/components/ParentReviewSection/ParentReviewSection.utils.mjs";
+import { default as st } from "./teacher/profile/components/ParentReviewSection/ParentReviewCard/ParentReviewCard.mjs";
 export {
-  Je as AbilityBadge,
-  ze as AbilityCollection,
-  be as ActivityGallery,
-  De as ActivityGalleryItem,
-  Ye as AvailableScheduleSection,
-  K as Calendar,
-  Te as CareerItem,
-  Re as CareerSection,
-  D as Carousel,
-  h as CarouselSlide,
-  Me as CertificationItem,
-  he as CertificationSection,
-  Ke as EducationItem,
-  Ge as EducationSection,
+  We as AbilityBadge,
+  Je as AbilityCollection,
+  he as ActivityGallery,
+  Ie as ActivityGalleryItem,
+  _e as AvailableScheduleSection,
+  F as Calendar,
+  Ge as CareerItem,
+  Te as CareerSection,
+  h as Carousel,
+  I as CarouselSlide,
+  Re as CertificateItem,
+  Me as CertificateSection,
+  ot as ClassNote,
+  et as ClassNotesSection,
+  Ne as EducationItem,
+  Fe as EducationSection,
   G as Image,
-  eo as LessonNote,
-  _e as LessonNotesSection,
   V as LoadingAnnouncer,
-  Q as Masonry,
-  F as MasonryBlock,
+  N as Masonry,
+  j as MasonryBlock,
   i as MediaBlock,
-  m as MediaDialog,
-  n as MediaDialogContent,
+  u as MediaDialog,
+  c as MediaDialogContent,
   g as MediaDialogFooter,
   y as MediaDialogToolbar,
-  ao as ParentReviewCard,
-  to as ParentReviewSection,
-  Qe as PreferredActivityKeywordGroup,
-  Fe as PreferredAgeGroup,
-  ge as ProfileSummary,
+  st as ParentReviewCard,
+  at as ParentReviewSection,
+  je as PreferredActivityKeywordGroup,
+  Ve as PreferredAgeGroup,
+  ye as ProfileSummary,
   R as Roller,
   T as RollerBlock,
   l as ScheduleBlock,
   a as ScheduleEvent,
-  t as Scheduler,
-  Ce as StatBadge,
-  ye as StatBadgeCollection,
-  C as Swiper,
-  b as SwiperBlock,
+  o as Scheduler,
+  ve as StatBadge,
+  Ae as StatBadgeCollection,
+  A as Swiper,
+  v as SwiperBlock,
   M as TimePicker,
   le as birthDateToAge,
-  We as getAbilityCollection,
+  ge as dayFlagToDay,
+  Ye as getAbilityCollection,
   s as getAvailableDateRange,
+  lt as getChildLabel,
   _ as getDateRange,
   J as getImageUrl,
-  Ve as getPreferredAgeKeywords,
+  ze as getPreferredAgeKeywords,
   Y as getTimeRange,
-  me as getVimeoId,
+  ue as getVimeoId,
   ee as isAndroid,
-  te as isApp,
+  oe as isApp,
   ae as isDesktop,
   W as isServer,
   se as objectToQueryString,
   ie as parseQueryString,
-  ne as share,
+  ce as share,
   z as useIsomorphicLayoutEffect
 };

package/dist/shared/components/Carousel/index.d.ts

@@ -1,4 +1,4 @@
-import { CarouselProps, default as Carousel } from './Carousel';
+import { CarouselPaginationProps, CarouselProps, default as Carousel } from './Carousel';
 export { default as CarouselSlide, type CarouselSlideProps } from './CarouselSlide';
-export type { CarouselProps };
+export type { CarouselProps, CarouselPaginationProps };
 export default Carousel;

package/dist/shared/components/Masonry/MasonryBlock/MasonryBlock.d.ts

@@ -3,7 +3,7 @@ export interface MasonryBlockProps extends FlexboxProps {
     width?: number;
     height?: number;
     spacing?: number;
-    borderRadius?: number | string;
+    borderRadius?: number;
     direction?: 'horizontal' | 'vertical';
     sourceMetadata?: {
         src: string;

package/dist/shared/components/Masonry/MasonryBlock/MasonryBlock.mjs

@@ -1,38 +1,40 @@
-import { jsxs as k, jsx as g } from "react/jsx-runtime";
-import { forwardRef as a, useState as u, useRef as A, useImperativeHandle as B, useEffect as p, Children as W, isValidElement as z, cloneElement as F } from "react";
-import { Flexbox as t, Skeleton as D } from "@dotss/ui";
-import L from "@dotss/ui/core/useTheme";
-import V from "../../Image/Image.mjs";
-import { findImageInChildren as $ } from "../Masonry.utils.mjs";
-const P = a(
+import { jsxs as C, jsx as b } from "react/jsx-runtime";
+import { forwardRef as W, useState as s, useRef as z, useImperativeHandle as L, useEffect as v, Children as D, isValidElement as V, cloneElement as $ } from "react";
+import { Flexbox as r, Skeleton as q } from "@dotss/ui";
+import G from "@dotss/ui/core/useTheme";
+import J from "../../Image/Image.mjs";
+import { findImageInChildren as K } from "../Masonry.utils.mjs";
+const Z = W(
   ({
-    children: m,
-    width: r = 0,
-    height: s = 0,
+    children: y,
+    width: l = 0,
+    height: c = 0,
     spacing: x = 2,
-    borderRadius: S,
-    direction: v = "vertical",
-    setInnerRef: o,
-    sourceMetadata: l,
+    borderRadius: o = 0,
+    direction: a = "vertical",
+    setInnerRef: t,
+    sourceMetadata: d,
     ...e
   }, T) => {
-    var C;
-    const { spacing: E } = L(), c = $(m), b = (C = c == null ? void 0 : c.props) == null ? void 0 : C.src, i = l == null ? void 0 : l.find((n) => n.src === b), [d, j] = u((i == null ? void 0 : i.width) ?? r ?? 0), [f, H] = u((i == null ? void 0 : i.height) ?? s ?? 0), [y, w] = u(!b), h = A(null), I = () => w(!0);
-    return B(T, () => h.current), p(() => {
-      j((i == null ? void 0 : i.width) ?? r ?? 0), H((i == null ? void 0 : i.height) ?? s ?? 0);
-    }, [r, s, i == null ? void 0 : i.width, i == null ? void 0 : i.height]), p(() => {
-      const n = setTimeout(() => {
-        w(!0);
-      }, 300);
+    var w;
+    const { spacing: E } = G(), f = K(y), p = (w = f == null ? void 0 : f.props) == null ? void 0 : w.src, n = d == null ? void 0 : d.find((i) => i.src === p), [g, j] = s((n == null ? void 0 : n.width) ?? l ?? 0), [h, I] = s((n == null ? void 0 : n.height) ?? c ?? 0), [u, k] = s(!p), [m, H] = s(!p), S = z(null), A = () => k(!0), B = (i) => (F) => {
+      H(!0), i == null || i(F);
+    };
+    return L(T, () => S.current), v(() => {
+      j((n == null ? void 0 : n.width) ?? l ?? 0), I((n == null ? void 0 : n.height) ?? c ?? 0);
+    }, [l, c, n == null ? void 0 : n.width, n == null ? void 0 : n.height]), v(() => {
+      const i = setTimeout(() => {
+        k(!0);
+      }, 500);
       return () => {
-        clearTimeout(n);
+        clearTimeout(i);
       };
-    }, []), p(() => {
-      o == null || o(h.current);
-    }, [o]), /* @__PURE__ */ k(
-      t,
+    }, []), v(() => {
+      t == null || t(S.current);
+    }, [t]), /* @__PURE__ */ C(
+      r,
       {
-        ref: h,
+        ref: S,
         flexDirection: "column",
         ...e,
         inlineCSS: {
@@ -40,18 +42,18 @@ const P = a(
           ...e == null ? void 0 : e.inlineCSS
         },
         children: [
-          v === "vertical" && /* @__PURE__ */ g(
-            t,
+          a === "vertical" && /* @__PURE__ */ b(
+            r,
             {
               inlineCSS: {
                 minHeight: E.content(x)
               }
             }
           ),
-          /* @__PURE__ */ k(
-            t,
+          /* @__PURE__ */ C(
+            r,
             {
-              onTransitionEnd: I,
+              onTransitionEnd: A,
               inlineCSS: {
                 position: "relative",
                 overflow: "hidden",
@@ -62,19 +64,19 @@ const P = a(
                 },
                 ...e == null ? void 0 : e.inlineCSS
               },
-              style: v === "vertical" ? {
-                borderRadius: S,
-                paddingTop: `calc(${f / d} * 100%)`,
+              style: a === "vertical" ? {
+                borderRadius: o,
+                paddingTop: `calc(${h / g} * 100%)`,
                 transition: "transform 0.3s 0.1s, padding-top 0.3s 0.1s"
               } : {
-                borderRadius: S,
-                paddingLeft: d,
-                paddingTop: f,
+                borderRadius: o,
+                paddingLeft: g,
+                paddingTop: h,
                 transition: "transform 0.3s 0.1s, padding-top 0.3s 0.1s, padding-left 0.3s 0.1s"
               },
               children: [
-                /* @__PURE__ */ g(
-                  t,
+                /* @__PURE__ */ b(
+                  r,
                   {
                     inlineCSS: {
                       position: "absolute",
@@ -83,25 +85,29 @@ const P = a(
                       width: "100%",
                       height: "100%",
                       overflow: "hidden",
+                      borderRadius: o + (m && u ? 0 : 2),
+                      transition: "border-radius 0.3s 0.1s",
                       zIndex: 1
                     },
-                    children: W.toArray(m).filter(z).map((n) => n.type === V || n.type === "img" ? F(n, {
-                      width: d,
-                      height: f,
+                    children: D.toArray(y).filter(V).map((i) => i.type === J || i.type === "img" ? $(i, {
+                      width: g,
+                      height: h,
                       draggable: !1,
                       style: {
                         overflow: "hidden",
                         objectFit: "cover",
-                        ...n.props.style
+                        ...i.props.style
                       },
-                      ...n.props
-                    }) : n)
+                      ...i.props,
+                      onLoad: B(i.props.onLoad),
+                      enableFallback: !1
+                    }) : i)
                   }
                 ),
-                /* @__PURE__ */ g(
-                  D,
+                /* @__PURE__ */ b(
+                  q,
                   {
-                    borderRadius: 0,
+                    borderRadius: o,
                     inlineCSS: {
                       position: "absolute",
                       top: 0,
@@ -109,9 +115,9 @@ const P = a(
                       width: "100%",
                       height: "100%",
                       zIndex: 2,
-                      opacity: y ? 0 : 1,
+                      opacity: m && u ? 0 : 1,
                       transition: "opacity 0.3s 0.1s",
-                      pointerEvents: y ? "none" : void 0
+                      pointerEvents: m && u ? "none" : void 0
                     }
                   }
                 )
@@ -124,5 +130,5 @@ const P = a(
   }
 );
 export {
-  P as default
+  Z as default
 };

package/dist/shared/components/Roller/Roller.mjs

@@ -2,16 +2,16 @@ import { jsx as h } from "react/jsx-runtime";
 import { useState as w, useRef as a, Children as k, isValidElement as X, useEffect as g, cloneElement as N } from "react";
 import { Flexbox as P } from "@dotss/ui";
 import U from "./RollerBlock/RollerBlock.mjs";
-import S from "../../../teacher/profile/components/LessonNotesSection/LessonNote/LessonNote.mjs";
+import S from "../../../teacher/profile/components/ClassNotesSection/ClassNote/ClassNote.mjs";
 function V({
-  children: L,
-  spacing: A = 2,
+  children: A,
+  spacing: L = 2,
   edgeSpacing: m = 4,
   rowCount: o = 1,
   inlineCSS: M,
   ...R
 }) {
-  const [y, x] = w(0), n = a(null), i = a(!1), u = a(!0), b = a(0), l = a(0), c = a(0), v = k.toArray(L).filter(X).filter((r) => r.type === U || r.type === S), f = v.length, E = (r) => {
+  const [y, x] = w(0), n = a(null), i = a(!1), u = a(!0), b = a(0), l = a(0), c = a(0), v = k.toArray(A).filter(X).filter((r) => r.type === U || r.type === S), f = v.length, E = (r) => {
     var e, t;
     i.current = !0, b.current = r.clientX - (((e = n.current) == null ? void 0 : e.offsetLeft) || 0), l.current = ((t = n.current) == null ? void 0 : t.scrollLeft) || 0;
   }, I = (r) => {
@@ -81,7 +81,7 @@ function V({
     {
       ref: n,
       alignItems: "baseline",
-      gap: A,
+      gap: L,
       pl: m,
       pr: m,
       onMouseDown: E,

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

@@ -4,7 +4,7 @@ import { Flexbox as m, Box as pe, Typography as q } from "@dotss/ui";
 import Ae from "@dotss/ui/core/useTheme";
 import v from "dayjs";
 import ve from "./ScheduleEvent/ScheduleEvent.mjs";
-import { generateWeek as ee, getDayScheduleEvents as Re, resolvePositionedScheduleEventsForDate as Fe, getMinutesFromMidnight as we } from "./Scheduler.utils.mjs";
+import { generateWeek as O, getDayScheduleEvents as Re, resolvePositionedScheduleEventsForDate as Fe, getMinutesFromMidnight as we } from "./Scheduler.utils.mjs";
 const R = Array.from({ length: 33 }).map((_, P) => {
   const $ = Math.floor((P + 14) / 2) % 24, w = (P + 14) % 2 === 0 ? "00" : "30", T = v().hour($).minute(parseInt(w)), H = v(), D = H.hour(), U = H.minute(), L = D === $ && (U < 30 && w === "00" || U >= 30 && w === "30");
   return {
@@ -25,7 +25,7 @@ function Ye({
 }) {
   const {
     palette: { grey: L }
-  } = Ae(), [M, F] = j(P.startOf("week")), [Y, ge] = j("100%"), [z, g] = j(0), [I, k] = j(0), [be, ye] = j(""), 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) => {
+  } = Ae(), [M, F] = j(P.startOf("week")), [Y, ge] = j("100%"), [z, g] = j(0), [I, k] = j(0), [be, ye] = j(""), ee = d(null), te = d(null), re = d(null), J = d(null), ne = d(0), oe = d(0), N = d(!1), X = d(!1), C = d(!1), K = d(0), ae = d(0), se = d(0), ie = d(0), Q = d(!1), S = d(null), G = d(0), V = d(0), E = d(0), p = d(null), Z = fe.toArray(_).filter(me).map((e) => {
     if (e.type === ve) {
       const { startDate: n, endDate: a } = e.props;
       return {
@@ -36,9 +36,9 @@ function Ye({
     }
     return null;
   }).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)
+    O(M.subtract(1, "week"), Z),
+    O(M, Z),
+    O(M.add(1, "week"), Z)
   ], ue = (e, n) => (a) => {
     const o = Number(a.currentTarget.dataset.row), i = Number(a.currentTarget.dataset.col);
     g(o), k(i), ye(`${e.format("dddd")} ${e.format("D")}일 ${n}`);
@@ -190,8 +190,8 @@ function Ye({
   return W(() => {
     const e = () => {
       var n, a, o;
-      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;
+      if (J.current) {
+        const i = ((a = (n = ee.current) == null ? void 0 : n.parentElement) == null ? void 0 : a.offsetHeight) ?? 0, b = J.current.offsetHeight, y = ((o = re.current) == null ? void 0 : o.offsetHeight) ?? 0;
         let c = (i - b - y) / R.length;
         c = c < w ? w : c, c = Math.min(c, T ?? c), ge(c);
       }
@@ -200,7 +200,6 @@ function Ye({
       window.removeEventListener("resize", e);
     };
   }, [w, T, $]), W(() => {
-    J.current;
     const e = te.current;
     if (!e) return;
     const n = () => {
@@ -208,11 +207,11 @@ function Ye({
     };
     n();
     const a = (t, r) => {
-      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);
+      C.current || (S.current && (e.removeEventListener("transitionend", S.current), S.current = null), ne.current = t, oe.current = r, Q.current = !1, N.current = !0, K.current = 0);
     }, 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)) {
+      if (K.current = u, !Q.current && (se.current = Math.abs(u), ie.current = Math.abs(f), Q.current = !0, ie.current > se.current)) {
         N.current = !1;
         return;
       }
@@ -249,7 +248,7 @@ function Ye({
     D == null || D(M);
   }, [M, D]), W(() => () => {
     G.current && cancelAnimationFrame(G.current), V.current && cancelAnimationFrame(V.current), E.current && cancelAnimationFrame(E.current);
-  }, []), /* @__PURE__ */ A(m, { ref: J, flex: 1, flexDirection: "column", "aria-label": "일정 안내", ...U, children: [
+  }, []), /* @__PURE__ */ A(m, { ref: ee, flex: 1, flexDirection: "column", "aria-label": "일정 안내", ...U, children: [
     $ && ($ == null ? void 0 : $.length) > 0 && /* @__PURE__ */ h(
       m,
       {
@@ -282,7 +281,7 @@ function Ye({
     /* @__PURE__ */ A(
       m,
       {
-        ref: Q,
+        ref: J,
         alignItems: "center",
         pt: 1,
         pb: 2,
@@ -492,7 +491,7 @@ function Ye({
                                 }),
                                 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;
+                                    const u = we(s), f = we(t), x = Math.floor((u - 7 * 60) / 30), Ee = (u - 7 * 60) / 30 * (Number(Y) || w), Le = (f - u) / 30 * (Number(Y) || w), de = 100 / r, Se = l * de, B = c;
                                     return /* @__PURE__ */ h(
                                       m,
                                       {
@@ -504,17 +503,17 @@ function Ye({
                                           height: `${Le - (x > 0 ? 1 : 0)}px`,
                                           zIndex: 1
                                         },
-                                        children: he(O, {
+                                        children: he(B, {
                                           role: "button",
                                           tabIndex: a === 1 ? 0 : -1,
-                                          onKeyDown: ke(O.props.onKeyDown),
+                                          onKeyDown: ke(B.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시")}까지의 일정`,
-                                          ...O.props
+                                          ...B.props
                                         })
                                       },
                                       `${s}-${t}-${l}-${r}`

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

@@ -1,5 +1,6 @@
 import { Dayjs } from 'dayjs';
 import { ScheduleEventProps } from './ScheduleEvent/ScheduleEvent';
+import { DayFlag } from '../../typings/common';
 export interface ScheduleEventWithRange extends ScheduleEventProps {
     start: number;
     end: number;
@@ -27,7 +28,7 @@ export declare function getAvailableDateRange(startDate: string | Date | Dayjs,
         endDate: string;
         startTime: number;
         endTime: number;
-        weekDay: string | number;
+        dayFlag: DayFlag[];
         oneDayDate: string | null;
     }[];
     mergedTimeBlocks: boolean;

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

@@ -1,7 +1,8 @@
 import s from "dayjs";
-import g from "../../utils/getDateRange/getDateRange.mjs";
-import y from "../../utils/getTimeRange/getTimeRange.mjs";
-function M(u, n = []) {
+import g from "../../utils/dayFlagToDay/dayFlagToDay.mjs";
+import v from "../../utils/getDateRange/getDateRange.mjs";
+import E from "../../utils/getTimeRange/getTimeRange.mjs";
+function C(u, n = []) {
   const a = Array.from({ length: 7 }, (e, f) => u.add(f, "day")), i = u, o = u.add(6, "day").endOf("day"), m = n.map((e) => {
     const f = s(e.startDate), t = s(e.endDate).endOf("day"), r = f.isBefore(i) ? i : f, c = t.isAfter(o) ? o : t, l = r.diff(i, "day"), p = c.diff(r, "day") + 1;
     return {
@@ -12,12 +13,12 @@ function M(u, n = []) {
   }).filter((e) => e.start <= 6 && e.end >= 0);
   return { days: a.map((e) => e), scheduleEvents: m };
 }
-function _(u, n) {
+function O(u, n) {
   return u.filter(
     (a) => s(a.startDate).isBefore(n.endOf("day")) && s(a.endDate).isAfter(n.startOf("day"))
   );
 }
-function Y(u, n) {
+function x(u, n) {
   const a = n.startOf("day"), i = n.endOf("day"), m = [...u.filter(
     (t) => s(t.startDate).isBefore(i) && s(t.endDate).isAfter(a)
   ).map((t) => ({
@@ -62,20 +63,20 @@ function D(u) {
   const i = n.length;
   return a.forEach((o) => o.totalColumns = i), a;
 }
-function C(u) {
+function A(u) {
   const n = s(u);
   return n.hour() * 60 + n.minute();
 }
-function O(u, n, {
+function b(u, n, {
   schedules: a,
   mergedTimeBlocks: i = !1
 }) {
-  return g(u, n).flatMap(({ value: o }, m) => {
-    const e = a.filter(({ startDate: r, endDate: c, weekDay: l }) => {
+  return v(u, n).flatMap(({ value: o }, m) => {
+    const e = a.filter(({ startDate: r, endDate: c, dayFlag: l }) => {
       const p = s(r), h = s(c);
-      return p.isAfter(o) || h.isBefore(o) ? !1 : String(l) === o.getDay().toString();
+      return p.isAfter(o) || h.isBefore(o) ? !1 : l.some((y) => g(y) === s(o).day());
     }).filter(({ oneDayDate: r }) => r ? s(r).isSame(o, "date") : !0).flatMap(
-      ({ id: r, startTime: c, endTime: l }) => y(Number(c), Number(l), {
+      ({ id: r, startTime: c, endTime: l }) => E(Number(c), Number(l), {
         step: i ? l - c : void 0,
         pairs: !i
       }).map(({ value: p, label: h }) => ({
@@ -95,9 +96,9 @@ function O(u, n, {
 }
 export {
   D as assignColumnsToGroup,
-  M as generateWeek,
-  O as getAvailableDateRange,
-  _ as getDayScheduleEvents,
-  C as getMinutesFromMidnight,
-  Y as resolvePositionedScheduleEventsForDate
+  C as generateWeek,
+  b as getAvailableDateRange,
+  O as getDayScheduleEvents,
+  A as getMinutesFromMidnight,
+  x as resolvePositionedScheduleEventsForDate
 };

package/dist/shared/typings/common.d.ts

@@ -0,0 +1,9 @@
+export declare const enum DayFlag {
+    SUN = "SUN",
+    MON = "MON",
+    TUE = "TUE",
+    WED = "WED",
+    THU = "THU",
+    FRI = "FRI",
+    SAT = "SAT"
+}

package/dist/shared/typings/common.mjs

@@ -0,0 +1,4 @@
+var U = /* @__PURE__ */ ((T) => (T.SUN = "SUN", T.MON = "MON", T.TUE = "TUE", T.WED = "WED", T.THU = "THU", T.FRI = "FRI", T.SAT = "SAT", T))(U || {});
+export {
+  U as DayFlag
+};

package/dist/shared/typings/index.d.ts

@@ -0,0 +1 @@
+export * from './common';