@dotss/tictoccroc 0.9.1 → 0.11.0

package/dist/index.mjs

@@ -56,52 +56,54 @@ import $ from "./shared/components/MediaDialog/MediaBlock/index.mjs";
 import ee from "./shared/components/Swiper/index.mjs";
 import te from "./teacher/home/components/BannerAccount/BannerAccount.fallback.mjs";
 import ne from "./teacher/home/components/BannerAccount/index.mjs";
+import re from "./teacher/home/components/SingleAccount/SingleAccount.fallback.mjs";
+import ie from "./teacher/home/components/SingleAccount/index.mjs";
 import "./teacher/home/components/index.mjs";
-import re from "./parent/notification/utils/sanitize/sanitize.mjs";
+import ae from "./parent/notification/utils/sanitize/sanitize.mjs";
 import "./parent/notification/utils/index.mjs";
-import ie from "./parent/notification/components/NotificationCard/index.mjs";
+import oe from "./parent/notification/components/NotificationCard/index.mjs";
 import "./parent/notification/components/index.mjs";
-import { t as ae } from "./convertMdToHtml-Bmk0brLK.js";
+import { t as se } from "./convertMdToHtml-Bmk0brLK.js";
 import "./parent/b2b/utils/index.mjs";
-import oe from "./parent/b2b/components/ActionButtons/index.mjs";
-import se from "./parent/b2b/components/BottomNotes/index.mjs";
-import ce from "./shared/components/TextField/index.mjs";
-import le from "./parent/b2b/components/EmployeeNumberField/index.mjs";
-import ue from "./parent/b2b/components/NameField/index.mjs";
-import { isSuccess as de, isValid as fe } from "./parent/b2b/components/PhoneNumberField/PhoneNumberField.utils.mjs";
-import pe from "./parent/b2b/components/PhoneNumberField/index.mjs";
-import me from "./parent/b2b/components/Title/index.mjs";
-import he from "./shared/components/MediaDialog/MediaDialogContent/index.mjs";
-import ge from "./shared/components/MediaDialog/MediaDialogFooter/index.mjs";
-import _e from "./shared/components/MediaDialog/MediaDialogToolbar/index.mjs";
-import ve from "./shared/components/MediaDialog/index.mjs";
-import ye from "./shared/components/TimePicker/index.mjs";
-import be from "./shared/components/Calendar/index.mjs";
-import xe from "./shared/components/ChatKit/Message/Message.fallback.mjs";
-import { getMessageLabel as Se, markMessageGroupBoundaries as Ce } from "./shared/components/ChatKit/Message/Message.utils.mjs";
-import we from "./shared/components/ChatKit/Message/index.mjs";
-import { getImageMessageLabel as Te, getPhotoAssetMessage as Ee } from "./shared/components/ChatKit/ImageMessage/ImageMessage.utils.mjs";
-import De from "./shared/components/ChatKit/ImageMessage/index.mjs";
-import Oe from "./shared/components/ChatKit/SystemMessage/(Actions)/DirectTrageRiskInfoBottomSheet/DirectTrageRiskInfoBottomSheet.mjs";
-import { getSystemMessageLabel as ke } from "./shared/components/ChatKit/SystemMessage/SystemMessage.utils.mjs";
-import Ae from "./shared/components/ChatKit/SystemMessage/index.mjs";
-import { getBotMessageLabel as je, getCtaButtonText as Me } from "./shared/components/ChatKit/BotMessage/BotMessage.utils.mjs";
-import Ne from "./shared/components/ChatKit/BotMessage/index.mjs";
-import Pe from "./shared/components/ChatKit/InputBar/InputBar.fallback.mjs";
-import Fe from "./shared/components/ChatKit/InputBar/index.mjs";
-import Ie from "./shared/components/ChatKit/Seperator/index.mjs";
-import Le from "./shared/components/ChatKit/UnreadMessagePill/index.mjs";
-import Re from "./parent/b2b/components/TopLogo/index.mjs";
+import ce from "./parent/b2b/components/ActionButtons/index.mjs";
+import le from "./parent/b2b/components/BottomNotes/index.mjs";
+import ue from "./shared/components/TextField/index.mjs";
+import de from "./parent/b2b/components/EmployeeNumberField/index.mjs";
+import fe from "./parent/b2b/components/NameField/index.mjs";
+import { isSuccess as pe, isValid as me } from "./parent/b2b/components/PhoneNumberField/PhoneNumberField.utils.mjs";
+import he from "./parent/b2b/components/PhoneNumberField/index.mjs";
+import ge from "./parent/b2b/components/Title/index.mjs";
+import _e from "./shared/components/MediaDialog/MediaDialogContent/index.mjs";
+import ve from "./shared/components/MediaDialog/MediaDialogFooter/index.mjs";
+import ye from "./shared/components/MediaDialog/MediaDialogToolbar/index.mjs";
+import be from "./shared/components/MediaDialog/index.mjs";
+import xe from "./shared/components/TimePicker/index.mjs";
+import Se from "./shared/components/Calendar/index.mjs";
+import Ce from "./shared/components/ChatKit/Message/Message.fallback.mjs";
+import { getMessageLabel as we, markMessageGroupBoundaries as Te } from "./shared/components/ChatKit/Message/Message.utils.mjs";
+import Ee from "./shared/components/ChatKit/Message/index.mjs";
+import { getImageMessageLabel as De, getPhotoAssetMessage as Oe } from "./shared/components/ChatKit/ImageMessage/ImageMessage.utils.mjs";
+import ke from "./shared/components/ChatKit/ImageMessage/index.mjs";
+import Ae from "./shared/components/ChatKit/SystemMessage/(Actions)/DirectTrageRiskInfoBottomSheet/DirectTrageRiskInfoBottomSheet.mjs";
+import { getSystemMessageLabel as je } from "./shared/components/ChatKit/SystemMessage/SystemMessage.utils.mjs";
+import Me from "./shared/components/ChatKit/SystemMessage/index.mjs";
+import { getBotMessageLabel as Ne, getCtaButtonText as Pe } from "./shared/components/ChatKit/BotMessage/BotMessage.utils.mjs";
+import Fe from "./shared/components/ChatKit/BotMessage/index.mjs";
+import Ie from "./shared/components/ChatKit/InputBar/InputBar.fallback.mjs";
+import Le from "./shared/components/ChatKit/InputBar/index.mjs";
+import Re from "./shared/components/ChatKit/Seperator/index.mjs";
+import ze from "./shared/components/ChatKit/UnreadMessagePill/index.mjs";
+import Be from "./parent/b2b/components/TopLogo/index.mjs";
 import "./parent/b2b/components/index.mjs";
