@dotss/tictoccroc 0.0.8 → 0.0.9

package/dist/teacher/profile/components/ActivityGallery/ActivityGalleryItem/ActivityGalleryItem.mjs

@@ -1,26 +1,26 @@
-import { jsxs as r, jsx as e, Fragment as c } from "react/jsx-runtime";
+import { jsxs as o, jsx as e, Fragment as c } from "react/jsx-runtime";
 import { Label as u, Flexbox as l, Icon as m, Typography as b } from "@dotss/ui";
 import h from "@dotss/ui/core/useTheme";
-import p from "../../../../../shared/components/Masonry/MasonryBlock/MasonryBlock.mjs";
+import f from "../../../../../shared/components/Masonry/MasonryBlock/MasonryBlock.mjs";
 function g({
   children: n,
   type: i,
   primary: a = !1,
-  status: s,
-  id: o,
+  status: d,
+  id: r,
   ...t
 }) {
   const {
-    palette: { background: d }
+    palette: { background: s }
   } = h();
-  return /* @__PURE__ */ r(
-    p,
+  return /* @__PURE__ */ o(
+    f,
     {
       role: "button",
-      "aria-describedby": `activity-gallery-item-status-desc-${o}`,
       borderRadius: 12,
+      "aria-describedby": `activity-gallery-item-status-desc-${r}`,
       ...t,
-      inlineCSS: { position: "relative", ...t.inlineCSS },
+      inlineCSS: { position: "relative", overflow: "hidden", ...t.inlineCSS },
       children: [
         a && /* @__PURE__ */ e(
           u,
@@ -32,7 +32,7 @@ function g({
             children: "대표"
           }
         ),
-        s === "REJECTED" && /* @__PURE__ */ r(c, { children: [
+        d === "REJECTED" && /* @__PURE__ */ o(c, { children: [
           /* @__PURE__ */ e(
             l,
             {
@@ -45,7 +45,7 @@ function g({
                 width: "100%",
                 height: "100%",
                 opacity: 0.8,
-                backgroundColor: d.primary,
+                backgroundColor: s.primary,
                 zIndex: 1
               }
             }
@@ -65,7 +65,7 @@ function g({
               }
             }
           ),
-          /* @__PURE__ */ r(b, { id: `activity-gallery-item-status-desc-${o}`, visuallyHidden: !0, children: [
+          /* @__PURE__ */ o(b, { id: `activity-gallery-item-status-desc-${r}`, visuallyHidden: !0, children: [
             i === "VIDEO" || i === "VIMEO" || i === "YOUTUBE" ? "동영상" : "사진",
             "이 반려되었어요. 다시 등록해 주세요."
           ] })

package/dist/teacher/profile/components/CertificateSection/CertificateItem/CertificateItem.d.ts

@@ -0,0 +1,11 @@
+import { FlexboxProps } from 'node_modules/@dotss/ui/Flexbox/Flexbox';
+export interface CertificateItemProps extends Omit<FlexboxProps, 'id'> {
+    name: string;
+    acquisitionDate: string;
+    status: 'VERIFIED' | 'PENDING' | 'REJECTED' | 'DELETED';
+    id: string | number;
+    regDatetime: string;
+    priority: number;
+}
+declare function CertificateItem({ name, acquisitionDate, status, id, ...props }: CertificateItemProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export default CertificateItem;

package/dist/teacher/profile/components/{CertificationSection/CertificationItem/CertificationItem.mjs → CertificateSection/CertificateItem/CertificateItem.mjs}

@@ -2,13 +2,7 @@ import { jsx as t, jsxs as r } from "react/jsx-runtime";
 import { Flexbox as a, Typography as g, Icon as c } from "@dotss/ui";
 import y from "@dotss/ui/core/useTheme";
 import { useCheckHoverPossible as u } from "@dotss/ui/hooks";
-function D({
-  name: b,
-  acquisitionDate: h,
-  status: o,
-  id: l,
-  ...e
-}) {
+function D({ name: b, acquisitionDate: h, status: o, id: l, ...e }) {
   const { isHoverPossible: s } = u(), {
     palette: { grey: m },
     spacing: d
@@ -30,8 +24,8 @@ function D({
         var f;
         (n.key === "Enter" || n.key === " ") && (n.preventDefault(), n.currentTarget.click()), (f = e.onKeyDown) == null || f.call(e, n);
       },
-      "aria-labelledby": `certification-item-name-${l}`,
-      "aria-describedby": `certification-item-desc-${l}`,
+      "aria-labelledby": `certificate-item-name-${l}`,
+      "aria-describedby": `certificate-item-desc-${l}`,
       ...e,
       inlineCSS: {
         cursor: i ? "pointer" : "default",
@@ -49,7 +43,7 @@ function D({
       },
       children: [
         /* @__PURE__ */ r(a, { flexDirection: "column", gap: 1, flexGrow: 1, children: [
-          /* @__PURE__ */ t(a, { alignItems: "center", gap: 1, children: /* @__PURE__ */ r(g, { id: `certification-item-name-${l}`, tag: "p", variant: "b2M", children: [
+          /* @__PURE__ */ t(a, { alignItems: "center", gap: 1, children: /* @__PURE__ */ r(g, { id: `certificate-item-name-${l}`, tag: "p", variant: "b2M", children: [
             b,
             o === "VERIFIED" && // TODO 아이콘 교체 필요
             /* @__PURE__ */ t(
@@ -81,7 +75,7 @@ function D({
               }
             )
           ] }) }),
-          /* @__PURE__ */ r(g, { id: `certification-item-desc-${l}`, tag: "p", variant: "b5R", color: "grey.50", children: [
+          /* @__PURE__ */ r(g, { id: `certificate-item-desc-${l}`, tag: "p", variant: "b5R", color: "grey.50", children: [
             h,
             " 취득"
           ] })

package/dist/teacher/profile/components/CertificateSection/CertificateItem/index.d.ts

@@ -0,0 +1,3 @@
+import { default as CertificateItem, CertificateItemProps } from './CertificateItem';
+export type { CertificateItemProps };
+export default CertificateItem;

package/dist/teacher/profile/components/CertificateSection/CertificateItem/index.mjs

@@ -0,0 +1,4 @@
+import e from "./CertificateItem.mjs";
+export {
+  e as default
+};

package/dist/teacher/profile/components/CertificateSection/CertificateSection.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+import { FlexboxProps } from 'node_modules/@dotss/ui/Flexbox/Flexbox';
+export interface CertificateSectionProps extends FlexboxProps {
+    action?: ReactNode;
+    showTooltip?: boolean;
+    enableToggle?: boolean;
+}
+declare function CertificateList({ children, action, showTooltip, enableToggle, ...props }: CertificateSectionProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export default CertificateList;

package/dist/teacher/profile/components/{CertificationSection/CertificationSection.mjs → CertificateSection/CertificateSection.mjs}

@@ -1,8 +1,8 @@
-import { jsxs as s, jsx as t } from "react/jsx-runtime";
+import { jsxs as s, jsx as e } from "react/jsx-runtime";
 import { useState as m, Children as w, isValidElement as v } from "react";
-import { Flexbox as e, Typography as h, Tooltip as j, Icon as d, Button as k } from "@dotss/ui";
+import { Flexbox as i, Typography as h, Tooltip as j, Icon as d, Button as k } from "@dotss/ui";
 import D from "@dotss/ui/core/useTheme";
-import E from "./CertificationItem/CertificationItem.mjs";
+import E from "./CertificateItem/CertificateItem.mjs";
 import { sortItemElements as O } from "../../utils/sortItems/sortItems.mjs";
 function K({
   children: p,
@@ -11,16 +11,16 @@ function K({
   enableToggle: r = !1,
   ...n
 }) {
-  const { spacing: l } = D(), [y, C] = m(!1), [o, g] = m(!1), c = w.toArray(p).filter(v).filter((i) => i.type === E), S = c.length > 0, u = c.length > 3, a = () => C((i) => !i), I = (i) => {
-    (i.key === "Enter" || i.key === " ") && a();
-  }, b = () => g((i) => !i);
+  const { spacing: l } = D(), [y, C] = m(!1), [o, g] = m(!1), c = w.toArray(p).filter(v).filter((t) => t.type === E), S = c.length > 0, u = c.length > 3, a = () => C((t) => !t), I = (t) => {
+    (t.key === "Enter" || t.key === " ") && a();
+  }, b = () => g((t) => !t);
   return /* @__PURE__ */ s(
-    e,
+    i,
     {
       tag: "section",
       flexDirection: "column",
       alignItems: "flex-start",
-      "aria-labelledby": "certification-section-title",
+      "aria-labelledby": "certificate-section-title",
       gap: 2,
       ...n,
       inlineCSS: {
@@ -28,30 +28,30 @@ function K({
         ...n == null ? void 0 : n.inlineCSS
       },
       children: [
-        /* @__PURE__ */ s(e, { alignItems: "center", justifyContent: "center", gap: 1, children: [
-          /* @__PURE__ */ t(
+        /* @__PURE__ */ s(i, { alignItems: "center", justifyContent: "center", gap: 1, children: [
+          /* @__PURE__ */ e(
             h,
             {
-              id: "certification-section-title",
+              id: "certificate-section-title",
               tag: "h2",
               variant: "h2B",
               "aria-label": "선생님 자격증 목록",
               children: "자격증"
             }
           ),
-          x && /* @__PURE__ */ t(
+          x && /* @__PURE__ */ e(
             j,
             {
               open: y,
               onClose: a,
               color: "secondary",
               role: "tooltip",
-              "aria-labelledby": "certification-section-tooltip",
-              "aria-describedby": "certification-section-tooltip-desc",
+              "aria-labelledby": "certificate-section-tooltip",
+              "aria-describedby": "certificate-section-tooltip-desc",
               body: /* @__PURE__ */ s(
                 h,
                 {
-                  id: "certification-section-tooltip-desc",
+                  id: "certificate-section-tooltip-desc",
                   tag: "p",
                   variant: "b4R",
                   color: "grey.white",
@@ -67,7 +67,7 @@ function K({
                   },
                   children: [
                     "째깍악어가 확인한 정보는",
-                    /* @__PURE__ */ t(d, { name: "InfoFill", size: "small", color: "tictoccroc-teacher.brand.green" }),
+                    /* @__PURE__ */ e(d, { name: "InfoFill", size: "small", color: "tictoccroc-teacher.brand.green" }),
                     "인증 마크가 붙어요!"
                   ]
                 }
@@ -81,10 +81,10 @@ function K({
                 top: -8,
                 left: `calc(50% + 82.5px - ${l.content(0.5)}px)`
               },
-              children: /* @__PURE__ */ t(
+              children: /* @__PURE__ */ e(
                 d,
                 {
-                  id: "certification-section-tooltip",
+                  id: "certificate-section-tooltip",
                   role: "button",
                   tabIndex: 0,
                   name: "TooltipFill",
@@ -101,10 +101,10 @@ function K({
             }
           )
         ] }),
-        S && /* @__PURE__ */ t(
-          e,
+        S && /* @__PURE__ */ e(
+          i,
           {
-            id: "certification-section-certification-items",
+            id: "certificate-section-certificate-items",
             tag: "ul",
             flexDirection: "column",
             inlineCSS: { width: "inherit" },
@@ -114,30 +114,30 @@ function K({
             )
           }
         ),
-        r && u && /* @__PURE__ */ t(
-          e,
+        r && u && /* @__PURE__ */ e(
+          i,
           {
             alignItems: "center",
             justifyContent: "center",
             mt: 2,
             inlineCSS: { width: "inherit" },
-            children: /* @__PURE__ */ t(
+            children: /* @__PURE__ */ e(
               k,
               {
                 fullWidth: !0,
                 variant: "text",
                 color: "secondary",
-                endAdornment: /* @__PURE__ */ t(d, { name: o ? "ChevronUpLine" : "ChevronDownLine" }),
+                endAdornment: /* @__PURE__ */ e(d, { name: o ? "ChevronUpLine" : "ChevronDownLine" }),
                 onClick: b,
-                "aria-controls": "certification-section-certification-items",
+                "aria-controls": "certificate-section-certificate-items",
                 "aria-expanded": o,
                 children: o ? "접기" : "더 보기"
               }
             )
           }
         ),
-        !r && f && /* @__PURE__ */ t(
-          e,
+        !r && f && /* @__PURE__ */ e(
+          i,
           {
             mt: 4,
             flexGrow: 1,

package/dist/teacher/profile/components/CertificateSection/index.d.ts

@@ -0,0 +1,4 @@
+import { default as CertificateSection, CertificateSectionProps } from './CertificateSection';
+export type { CertificateSectionProps };
+export { default as CertificateItem, type CertificateItemProps } from './CertificateItem';
+export default CertificateSection;

package/dist/teacher/profile/components/CertificateSection/index.mjs

@@ -0,0 +1,6 @@
+import e from "./CertificateSection.mjs";
+import { default as f } from "./CertificateItem/CertificateItem.mjs";
+export {
+  f as CertificateItem,
+  e as default
+};

package/dist/teacher/profile/components/ClassNotesSection/ClassNote/ClassNote.d.ts

@@ -0,0 +1,9 @@
+import { RollerBlockProps } from '../../../../../shared/components/Roller/RollerBlock';
+export interface ClassNoteProps extends RollerBlockProps {
+    content: string;
+    keywords: string[];
+    regDatetime: string;
+    childrenInfo: Record<'childBirth' | 'childGender', string>[];
+}
+declare function ClassNote({ content, keywords, regDatetime, childrenInfo, ...props }: ClassNoteProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export default ClassNote;

package/dist/teacher/profile/components/{LessonNotesSection/LessonNote/LessonNote.mjs → ClassNotesSection/ClassNote/ClassNote.mjs}

@@ -1,15 +1,15 @@
-import { jsxs as r, jsx as e } from "react/jsx-runtime";
-import { Typography as l, Flexbox as g, Label as u } from "@dotss/ui";
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
+import { Typography as r, Flexbox as g, Label as u } from "@dotss/ui";
 import x from "@dotss/ui/core/useTheme";
 import y from "dayjs";
 import C from "../../../../../shared/components/Roller/RollerBlock/RollerBlock.mjs";
-import { getChildLabel as S } from "../LessonNotesSection.utils.mjs";
-function L({ content: h, keywords: t, regDatetime: s, childrenInfo: p, ...n }) {
+import { getChildLabel as S } from "../ClassNotesSection.utils.mjs";
+function M({ content: h, keywords: t, regDatetime: s, childrenInfo: p, ...n }) {
   var c, m;
   const {
     palette: { grey: f, brand: i }
-  } = x(), { label: o, other: a } = S(p), b = y(s);
-  return /* @__PURE__ */ r(
+  } = x(), { label: a, other: o } = S(p), b = y(s);
+  return /* @__PURE__ */ l(
     C,
     {
       p: 4,
@@ -23,24 +23,24 @@ function L({ content: h, keywords: t, regDatetime: s, childrenInfo: p, ...n }) {
         ...n == null ? void 0 : n.inlineCSS
       },
       children: [
-        /* @__PURE__ */ e(l, { tag: "p", variant: "b4R", color: "grey.70", lineClamp: 6, inlineCSS: { flexGrow: 1 }, children: h }),
+        /* @__PURE__ */ e(r, { tag: "p", variant: "b4R", color: "grey.70", lineClamp: 6, inlineCSS: { flexGrow: 1 }, children: h }),
         t.length > 0 && /* @__PURE__ */ e(g, { alignItems: "center", gap: 1, flexWrap: "wrap", children: t.map((d) => /* @__PURE__ */ e(u, { variant: "ghost", color: "yellow", size: "small", children: d }, `activity-keyword-${d}`)) }),
-        /* @__PURE__ */ r(g, { alignItems: "center", justifyContent: "space-between", gap: 1, children: [
-          /* @__PURE__ */ e(l, { tag: "p", variant: "b4R", color: "grey.70", children: b.format("YYYY-MM-DD") }),
-          /* @__PURE__ */ r(
-            l,
+        /* @__PURE__ */ l(g, { alignItems: "center", justifyContent: "space-between", gap: 1, children: [
+          /* @__PURE__ */ e(r, { tag: "p", variant: "b4R", color: "grey.70", children: b.format("YYYY년 MM월 DD일") }),
+          /* @__PURE__ */ l(
+            r,
             {
               tag: "p",
               variant: "b4M",
               color: "grey.70",
               inlineCSS: {
                 "& > span": {
-                  color: o.includes("여아") ? (c = i.extend) == null ? void 0 : c.pink : (m = i.extend) == null ? void 0 : m.blue
+                  color: a.includes("여아") ? (c = i.extend) == null ? void 0 : c.pink : (m = i.extend) == null ? void 0 : m.blue
                 }
               },
               children: [
-                /* @__PURE__ */ e("span", { children: o }),
-                a ? ` ${a}` : ""
+                /* @__PURE__ */ e("span", { children: a }),
+                o ? ` ${o}` : ""
               ]
             }
           )
@@ -50,5 +50,5 @@ function L({ content: h, keywords: t, regDatetime: s, childrenInfo: p, ...n }) {
   );
 }
 export {
-  L as default
+  M as default
 };

package/dist/teacher/profile/components/ClassNotesSection/ClassNote/index.d.ts

@@ -0,0 +1,3 @@
+import { default as ClassNote, ClassNoteProps } from './ClassNote';
+export type { ClassNoteProps };
+export default ClassNote;

package/dist/teacher/profile/components/ClassNotesSection/ClassNote/index.mjs

@@ -0,0 +1,4 @@
+import t from "./ClassNote.mjs";
+export {
+  t as default
+};

package/dist/teacher/profile/components/ClassNotesSection/ClassNotesSection.d.ts

@@ -0,0 +1,7 @@
+import { FlexboxProps } from 'node_modules/@dotss/ui/Flexbox/Flexbox';
+export interface ClassNotesSectionProps extends FlexboxProps {
+    totalCount: number;
+    onClickViewAll?: () => void;
+}
+declare const ClassNotesSection: import('react').ForwardRefExoticComponent<Omit<ClassNotesSectionProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export default ClassNotesSection;

package/dist/teacher/profile/components/{LessonNotesSection/LessonNotesSection.mjs → ClassNotesSection/ClassNotesSection.mjs}

@@ -2,7 +2,7 @@ import { jsxs as t, jsx as o } from "react/jsx-runtime";
 import { forwardRef as d, Children as h } from "react";
 import { Flexbox as i, Typography as l, Button as p, Icon as f } from "@dotss/ui";
 import u from "@dotss/ui/core/useTheme";
-import x from "../../../../shared/components/Roller/Roller.mjs";
+import C from "../../../../shared/components/Roller/Roller.mjs";
 const w = d(
   ({ children: r, totalCount: a = 0, onClickViewAll: c, ...n }, s) => {
     const {
@@ -30,7 +30,7 @@ const w = d(
         children: [
           /* @__PURE__ */ t(i, { alignItems: "center", justifyContent: "space-between", gap: 1, children: [
             /* @__PURE__ */ o(i, { alignItems: "center", gap: 2, children: /* @__PURE__ */ t(l, { id: "lesson-notes-section-title", tag: "h2", variant: "h2B", children: [
-              "선생님의 수업노트",
+              "선생님의 수업 노트",
               a > 0 && /* @__PURE__ */ t(
                 l,
                 {
@@ -59,7 +59,7 @@ const w = d(
             )
           ] }),
           /* @__PURE__ */ o(
-            x,
+            C,
             {
               rowCount: 1,
               spacing: 3,

package/dist/teacher/profile/components/ClassNotesSection/index.d.ts

@@ -0,0 +1,4 @@
+import { default as ClassNotesSection, ClassNotesSectionProps } from './ClassNotesSection';
+export type { ClassNotesSectionProps };
+export { default as ClassNote, type ClassNoteProps } from './ClassNote';
+export default ClassNotesSection;

package/dist/teacher/profile/components/ClassNotesSection/index.mjs

@@ -0,0 +1,6 @@
+import t from "./ClassNotesSection.mjs";
+import { default as a } from "./ClassNote/ClassNote.mjs";
+export {
+  a as ClassNote,
+  t as default
+};

package/dist/teacher/profile/components/ParentReviewSection/ParentReviewCard/ParentReviewCard.mjs

@@ -25,7 +25,7 @@ function B({
     return r(), window.addEventListener("resize", r), () => {
       window.removeEventListener("resize", r);
     };
-  }, [c]), /* @__PURE__ */ n(i, { tag: "li", flexDirection: "column", gap: 3, flexGrow: 1, ...b, children: [
+  }, [c]), /* @__PURE__ */ n(i, { tag: "li", flexDirection: "column", gap: 2, flexGrow: 1, ...b, children: [
     /* @__PURE__ */ n(i, { alignItems: "center", gap: 1, children: [
       /* @__PURE__ */ e(u, { name: "ReviewFill", size: "small", color: "tictoccroc-teacher.brand.yellow" }),
       /* @__PURE__ */ e(t, { tag: "span", variant: "h4M", "aria-label": `${l}점`, children: l })

package/dist/teacher/profile/components/ParentReviewSection/index.d.ts

@@ -1,4 +1,5 @@
 import { default as ParentReviewSection, ParentReviewSectionProps } from './ParentReviewSection';
-export { type ParentReviewSectionProps };
+import { getChildLabel } from './ParentReviewSection.utils';
+export { type ParentReviewSectionProps, getChildLabel };
 export { default as ParentReviewCard, type ParentReviewCardProps } from './ParentReviewCard';
 export default ParentReviewSection;

package/dist/teacher/profile/components/ParentReviewSection/index.mjs

@@ -1,6 +1,8 @@
 import r from "./ParentReviewSection.mjs";
-import { default as o } from "./ParentReviewCard/ParentReviewCard.mjs";
+import { getChildLabel as o } from "./ParentReviewSection.utils.mjs";
+import { default as i } from "./ParentReviewCard/ParentReviewCard.mjs";
 export {
-  o as ParentReviewCard,
-  r as default
+  i as ParentReviewCard,
+  r as default,
+  o as getChildLabel
 };

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

@@ -1,13 +1,13 @@
 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 { Flexbox as t, Typography as o, Icon as p, 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";
+import W from "../../../../shared/components/Image/Image.mjs";
 function Q({
   avatar: i,
   introduction: r,
-  name: p,
+  name: h,
   grade: y,
   activeHours: b = 0,
   rating: f = 0,
@@ -19,7 +19,7 @@ function Q({
   const {
     palette: { background: C, brand: I, etc: z },
     spacing: a
-  } = O(), [m, M] = R(!1), [$, T] = R(!1), x = J(null), j = b >= 0 && g > 0, u = E ? L(E) : null, v = (l) => {
+  } = O(), [u, M] = R(!1), [$, j] = R(!1), x = J(null), T = b >= 0 && g > 0, m = 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) => {
@@ -37,7 +37,7 @@ function Q({
     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);
+      j(d > 4);
     };
     return l(), window.addEventListener("resize", l), () => {
       window.removeEventListener("resize", l);
@@ -78,14 +78,17 @@ function Q({
                 },
                 children: [
                   i.src && /* @__PURE__ */ e(
-                    P,
+                    W,
                     {
                       width: 88,
                       height: 88,
                       src: i.src,
-                      alt: `${p} 선생님 프로필 이미지`,
+                      alt: `${h} 선생님 프로필 이미지`,
                       fit: "cover",
-                      borderRadius: 100
+                      borderRadius: 100,
+                      style: {
+                        objectFit: "cover"
+                      }
                     }
                   ),
                   !i.src && !i.placeholder && /* @__PURE__ */ n(
@@ -130,7 +133,7 @@ function Q({
                       }
                     ),
                     /* @__PURE__ */ e(
-                      h,
+                      p,
                       {
                         name: "AlertFill",
                         size: "xSmall",
@@ -149,7 +152,7 @@ function Q({
                 ]
               }
             ),
-            (u == null ? void 0 : u.isValid()) && /* @__PURE__ */ e(o, { tag: "p", variant: "c3M", color: "grey.50", children: v(u) })
+            (m == null ? void 0 : m.isValid()) && /* @__PURE__ */ e(o, { tag: "p", variant: "c3M", color: "grey.50", children: v(m) })
           ] }),
           /* @__PURE__ */ n(
             t,
@@ -166,6 +169,7 @@ function Q({
                   {
                     alignItems: "center",
                     gap: 2,
+                    flexWrap: "wrap",
                     inlineCSS: {
                       maxHeight: 30
                     },
@@ -176,7 +180,7 @@ function Q({
                           variant: "outlined",
                           size: "small",
                           color: "blue",
-                          "aria-label": `${p} 선생님의 등급: ${y}`,
+                          "aria-label": `${h} 선생님의 등급: ${y}`,
                           children: y
                         }
                       ),
@@ -185,7 +189,7 @@ function Q({
                         {
                           tag: "p",
                           variant: "h2B",
-                          "aria-label": `${p} 선생님`,
+                          "aria-label": `${h} 선생님`,
                           inlineCSS: {
                             flexGrow: 1,
                             "& > span": {
@@ -194,7 +198,7 @@ function Q({
                             }
                           },
                           children: [
-                            p,
+                            h,
                             /* @__PURE__ */ e("span", { "aria-hidden": !0, children: "선생님" })
                           ]
                         }
@@ -203,14 +207,14 @@ function Q({
                     ]
                   }
                 ),
-                j && /* @__PURE__ */ n(
+                T && /* @__PURE__ */ n(
                   t,
                   {
                     pl: 4,
                     pr: 4,
                     pt: 2,
                     pb: 2,
-                    justifyContent: "space-between",
+                    justifyContent: "space-around",
                     alignItems: "center",
                     gap: 5,
                     inlineCSS: {
@@ -219,7 +223,7 @@ function Q({
                     },
                     children: [
                       /* @__PURE__ */ n(t, { alignItems: "center", role: "group", "aria-label": `누적 수업 ${b}시간`, children: [
-                        /* @__PURE__ */ e(h, { name: "TimeLine", size: "xSmall", color: "grey.70" }),
+                        /* @__PURE__ */ e(p, { name: "TimeLine", size: "xSmall", color: "grey.70" }),
                         /* @__PURE__ */ e(
                           o,
                           {
@@ -252,7 +256,7 @@ function Q({
                           role: "group",
                           "aria-label": f > 0 ? `평점 ${f}, 리뷰 ${g}개` : `평점 집계중, 리뷰 ${g}개`,
                           children: [
-                            /* @__PURE__ */ e(h, { name: "ReviewFill", size: "xSmall", color: "grey.70" }),
+                            /* @__PURE__ */ e(p, { name: "ReviewFill", size: "xSmall", color: "grey.70" }),
                             f > 0 ? /* @__PURE__ */ n(w, { children: [
                               /* @__PURE__ */ e(
                                 o,
@@ -345,7 +349,7 @@ function Q({
                     },
                     children: [
                       r.status === "REJECTED" && /* @__PURE__ */ e(
-                        h,
+                        p,
                         {
                           name: "AlertFill",
                           size: "xSmall",
@@ -368,7 +372,7 @@ function Q({
                     tag: "dl",
                     variant: "b4R",
                     color: r.status === "REJECTED" ? "grey.30" : "grey.70",
-                    lineClamp: m ? void 0 : 4,
+                    lineClamp: u ? void 0 : 4,
                     inlineCSS: {
                       marginTop: a.content(2),
                       whiteSpace: "pre-wrap"
@@ -386,14 +390,14 @@ function Q({
                   variant: "text",
                   size: "xSmall",
                   color: "secondary",
-                  endAdornment: /* @__PURE__ */ e(h, { name: m ? "ChevronUpLine" : "ChevronDownLine" }),
+                  endAdornment: /* @__PURE__ */ e(p, { name: u ? "ChevronUpLine" : "ChevronDownLine" }),
                   onClick: F,
-                  "aria-expanded": m,
+                  "aria-expanded": u,
                   "aria-controls": "about-me",
                   inlineCSS: {
                     marginLeft: "auto"
                   },
-                  children: m ? "접기" : "더보기"
+                  children: u ? "접기" : "더보기"
                 }
               )
             ]