@dotss/tictoccroc 0.11.1 → 0.12.0

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

@@ -1,116 +1,117 @@
 import e from "./SwiperBlock/index.mjs";
 import t from "../MediaDialog/MediaBlock/index.mjs";
-import { createSwipeEvent as n } from "./Swiper.utils.mjs";
-import { Children as r, cloneElement as i, isValidElement as a, useCallback as o, useEffect as s, useRef as c, useState as l } from "react";
-import { Flexbox as u } from "@dotss/ui";
-import { jsxs as d } from "react/jsx-runtime";
+import { createSwipeEvent as n, getSwipingTranslateX as r } from "./Swiper.utils.mjs";
+import { Children as i, cloneElement as a, isValidElement as o, useCallback as s, useEffect as c, useRef as l, useState as u } from "react";
+import { Flexbox as d } from "@dotss/ui";
+import { jsxs as f } from "react/jsx-runtime";
 //#region shared/components/Swiper/Swiper.tsx
-function f({ children: f, initialPage: p = 0, onSwipe: m, onSwiping: h, loop: g = !1, disableSwipe: _ = !1, renderPagination: v, inlineCSS: y, autoSwipe: b = !1, autoSwipeInterval: x = 3e3, autoSwipeDuration: S = 1e3, ...C }) {
-	let [w, T] = l(p), [E, D] = l(1), O = c(null), k = c(0), A = c(0), j = c(0), M = c(0), N = c(!1), P = c(!0), F = c(""), I = c(p), L = c(!1), R = c(null), z = r.count(f), B = r.toArray(f).filter(a).filter((n) => n.type === e || n.type === t), V = z > 1 && !_, H = r.toArray(B?.[0]).filter(a).filter((n) => n.type === e || n.type === t), U = r.toArray(B?.[B?.length - 1]).filter(a).filter((n) => n.type === e || n.type === t), W = (e, t, n) => {
-		!O.current || !V || (F.current = O.current.style.transform, A.current = e, k.current = e + O.current.offsetWidth * (n + 1), j.current = t);
-	}, G = o((e, t, r, { isAutoSwiped: i = !1, shouldFocus: a = !1 } = {}) => {
-		if (!O.current || !V || !N.current || !P.current) return;
-		P.current = !1, O.current.style.transition = i ? `transform ${S}ms` : "transform 0.2s", O.current.style.cursor = "grab", R.current &&= (O.current.removeEventListener("transitionend", R.current), null);
-		let o = t || w, s = r || k.current - O.current.offsetWidth * (o + 1) - e, c = O.current.offsetWidth * .1;
+function p({ children: p, initialPage: m = 0, onSwipe: h, onSwiping: g, loop: _ = !1, disableSwipe: v = !1, renderPagination: y, inlineCSS: b, autoSwipe: x = !1, autoSwipeInterval: S = 3e3, autoSwipeDuration: C = 1e3, ...w }) {
+	let [T, E] = u(m), [D, O] = u(1), k = l(null), A = l(0), j = l(0), M = l(0), N = l(0), P = l(!1), F = l(!0), I = l(""), L = l(m), R = l(!1), z = l(null), B = i.count(p), V = i.toArray(p).filter(o).filter((n) => n.type === e || n.type === t), H = B > 1 && !v, U = i.toArray(V?.[0]).filter(o).filter((n) => n.type === e || n.type === t), W = i.toArray(V?.[V?.length - 1]).filter(o).filter((n) => n.type === e || n.type === t), G = (e, t, n) => {
+		!k.current || !H || (I.current = k.current.style.transform, j.current = e, A.current = e + k.current.offsetWidth * (n + 1), M.current = t);
+	}, K = s((e, t, r, { isAutoSwiped: i = !1, shouldFocus: a = !1 } = {}) => {
+		if (!k.current || !H || !P.current || !F.current) return;
+		F.current = !1, k.current.style.transition = i ? `transform ${C}ms` : "transform 0.2s", k.current.style.cursor = "grab", z.current &&= (k.current.removeEventListener("transitionend", z.current), null);
+		let o = t || T, s = r || A.current - k.current.offsetWidth * (o + 1) - e, c = k.current.offsetWidth * .1;
 		if (Math.abs(s) < c && !t) {
-			O.current.style.transform = F.current, N.current = !1, P.current = !0, m?.(n({
-				realPage: I.current,
-				totalPages: E,
-				lastPage: I.current,
+			k.current.style.transform = I.current, P.current = !1, F.current = !0, h?.(n({
+				realPage: L.current,
+				totalPages: D,
+				lastPage: L.current,
 				isLoop: !1
 			}));
 			return;
 		}
-		let l = s <= -c && o - 1 < 0, u = s >= c && o + 1 === E, d = s >= c && o + 1 < E, f = s <= -c && o - 1 >= 0;
+		let l = _ && s <= -c && o - 1 < 0, u = _ && s >= c && o + 1 === D, d = s >= c && o + 1 < D, f = s <= -c && o - 1 >= 0;
 		if (l) {
-			I.current = E - 1, m?.(n({
-				realPage: I.current,
-				totalPages: E,
+			L.current = D - 1, h?.(n({
+				realPage: L.current,
+				totalPages: D,
 				lastPage: 0,
 				isLoop: !0
-			})), O.current.style.transform = "translate3d(0, 0, 0)", R.current = (e) => {
+			})), k.current.style.transform = "translate3d(0, 0, 0)", z.current = (e) => {
 				if (e.propertyName === "transform") {
-					if (!O.current) return;
-					if (O.current.style.transition = "none", O.current.style.transform = `translate3d(calc(-100% * ${E}), 0, 0)`, T(E - 1), N.current = !1, P.current = !0, a) (O.current?.children)?.[E]?.focus();
+					if (!k.current) return;
+					if (k.current.style.transition = "none", k.current.style.transform = `translate3d(calc(-100% * ${D}), 0, 0)`, E(D - 1), P.current = !1, F.current = !0, a) (k.current?.children)?.[D]?.focus();
 					else {
 						if (i) return;
 						document.activeElement?.blur();
 					}
 				}
-			}, O.current.addEventListener("transitionend", R.current);
+			}, k.current.addEventListener("transitionend", z.current);
 			return;
 		} else if (u) {
-			I.current = 0, m?.(n({
-				realPage: I.current,
-				totalPages: E,
-				lastPage: E - 1,
+			L.current = 0, h?.(n({
+				realPage: L.current,
+				totalPages: D,
+				lastPage: D - 1,
 				isLoop: !0
-			})), O.current.style.transform = `translate3d(calc(-100% * ${o + 2}), 0, 0)`, R.current = (e) => {
+			})), k.current.style.transform = `translate3d(calc(-100% * ${o + 2}), 0, 0)`, z.current = (e) => {
 				if (e.propertyName === "transform") {
-					if (!O.current) return;
-					if (O.current.style.transition = "none", O.current.style.transform = "translate3d(-100%, 0, 0)", T(0), N.current = !1, P.current = !0, a) (O.current?.children)?.[1]?.focus();
+					if (!k.current) return;
+					if (k.current.style.transition = "none", k.current.style.transform = "translate3d(-100%, 0, 0)", E(0), P.current = !1, F.current = !0, a) (k.current?.children)?.[1]?.focus();
 					else {
 						if (i) return;
 						document.activeElement?.blur();
 					}
 				}
-			}, O.current.addEventListener("transitionend", R.current);
+			}, k.current.addEventListener("transitionend", z.current);
 			return;
 		}
-		d ? (I.current = o + 1, m?.(n({
-			realPage: I.current,
-			totalPages: E,
+		d ? (L.current = o + 1, h?.(n({
+			realPage: L.current,
+			totalPages: D,
 			lastPage: o,
 			isLoop: !0
-		})), T(I.current), O.current.style.transform = `translate3d(calc(-100% * ${o + 2}), 0, 0)`) : f ? (I.current = o - 1, m?.(n({
-			realPage: I.current,
-			totalPages: E,
+		})), E(L.current), k.current.style.transform = `translate3d(calc(-100% * ${o + 2}), 0, 0)`) : f ? (L.current = o - 1, h?.(n({
+			realPage: L.current,
+			totalPages: D,
 			lastPage: o,
 			isLoop: !1
-		})), T(I.current), O.current.style.transform = `translate3d(calc(-100% * ${o}), 0, 0)`) : (m?.(n({
-			realPage: I.current,
-			totalPages: E,
-			lastPage: I.current,
+		})), E(L.current), k.current.style.transform = `translate3d(calc(-100% * ${o}), 0, 0)`) : (h?.(n({
+			realPage: L.current,
+			totalPages: D,
+			lastPage: L.current,
 			isLoop: !1
-		})), O.current.style.transform = F.current), R.current = (e) => {
+		})), k.current.style.transform = I.current), z.current = (e) => {
 			if (e.propertyName === "transform") {
-				N.current = !1, P.current = !0;
-				let e = Array.from(O.current?.children ?? []).find((e) => e.getAttribute("aria-current") === "page");
+				P.current = !1, F.current = !0;
+				let e = Array.from(k.current?.children ?? []).find((e) => e.getAttribute("aria-current") === "page");
 				if (a && e) e.focus();
 				else {
 					if (i) return;
 					document.activeElement?.blur();
 				}
 			}
-		}, O.current.addEventListener("transitionend", R.current);
+		}, k.current.addEventListener("transitionend", z.current);
 	}, [
-		w,
-		E,
-		m,
-		V,
-		S
-	]), K = (e) => {
-		N.current = !0, W(e.clientX, e.clientY, I.current);
-	}, q = (e) => G(e.clientX), J = (e) => {
-		W(e.touches[0].clientX, e.touches[0].clientY, I.current);
-	}, Y = (e) => G(e.changedTouches[0].clientX), X = (e) => {
-		N.current = !0;
+		T,
+		D,
+		h,
+		H,
+		C,
+		_
+	]), q = (e) => {
+		P.current = !0, G(e.clientX, e.clientY, L.current);
+	}, J = (e) => K(e.clientX), Y = (e) => {
+		G(e.touches[0].clientX, e.touches[0].clientY, L.current);
+	}, X = (e) => K(e.changedTouches[0].clientX), Z = (e) => {
+		P.current = !0;
 		let t = e - 1;
-		T(t <= 0 ? 0 : t), G(0, e);
-	}, Z = (e) => (t) => {
+		E(t <= 0 ? 0 : t), K(0, e);
+	}, Q = (e) => (t) => {
 		switch (t.key) {
 			case "ArrowRight": {
-				if (t.preventDefault(), N.current || !P.current) return;
-				let e = I.current === E - 1;
-				if (!g && e) return;
-				N.current = !0, G(0, I.current, (O.current?.offsetWidth ?? 0) * .1, { shouldFocus: !0 });
+				if (t.preventDefault(), P.current || !F.current) return;
+				let e = L.current === D - 1;
+				if (!_ && e) return;
+				P.current = !0, K(0, L.current, (k.current?.offsetWidth ?? 0) * .1, { shouldFocus: !0 });
 				break;
 			}
 			case "ArrowLeft": {
-				if (t.preventDefault(), N.current || !P.current) return;
-				let e = I.current === 0;
-				if (!g && e) return;
-				N.current = !0, G(0, I.current, -((O.current?.offsetWidth ?? 0) * .1), { shouldFocus: !0 });
+				if (t.preventDefault(), P.current || !F.current) return;
+				let e = L.current === 0;
+				if (!_ && e) return;
+				P.current = !0, K(0, L.current, -((k.current?.offsetWidth ?? 0) * .1), { shouldFocus: !0 });
 				break;
 			}
 			case "Enter":
@@ -122,90 +123,90 @@ function f({ children: f, initialPage: p = 0, onSwipe: m, onSwiping: h, loop: g
 		}
 		e?.(t);
 	};
-	return s(() => {
-		let e = O.current, t = (e, t, r) => {
-			if (!(!O.current || !V || !P.current) && (M.current = e - k.current, N.current = N.current || Math.abs(M.current) > 5 && Math.abs(t - j.current) < 5, N.current)) {
-				let t = A.current < e, i = A.current > e;
-				if (!g && t && I.current === 0) {
-					N.current = !1;
-					return;
-				}
-				if (!g && i && I.current === E - 1) {
-					N.current = !1;
-					return;
-				}
-				r.cancelable && r.preventDefault(), h?.(n({
-					realPage: I.current,
-					totalPages: E,
-					lastPage: I.current,
+	return c(() => {
+		let e = k.current, t = (e, t, i) => {
+			if (!(!k.current || !H || !F.current) && (N.current = e - A.current, P.current = P.current || Math.abs(N.current) > 5 && Math.abs(t - M.current) < 5, P.current)) {
+				i.cancelable && i.preventDefault(), g?.(n({
+					realPage: L.current,
+					totalPages: D,
+					lastPage: L.current,
 					isLoop: !1
-				})), O.current.style.transition = "none", O.current.style.cursor = "grabbing", O.current.style.transform = `translate3d(${M.current}px, 0, 0)`;
+				}));
+				let t = r({
+					rawTranslateX: N.current,
+					fingerDeltaX: e - j.current,
+					page: L.current,
+					totalPages: D,
+					width: k.current.offsetWidth,
+					loop: _
+				});
+				k.current.style.transition = "none", k.current.style.cursor = "grabbing", k.current.style.transform = `translate3d(${t}px, 0, 0)`;
 			}
-		}, r = (e) => {
-			N.current && t(e.clientX, e.clientY, e);
-		}, i = (e) => t(e.touches[0].clientX, e.touches[0].clientY, e);
-		return e && (e.addEventListener("mousemove", r), e.addEventListener("touchmove", i)), () => {
-			e && (e.removeEventListener("mousemove", r), e.removeEventListener("touchmove", i));
+		}, i = (e) => {
+			P.current && t(e.clientX, e.clientY, e);
+		}, a = (e) => t(e.touches[0].clientX, e.touches[0].clientY, e);
+		return e && (e.addEventListener("mousemove", i), e.addEventListener("touchmove", a)), () => {
+			e && (e.removeEventListener("mousemove", i), e.removeEventListener("touchmove", a));
 		};
 	}, [
-		V,
-		h,
+		H,
 		g,
-		E
-	]), s(() => {
-		let e = O.current, t = (e) => {
-			P.current || (e.stopPropagation(), e.preventDefault());
+		_,
+		D
+	]), c(() => {
+		let e = k.current, t = (e) => {
+			F.current || (e.stopPropagation(), e.preventDefault());
 		};
 		return e?.addEventListener("click", t), () => {
 			e?.removeEventListener("click", t);
 		};
-	}, []), s(() => {
-		let e = O.current;
+	}, []), c(() => {
+		let e = k.current;
 		return () => {
-			R.current && e && (e.removeEventListener("transitionend", R.current), R.current = null);
+			z.current && e && (e.removeEventListener("transitionend", z.current), z.current = null);
 		};
-	}, []), s(() => {
-		D(z);
-	}, [z]), s(() => {
-		O.current && !L.current && (L.current = !0, O.current.style.transition = "none", O.current.style.transform = `translate3d(calc(-100% * ${z < p + 1 ? z : p + 1}), 0, 0)`);
-	}, [p, z]), s(() => {
-		if (b) {
+	}, []), c(() => {
+		O(B);
+	}, [B]), c(() => {
+		k.current && !R.current && (R.current = !0, k.current.style.transition = "none", k.current.style.transform = `translate3d(calc(-100% * ${B < m + 1 ? B : m + 1}), 0, 0)`);
+	}, [m, B]), c(() => {
+		if (x) {
 			let e = setInterval(() => {
-				N.current || !P.current || O.current && (!g && I.current === E - 1 || document.activeElement && O.current && O.current.contains(document.activeElement) || (N.current = !0, G(0, I.current, (O.current.offsetWidth ?? 0) * .1, { isAutoSwiped: !0 })));
-			}, x);
+				P.current || !F.current || k.current && (!_ && L.current === D - 1 || document.activeElement && k.current && k.current.contains(document.activeElement) || (P.current = !0, K(0, L.current, (k.current.offsetWidth ?? 0) * .1, { isAutoSwiped: !0 })));
+			}, S);
 			return () => {
 				clearInterval(e);
 			};
 		}
 	}, [
-		b,
 		x,
-		g,
-		E,
-		G
-	]), /* @__PURE__ */ d(u, {
+		S,
+		_,
+		D,
+		K
+	]), /* @__PURE__ */ f(d, {
 		flexGrow: 1,
 		role: "list",
 		"aria-roledescription": "carousel",
 		"aria-label": "슬라이더",
-		...C,
+		...w,
 		inlineCSS: {
 			width: "100%",
 			position: "relative",
-			...y
+			...b
 		},
-		children: [/* @__PURE__ */ d(u, {
-			ref: O,
+		children: [/* @__PURE__ */ f(d, {
+			ref: k,
 			flexGrow: 1,
-			onMouseDown: K,
-			onMouseUp: q,
-			onMouseLeave: q,
-			onTouchStart: J,
-			onTouchEnd: Y,
-			onTouchCancel: Y,
+			onMouseDown: q,
+			onMouseUp: J,
+			onMouseLeave: J,
+			onTouchStart: Y,
+			onTouchEnd: X,
+			onTouchCancel: X,
 			inlineCSS: {
-				"& > div:first-of-type": { visibility: g ? "visible" : "hidden" },
-				"& > div:last-of-type": { visibility: g ? "visible" : "hidden" }
+				"& > div:first-of-type": { visibility: _ ? "visible" : "hidden" },
+				"& > div:last-of-type": { visibility: _ ? "visible" : "hidden" }
 			},
 			style: {
 				transition: "transform 0.2s",
@@ -213,27 +214,27 @@ function f({ children: f, initialPage: p = 0, onSwipe: m, onSwiping: h, loop: g
 				cursor: "grab"
 			},
 			children: [
-				U,
-				B.map((e, t) => i(e, {
+				W,
+				V.map((e, t) => a(e, {
 					role: "listitem",
-					tabIndex: t === w ? 0 : -1,
-					onKeyDown: Z(e.props.onKeyDown),
+					tabIndex: t === T ? 0 : -1,
+					onKeyDown: Q(e.props.onKeyDown),
 					"aria-roledescription": "slide",
-					"aria-hidden": t !== w,
-					"aria-current": t === w ? "page" : void 0,
-					"aria-label": `${E}개 중 ${t + 1}번째 슬라이드`,
+					"aria-hidden": t !== T,
+					"aria-current": t === T ? "page" : void 0,
+					"aria-label": `${D}개 중 ${t + 1}번째 슬라이드`,
 					"aria-posinset": t + 1,
-					"aria-setsize": E,
+					"aria-setsize": D,
 					...e.props
 				})),
-				H
+				U
 			]
-		}), typeof v == "function" && v({
-			page: w,
-			totalPages: E,
-			onChange: X
+		}), typeof y == "function" && y({
+			page: T,
+			totalPages: D,
+			onChange: Z
 		})]
 	});
 }
 //#endregion
-export { f as default };
+export { p as default };

package/dist/shared/components/Swiper/Swiper.utils.d.ts

@@ -1,3 +1,13 @@
+export declare const EDGE_RESISTANCE = 0.35;
+export declare function addDamping(distance: number, maxDistance: number, constant?: number): number;
+export declare function getSwipingTranslateX({ rawTranslateX, fingerDeltaX, page, totalPages, width, loop }: {
+    rawTranslateX: number;
+    fingerDeltaX: number;
+    page: number;
+    totalPages: number;
+    width: number;
+    loop: boolean;
+}): number;
 export declare function createSwipeEvent({ realPage, totalPages, lastPage, isLoop }: {
     realPage: number;
     totalPages: number;

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

@@ -1,5 +1,16 @@
 //#region shared/components/Swiper/Swiper.utils.ts
-function e({ realPage: e, totalPages: t, lastPage: n, isLoop: r }) {
+var e = .35;
+function t(t, n, r = e) {
+	if (t === 0 || n <= 0) return 0;
+	let i = Math.abs(t), a = i * n * r / (n + r * i);
+	return Math.sign(t) * a;
+}
+function n({ rawTranslateX: e, fingerDeltaX: n, page: r, totalPages: i, width: a, loop: o }) {
+	if (o) return e;
+	let s = r === 0 && n > 0, c = r === i - 1 && n < 0;
+	return !s && !c ? e : -a * (r + 1) + t(n, a);
+}
+function r({ realPage: e, totalPages: t, lastPage: n, isLoop: r }) {
 	return r ? {
 		isFirstPage: e === 0,
 		isLastPage: e === t - 1,
@@ -17,4 +28,4 @@ function e({ realPage: e, totalPages: t, lastPage: n, isLoop: r }) {
 	};
 }
 //#endregion
-export { e as createSwipeEvent };
+export { e as EDGE_RESISTANCE, t as addDamping, r as createSwipeEvent, n as getSwipingTranslateX };

package/dist/shared/components/Swiper/Swiper.utils.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/shared/utils/getHoverChildrenScaleStyle/getHoverChildrenScaleStyle.d.ts

@@ -0,0 +1,18 @@
+import { CSSProperties } from 'react';
+interface GetHoverChildrenScaleStyleProps {
+    selector: keyof HTMLElementTagNameMap;
+    scale?: number;
+    transitionDuration?: number;
+    transitionTimingFunction?: CSSProperties['transitionTimingFunction'];
+    disabled?: boolean;
+}
+export default function getHoverChildrenScaleStyle({ selector, scale, disabled, transitionDuration, transitionTimingFunction }: GetHoverChildrenScaleStyleProps): {
+    [x: string]: {
+        transition: string;
+        transform?: undefined;
+    } | {
+        transform: string;
+        transition?: undefined;
+    };
+};
+export {};

package/dist/shared/utils/getHoverChildrenScaleStyle/getHoverChildrenScaleStyle.mjs

@@ -0,0 +1,9 @@
+//#region shared/utils/getHoverChildrenScaleStyle/getHoverChildrenScaleStyle.ts
+function e({ selector: e, scale: t = 1.03, disabled: n = !1, transitionDuration: r = .3, transitionTimingFunction: i = "ease-in-out" }) {
+	return n ? {} : {
+		[`& ${e}`]: { transition: `transform ${r}s ${i}` },
+		[`&:hover ${e}`]: { transform: `scale(${t})` }
+	};
+}
+//#endregion
+export { e as default };

package/dist/shared/utils/getHoverChildrenScaleStyle/getHoverChildrenScaleStyle.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/shared/utils/getHoverChildrenScaleStyle/index.d.ts

@@ -0,0 +1,2 @@
+import { default as getHoverChildrenScaleStyle } from './getHoverChildrenScaleStyle';
+export default getHoverChildrenScaleStyle;

package/dist/shared/utils/getHoverChildrenScaleStyle/index.mjs

@@ -0,0 +1,5 @@
+import e from "./getHoverChildrenScaleStyle.mjs";
+//#region shared/utils/getHoverChildrenScaleStyle/index.ts
+var t = e;
+//#endregion
+export { t as default };

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

@@ -15,3 +15,4 @@ export { default as share } from './share';
 export { default as dayFlagToDay } from './dayFlagToDay';
 export { default as getCareTypeLabel } from './getCareTypeLabel';
 export { default as combineRef } from './combineRef';
+export { default as getHoverChildrenScaleStyle } from './getHoverChildrenScaleStyle';

package/dist/shared/utils/index.mjs

@@ -15,4 +15,5 @@ import p from "./getVimeoId/index.mjs";
 import m from "./parseQueryString/index.mjs";
 import h from "./share/index.mjs";
 import g from "./getCareTypeLabel/index.mjs";
-export { d as ageToBirthDate, o as birthDateToAge, n as combineRef, r as dayFlagToDay, g as getCareTypeLabel, i as getDateRange, t as getImageUrl, a as getTimeRange, p as getVimeoId, s as isAndroid, l as isApp, u as isDesktop, c as isIos, e as isServer, f as objectToQueryString, m as parseQueryString, h as share };
+import _ from "./getHoverChildrenScaleStyle/index.mjs";
+export { d as ageToBirthDate, o as birthDateToAge, n as combineRef, r as dayFlagToDay, g as getCareTypeLabel, i as getDateRange, _ as getHoverChildrenScaleStyle, t as getImageUrl, a as getTimeRange, p as getVimeoId, s as isAndroid, l as isApp, u as isDesktop, c as isIos, e as isServer, f as objectToQueryString, m as parseQueryString, h as share };

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

@@ -2,20 +2,20 @@ import e from "../../../../shared/components/Image/index.mjs";
 import t from "../../../../shared/components/Carousel/CarouselSlide/index.mjs";
 import n from "../../../../shared/components/Carousel/index.mjs";
 import r from "@dotss/ui/core/useTheme";
-import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
-import s from "@dotss/ui/Flexbox";
-import c from "@dotss/ui/Typography";
-import l from "@dotss/ui/hooks/useCheckHoverPossible/useCheckHoverPossible";
+import i from "@dotss/ui/hooks/useCheckHoverPossible/useCheckHoverPossible";
+import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
+import c from "@dotss/ui/Flexbox";
+import l from "@dotss/ui/Typography";
 //#region teacher/home/components/Carousel1Account/Carousel1Account.tsx
 function u({ id: u, title: d, banners: f, onClickBanner: p, imageProps: m, ...h }) {
-	let { spacing: g, palette: _ } = r(), { isHoverPossible: v } = l(), y = (e, t) => (n) => {
+	let { spacing: g, palette: _ } = r(), { isHoverPossible: v } = i(), y = (e, t) => (n) => {
 		p && typeof p == "function" && (n.stopPropagation(), n.preventDefault(), p(e, t, n));
 	};
-	return /* @__PURE__ */ a(i, { children: /* @__PURE__ */ o(s, {
+	return /* @__PURE__ */ o(a, { children: /* @__PURE__ */ s(c, {
 		flexDirection: "column",
 		inlineCSS: { width: "100%" },
 		...h,
-		children: [/* @__PURE__ */ a(c, {
+		children: [/* @__PURE__ */ o(l, {
 			id: `banner-account-carousel1-${u}`,
 			variant: "h2B",
 			inlineCSS: {
@@ -26,11 +26,11 @@ function u({ id: u, title: d, banners: f, onClickBanner: p, imageProps: m, ...h
 				marginBottom: g.content(3)
 			},
 			children: d
-		}), /* @__PURE__ */ a(n, {
+		}), /* @__PURE__ */ o(n, {
 			rowCount: 2,
 			step: 1,
 			spacing: 5,
-			children: f.map(({ id: n, title: r, url: i, image: l }) => /* @__PURE__ */ a(t, { children: /* @__PURE__ */ o(s, {
+			children: f.map(({ id: n, title: r, url: i, image: a }) => /* @__PURE__ */ o(t, { children: /* @__PURE__ */ s(c, {
 				tag: "a",
 				href: i,
 				alignItems: "center",
@@ -43,8 +43,8 @@ function u({ id: u, title: d, banners: f, onClickBanner: p, imageProps: m, ...h
 					"&:active:not([aria-disabled=\"true\"])": { backgroundColor: _.background.primary },
 					...v && { "&:hover:not([aria-disabled=\"true\"])": { backgroundColor: _.background.primary } }
 				},
-				children: [/* @__PURE__ */ a(e, {
-					src: l || "",
+				children: [/* @__PURE__ */ o(e, {
+					src: a || "",
 					width: 140,
 					height: 98,
 					alt: `${r} 이미지`,
@@ -55,7 +55,7 @@ function u({ id: u, title: d, banners: f, onClickBanner: p, imageProps: m, ...h
 					enableErrorFallback: !0,
 					style: { objectFit: "cover" },
 					...m
-				}), /* @__PURE__ */ a(c, {
+				}), /* @__PURE__ */ o(l, {
 					tag: "p",
 					variant: "b2M",
 					lineClamp: 2,

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

@@ -2,21 +2,21 @@ import e from "../../../../shared/components/Image/index.mjs";
 import t from "../../../../shared/components/Carousel/CarouselSlide/index.mjs";
 import n from "../../../../shared/components/Carousel/index.mjs";
 import r from "@dotss/ui/core/useTheme";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-import o from "@dotss/ui/Flexbox";
-import s from "@dotss/ui/Typography";
-import c from "@dotss/ui/hooks/useCheckHoverPossible/useCheckHoverPossible";
+import i from "@dotss/ui/hooks/useCheckHoverPossible/useCheckHoverPossible";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import s from "@dotss/ui/Flexbox";
+import c from "@dotss/ui/Typography";
 //#region teacher/home/components/Carousel2Account/Carousel2Account.tsx
 function l({ id: l, title: u, banners: d, onClickBanner: f, imageProps: p, ...m }) {
-	let { spacing: h, palette: g } = r(), { isHoverPossible: _ } = c(), v = (e, t) => (n) => {
+	let { spacing: h, palette: g } = r(), { isHoverPossible: _ } = i(), v = (e, t) => (n) => {
 		f && typeof f == "function" && (n.stopPropagation(), n.preventDefault(), f(e, t, n));
 	};
-	return /* @__PURE__ */ a(o, {
+	return /* @__PURE__ */ o(s, {
 		tag: "section",
 		flexDirection: "column",
 		inlineCSS: { width: "100%" },
 		...m,
-		children: [/* @__PURE__ */ i(s, {
+		children: [/* @__PURE__ */ a(c, {
 			id: `banner-account-carousel2-${l}`,
 			variant: "h2B",
 			inlineCSS: {
@@ -27,11 +27,11 @@ function l({ id: l, title: u, banners: d, onClickBanner: f, imageProps: p, ...m
 				marginBottom: h.content(4)
 			},
 			children: u
-		}), /* @__PURE__ */ i(n, {
+		}), /* @__PURE__ */ a(n, {
 			rowCount: 1,
 			step: 1,
 			spacing: 3,
-			children: d.map(({ id: n, title: r, subTitle: c, url: l, image: u }) => /* @__PURE__ */ i(t, { children: /* @__PURE__ */ a(o, {
+			children: d.map(({ id: n, title: r, subTitle: i, url: l, image: u }) => /* @__PURE__ */ a(t, { children: /* @__PURE__ */ o(s, {
 				tag: "a",
 				href: l,
 				flexDirection: "column",
@@ -44,7 +44,7 @@ function l({ id: l, title: u, banners: d, onClickBanner: f, imageProps: p, ...m
 					"&:active:not([aria-disabled=\"true\"])": { backgroundColor: g.background.primary },
 					..._ && { "&:hover:not([aria-disabled=\"true\"])": { backgroundColor: g.background.primary } }
 				},
-				children: [/* @__PURE__ */ i(e, {
+				children: [/* @__PURE__ */ a(e, {
 					src: u || "",
 					width: 240,
 					height: 168,
@@ -56,20 +56,20 @@ function l({ id: l, title: u, banners: d, onClickBanner: f, imageProps: p, ...m
 					enableErrorFallback: !0,
 					style: { objectFit: "cover" },
 					...p
-				}), /* @__PURE__ */ a(o, {
+				}), /* @__PURE__ */ o(s, {
 					flexDirection: "column",
 					gap: 1,
-					children: [/* @__PURE__ */ i(s, {
+					children: [/* @__PURE__ */ a(c, {
 						tag: "p",
 						variant: "h4B",
 						lineClamp: 1,
 						children: r
-					}), /* @__PURE__ */ i(s, {
+					}), /* @__PURE__ */ a(c, {
 						tag: "p",
 						variant: "b4R",
 						lineClamp: 1,
 						color: "grey.70",
-						children: c
+						children: i
 					})]
 				})]
 			}) }, `tictoccroc-carousel2-account-${n}`))

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

@@ -0,0 +1,21 @@
+import { MouseEvent, ReactNode } from 'react';
+import { CardProps } from 'node_modules/@dotss/ui/Card/Card';
+export interface KokTeacherCardProps extends Omit<CardProps, 'onClick'> {
+    idx: number;
+    name: string;
+    adornmentUrl?: string;
+    picture: string;
+    introduction: string;
+    selected: boolean;
+    checkboxSelected?: boolean;
+    disabled?: boolean;
+    onClick?: (idx: number, e: MouseEvent<HTMLDivElement>) => void;
+    onClickMore?: (idx: number, e: MouseEvent<HTMLButtonElement>) => void;
+    badgeLabel?: ReactNode;
+    pictureLabel?: ReactNode;
+    infoLabel?: ReactNode;
+    chargeLabel?: ReactNode;
+    note?: ReactNode;
+}
+declare function KokTeacherCard({ idx, name, adornmentUrl, picture, introduction, selected, checkboxSelected, disabled, onClick, onClickMore, badgeLabel, pictureLabel, infoLabel, chargeLabel, note, ...props }: KokTeacherCardProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export default KokTeacherCard;