-import ze from "./shared/utils/isAndroid/index.mjs";
-import Be from "./shared/utils/isIos/index.mjs";
-import Ve from "./shared/utils/isApp/index.mjs";
-import He from "./shared/utils/isDesktop/index.mjs";
-import Ue from "./shared/utils/ageToBirthDate/index.mjs";
-import We from "./shared/utils/objectToQueryString/index.mjs";
-import Ge from "./shared/utils/getVimeoId/index.mjs";
-import Ke from "./shared/utils/parseQueryString/index.mjs";
-import qe from "./shared/utils/share/index.mjs";
-import Je from "./shared/utils/getCareTypeLabel/index.mjs";
+import Ve from "./shared/utils/isAndroid/index.mjs";
+import He from "./shared/utils/isIos/index.mjs";
+import Ue from "./shared/utils/isApp/index.mjs";
+import We from "./shared/utils/isDesktop/index.mjs";
+import Ge from "./shared/utils/ageToBirthDate/index.mjs";
+import Ke from "./shared/utils/objectToQueryString/index.mjs";
+import qe from "./shared/utils/getVimeoId/index.mjs";
+import Je from "./shared/utils/parseQueryString/index.mjs";
+import Ye from "./shared/utils/share/index.mjs";
+import Xe from "./shared/utils/getCareTypeLabel/index.mjs";
 import "./shared/utils/index.mjs";
