@dotss/tictoccroc 0.0.2 → 0.0.4

package/dist/shared/components/Swiper/Swiper.mjs

@@ -1,26 +1,27 @@
 import { jsxs as Z } from "react/jsx-runtime";
-import { useState as _, useRef as f, Children as P, isValidElement as G, useEffect as k, cloneElement as I } from "react";
+import { useState as _, useRef as f, Children as x, isValidElement as G, useEffect as k, cloneElement as ar } from "react";
 import { Flexbox as K } from "@dotss/ui";
+import I from "../MediaDialog/MediaBlock/MediaBlock.mjs";
 import { createSwipeEvent as b } from "./Swiper.utils.mjs";
 import U from "./SwiperBlock/SwiperBlock.mjs";
-function dr({
+function hr({
   children: j,
   initialPage: p = 0,
   onSwipe: u,
-  onSwiping: D,
+  onSwiping: T,
   loop: y = !1,
   disableSwipe: O = !1,
-  renderPagination: q,
+  renderPagination: B,
   inlineCSS: S,
   ...w
 }) {
-  const [R, C] = _(p), [s, rr] = _(0), t = f(null), X = f(0), W = f(0), B = f(0), Y = f(0), o = f(!1), d = f(!0), N = f(""), n = f(p), H = f(!1), i = f(null), E = P.count(j), m = P.toArray(j).filter(G).filter((r) => r.type === U), $ = E > 1 && !O, tr = P.toArray(m == null ? void 0 : m[0]).filter(G).filter((r) => r.type === U), er = P.toArray(m == null ? void 0 : m[(m == null ? void 0 : m.length) - 1]).filter(G).filter((r) => r.type === U), J = (r, e, l) => {
-    !t.current || !$ || (N.current = t.current.style.transform, W.current = r, X.current = r + t.current.offsetWidth * (l + 1), B.current = e);
-  }, M = (r, e, l) => {
-    if (!t.current || !$ || !o.current || !d.current)
+  const [P, R] = _(p), [s, rr] = _(0), t = f(null), X = f(0), W = f(0), q = f(0), Y = f(0), o = f(!1), d = f(!0), N = f(""), n = f(p), H = f(!1), l = f(null), E = x.count(j), m = x.toArray(j).filter(G).filter((r) => r.type === U || r.type === I), D = E > 1 && !O, tr = x.toArray(m == null ? void 0 : m[0]).filter(G).filter((r) => r.type === U || r.type === I), er = x.toArray(m == null ? void 0 : m[(m == null ? void 0 : m.length) - 1]).filter(G).filter((r) => r.type === U || r.type === I), J = (r, e, i) => {
+    !t.current || !D || (N.current = t.current.style.transform, W.current = r, X.current = r + t.current.offsetWidth * (i + 1), q.current = e);
+  }, C = (r, e, i) => {
+    if (!t.current || !D || !o.current || !d.current)
       return;
-    d.current = !1, t.current.style.transition = "transform 0.2s", t.current.style.cursor = "grab", i.current && (t.current.removeEventListener("transitionend", i.current), i.current = null);
-    const a = e || R, c = l || X.current - t.current.offsetWidth * (a + 1) - r, g = t.current.offsetWidth * 0.1;
+    d.current = !1, t.current.style.transition = "transform 0.2s", t.current.style.cursor = "grab", l.current && (t.current.removeEventListener("transitionend", l.current), l.current = null);
+    const a = e || P, c = i || X.current - t.current.offsetWidth * (a + 1) - r, g = t.current.offsetWidth * 0.1;
     if (Math.abs(c) < g && !e) {
       t.current.style.transform = N.current, o.current = !1, d.current = !0, u == null || u(
         b({
@@ -32,19 +33,19 @@ function dr({
       );
       return;
     }
-    const A = c <= -g && a - 1 < 0, x = c >= g && a + 1 === s, F = c >= g && a + 1 < s, z = c <= -g && a - 1 >= 0;
-    if (A) {
+    const $ = c <= -g && a - 1 < 0, A = c >= g && a + 1 === s, F = c >= g && a + 1 < s, z = c <= -g && a - 1 >= 0;
+    if ($) {
       n.current = s - 1, u == null || u(
         b({ realPage: n.current, totalPages: s, lastPage: 0, isLoop: !0 })
-      ), t.current.style.transform = "translate3d(0, 0, 0)", i.current = (T) => {
+      ), t.current.style.transform = "translate3d(0, 0, 0)", l.current = (M) => {
         var h, v, L;
-        if (T.propertyName === "transform") {
+        if (M.propertyName === "transform") {
           if (!t.current) return;
-          t.current.style.transition = "none", t.current.style.transform = `translate3d(calc(-100% * ${s}), 0, 0)`, C(s - 1), o.current = !1, d.current = !0, (L = (v = (h = t.current) == null ? void 0 : h.children) == null ? void 0 : v[s]) == null || L.focus();
+          t.current.style.transition = "none", t.current.style.transform = `translate3d(calc(-100% * ${s}), 0, 0)`, R(s - 1), o.current = !1, d.current = !0, (L = (v = (h = t.current) == null ? void 0 : h.children) == null ? void 0 : v[s]) == null || L.focus();
         }
-      }, t.current.addEventListener("transitionend", i.current);
+      }, t.current.addEventListener("transitionend", l.current);
       return;
-    } else if (x) {
+    } else if (A) {
       n.current = 0, u == null || u(
         b({
           realPage: n.current,
@@ -52,13 +53,13 @@ function dr({
           lastPage: s - 1,
           isLoop: !0
         })
-      ), t.current.style.transform = `translate3d(calc(-100% * ${a + 2}), 0, 0)`, i.current = (T) => {
+      ), t.current.style.transform = `translate3d(calc(-100% * ${a + 2}), 0, 0)`, l.current = (M) => {
         var h, v, L;
-        if (T.propertyName === "transform") {
+        if (M.propertyName === "transform") {
           if (!t.current) return;
-          t.current.style.transition = "none", t.current.style.transform = "translate3d(-100%, 0, 0)", C(0), o.current = !1, d.current = !0, (L = (v = (h = t.current) == null ? void 0 : h.children) == null ? void 0 : v[1]) == null || L.focus();
+          t.current.style.transition = "none", t.current.style.transform = "translate3d(-100%, 0, 0)", R(0), o.current = !1, d.current = !0, (L = (v = (h = t.current) == null ? void 0 : h.children) == null ? void 0 : v[1]) == null || L.focus();
         }
-      }, t.current.addEventListener("transitionend", i.current);
+      }, t.current.addEventListener("transitionend", l.current);
       return;
     }
     F ? (n.current = a + 1, u == null || u(
@@ -68,47 +69,47 @@ function dr({
         lastPage: a,
         isLoop: !0
       })
-    ), C(n.current), t.current.style.transform = `translate3d(calc(-100% * ${a + 2}), 0, 0)`) : z ? (n.current = a - 1, u == null || u(
+    ), R(n.current), t.current.style.transform = `translate3d(calc(-100% * ${a + 2}), 0, 0)`) : z ? (n.current = a - 1, u == null || u(
       b({
         realPage: n.current,
         totalPages: s,
         lastPage: a,
         isLoop: !1
       })
-    ), C(n.current), t.current.style.transform = `translate3d(calc(-100% * ${a}), 0, 0)`) : (u == null || u(
+    ), R(n.current), t.current.style.transform = `translate3d(calc(-100% * ${a}), 0, 0)`) : (u == null || u(
       b({
         realPage: n.current,
         totalPages: s,
         lastPage: n.current,
         isLoop: !1
       })
-    ), t.current.style.transform = N.current), i.current = (T) => {
+    ), t.current.style.transform = N.current), l.current = (M) => {
       var h;
-      if (T.propertyName === "transform") {
+      if (M.propertyName === "transform") {
         o.current = !1, d.current = !0;
         const v = Array.from(((h = t.current) == null ? void 0 : h.children) ?? []).find(
           (L) => L.getAttribute("aria-current") === "page"
         );
         v && v.focus();
       }
-    }, t.current.addEventListener("transitionend", i.current);
+    }, t.current.addEventListener("transitionend", l.current);
   }, nr = (r) => {
     o.current = !0, J(r.clientX, r.clientY, n.current);
-  }, Q = (r) => M(r.clientX), cr = (r) => {
+  }, Q = (r) => C(r.clientX), cr = (r) => {
     J(r.touches[0].clientX, r.touches[0].clientY, n.current);
-  }, V = (r) => M(r.changedTouches[0].clientX), sr = (r) => {
+  }, V = (r) => C(r.changedTouches[0].clientX), sr = (r) => {
     o.current = !0;
     const e = r - 1;
-    C(e <= 0 ? 0 : e), M(0, r);
+    R(e <= 0 ? 0 : e), C(0, r);
   }, ur = (r) => (e) => {
-    var l, a;
+    var i, a;
     switch (e.key) {
       case "ArrowRight": {
         if (e.preventDefault(), o.current || !d.current) return;
         const c = n.current === s - 1;
         if (!y && c)
           return;
-        o.current = !0, M(0, n.current, (((l = t.current) == null ? void 0 : l.offsetWidth) ?? 0) * 0.1);
+        o.current = !0, C(0, n.current, (((i = t.current) == null ? void 0 : i.offsetWidth) ?? 0) * 0.1);
         break;
       }
       case "ArrowLeft": {
@@ -116,7 +117,7 @@ function dr({
         const c = n.current === 0;
         if (!y && c)
           return;
-        o.current = !0, M(0, n.current, -((((a = t.current) == null ? void 0 : a.offsetWidth) ?? 0) * 0.1));
+        o.current = !0, C(0, n.current, -((((a = t.current) == null ? void 0 : a.offsetWidth) ?? 0) * 0.1));
         break;
       }
       case "Enter": {
@@ -131,11 +132,11 @@ function dr({
     r == null || r(e);
   };
   return k(() => {
-    const r = t.current, e = (c, g, A) => {
-      if (!t.current || !$ || !d.current) return;
+    const r = t.current, e = (c, g, $) => {
+      if (!t.current || !D || !d.current) return;
       Y.current = c - X.current;
-      const x = 5;
-      if (o.current = o.current || Math.abs(Y.current) > x && Math.abs(g - B.current) < x, o.current) {
+      const A = 5;
+      if (o.current = o.current || Math.abs(Y.current) > A && Math.abs(g - q.current) < A, o.current) {
         const F = W.current < c, z = W.current > c;
         if (!y && F && n.current === 0) {
           o.current = !1;
@@ -145,7 +146,7 @@ function dr({
           o.current = !1;
           return;
         }
-        A.cancelable && A.preventDefault(), D == null || D(
+        $.cancelable && $.preventDefault(), T == null || T(
           b({
             realPage: n.current,
             totalPages: s,
@@ -154,15 +155,15 @@ function dr({
           })
         ), t.current.style.transition = "none", t.current.style.cursor = "grabbing", t.current.style.transform = `translate3d(${Y.current}px, 0, 0)`;
       }
-    }, l = (c) => {
+    }, i = (c) => {
       o.current && e(c.clientX, c.clientY, c);
     }, a = (c) => e(c.touches[0].clientX, c.touches[0].clientY, c);
-    return r && (r.addEventListener("mousemove", l), r.addEventListener("touchmove", a)), () => {
-      r && (r.removeEventListener("mousemove", l), r.removeEventListener("touchmove", a));
+    return r && (r.addEventListener("mousemove", i), r.addEventListener("touchmove", a)), () => {
+      r && (r.removeEventListener("mousemove", i), r.removeEventListener("touchmove", a));
     };
-  }, [$, D, y, s]), k(() => {
-    const r = t.current, e = (l) => {
-      d.current || l.stopPropagation();
+  }, [D, T, y, s]), k(() => {
+    const r = t.current, e = (i) => {
+      d.current || i.stopPropagation();
     };
     return r == null || r.addEventListener("click", e), () => {
       r == null || r.removeEventListener("click", e);
@@ -170,12 +171,12 @@ function dr({
   }, []), k(() => {
     const r = t.current;
     return () => {
-      i.current && r && (r.removeEventListener("transitionend", i.current), i.current = null);
+      l.current && r && (r.removeEventListener("transitionend", l.current), l.current = null);
     };
   }, []), k(() => {
     rr(E);
   }, [E]), k(() => {
-    t.current && !H.current && (H.current = !0, t.current.style.transform = `translate3d(calc(-100% * ${E < p + 1 ? E : p + 1}), 0, 0)`);
+    t.current && !H.current && (H.current = !0, t.current.style.transition = "none", t.current.style.transform = `translate3d(calc(-100% * ${E < p + 1 ? E : p + 1}), 0, 0)`);
   }, [p, E]), /* @__PURE__ */ Z(
     K,
     {
@@ -215,40 +216,30 @@ function dr({
               cursor: "grab"
             },
             children: [
-              P.map(
-                er,
-                (r) => I(r, {
-                  "aria-hidden": !0
-                })
-              ),
+              er,
               m.map(
-                (r, e) => I(r, {
+                (r, e) => ar(r, {
                   role: "listitem",
-                  tabIndex: e === R ? 0 : -1,
+                  tabIndex: e === P ? 0 : -1,
                   onKeyDown: ur(r.props.onKeyDown),
                   "aria-roledescription": "slide",
-                  "aria-hidden": e !== R,
-                  "aria-current": e === R ? "page" : void 0,
+                  "aria-hidden": e !== P,
+                  "aria-current": e === P ? "page" : void 0,
                   "aria-label": `${s}개 중 ${e + 1}번째 슬라이드`,
                   "aria-posinset": e + 1,
                   "aria-setsize": s,
                   ...r.props
                 })
               ),
-              P.map(
-                tr,
-                (r) => I(r, {
-                  "aria-hidden": !0
-                })
-              )
+              tr
             ]
           }
         ),
-        typeof q == "function" && q({ page: R, totalPages: s, onChange: sr })
+        typeof B == "function" && B({ page: P, totalPages: s, onChange: sr })
       ]
     }
   );
 }
 export {
-  dr as default
+  hr as default
 };

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

@@ -1,5 +1,5 @@
 export { default as Scheduler } from './Scheduler';
-export { default as ImageZoomDialog } from './ImageZoomDialog';
+export { default as MediaDialog } from './MediaDialog';
 export { default as Swiper } from './Swiper';
 export { default as Carousel } from './Carousel';
 export { default as TimePicker } from './TimePicker';
@@ -9,7 +9,7 @@ export { default as Calendar } from './Calendar';
 export { default as Masonry } from './Masonry';
 export { default as LoadingAnnouncer } from './LoadingAnnouncer';
 export * from './Scheduler';
-export * from './ImageZoomDialog';
+export * from './MediaDialog';
 export * from './Swiper';
 export * from './Carousel';
 export * from './TimePicker';

package/dist/shared/components/index.mjs

@@ -1,42 +1,44 @@
 import { default as a } from "./Scheduler/Scheduler.mjs";
 import { default as t } from "./Scheduler/ScheduleEvent/ScheduleEvent.mjs";
 import { default as f } from "./Scheduler/ScheduleBlock/ScheduleBlock.mjs";
-import { getAvailableDateRange as d } from "./Scheduler/Scheduler.utils.mjs";
-import { default as s } from "./ImageZoomDialog/ImageZoomDialog.mjs";
-import { default as x } from "./ImageZoomDialog/ImageZoomDialogContent/ImageZoomDialogContent.mjs";
-import { default as i } from "./ImageZoomDialog/ImageZoomDialogFooter/ImageZoomDialogFooter.mjs";
-import { default as c } from "./ImageZoomDialog/ImageZoomDialogToolbar/ImageZoomDialogToolbar.mjs";
-import { default as k } from "./Swiper/Swiper.mjs";
-import { default as I } from "./Swiper/SwiperBlock/SwiperBlock.mjs";
-import { default as C } from "./Carousel/Carousel.mjs";
-import { default as Z } from "./Carousel/CarouselSlide/CarouselSlide.mjs";
-import { default as b } from "./TimePicker/TimePicker.mjs";
-import { R as w } from "../../LessonNotesSection-a2QNdQtj.js";
-import { default as A } from "./Roller/RollerBlock/RollerBlock.mjs";
-import { default as T } from "./Image/Image.mjs";
-import { default as F } from "./Calendar/Calendar.mjs";
-import { default as P } from "./Masonry/Masonry.mjs";
-import { default as q } from "./Masonry/MasonryBlock/MasonryBlock.mjs";
-import { default as G } from "./LoadingAnnouncer/LoadingAnnouncer.mjs";
+import { getAvailableDateRange as u } from "./Scheduler/Scheduler.utils.mjs";
+import { default as m } from "./MediaDialog/MediaDialog.mjs";
+import { default as x } from "./MediaDialog/MediaBlock/MediaBlock.mjs";
+import { default as n } from "./MediaDialog/MediaDialogContent/MediaDialogContent.mjs";
+import { default as g } from "./MediaDialog/MediaDialogFooter/MediaDialogFooter.mjs";
+import { default as k } from "./MediaDialog/MediaDialogToolbar/MediaDialogToolbar.mjs";
+import { default as B } from "./Swiper/Swiper.mjs";
+import { default as C } from "./Swiper/SwiperBlock/SwiperBlock.mjs";
+import { default as h } from "./Carousel/Carousel.mjs";
+import { default as v } from "./Carousel/CarouselSlide/CarouselSlide.mjs";
+import { default as y } from "./TimePicker/TimePicker.mjs";
+import { R as T } from "../../LessonNotesSection-Bg1DHFxg.js";
+import { default as F } from "./Roller/RollerBlock/RollerBlock.mjs";
+import { default as L } from "./Image/Image.mjs";
+import { default as j } from "./Calendar/Calendar.mjs";
+import { default as z } from "./Masonry/Masonry.mjs";
+import { default as H } from "./Masonry/MasonryBlock/MasonryBlock.mjs";
+import { default as K } from "./LoadingAnnouncer/LoadingAnnouncer.mjs";
 export {
-  F as Calendar,
-  C as Carousel,
-  Z as CarouselSlide,
-  T as Image,
-  s as ImageZoomDialog,
-  x as ImageZoomDialogContent,
-  i as ImageZoomDialogFooter,
-  c as ImageZoomDialogToolbar,
-  G as LoadingAnnouncer,
-  P as Masonry,
-  q as MasonryBlock,
-  w as Roller,
-  A as RollerBlock,
+  j as Calendar,
+  h as Carousel,
+  v as CarouselSlide,
+  L as Image,
+  K as LoadingAnnouncer,
+  z as Masonry,
+  H as MasonryBlock,
+  x as MediaBlock,
+  m as MediaDialog,
+  n as MediaDialogContent,
+  g as MediaDialogFooter,
+  k as MediaDialogToolbar,
+  T as Roller,
+  F as RollerBlock,
   f as ScheduleBlock,
   t as ScheduleEvent,
   a as Scheduler,
-  k as Swiper,
-  I as SwiperBlock,
-  b as TimePicker,
-  d as getAvailableDateRange
+  B as Swiper,
+  C as SwiperBlock,
+  y as TimePicker,
+  u as getAvailableDateRange
 };

package/dist/teacher/profile/components/AbilityCollection/AbilityBadge/AbilityBadge.mjs

@@ -1,20 +1,20 @@
-import { jsxs as r, Fragment as d, jsx as i } from "react/jsx-runtime";
-import { Flexbox as a, Typography as t, BottomSheet as x, BottomSheetTitle as C, BottomSheetContent as f, Label as v, BottomSheetAction as R, Button as L } from "@dotss/ui";
+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 $ from "@dotss/ui/core/useTheme";
 import y from "../../../../../shared/components/Image/Image.mjs";
 import { getIconFileName as B } from "../AbilityCollection.utils.mjs";
 function k({
-  name: e,
+  name: t,
   iconBasePath: h,
-  completed: c,
-  detail: { open: g, label: m, description: b, onClose: S, onClickApply: p },
+  completed: d,
+  detail: { open: g, label: b, description: m, onClose: S, onClickApply: p },
   ...o
 }) {
   const {
     palette: { brand: l },
     spacing: n
-  } = $(), s = `${h}/images/activities/${B(e, c)}`, u = ["창의악어", "영어악어", "영유아 악어"].includes(e) ? "ability" : "eductation";
-  return /* @__PURE__ */ r(d, { children: [
+  } = $(), s = `${h}/images/activities/${B(t, d)}`, u = ["창의악어", "영어악어", "영유아악어"].includes(t) ? "ability" : "eductation";
+  return /* @__PURE__ */ r(c, { children: [
     /* @__PURE__ */ r(
       a,
       {
@@ -22,9 +22,9 @@ function k({
         flexDirection: "column",
         alignItems: "center",
         justifyContent: "center",
-        "aria-label": `${e} 배지 상세 정보 확인하기`,
-        "aria-describedby": `ability-badge-status-${e}`,
-        "aria-controls": `ability-badge-detail-${e}`,
+        "aria-labelledby": `ability-badge-name-${t}`,
+        "aria-describedby": `ability-badge-status-${t}`,
+        "aria-controls": `ability-badge-detail-${t}`,
         "aria-expanded": g,
         gap: 2,
         ...o,
@@ -36,35 +36,37 @@ function k({
               width: 48,
               height: 48,
               src: s,
-              alt: `${e} 배지`,
+              alt: `${t} 배지`,
               borderRadius: 12,
               "aria-hidden": !0
             }
           ),
           /* @__PURE__ */ i(
-            t,
+            e,
             {
+              id: `ability-badge-name-${t}`,
               variant: "c1M",
               color: "grey.70",
               textAlign: "center",
+              "aria-label": `${t} 배지`,
               inlineCSS: {
                 wordBreak: "keep-all"
               },
-              children: e
+              children: t
             }
           ),
-          /* @__PURE__ */ i(t, { id: `ability-badge-status-${e}`, role: "status", visuallyHidden: !0, children: c ? "획득 완료" : "미획득" })
+          /* @__PURE__ */ i(e, { id: `ability-badge-status-${t}`, visuallyHidden: !0, children: d ? "획득 완료" : "미획득" })
         ]
       }
     ),
     /* @__PURE__ */ r(
       x,
       {
-        id: `ability-badge-detail-${e}`,
+        id: `ability-badge-detail-${t}`,
         open: g,
         onClose: S,
-        "aria-labelledby": `ability-badge-detail-name-${e}`,
-        "aria-describedby": `ability-badge-detail-description-${e}`,
+        "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__ */ r(
@@ -82,7 +84,7 @@ function k({
                     width: 80,
                     height: 80,
                     src: s,
-                    alt: `${e} 배지`,
+                    alt: `${t} 배지`,
                     borderRadius: 12,
                     "aria-hidden": !0
                   }
@@ -94,27 +96,27 @@ function k({
                     alignItems: "center",
                     justifyContent: "center",
                     gap: 2,
-                    mb: c ? 4 : void 0,
+                    mb: d ? 4 : void 0,
                     children: [
-                      /* @__PURE__ */ i(t, { tag: "h3", variant: "h3B", id: `ability-badge-detail-name-${e}`, children: e }),
-                      /* @__PURE__ */ i(v, { variant: "outlined", color: "blue", size: "small", children: m }),
+                      /* @__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(
-                        t,
+                        e,
                         {
                           variant: "c1M",
                           textAlign: "center",
                           color: "grey.70",
-                          id: `ability-badge-detail-description-${e}`,
+                          id: `ability-badge-detail-description-${t}`,
                           inlineCSS: {
                             whiteSpace: "pre-line"
                           },
-                          children: b
+                          children: m
                         }
                       )
                     ]
                   }
                 ),
-                !c && /* @__PURE__ */ r(
+                !d && /* @__PURE__ */ r(
                   a,
                   {
                     mt: 2,
@@ -132,7 +134,7 @@ function k({
                       borderRadius: 12
                     },
                     children: [
-                      /* @__PURE__ */ i(t, { tag: "h3", variant: "h5B", inlineCSS: { color: l.primary.text }, children: "배지 취득 방법" }),
+                      /* @__PURE__ */ i(e, { tag: "h3", variant: "h5B", inlineCSS: { color: l.primary.text }, children: "배지 취득 방법" }),
                       /* @__PURE__ */ r(
                         a,
                         {
@@ -148,9 +150,9 @@ function k({
                             }
                           },
                           children: [
-                            e === "창의악어" && /* @__PURE__ */ r(d, { children: [
+                            t === "창의악어" && /* @__PURE__ */ r(c, { children: [
                               /* @__PURE__ */ r(
-                                t,
+                                e,
                                 {
                                   tag: "li",
                                   variant: "c3B",
@@ -174,7 +176,7 @@ function k({
                                         },
                                         children: [
                                           /* @__PURE__ */ i(
-                                            t,
+                                            e,
                                             {
                                               tag: "li",
                                               variant: "b5R",
@@ -187,7 +189,7 @@ function k({
                                             }
                                           ),
                                           /* @__PURE__ */ i(
-                                            t,
+                                            e,
                                             {
                                               tag: "li",
                                               variant: "b5R",
@@ -206,7 +208,7 @@ function k({
                                 }
                               ),
                               /* @__PURE__ */ r(
-                                t,
+                                e,
                                 {
                                   tag: "li",
                                   variant: "c3B",
@@ -231,7 +233,7 @@ function k({
                                         },
                                         children: [
                                           /* @__PURE__ */ i(
-                                            t,
+                                            e,
                                             {
                                               tag: "li",
                                               variant: "b5R",
@@ -244,7 +246,7 @@ function k({
                                             }
                                           ),
                                           /* @__PURE__ */ i(
-                                            t,
+                                            e,
                                             {
                                               tag: "li",
                                               variant: "b5R",
@@ -263,7 +265,7 @@ function k({
                                 }
                               ),
                               /* @__PURE__ */ r(
-                                t,
+                                e,
                                 {
                                   tag: "li",
                                   variant: "b5R",
@@ -290,7 +292,7 @@ function k({
                                           }
                                         },
                                         children: /* @__PURE__ */ i(
-                                          t,
+                                          e,
                                           {
                                             tag: "li",
                                             variant: "b5R",
@@ -308,9 +310,9 @@ function k({
                                 }
                               )
                             ] }),
-                            e === "영어악어" && /* @__PURE__ */ r(d, { children: [
+                            t === "영어악어" && /* @__PURE__ */ r(c, { children: [
                               /* @__PURE__ */ i(
-                                t,
+                                e,
                                 {
                                   tag: "li",
                                   variant: "b5R",
@@ -322,7 +324,7 @@ function k({
                                 }
                               ),
                               /* @__PURE__ */ i(
-                                t,
+                                e,
                                 {
                                   tag: "li",
                                   variant: "b5R",
@@ -334,7 +336,7 @@ function k({
                                 }
                               ),
                               /* @__PURE__ */ i(
-                                t,
+                                e,
                                 {
                                   tag: "li",
                                   variant: "b5R",
@@ -346,9 +348,9 @@ function k({
                                 }
                               )
                             ] }),
-                            e === "영유아 악어" && /* @__PURE__ */ r(d, { children: [
+                            t === "영유아악어" && /* @__PURE__ */ r(c, { children: [
                               /* @__PURE__ */ i(
-                                t,
+                                e,
                                 {
                                   tag: "li",
                                   variant: "b5R",
@@ -360,7 +362,7 @@ function k({
                                 }
                               ),
                               /* @__PURE__ */ i(
-                                t,
+                                e,
                                 {
                                   tag: "li",
                                   variant: "b5R",
@@ -377,9 +379,9 @@ function k({
                               "아동학대 예방교육",
                               "응급상황 대처교육",
                               "놀이돌봄 기초교육"
-                            ].includes(e) && /* @__PURE__ */ r(d, { children: [
+                            ].includes(t) && /* @__PURE__ */ r(c, { children: [
                               /* @__PURE__ */ i(
-                                t,
+                                e,
                                 {
                                   tag: "li",
                                   variant: "b5R",
@@ -393,7 +395,7 @@ function k({
                                 }
                               ),
                               /* @__PURE__ */ i(
-                                t,
+                                e,
                                 {
                                   tag: "li",
                                   variant: "b5R",
@@ -407,7 +409,7 @@ function k({
                                 }
                               ),
                               /* @__PURE__ */ i(
-                                t,
+                                e,
                                 {
                                   tag: "li",
                                   variant: "b5R",
@@ -430,7 +432,7 @@ function k({
               ]
             }
           ),
-          !c && /* @__PURE__ */ i(R, { children: /* @__PURE__ */ i(L, { size: "large", onClick: p, children: "신청하기" }) })
+          !d && /* @__PURE__ */ i(R, { children: /* @__PURE__ */ i(L, { size: "large", onClick: p, children: "신청하기" }) })
         ]
       }
     )