@dotss/tictoccroc 0.0.7 → 0.0.8

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

@@ -4,9 +4,9 @@ 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 O, getDayScheduleEvents as Re, resolvePositionedScheduleEventsForDate as Fe, getMinutesFromMidnight as we } from "./Scheduler.utils.mjs";
-const R = Array.from({ length: 34 }).map((_, U) => {
-  const $ = Math.floor((U + 14) / 2) % 24, w = (U + 14) % 2 === 0 ? "00" : "30", T = v().hour($).minute(parseInt(w)), H = v(), D = H.hour(), K = H.minute(), L = D === $ && (K < 30 && w === "00" || K >= 30 && w === "30");
+import { generateWeek as ee, 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 {
     time: T.format("HH:mm"),
     label: T.format("A h시 m분"),
@@ -15,17 +15,17 @@ const R = Array.from({ length: 34 }).map((_, U) => {
 });
 function Ye({
   children: _,
-  date: U = v(),
+  date: P = v(),
   legend: $,
   minScheduleBlockHeight: w = 20,
   maxScheduleBlockHeight: T,
   renderScheduleBlock: H,
   onDateChange: D,
-  ...K
+  ...U
 }) {
   const {
     palette: { grey: L }
-  } = Ae(), [M, F] = j(U.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), P = 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) => {
+  } = 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) => {
     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 = [
-    O(M.subtract(1, "week"), Z),
-    O(M, Z),
-    O(M.add(1, "week"), Z)
+    ee(M.subtract(1, "week"), B),
+    ee(M, B),
+    ee(M.add(1, "week"), B)
   ], 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 (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;
+      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;
         let c = (i - b - y) / R.length;
         c = c < w ? w : c, c = Math.min(c, T ?? c), ge(c);
       }
@@ -200,6 +200,7 @@ function Ye({
       window.removeEventListener("resize", e);
     };
   }, [w, T, $]), W(() => {
+    J.current;
     const e = te.current;
     if (!e) return;
     const n = () => {
@@ -207,19 +208,19 @@ 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, Q.current = !1, N.current = !0, P.current = 0);
+      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);
     }, o = (t, r, l) => {
       if (!N.current) return;
       const u = t - ne.current, f = r - oe.current;
-      if (P.current = u, !Q.current && (se.current = Math.abs(u), ie.current = Math.abs(f), Q.current = !0, ie.current > se.current)) {
+      if (K.current = u, !Z.current && (se.current = Math.abs(u), ie.current = Math.abs(f), Z.current = !0, ie.current > se.current)) {
         N.current = !1;
         return;
       }
-      l.cancelable && l.preventDefault(), e.style.transition = "none", e.style.transform = `translate3d(${P.current}px, 0, 0)`, e.style.cursor = "grabbing";
+      l.cancelable && l.preventDefault(), l.stopPropagation(), e.style.transition = "none", e.style.transform = `translate3d(${K.current}px, 0, 0)`, e.style.cursor = "grabbing";
     }, i = () => {
       if (e.style.cursor = "grab", !N.current) return;
       N.current = !1, X.current = !1, C.current = !0;
-      const t = P.current, r = ae.current, l = r * 0.2;
+      const t = K.current, r = ae.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)`, S.current = (u) => {
         u.propertyName === "transform" && (G.current = requestAnimationFrame(() => {
           F((f) => f.add(-1, "week")), V.current = requestAnimationFrame(() => {
@@ -248,7 +249,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: ee, flex: 1, flexDirection: "column", "aria-label": "일정 안내", ...K, children: [
+  }, []), /* @__PURE__ */ A(m, { ref: J, flex: 1, flexDirection: "column", "aria-label": "일정 안내", ...U, children: [
     $ && ($ == null ? void 0 : $.length) > 0 && /* @__PURE__ */ h(
       m,
       {
@@ -281,7 +282,7 @@ function Ye({
     /* @__PURE__ */ A(
       m,
       {
-        ref: J,
+        ref: Q,
         alignItems: "center",
         pt: 1,
         pb: 2,
@@ -491,7 +492,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, B = 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, O = c;
                                     return /* @__PURE__ */ h(
                                       m,
                                       {
@@ -503,17 +504,17 @@ function Ye({
                                           height: `${Le - (x > 0 ? 1 : 0)}px`,
                                           zIndex: 1
                                         },
-                                        children: he(B, {
+                                        children: he(O, {
                                           role: "button",
                                           tabIndex: a === 1 ? 0 : -1,
-                                          onKeyDown: ke(B.props.onKeyDown),
+                                          onKeyDown: ke(O.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시")}까지의 일정`,
-                                          ...B.props
+                                          ...O.props
                                         })
                                       },
                                       `${s}-${t}-${l}-${r}`

package/dist/shared/utils/getDateRange/getDateRange.mjs

@@ -1,21 +1,22 @@
-import a from "dayjs";
-import d from "dayjs/plugin/isSameOrBefore";
-a.extend(d);
-function u(i, n, f = {}) {
-  const { format: o = "YYYY-MM-DD" } = f, t = a(i), r = a(n);
-  if (!t.isValid() || !r.isValid())
+import o from "dayjs";
+function l(t, r, f = {}) {
+  const { format: s = "YYYY-MM-DD" } = f, a = o(t), n = o(r);
+  if (!a.isValid() || !n.isValid())
     return [];
-  if (t.isAfter(r))
+  if (a.isAfter(n))
     return [];
-  const s = [];
-  let e = t;
-  for (; e.isSameOrBefore(r); )
-    s.push({
-      label: e.format(o),
+  const i = [];
+  let e = a;
+  for (; u(e, n); )
+    i.push({
+      label: e.format(s),
       value: e.toDate()
-    }), o === "YYYY-MM" ? e = e.add(1, "month") : e = e.add(1, "day");
-  return s;
+    }), s === "YYYY-MM" ? e = e.add(1, "month") : e = e.add(1, "day");
+  return i;
+}
+function u(t, r) {
+  return t.isBefore(r) || t.isSame(r);
 }
 export {
-  u as default
+  l as default
 };

package/dist/teacher/profile/components/AvailableScheduleSection/AvailableScheduleSection.mjs

@@ -6,13 +6,12 @@ import D from "@dotss/ui/Switch";
 import j from "../../../../shared/components/Image/Image.mjs";
 import A from "../../../../shared/components/Scheduler/Scheduler.mjs";
 import "dayjs";
-import "../../../../shared/utils/getDateRange/getDateRange.mjs";
-const U = w(
+const M = w(
   function({
-    children: m,
-    title: g = "수업 가능 일정",
+    children: g,
+    title: m = "수업 가능 일정",
     action: c,
-    footer: r,
+    footer: d,
     flat: s = !1,
     schedulerProps: p,
     enableToggle: h = !0,
@@ -21,9 +20,9 @@ const U = w(
   }, v) {
     const {
       palette: { grey: b, background: f }
-    } = R(), [t, C] = S(!1), x = () => C((d) => !d), y = (d) => {
+    } = R(), [t, C] = S(!1), x = () => C((r) => !r), y = (r) => {
       var u;
-      return (u = i.onChange) == null ? void 0 : u.call(i, d);
+      return (u = i.onChange) == null ? void 0 : u.call(i, r);
     };
     return /* @__PURE__ */ l(
       n,
@@ -33,14 +32,14 @@ const U = w(
         flexDirection: "column",
         gap: 4,
         "aria-labelledby": "available-schedule-section-title",
-        "aria-describedby": r ? "available-schedule-section-footer" : void 0,
+        "aria-describedby": d ? "available-schedule-section-footer" : void 0,
         ...a,
         inlineCSS: {
           width: "100%",
           ...a == null ? void 0 : a.inlineCSS
         },
         children: [
-          /* @__PURE__ */ e(o, { id: "available-schedule-section-title", tag: "h2", variant: "h2B", children: g }),
+          /* @__PURE__ */ e(o, { id: "available-schedule-section-title", tag: "h2", variant: "h2B", children: m }),
           i.active && /* @__PURE__ */ l(n, { flexDirection: "column", gap: 2, children: [
             /* @__PURE__ */ l(
               n,
@@ -62,7 +61,7 @@ const U = w(
                       id: "available-schedule-section-scheduler",
                       "aria-labelledby": "available-schedule-section-title",
                       ...p,
-                      children: m
+                      children: g
                     }
                   ),
                   h && /* @__PURE__ */ e(
@@ -88,7 +87,7 @@ const U = w(
                 ]
               }
             ),
-            r && /* @__PURE__ */ e(n, { id: "available-schedule-section-footer", tag: "footer", pl: 12, pr: 2, children: r })
+            d && /* @__PURE__ */ e(n, { id: "available-schedule-section-footer", tag: "footer", pl: 12, pr: 2, children: d })
           ] }),
           typeof i.onChange == "function" && /* @__PURE__ */ l(
             n,
@@ -189,5 +188,5 @@ const U = w(
   }
 );
 export {
-  U as default
+  M as default
 };

package/dist/teacher/profile/components/ProfileSummary/ProfileSummary.mjs

@@ -1,48 +1,49 @@
-import { jsxs as n, jsx as e, Fragment as C } from "react/jsx-runtime";
-import { useState as E, useRef as F, useEffect as J } from "react";
-import { Flexbox as r, Typography as t, Icon as d, Label as B, Button as G } from "@dotss/ui";
-import K from "@dotss/ui/core/useTheme";
-import I from "dayjs";
-import N from "dayjs/plugin/relativeTime";
-import O from "../../../../shared/components/Image/Image.mjs";
-I.extend(N);
-function X({
-  avatar: l,
-  introduction: i,
+import { jsxs as n, jsx as e, Fragment as w } from "react/jsx-runtime";
+import { useState as R, useRef as J, useEffect as B } from "react";
+import { Flexbox as t, Typography as o, Icon as h, Label as G, Button as K } from "@dotss/ui";
+import O from "@dotss/ui/core/useTheme";
+import L from "dayjs";
+import P from "../../../../shared/components/Image/Image.mjs";
+function Q({
+  avatar: i,
+  introduction: r,
   name: p,
-  grade: u,
-  activeHours: S = 0,
-  rating: h = 0,
-  reviewCount: m = 0,
-  adronment: R,
-  lastActiveAt: x,
-  action: L
+  grade: y,
+  activeHours: b = 0,
+  rating: f = 0,
+  reviewCount: g = 0,
+  adronment: k,
+  lastActiveAt: E,
+  action: D
 }) {
   const {
-    palette: { background: y, brand: w, etc: k },
+    palette: { background: C, brand: I, etc: z },
     spacing: a
-  } = K(), [g, D] = E(!1), [z, v] = E(!1), b = F(null), M = S >= 0 && m > 0, c = x ? I(x) : null, T = (o) => {
-    var s, f;
-    switch (o.key) {
+  } = O(), [m, M] = R(!1), [$, T] = R(!1), x = J(null), j = b >= 0 && g > 0, u = E ? L(E) : null, v = (l) => {
+    const c = L(), s = c.diff(l, "minute"), S = c.diff(l, "hour"), d = c.diff(l, "day");
+    return s < 1 ? "방금 전 활동" : s < 60 ? `${s}분 전 활동` : S < 24 ? `${S}시간 전 활동` : d < 7 ? `${d}일 전 활동` : d < 14 ? "1주 이내 활동" : d < 21 ? "2주 이내 활동" : d < 28 ? "3주 이내 활동" : d <= 30 ? "한 달 이내 활동" : null;
+  }, H = (l) => {
+    var c, s;
+    switch (l.key) {
       case "Enter":
-        o.preventDefault(), (s = l.onClick) == null || s.call(l, o);
+        l.preventDefault(), (c = i.onClick) == null || c.call(i, l);
         break;
       case " ":
-        o.preventDefault(), (f = l.onClick) == null || f.call(l, o);
+        l.preventDefault(), (s = i.onClick) == null || s.call(i, l);
         break;
     }
-  }, j = () => D((o) => !o);
-  return J(() => {
-    const o = () => {
-      if (!b.current) return;
-      const s = b.current, f = parseInt(window.getComputedStyle(s).lineHeight), $ = s.scrollHeight, H = Math.ceil($ / f);
-      v(H > 4);
+  }, F = () => M((l) => !l);
+  return B(() => {
+    const l = () => {
+      if (!x.current) return;
+      const c = x.current, s = parseInt(window.getComputedStyle(c).lineHeight), S = c.scrollHeight, d = Math.ceil(S / s);
+      T(d > 4);
     };
-    return o(), window.addEventListener("resize", o), () => {
-      window.removeEventListener("resize", o);
+    return l(), window.addEventListener("resize", l), () => {
+      window.removeEventListener("resize", l);
     };
-  }, [i.aboutMe]), /* @__PURE__ */ n(
-    r,
+  }, [r.aboutMe]), /* @__PURE__ */ n(
+    t,
     {
       tag: "section",
       flexDirection: "column",
@@ -52,15 +53,15 @@ function X({
         width: "100%"
       },
       children: [
-        /* @__PURE__ */ n(r, { alignItems: "flex-start", gap: 4, children: [
-          /* @__PURE__ */ n(r, { flexDirection: "column", gap: 2, alignItems: "center", justifyContent: "center", children: [
+        /* @__PURE__ */ n(t, { alignItems: "flex-start", gap: 4, children: [
+          /* @__PURE__ */ n(t, { flexDirection: "column", gap: 2, alignItems: "center", justifyContent: "center", children: [
             /* @__PURE__ */ n(
-              r,
+              t,
               {
-                role: typeof l.onClick == "function" ? "button" : void 0,
-                tabIndex: typeof l.onClick == "function" ? 0 : -1,
-                onKeyDown: T,
-                onClick: l.onClick,
+                role: typeof i.onClick == "function" ? "button" : void 0,
+                tabIndex: typeof i.onClick == "function" ? 0 : -1,
+                onKeyDown: H,
+                onClick: i.onClick,
                 alignItems: "center",
                 justifyContent: "center",
                 flexDirection: "column",
@@ -72,22 +73,23 @@ function X({
                   width: 88,
                   height: 88,
                   overflow: "hidden",
-                  backgroundColor: y.primary,
-                  cursor: typeof l.onClick == "function" ? "pointer" : void 0
+                  backgroundColor: C.primary,
+                  cursor: typeof i.onClick == "function" ? "pointer" : void 0
                 },
                 children: [
-                  l.src && /* @__PURE__ */ e(
-                    O,
+                  i.src && /* @__PURE__ */ e(
+                    P,
                     {
                       width: 88,
                       height: 88,
-                      src: l.src,
+                      src: i.src,
                       alt: `${p} 선생님 프로필 이미지`,
-                      fit: "cover"
+                      fit: "cover",
+                      borderRadius: 100
                     }
                   ),
-                  !l.src && !l.placeholder && /* @__PURE__ */ n(
-                    r,
+                  !i.src && !i.placeholder && /* @__PURE__ */ n(
+                    t,
                     {
                       role: "status",
                       flexDirection: "column",
@@ -95,7 +97,7 @@ function X({
                       justifyContent: "center",
                       children: [
                         /* @__PURE__ */ e(
-                          t,
+                          o,
                           {
                             tag: "p",
                             variant: "c3M",
@@ -104,14 +106,14 @@ function X({
                             children: "프로필 사진"
                           }
                         ),
-                        /* @__PURE__ */ e(t, { tag: "span", variant: "c5R", color: "etc.red", "aria-hidden": !0, children: "(필수)" })
+                        /* @__PURE__ */ e(o, { tag: "span", variant: "c5R", color: "etc.red", "aria-hidden": !0, children: "(필수)" })
                       ]
                     }
                   ),
-                  !l.src && l.placeholder && l.placeholder,
-                  l.status === "REJECTED" && /* @__PURE__ */ n(C, { children: [
+                  !i.src && i.placeholder && i.placeholder,
+                  i.status === "REJECTED" && /* @__PURE__ */ n(w, { children: [
                     /* @__PURE__ */ e(
-                      r,
+                      t,
                       {
                         alignItems: "center",
                         justifyContent: "center",
@@ -122,13 +124,13 @@ function X({
                           width: "100%",
                           height: "100%",
                           opacity: 0.8,
-                          backgroundColor: y.primary,
+                          backgroundColor: C.primary,
                           zIndex: 1
                         }
                       }
                     ),
                     /* @__PURE__ */ e(
-                      d,
+                      h,
                       {
                         name: "AlertFill",
                         size: "xSmall",
@@ -142,24 +144,15 @@ function X({
                         }
                       }
                     ),
-                    /* @__PURE__ */ e(t, { role: "status", visuallyHidden: !0, children: "프로필 사진이 반려되었어요. 다시 등록해주세요." })
+                    /* @__PURE__ */ e(o, { role: "status", visuallyHidden: !0, children: "프로필 사진이 반려되었어요. 다시 등록해주세요." })
                   ] })
                 ]
               }
             ),
-            (c == null ? void 0 : c.isValid()) && /* @__PURE__ */ e(
-              t,
-              {
-                tag: "p",
-                variant: "c3M",
-                color: "grey.50",
-                "aria-label": `마지막 활동 시간 ${c.fromNow()}`,
-                children: c.fromNow()
-              }
-            )
+            (u == null ? void 0 : u.isValid()) && /* @__PURE__ */ e(o, { tag: "p", variant: "c3M", color: "grey.50", children: v(u) })
           ] }),
           /* @__PURE__ */ n(
-            r,
+            t,
             {
               flexDirection: "column",
               justifyContent: "flex-start",
@@ -169,7 +162,7 @@ function X({
               flexGrow: 1,
               children: [
                 /* @__PURE__ */ n(
-                  r,
+                  t,
                   {
                     alignItems: "center",
                     gap: 2,
@@ -177,18 +170,18 @@ function X({
                       maxHeight: 30
                     },
                     children: [
-                      u && /* @__PURE__ */ e(
-                        B,
+                      y && /* @__PURE__ */ e(
+                        G,
                         {
                           variant: "outlined",
                           size: "small",
                           color: "blue",
-                          "aria-label": `${p} 선생님의 등급: ${u}`,
-                          children: u
+                          "aria-label": `${p} 선생님의 등급: ${y}`,
+                          children: y
                         }
                       ),
                       /* @__PURE__ */ n(
-                        t,
+                        o,
                         {
                           tag: "p",
                           variant: "h2B",
@@ -206,12 +199,12 @@ function X({
                           ]
                         }
                       ),
-                      R
+                      k
                     ]
                   }
                 ),
-                M && /* @__PURE__ */ n(
-                  r,
+                j && /* @__PURE__ */ n(
+                  t,
                   {
                     pl: 4,
                     pr: 4,
@@ -222,25 +215,25 @@ function X({
                     gap: 5,
                     inlineCSS: {
                       borderRadius: 8,
-                      backgroundColor: y.primary
+                      backgroundColor: C.primary
                     },
                     children: [
-                      /* @__PURE__ */ n(r, { alignItems: "center", role: "group", "aria-label": `누적 수업 ${S}시간`, children: [
-                        /* @__PURE__ */ e(d, { name: "TimeLine", size: "xSmall", color: "grey.70" }),
+                      /* @__PURE__ */ n(t, { alignItems: "center", role: "group", "aria-label": `누적 수업 ${b}시간`, children: [
+                        /* @__PURE__ */ e(h, { name: "TimeLine", size: "xSmall", color: "grey.70" }),
                         /* @__PURE__ */ e(
-                          t,
+                          o,
                           {
                             tag: "p",
                             variant: "h4B",
                             inlineCSS: {
                               marginLeft: a.content(1),
-                              color: w.primary.text
+                              color: I.primary.text
                             },
-                            children: S.toLocaleString()
+                            children: b.toLocaleString()
                           }
                         ),
                         /* @__PURE__ */ e(
-                          t,
+                          o,
                           {
                             tag: "span",
                             variant: "b5R",
@@ -253,28 +246,28 @@ function X({
                         )
                       ] }),
                       /* @__PURE__ */ n(
-                        r,
+                        t,
                         {
                           alignItems: "center",
                           role: "group",
-                          "aria-label": h > 0 ? `평점 ${h}, 리뷰 ${m}개` : `평점 집계중, 리뷰 ${m}개`,
+                          "aria-label": f > 0 ? `평점 ${f}, 리뷰 ${g}개` : `평점 집계중, 리뷰 ${g}개`,
                           children: [
-                            /* @__PURE__ */ e(d, { name: "ReviewFill", size: "xSmall", color: "grey.70" }),
-                            h > 0 ? /* @__PURE__ */ n(C, { children: [
+                            /* @__PURE__ */ e(h, { name: "ReviewFill", size: "xSmall", color: "grey.70" }),
+                            f > 0 ? /* @__PURE__ */ n(w, { children: [
                               /* @__PURE__ */ e(
-                                t,
+                                o,
                                 {
                                   tag: "p",
                                   variant: "h4B",
                                   inlineCSS: {
                                     marginLeft: a.content(1),
-                                    color: w.primary.text
+                                    color: I.primary.text
                                   },
-                                  children: h.toLocaleString()
+                                  children: f.toLocaleString()
                                 }
                               ),
                               /* @__PURE__ */ n(
-                                t,
+                                o,
                                 {
                                   tag: "span",
                                   variant: "b5R",
@@ -284,13 +277,13 @@ function X({
                                   },
                                   children: [
                                     "(",
-                                    m.toLocaleString(),
+                                    g.toLocaleString(),
                                     ")"
                                   ]
                                 }
                               )
                             ] }) : /* @__PURE__ */ e(
-                              t,
+                              o,
                               {
                                 tag: "p",
                                 variant: "h4R",
@@ -312,15 +305,15 @@ function X({
           )
         ] }),
         /* @__PURE__ */ n(
-          r,
+          t,
           {
             flexDirection: "column",
             inlineCSS: {
               position: "relative"
             },
             children: [
-              (!i.summary || !i.aboutMe) && !i.placeholder && /* @__PURE__ */ n(
-                t,
+              (!r.summary || !r.aboutMe) && !r.placeholder && /* @__PURE__ */ n(
+                o,
                 {
                   tag: "p",
                   variant: "b4R",
@@ -328,7 +321,7 @@ function X({
                   "aria-label": "작성된 프로필 소개가 없어요.",
                   inlineCSS: {
                     "& > span": {
-                      color: k.red
+                      color: z.red
                     }
                   },
                   children: [
@@ -337,22 +330,22 @@ function X({
                   ]
                 }
               ),
-              (!i.summary || !i.aboutMe) && i.placeholder && i.placeholder,
-              i.summary && i.aboutMe && /* @__PURE__ */ n(C, { children: [
-                i.status === "REJECTED" && /* @__PURE__ */ e(t, { role: "status", visuallyHidden: !0, children: "프로필 소개가 반려되었어요. 다시 작성해주세요." }),
+              (!r.summary || !r.aboutMe) && r.placeholder && r.placeholder,
+              r.summary && r.aboutMe && /* @__PURE__ */ n(w, { children: [
+                r.status === "REJECTED" && /* @__PURE__ */ e(o, { role: "status", visuallyHidden: !0, children: "프로필 소개가 반려되었어요. 다시 작성해주세요." }),
                 /* @__PURE__ */ n(
-                  t,
+                  o,
                   {
                     tag: "dl",
                     variant: "b4M",
-                    color: i.status === "REJECTED" ? "grey.30" : void 0,
+                    color: r.status === "REJECTED" ? "grey.30" : void 0,
                     inlineCSS: {
                       display: "flex",
                       alignItems: "center"
                     },
                     children: [
-                      i.status === "REJECTED" && /* @__PURE__ */ e(
-                        d,
+                      r.status === "REJECTED" && /* @__PURE__ */ e(
+                        h,
                         {
                           name: "AlertFill",
                           size: "xSmall",
@@ -362,55 +355,55 @@ function X({
                           }
                         }
                       ),
-                      /* @__PURE__ */ e(r, { tag: "dt", visuallyHidden: !0, children: "한 줄 소개" }),
-                      /* @__PURE__ */ e("dd", { children: i.summary })
+                      /* @__PURE__ */ e(t, { tag: "dt", visuallyHidden: !0, children: "한 줄 소개" }),
+                      /* @__PURE__ */ e("dd", { children: r.summary })
                     ]
                   }
                 ),
                 /* @__PURE__ */ n(
-                  t,
+                  o,
                   {
-                    ref: b,
+                    ref: x,
                     id: "about-me",
                     tag: "dl",
                     variant: "b4R",
-                    color: i.status === "REJECTED" ? "grey.30" : "grey.70",
-                    lineClamp: g ? void 0 : 4,
+                    color: r.status === "REJECTED" ? "grey.30" : "grey.70",
+                    lineClamp: m ? void 0 : 4,
                     inlineCSS: {
                       marginTop: a.content(2),
                       whiteSpace: "pre-wrap"
                     },
                     children: [
-                      /* @__PURE__ */ e(r, { tag: "dt", visuallyHidden: !0, children: "자기소개" }),
-                      /* @__PURE__ */ e("dd", { children: i.aboutMe })
+                      /* @__PURE__ */ e(t, { tag: "dt", visuallyHidden: !0, children: "자기소개" }),
+                      /* @__PURE__ */ e("dd", { children: r.aboutMe })
                     ]
                   }
                 )
               ] }),
-              z && /* @__PURE__ */ e(
-                G,
+              $ && /* @__PURE__ */ e(
+                K,
                 {
                   variant: "text",
                   size: "xSmall",
                   color: "secondary",
-                  endAdornment: /* @__PURE__ */ e(d, { name: g ? "ChevronUpLine" : "ChevronDownLine" }),
-                  onClick: j,
-                  "aria-expanded": g,
+                  endAdornment: /* @__PURE__ */ e(h, { name: m ? "ChevronUpLine" : "ChevronDownLine" }),
+                  onClick: F,
+                  "aria-expanded": m,
                   "aria-controls": "about-me",
                   inlineCSS: {
                     marginLeft: "auto"
                   },
-                  children: g ? "접기" : "더보기"
+                  children: m ? "접기" : "더보기"
                 }
               )
             ]
           }
         ),
-        L
+        D
       ]
     }
   );
 }
 export {
-  X as default
+  Q as default
 };

package/dist/teacher/profile/components/StatBadgeCollection/StatBadge/StatBadge.mjs

@@ -1,8 +1,8 @@
-import { jsxs as r, jsx as a } from "react/jsx-runtime";
+import { jsxs as i, jsx as a } from "react/jsx-runtime";
 import { Label as e } from "@dotss/ui";
 import s from "../../../../../shared/components/Image/Image.mjs";
-function n({ type: l, percent: t, ...i }) {
-  return l === "creativeArt" ? /* @__PURE__ */ r(
+function h({ type: l, percent: t, ...r }) {
+  return l === "creativeArt" ? /* @__PURE__ */ i(
     e,
     {
       variant: "ghost",
@@ -15,18 +15,18 @@ function n({ type: l, percent: t, ...i }) {
           height: 16,
           src: "https://dev-static.tictoccroc.co.kr/teacher/images/design-system/graphic/illustration3D/brush.png",
           alt: "창의미술 상위 배지 아이콘",
-          "aria-hidden": !0
+          role: "presentation"
         }
       ),
       "aria-label": `창의미술 상위 ${t}퍼센트`,
-      ...i,
+      ...r,
       children: [
         "창의미술 상위 ",
         t,
         "%"
       ]
     }
-  ) : l === "english" ? /* @__PURE__ */ r(
+  ) : l === "english" ? /* @__PURE__ */ i(
     e,
     {
       variant: "ghost",
@@ -39,18 +39,18 @@ function n({ type: l, percent: t, ...i }) {
           height: 16,
           src: "https://dev-static.tictoccroc.co.kr/teacher/images/design-system/graphic/illustration3D/english.png",
           alt: "영어 상위 배지 아이콘",
-          "aria-hidden": !0
+          role: "presentation"
         }
       ),
       "aria-label": `영어 상위 ${t}퍼센트`,
-      ...i,
+      ...r,
       children: [
         "영어 상위 ",
         t,
         "%"
       ]
     }
-  ) : l === "learning" ? /* @__PURE__ */ r(
+  ) : l === "learning" ? /* @__PURE__ */ i(
     e,
     {
       variant: "ghost",
@@ -63,18 +63,18 @@ function n({ type: l, percent: t, ...i }) {
           height: 16,
           src: "https://dev-static.tictoccroc.co.kr/teacher/images/design-system/graphic/illustration3D/pencil.png",
           alt: "학습 상위 배지 아이콘",
-          "aria-hidden": !0
+          role: "presentation"
         }
       ),
       "aria-label": `학습 상위 ${t}퍼센트`,
-      ...i,
+      ...r,
       children: [
         "학습 상위 ",
         t,
         "%"
       ]
     }
-  ) : /* @__PURE__ */ r(
+  ) : /* @__PURE__ */ i(
     e,
     {
       variant: "ghost",
@@ -87,11 +87,11 @@ function n({ type: l, percent: t, ...i }) {
           height: 16,
           src: "https://dev-static.tictoccroc.co.kr/teacher/images/design-system/graphic/illustration3D/block.png",
           alt: "놀이 상위 배지 아이콘",
-          "aria-hidden": !0
+          role: "presentation"
         }
       ),
       "aria-label": `놀이 상위 ${t}퍼센트`,
-      ...i,
+      ...r,
       children: [
         "놀이 상위 ",
         t,
@@ -101,5 +101,5 @@ function n({ type: l, percent: t, ...i }) {
   );
 }
 export {
-  n as default
+  h as default
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@dotss/tictoccroc",
   "type": "module",
-  "version": "0.0.7",
+  "version": "0.0.8",
   "description": "Tictoccroc shared components, hooks, utils, and APIs for Dotss",
   "main": "./dist/index.mjs",
   "module": "./dist/index.mjs",