-export { T as AbilityBadge, E as AbilityCollection, oe as ActionButtons, m as ActivityGallery, f as ActivityGalleryItem, P as AvailableScheduleSection, ne as BannerAccount, te as BannerAccountFallback, Ne as BotMessage, se as BottomNotes, be as Calendar, L as CareNote, z as CareNoteSection, _ as CareerItem, v as CareerSection, q as Carousel, Y as Carousel1Account, J as Carousel1AccountFallback, Z as Carousel2Account, X as Carousel2AccountFallback, K as CarouselSlide, h as CertificateItem, g as CertificateSection, Oe as DirectTradeRiskInfoBottomSheet, y as EducationItem, b as EducationSection, le as EmployeeNumberField, a as Image, i as ImageError, De as ImageMessage, Fe as InputBar, Pe as InputBarFallback, U as LoadingAnnouncer, p as Masonry, l as MasonryBlock, $ as MediaBlock, ve as MediaDialog, he as MediaDialogContent, ge as MediaDialogFooter, _e as MediaDialogToolbar, we as Message, xe as MessageFallback, ue as NameField, ie as NotificationCard, V as ParentReviewCard, H as ParentReviewSection, pe as PhoneNumberField, x as PreferredActivityKeywordGroup, C as PreferredAgeGroup, o as ProfileSummary, R as Roller, F as RollerBlock, M as ScheduleBlock, D as ScheduleEvent, N as Scheduler, Ie as Seperator, s as StatBadge, c as StatBadgeCollection, ee as Swiper, Q as SwiperBlock, Ae as SystemMessage, G as TextAccount, W as TextAccountFallback, ce as TextField, ye as TimePicker, me as Title, Re as TopLogo, Le as UnreadMessagePill, Ue as ageToBirthDate, I as birthDateToAge, u as combineRef, ae as convertMdToHtml, O as dayFlagToDay, w as getAbilityCollection, j as getAvailableDateRange, je as getBotMessageLabel, Je as getCareTypeLabel, B as getChildLabel, Me as getCtaButtonText, k as getDateRange, Te as getImageMessageLabel, r as getImageUrl, Se as getMessageLabel, Ee as getPhotoAssetMessage, S as getPreferredAgeKeywords, ke as getSystemMessageLabel, A as getTimeRange, Ge as getVimeoId, ze as isAndroid, Ve as isApp, He as isDesktop, Be as isIos, t as isServer, de as isSuccess, fe as isValid, Ce as markMessageGroupBoundaries, We as objectToQueryString, Ke as parseQueryString, re as sanitize, qe as share, d as useCombineRef, e as useInView, n as useIsomorphicLayoutEffect };
+export { T as AbilityBadge, E as AbilityCollection, ce as ActionButtons, m as ActivityGallery, f as ActivityGalleryItem, P as AvailableScheduleSection, ne as BannerAccount, te as BannerAccountFallback, Fe as BotMessage, le as BottomNotes, Se as Calendar, L as CareNote, z as CareNoteSection, _ as CareerItem, v as CareerSection, q as Carousel, Y as Carousel1Account, J as Carousel1AccountFallback, Z as Carousel2Account, X as Carousel2AccountFallback, K as CarouselSlide, h as CertificateItem, g as CertificateSection, Ae as DirectTradeRiskInfoBottomSheet, y as EducationItem, b as EducationSection, de as EmployeeNumberField, a as Image, i as ImageError, ke as ImageMessage, Le as InputBar, Ie as InputBarFallback, U as LoadingAnnouncer, p as Masonry, l as MasonryBlock, $ as MediaBlock, be as MediaDialog, _e as MediaDialogContent, ve as MediaDialogFooter, ye as MediaDialogToolbar, Ee as Message, Ce as MessageFallback, fe as NameField, oe as NotificationCard, V as ParentReviewCard, H as ParentReviewSection, he as PhoneNumberField, x as PreferredActivityKeywordGroup, C as PreferredAgeGroup, o as ProfileSummary, R as Roller, F as RollerBlock, M as ScheduleBlock, D as ScheduleEvent, N as Scheduler, Re as Seperator, ie as SingleAccount, re as SingleAccountFallback, s as StatBadge, c as StatBadgeCollection, ee as Swiper, Q as SwiperBlock, Me as SystemMessage, G as TextAccount, W as TextAccountFallback, ue as TextField, xe as TimePicker, ge as Title, Be as TopLogo, ze as UnreadMessagePill, Ge as ageToBirthDate, I as birthDateToAge, u as combineRef, se as convertMdToHtml, O as dayFlagToDay, w as getAbilityCollection, j as getAvailableDateRange, Ne as getBotMessageLabel, Xe as getCareTypeLabel, B as getChildLabel, Pe as getCtaButtonText, k as getDateRange, De as getImageMessageLabel, r as getImageUrl, we as getMessageLabel, Oe as getPhotoAssetMessage, S as getPreferredAgeKeywords, je as getSystemMessageLabel, A as getTimeRange, qe as getVimeoId, Ve as isAndroid, Ue as isApp, We as isDesktop, He as isIos, t as isServer, pe as isSuccess, me as isValid, Te as markMessageGroupBoundaries, Ke as objectToQueryString, Je as parseQueryString, ae as sanitize, Ye as share, d as useCombineRef, e as useInView, n as useIsomorphicLayoutEffect };

package/dist/teacher/home/components/SingleAccount/SingleAccount.d.ts

@@ -0,0 +1,15 @@
+import { ReactNode, SyntheticEvent } from 'react';
+import { FlexboxProps } from 'node_modules/@dotss/ui/Flexbox/Flexbox';
+import { ImageProps } from '../../../../shared/components/Image';
+import { BannerProps } from '..';
+export interface SingleAccountProps extends Omit<FlexboxProps, 'title' | 'id'> {
+    id: number;
+    title: ReactNode;
+    banners: Array<BannerProps & {
+        image?: string;
+    }>;
+    onClickBanner?: (url: string, bannerId: number, e: SyntheticEvent) => void;
+    imageProps?: Partial<ImageProps>;
+}
+declare function SingleAccount({ id, title, banners, onClickBanner, imageProps, ...props }: SingleAccountProps): import("@emotion/react/jsx-runtime").JSX.Element | null;
+export default SingleAccount;

package/dist/teacher/home/components/SingleAccount/SingleAccount.fallback.d.ts

@@ -0,0 +1,2 @@
+declare function SingleAccountFallback(): import("@emotion/react/jsx-runtime").JSX.Element;
+export default SingleAccountFallback;

package/dist/teacher/home/components/SingleAccount/SingleAccount.fallback.mjs

