@dotss/tictoccroc 0.0.8 → 0.0.9

package/dist/index.mjs

@@ -1,16 +1,16 @@
-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 B } 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";
@@ -25,20 +25,20 @@ 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 ce } 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 Ae } from "./teacher/profile/components/StatBadgeCollection/StatBadge/StatBadge.mjs";
+import { default as ve } from "./teacher/profile/components/ActivityGallery/ActivityGallery.mjs";
+import { default as Be } from "./teacher/profile/components/ActivityGallery/ActivityGalleryItem/ActivityGalleryItem.mjs";
+import { default as Ie } from "./teacher/profile/components/CertificateSection/CertificateSection.mjs";
+import { default as Me } from "./teacher/profile/components/CertificateSection/CertificateItem/CertificateItem.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";
@@ -50,38 +50,39 @@ import { default as ze } from "./teacher/profile/components/AbilityCollection/Ab
 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 _e } from "./teacher/profile/components/ClassNotesSection/ClassNotesSection.mjs";
+import { default as et } from "./teacher/profile/components/ClassNotesSection/ClassNote/ClassNote.mjs";
+import { default as ot } from "./teacher/profile/components/ParentReviewSection/ParentReviewSection.mjs";
+import { getChildLabel as at } from "./teacher/profile/components/ParentReviewSection/ParentReviewSection.utils.mjs";
+import { default as lt } from "./teacher/profile/components/ParentReviewSection/ParentReviewCard/ParentReviewCard.mjs";
 export {
   Je as AbilityBadge,
   ze as AbilityCollection,
-  be as ActivityGallery,
-  De as ActivityGalleryItem,
+  ve as ActivityGallery,
+  Be 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,
+  B as Carousel,
+  I as CarouselSlide,
+  Me as CertificateItem,
+  Ie as CertificateSection,
+  et as ClassNote,
+  _e as ClassNotesSection,
   Ke as EducationItem,
   Ge as EducationSection,
   G as Image,
-  eo as LessonNote,
-  _e as LessonNotesSection,
   V as LoadingAnnouncer,
   Q as Masonry,
   F 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,
+  lt as ParentReviewCard,
+  ot as ParentReviewSection,
   Qe as PreferredActivityKeywordGroup,
   Fe as PreferredAgeGroup,
   ge as ProfileSummary,
@@ -89,26 +90,27 @@ export {
   T as RollerBlock,
   l as ScheduleBlock,
   a as ScheduleEvent,
-  t as Scheduler,
-  Ce as StatBadge,
+  o as Scheduler,
+  Ae as StatBadge,
   ye as StatBadgeCollection,
-  C as Swiper,
-  b as SwiperBlock,
+  A as Swiper,
+  v as SwiperBlock,
   M as TimePicker,
   le as birthDateToAge,
   We as getAbilityCollection,
   s as getAvailableDateRange,
+  at as getChildLabel,
   _ as getDateRange,
   J as getImageUrl,
   Ve 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/teacher/profile/components/AbilityCollection/AbilityBadge/AbilityBadge.mjs

@@ -1,19 +1,19 @@
 import { jsxs as r, Fragment as c, jsx as i } from "react/jsx-runtime";
-import { Flexbox as a, Typography as e, BottomSheet as x, BottomSheetTitle as C, BottomSheetContent as f, Label as v, BottomSheetAction as R, Button as L } from "@dotss/ui";
+import { Flexbox as a, Typography as e, BottomSheet as f, BottomSheetTitle as x, BottomSheetContent as C, Label as v, BottomSheetAction as R, Button as L } from "@dotss/ui";
 import $ from "@dotss/ui/core/useTheme";
-import y from "../../../../../shared/components/Image/Image.mjs";
+import h from "../../../../../shared/components/Image/Image.mjs";
 import { getIconFileName as B } from "../AbilityCollection.utils.mjs";
-function k({
+function F({
   name: t,
-  iconBasePath: h,
+  iconBasePath: b,
   completed: d,
-  detail: { open: g, label: b, description: m, onClose: S, onClickApply: p },
+  detail: { open: S, label: m, description: p, onClose: s, onClickApply: g },
   ...o
 }) {
   const {
     palette: { brand: l },
     spacing: n
-  } = $(), s = `${h}/images/activities/${B(t, d)}`, u = ["창의악어", "영어악어", "영유아악어"].includes(t) ? "ability" : "eductation";
+  } = $(), y = `${b}/images/activities/${B(t, d)}`, u = ["창의악어", "영어악어", "영유아악어"].includes(t) ? "ability" : "eductation";
   return /* @__PURE__ */ r(c, { children: [
     /* @__PURE__ */ r(
       a,
@@ -25,17 +25,17 @@ function k({
         "aria-labelledby": `ability-badge-name-${t}`,
         "aria-describedby": `ability-badge-status-${t}`,
         "aria-controls": `ability-badge-detail-${t}`,
-        "aria-expanded": g,
+        "aria-expanded": S,
         gap: 2,
         ...o,
         inlineCSS: { width: "100%", cursor: "pointer", ...o == null ? void 0 : o.inlineCSS },
         children: [
           /* @__PURE__ */ i(
-            y,
+            h,
             {
               width: 48,
               height: 48,
-              src: s,
+              src: y,
               alt: `${t} 배지`,
               borderRadius: 12,
               "aria-hidden": !0
@@ -60,17 +60,17 @@ function k({
       }
     ),
     /* @__PURE__ */ r(
-      x,
+      f,
       {
         id: `ability-badge-detail-${t}`,
-        open: g,
-        onClose: S,
+        open: S,
+        onClose: s,
         "aria-labelledby": `ability-badge-detail-name-${t}`,
         "aria-describedby": `ability-badge-detail-description-${t}`,
         children: [
-          /* @__PURE__ */ i(C, { onClose: S, autoFocus: !0, hideLine: !0 }),
+          /* @__PURE__ */ i(x, { onClose: s, autoFocus: !0, hideLine: !0 }),
           /* @__PURE__ */ r(
-            f,
+            C,
             {
               inlineCSS: {
                 alignItems: "center",
@@ -79,11 +79,11 @@ function k({
               },
               children: [
                 /* @__PURE__ */ i(
-                  y,
+                  h,
                   {
                     width: 80,
                     height: 80,
-                    src: s,
+                    src: y,
                     alt: `${t} 배지`,
                     borderRadius: 12,
                     "aria-hidden": !0
@@ -99,7 +99,7 @@ function k({
                     mb: d ? 4 : void 0,
                     children: [
                       /* @__PURE__ */ i(e, { tag: "h3", variant: "h3B", id: `ability-badge-detail-name-${t}`, children: t }),
-                      /* @__PURE__ */ i(v, { variant: "outlined", color: "blue", size: "small", children: b }),
+                      /* @__PURE__ */ i(v, { variant: "outlined", color: "blue", size: "small", children: m }),
                       /* @__PURE__ */ i(
                         e,
                         {
@@ -110,13 +110,13 @@ function k({
                           inlineCSS: {
                             whiteSpace: "pre-line"
                           },
-                          children: m
+                          children: p
                         }
                       )
                     ]
                   }
                 ),
-                !d && /* @__PURE__ */ r(
+                !d && typeof g == "function" && /* @__PURE__ */ r(
                   a,
                   {
                     mt: 2,
@@ -432,12 +432,12 @@ function k({
               ]
             }
           ),
-          !d && /* @__PURE__ */ i(R, { children: /* @__PURE__ */ i(L, { size: "large", onClick: p, children: "신청하기" }) })
+          !d && typeof g == "function" && /* @__PURE__ */ i(R, { children: /* @__PURE__ */ i(L, { size: "large", onClick: g, children: "신청하기" }) })
         ]
       }
     )
   ] });
 }
 export {
-  k as default
+  F as default
 };