@@ -0,0 +1,32 @@
+import e from "../../../../shared/components/LoadingAnnouncer/index.mjs";
+import t from "@dotss/ui/core/useTheme";
+import { Fragment as n, jsx as r, jsxs as i } from "react/jsx-runtime";
+import a from "@dotss/ui/Flexbox";
+import o from "@dotss/ui/Skeleton";
+//#region teacher/home/components/SingleAccount/SingleAccount.fallback.tsx
+function s() {
+	let { spacing: s } = t();
+	return /* @__PURE__ */ i(n, { children: [/* @__PURE__ */ r(e, {}), /* @__PURE__ */ i(a, {
+		tag: "section",
+		flexDirection: "column",
+		"aria-busy": !0,
+		inlineCSS: {
+			width: "100%",
+			overflow: "hidden",
+			cursor: "wait"
+		},
+		children: [/* @__PURE__ */ r(o, {
+			height: 30,
+			inlineCSS: {
+				width: "50%",
+				marginBottom: s.content(4)
+			}
+		}), /* @__PURE__ */ r(o, {
+			height: 230,
+			borderRadius: 12,
+			inlineCSS: { width: "100%" }
+		})]
+	})] });
+}
+//#endregion
+export { s as default };

package/dist/teacher/home/components/SingleAccount/SingleAccount.mjs

@@ -0,0 +1,58 @@
+import e from "../../../../shared/components/Image/index.mjs";
+import t from "@dotss/ui/core/useTheme";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import i from "@dotss/ui/Flexbox";
+import a from "@dotss/ui/Typography";
+//#region teacher/home/components/SingleAccount/SingleAccount.tsx
+var o = 360, s = 252, c = 12;
+function l({ id: l, title: u, banners: d, onClickBanner: f, imageProps: p, ...m }) {
+	let { spacing: h } = t(), [g] = d, _ = (e, t) => (n) => {
+		f && typeof f == "function" && (n.stopPropagation(), n.preventDefault(), f(e, t, n));
+	};
+	return g ? /* @__PURE__ */ r(i, {
+		tag: "section",
+		flexDirection: "column",
+		"aria-labelledby": `banner-account-single-${l}`,
+		inlineCSS: { width: "100%" },
+		...m,
+		children: [/* @__PURE__ */ n(a, {
+			id: `banner-account-single-${l}`,
+			tag: "h2",
+			variant: "h2B",
+			inlineCSS: {
+				whiteSpace: "pre-wrap",
+				wordBreak: "keep-all",
+				marginBottom: h.content(4)
+			},
+			children: u
+		}), /* @__PURE__ */ n(i, {
+			tag: "a",
+			href: g.url,
+			draggable: !1,
+			onClick: _(g.url, g.id),
+			inlineCSS: {
+				width: "100%",
+				borderRadius: c
+			},
+			children: /* @__PURE__ */ n(e, {
+				src: g.image || "",
+				width: o,
+				height: s,
+				alt: `${g.title} 이미지`,
+				draggable: !1,
+				borderRadius: c,
+				enableFallback: !0,
+				enableErrorFallback: !0,
+				withIntrinsicRatio: !0,
+				wrapperProps: { inlineCSS: { width: "100%" } },
+				style: {
+					width: "100%",
+					objectFit: "cover"
+				},
+				...p
+			})
+		})]
+	}) : null;
+}
+//#endregion
+export { l as default };

package/dist/teacher/home/components/SingleAccount/index.d.ts

@@ -0,0 +1,4 @@
+import { default as SingleAccount, SingleAccountProps } from './SingleAccount';
+import { default as SingleAccountFallback } from './SingleAccount.fallback';
+export { SingleAccount, SingleAccountFallback, type SingleAccountProps };
+export default SingleAccount;

package/dist/teacher/home/components/SingleAccount/index.mjs

@@ -0,0 +1,6 @@
+import e from "./SingleAccount.mjs";
+import t from "./SingleAccount.fallback.mjs";
+//#region teacher/home/components/SingleAccount/index.ts
+var n = e;
+//#endregion
+export { e as SingleAccount, t as SingleAccountFallback, n as default };

package/dist/teacher/home/components/index.d.ts

@@ -8,7 +8,9 @@ export { default as TextAccount } from './TextAccount';
 export { default as Carousel1Account } from './Carousel1Account';
 export { default as Carousel2Account } from './Carousel2Account';
 export { default as BannerAccount } from './BannerAccount';
+export { default as SingleAccount } from './SingleAccount';
 export * from './TextAccount';
 export * from './Carousel1Account';
 export * from './Carousel2Account';
 export * from './BannerAccount';
+export * from './SingleAccount';

package/dist/teacher/home/components/index.mjs

@@ -6,4 +6,6 @@ import i from "./Carousel2Account/Carousel2Account.fallback.mjs";
 import a from "./Carousel2Account/index.mjs";
 import o from "./BannerAccount/BannerAccount.fallback.mjs";
 import s from "./BannerAccount/index.mjs";
-export { s as BannerAccount, o as BannerAccountFallback, r as Carousel1Account, n as Carousel1AccountFallback, a as Carousel2Account, i as Carousel2AccountFallback, t as TextAccount, e as TextAccountFallback };
+import c from "./SingleAccount/SingleAccount.fallback.mjs";
+import l from "./SingleAccount/index.mjs";
+export { s as BannerAccount, o as BannerAccountFallback, r as Carousel1Account, n as Carousel1AccountFallback, a as Carousel2Account, i as Carousel2AccountFallback, l as SingleAccount, c as SingleAccountFallback, t as TextAccount, e as TextAccountFallback };

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

@@ -1,6 +1,8 @@
+import { ReactNode } from 'react';
 import { FlexboxProps } from 'node_modules/@dotss/ui/Flexbox/Flexbox';
 export interface AbilityCollectionProps extends FlexboxProps {
     enableToggle?: boolean;
+    description?: ReactNode;
 }
-declare function AbilityCollection({ children, enableToggle, ...props }: AbilityCollectionProps): import("@emotion/react/jsx-runtime").JSX.Element;
+declare function AbilityCollection({ children, enableToggle, description, ...props }: AbilityCollectionProps): import("@emotion/react/jsx-runtime").JSX.Element;
 export default AbilityCollection;

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

@@ -4,28 +4,28 @@ import { Button as o, Flexbox as s, Icon as c, Typography as l } from "@dotss/ui
 import u from "@dotss/ui/core/useTheme";
 import { jsx as d, jsxs as f } from "react/jsx-runtime";
 //#region teacher/profile/components/AbilityCollection/AbilityCollection.tsx
-function p({ children: p, enableToggle: m = !1, ...h }) {
-	let { spacing: g } = u(), [_, v] = a(!1), [y, b] = a(0), [x, S] = a(0), C = i(null), w = t.toArray(p).filter(r).filter((t) => t.type === e), T = () => v((e) => !e), E = (e) => (t) => {
+function p({ children: p, enableToggle: m = !1, description: h, ...g }) {
+	let { spacing: _ } = u(), [v, y] = a(!1), [b, x] = a(0), [S, C] = a(0), w = i(null), T = t.toArray(p).filter(r).filter((t) => t.type === e), E = () => y((e) => !e), D = (e) => (t) => {
 		let n = Number(t.currentTarget.getAttribute("data-row") || -1), r = Number(t.currentTarget.getAttribute("data-col") || -1);
-		b(n), S(r), e?.(t);
-	}, D = (e) => (t) => {
+		x(n), C(r), e?.(t);
+	}, O = (e) => (t) => {
 		let n = Number(t.currentTarget.getAttribute("data-row") || -1), r = Number(t.currentTarget.getAttribute("data-col") || -1);
 		switch (t.key) {
 			case "ArrowUp":
 				if (t.preventDefault(), n === 0) return;
-				b(n - 1), C.current?.querySelector(`[data-row="${n - 1}"][data-col="${r}"]`)?.focus();
+				x(n - 1), w.current?.querySelector(`[data-row="${n - 1}"][data-col="${r}"]`)?.focus();
 				break;
 			case "ArrowDown":
-				if (t.preventDefault(), n === 2 || n === 1 && m && !_) return;
-				b(n + 1), C.current?.querySelector(`[data-row="${n + 1}"][data-col="${r}"]`)?.focus();
+				if (t.preventDefault(), n === 2 || n === 1 && m && !v) return;
+				x(n + 1), w.current?.querySelector(`[data-row="${n + 1}"][data-col="${r}"]`)?.focus();
 				break;
 			case "ArrowLeft":
 				if (t.preventDefault(), r === 0) return;
-				S(r - 1), C.current?.querySelector(`[data-row="${n}"][data-col="${r - 1}"]`)?.focus();
+				C(r - 1), w.current?.querySelector(`[data-row="${n}"][data-col="${r - 1}"]`)?.focus();
 				break;
 			case "ArrowRight":
 				if (t.preventDefault(), r === 2) return;
-				S(r + 1), C.current?.querySelector(`[data-row="${n}"][data-col="${r + 1}"]`)?.focus();
+				C(r + 1), w.current?.querySelector(`[data-row="${n}"][data-col="${r + 1}"]`)?.focus();
 				break;
 			case "Enter":
 			case " ":
@@ -39,10 +39,10 @@ function p({ children: p, enableToggle: m = !1, ...h }) {
 		flexDirection: "column",
 		gap: 4,
 		"aria-labelledby": "ability-collection-title",
-		...h,
+		...g,
 		inlineCSS: {
 			width: "100%",
-			...h?.inlineCSS
+			...g?.inlineCSS
 		},
 		children: [
 			/* @__PURE__ */ d(l, {
@@ -51,8 +51,9 @@ function p({ children: p, enableToggle: m = !1, ...h }) {
 				variant: "h2B",
 				children: "능력치 배지"
 			}),
+			h,
 			/* @__PURE__ */ d(s, {
-				ref: C,
+				ref: w,
 				id: "ability-badge-grid",
 				role: "grid",
 				gap: 2,
@@ -63,23 +64,23 @@ function p({ children: p, enableToggle: m = !1, ...h }) {
 					display: "grid",
 					gridTemplateColumns: "repeat(3, 1fr)",
 					width: "inherit",
-					columnGap: g.content(2),
-					rowGap: g.content(6),
-					maxHeight: _ ? void 0 : m ? `calc(2 * 74px + ${g.content(12)}px)` : void 0,
+					columnGap: _.content(2),
+					rowGap: _.content(6),
+					maxHeight: v ? void 0 : m ? `calc(2 * 74px + ${_.content(12)}px)` : void 0,
 					overflow: "hidden"
 				},
-				children: t.map(w, (e, t) => {
+				children: t.map(T, (e, t) => {
 					let r = Math.floor(t / 3), i = t % 3;
 					return /* @__PURE__ */ d(s, {
 						role: "gridcell",
 						children: n(e, {
-							tabIndex: y === r && x === i ? 0 : -1,
+							tabIndex: b === r && S === i ? 0 : -1,
 							"data-row": r,
 							"data-col": i,
 							"aria-posinset": t + 1,
-							"aria-setsize": w.length,
-							onFocus: E(e.props.onFocus),
-							onKeyDown: D(e.props.onKeyDown),
+							"aria-setsize": T.length,
+							onFocus: D(e.props.onFocus),
+							onKeyDown: O(e.props.onKeyDown),
 							...e.props
 						})
 					}, `ability-badge-gridcell-${t}`);
@@ -93,11 +94,11 @@ function p({ children: p, enableToggle: m = !1, ...h }) {
 					fullWidth: !0,
 					variant: "text",
 					color: "secondary",
-					endAdornment: /* @__PURE__ */ d(c, { name: _ ? "ChevronUpLine" : "ChevronDownLine" }),
-					onClick: T,
+					endAdornment: /* @__PURE__ */ d(c, { name: v ? "ChevronUpLine" : "ChevronDownLine" }),
+					onClick: E,
 					"aria-controls": "ability-badge-grid",
-					"aria-expanded": _,
-					children: _ ? "접기" : "더 보기"
+					"aria-expanded": v,
+					children: v ? "접기" : "더 보기"
 				})
 			})
 		]

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

@@ -4,8 +4,9 @@ import { MasonryProps } from '../../../../shared/components/Masonry';
 export interface ActivityGalleryProps extends FlexboxProps {
     onClickViewAll?: () => void;
     action?: ReactNode;
+    description?: ReactNode;
     hideHeader?: boolean;
     masonryProps?: MasonryProps;
 }
-declare function ActivityGallery({ children, onClickViewAll, action, hideHeader, masonryProps: { columnCount, rowCount, spacing, edgeSpacing, direction, defaultContainerWidth, defaultContainerHeight, ...masonryProps }, ...props }: ActivityGalleryProps): import("@emotion/react/jsx-runtime").JSX.Element;
+declare function ActivityGallery({ children, onClickViewAll, action, description, hideHeader, masonryProps: { columnCount, rowCount, spacing, edgeSpacing, direction, defaultContainerWidth, defaultContainerHeight, ...masonryProps }, ...props }: ActivityGalleryProps): import("@emotion/react/jsx-runtime").JSX.Element;
 export default ActivityGallery;

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

@@ -4,8 +4,8 @@ import { Children as n, isValidElement as r } from "react";
 import { Button as i, Flexbox as a, Icon as o, Typography as s } from "@dotss/ui";
 import { jsx as c, jsxs as l } from "react/jsx-runtime";
 //#region teacher/profile/components/ActivityGallery/ActivityGallery.tsx
-function u({ children: u, onClickViewAll: d, action: f, hideHeader: p = !1, masonryProps: { columnCount: m = 2, rowCount: h = 2, spacing: g = 2, edgeSpacing: _ = 0, direction: v = "horizontal", defaultContainerWidth: y = 360, defaultContainerHeight: b = 0, ...x } = {}, ...S }) {
-	let C = n.toArray(u).filter(r).filter((t) => t.type === e), w = C.length > 0, T = (e, t, n) => {
+function u({ children: u, onClickViewAll: d, action: f, description: p, hideHeader: m = !1, masonryProps: { columnCount: h = 2, rowCount: g = 2, spacing: _ = 2, edgeSpacing: v = 0, direction: y = "horizontal", defaultContainerWidth: b = 360, defaultContainerHeight: x = 0, ...S } = {}, ...C }) {
+	let w = n.toArray(u).filter(r).filter((t) => t.type === e), T = w.length > 0, E = (e, t, n) => {
 		let r = e.props.type === "VIDEO" || e.props.type === "VIMEO" || e.props.type === "YOUTUBE" ? "동영상" : "사진";
 		r = e.props.primary ? `대표 ${r}` : r;
 		let i = {
@@ -18,16 +18,16 @@ function u({ children: u, onClickViewAll: d, action: f, hideHeader: p = !1, maso
 	return /* @__PURE__ */ l(a, {
 		tag: "section",
 		flexDirection: "column",
-		"aria-labelledby": p ? void 0 : "activity-gallery-title",
-		"aria-label": p ? "선생님 활동 갤러리" : void 0,
+		"aria-labelledby": m ? void 0 : "activity-gallery-title",
+		"aria-label": m ? "선생님 활동 갤러리" : void 0,
 		gap: 4,
-		...S,
+		...C,
 		inlineCSS: {
 			width: "100%",
-			...S?.inlineCSS
+			...C?.inlineCSS
 		},
 		children: [
-			!p && /* @__PURE__ */ l(a, {
+			!m && /* @__PURE__ */ l(a, {
 				alignItems: "center",
 				justifyContent: "space-between",
 				gap: 2,
@@ -46,19 +46,20 @@ function u({ children: u, onClickViewAll: d, action: f, hideHeader: p = !1, maso
 					children: "전체보기"
 				})]
 			}),
-			w && /* @__PURE__ */ c(t, {
-				rowCount: h,
-				columnCount: m,
-				spacing: g,
-				edgeSpacing: _,
-				direction: v,
-				defaultContainerWidth: y,
-				defaultContainerHeight: b,
+			p,
+			T && /* @__PURE__ */ c(t, {
+				rowCount: g,
+				columnCount: h,
+				spacing: _,
+				edgeSpacing: v,
+				direction: y,
+				defaultContainerWidth: b,
+				defaultContainerHeight: x,
 				role: "group",
 				"aria-label": "콘텐츠 목록",
-				...x,
-				children: C.map((e, t) => T(e, t, C.length))
-			}, C.map((e) => e.key).join(",")),
+				...S,
+				children: w.map((e, t) => E(e, t, w.length))
+			}, w.map((e) => e.key).join(",")),
 			f && /* @__PURE__ */ c(a, {
 				mt: 2,
 				flexGrow: 1,

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

@@ -4,6 +4,7 @@ import { SchedulerProps } from '../../../../shared/components/Scheduler';
 export interface AvailableScheduleSectionProps extends FlexboxProps {
     title?: string;
     action?: ReactNode;
+    description?: ReactNode;
     footer?: ReactNode;
     schedulerProps?: SchedulerProps;
     enableToggle?: boolean;

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

@@ -6,19 +6,19 @@ import c from "@dotss/ui/core/useTheme";
 import { jsx as l, jsxs as u } from "react/jsx-runtime";
 import d from "@dotss/ui/Switch";
 //#region teacher/profile/components/AvailableScheduleSection/AvailableScheduleSection.tsx
-var f = n(function({ children: n, title: f = "수업 가능 일정", action: p, footer: m, flat: h = !1, schedulerProps: g, enableToggle: _ = !0, teacherStatus: v, ...y }, b) {
-	let { palette: { grey: x, background: S } } = c(), [C, w] = r(!1), T = () => w((e) => !e), E = (e) => v.onChange?.(e);
+var f = n(function({ children: n, title: f = "수업 가능 일정", action: p, description: m, footer: h, flat: g = !1, schedulerProps: _, enableToggle: v = !0, teacherStatus: y, ...b }, x) {
+	let { palette: { grey: S, background: C } } = c(), [w, T] = r(!1), E = () => T((e) => !e), D = (e) => y.onChange?.(e);
 	return /* @__PURE__ */ u(a, {
-		ref: b,
+		ref: x,
 		tag: "section",
 		flexDirection: "column",
 		gap: 4,
 		"aria-labelledby": "available-schedule-section-title",
-		"aria-describedby": m ? "available-schedule-section-footer" : void 0,
-		...y,
+		"aria-describedby": h ? "available-schedule-section-footer" : void 0,
+		...b,
 		inlineCSS: {
 			width: "100%",
-			...y?.inlineCSS
+			...b?.inlineCSS
 		},
 		children: [
 			/* @__PURE__ */ l(s, {
@@ -27,54 +27,55 @@ var f = n(function({ children: n, title: f = "수업 가능 일정", action: p,
 				variant: "h2B",
 				children: f
 			}),
-			v.active && /* @__PURE__ */ u(a, {
+			m,
+			y.active && /* @__PURE__ */ u(a, {
 				flexDirection: "column",
 				gap: 2,
 				children: [/* @__PURE__ */ u(a, {
 					flexDirection: "column",
 					inlineCSS: {
-						...h ? void 0 : {
-							border: `1px solid ${x[20]}`,
+						...g ? void 0 : {
+							border: `1px solid ${S[20]}`,
 							borderRadius: 12
 						},
-						maxHeight: C ? void 0 : _ ? 384 : void 0,
+						maxHeight: w ? void 0 : v ? 384 : void 0,
 						overflow: "hidden"
 					},
 					children: [
-						!h && /* @__PURE__ */ l(a, { pt: 4 }),
+						!g && /* @__PURE__ */ l(a, { pt: 4 }),
 						/* @__PURE__ */ l(t, {
 							id: "available-schedule-section-scheduler",
 							"aria-labelledby": "available-schedule-section-title",
-							...g,
+							..._,
 							children: n
 						}),
-						_ && /* @__PURE__ */ l(i, {
+						v && /* @__PURE__ */ l(i, {
 							variant: "text",
 							color: "secondary",
-							endAdornment: /* @__PURE__ */ l(o, { name: C ? "ChevronUpLine" : "ChevronDownLine" }),
-							onClick: T,
-							"aria-expanded": C,
+							endAdornment: /* @__PURE__ */ l(o, { name: w ? "ChevronUpLine" : "ChevronDownLine" }),
+							onClick: E,
+							"aria-expanded": w,
 							"aria-controls": "available-schedule-section-scheduler",
 							inlineCSS: {
 								position: "sticky",
 								bottom: 0,
 								borderTopRightRadius: 0,
 								borderTopLeftRadius: 0,
-								backgroundColor: x.white,
+								backgroundColor: S.white,
 								zIndex: 1
 							},
-							children: C ? "접기" : "펼쳐보기"
+							children: w ? "접기" : "펼쳐보기"
 						})
 					]
-				}), m && /* @__PURE__ */ l(a, {
+				}), h && /* @__PURE__ */ l(a, {
 					id: "available-schedule-section-footer",
 					tag: "footer",
 					pl: 12,
 					pr: 2,
-					children: m
+					children: h
 				})]
 			}),
-			typeof v.onChange == "function" && /* @__PURE__ */ u(a, {
+			typeof y.onChange == "function" && /* @__PURE__ */ u(a, {
 				alignItems: "center",
 				justifyContent: "space-between",
 				gap: 2,
@@ -85,14 +86,14 @@ var f = n(function({ children: n, title: f = "수업 가능 일정", action: p,
 					htmlFor: "available-schedule-section-switch",
 					children: "활동 여부"
 				}), /* @__PURE__ */ l(d, {
-					selected: !!v.active,
-					onChange: E,
+					selected: !!y.active,
+					onChange: D,
 					selectedLabel: "활동중",
 					unselectedLabel: "쉬는중",
 					inputProps: { id: "available-schedule-section-switch" }
 				})]
 			}),
-			!v.active && /* @__PURE__ */ u(a, {
+			!y.active && /* @__PURE__ */ u(a, {
 				role: "status",
 				pt: 5,
 				pb: 5,
@@ -106,13 +107,13 @@ var f = n(function({ children: n, title: f = "수업 가능 일정", action: p,
 				"aria-describedby": "available-schedule-section-status-desc",
 				inlineCSS: {
 					borderRadius: 8,
-					backgroundColor: S.primary
+					backgroundColor: C.primary
 				},
 				children: [
 					/* @__PURE__ */ l(e, {
 						width: 48,
 						height: 48,
-						src: `${v.fallback.iconBasePath}/images/design-system/graphic/illustration3D/island.png`,
+						src: `${y.fallback.iconBasePath}/images/design-system/graphic/illustration3D/island.png`,
 						alt: "쉬는 중",
 						"aria-hidden": !0
 					}),
@@ -121,7 +122,7 @@ var f = n(function({ children: n, title: f = "수업 가능 일정", action: p,
 						tag: "h3",
 						variant: "h4B",
 						textAlign: "center",
-						children: v.fallback.title || "쉬는 중일 때는 수업 요청이 오지 않아요!"
+						children: y.fallback.title || "쉬는 중일 때는 수업 요청이 오지 않아요!"
 					}),
 					/* @__PURE__ */ l(s, {
 						id: "available-schedule-section-status-desc",
@@ -130,7 +131,7 @@ var f = n(function({ children: n, title: f = "수업 가능 일정", action: p,
 						color: "grey.70",
 						textAlign: "center",
 						inlineCSS: { whiteSpace: "pre-line" },
-						children: v.fallback.description || "이미 매칭된 수업은 그대로 유지되니\n변경이 필요한 경우 부모님과 소통해 주세요."
+						children: y.fallback.description || "이미 매칭된 수업은 그대로 유지되니\n변경이 필요한 경우 부모님과 소통해 주세요."
 					})
 				]
 			}),

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

@@ -1,6 +1,8 @@
+import { ReactNode } from 'react';
 import { FlexboxProps } from 'node_modules/@dotss/ui/Flexbox/Flexbox';
 export interface CareNoteSectionProps extends FlexboxProps {
     totalCount: number;
+    description?: ReactNode;
     onClickViewAll?: () => void;
 }
 declare const CareNoteSection: import('react').ForwardRefExoticComponent<Omit<CareNoteSectionProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;