@dotss/tictoccroc 0.11.2 → 0.12.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (24) hide show
  1. package/dist/index.mjs +100 -96
  2. package/dist/parent/b2b/components/ActionButtons/ActionButtons.mjs +5 -5
  3. package/dist/shared/components/Image/Image.d.ts +1 -0
  4. package/dist/shared/components/Image/Image.mjs +102 -97
  5. package/dist/shared/utils/getHoverChildrenScaleStyle/getHoverChildrenScaleStyle.d.ts +18 -0
  6. package/dist/shared/utils/getHoverChildrenScaleStyle/getHoverChildrenScaleStyle.mjs +9 -0
  7. package/dist/shared/utils/getHoverChildrenScaleStyle/getHoverChildrenScaleStyle.test.d.ts +1 -0
  8. package/dist/shared/utils/getHoverChildrenScaleStyle/index.d.ts +2 -0
  9. package/dist/shared/utils/getHoverChildrenScaleStyle/index.mjs +5 -0
  10. package/dist/shared/utils/index.d.ts +1 -0
  11. package/dist/shared/utils/index.mjs +2 -1
  12. package/dist/teacher/home/components/Carousel1Account/Carousel1Account.mjs +12 -12
  13. package/dist/teacher/home/components/Carousel2Account/Carousel2Account.mjs +14 -14
  14. package/dist/teacher/profile/components/KokTeacherCard/KokTeacherCard.d.ts +21 -0
  15. package/dist/teacher/profile/components/KokTeacherCard/KokTeacherCard.mjs +202 -0
  16. package/dist/teacher/profile/components/KokTeacherCard/KokTeacherCard.utils.d.ts +15 -0
  17. package/dist/teacher/profile/components/KokTeacherCard/KokTeacherCard.utils.mjs +175 -0
  18. package/dist/teacher/profile/components/KokTeacherCard/index.d.ts +4 -0
  19. package/dist/teacher/profile/components/KokTeacherCard/index.mjs +6 -0
  20. package/dist/teacher/profile/components/ProfileSummary/index.d.ts +1 -0
  21. package/dist/teacher/profile/components/ProfileSummary/index.mjs +4 -3
  22. package/dist/teacher/profile/components/index.d.ts +2 -0
  23. package/dist/teacher/profile/components/index.mjs +27 -24
  24. package/package.json +1 -1
@@ -0,0 +1,2 @@
1
+ import { default as getHoverChildrenScaleStyle } from './getHoverChildrenScaleStyle';
2
+ export default getHoverChildrenScaleStyle;
@@ -0,0 +1,5 @@
1
+ import e from "./getHoverChildrenScaleStyle.mjs";
2
+ //#region shared/utils/getHoverChildrenScaleStyle/index.ts
3
+ var t = e;
4
+ //#endregion
5
+ export { t as default };
@@ -15,3 +15,4 @@ export { default as share } from './share';
15
15
  export { default as dayFlagToDay } from './dayFlagToDay';
16
16
  export { default as getCareTypeLabel } from './getCareTypeLabel';
17
17
  export { default as combineRef } from './combineRef';
18
+ export { default as getHoverChildrenScaleStyle } from './getHoverChildrenScaleStyle';
@@ -15,4 +15,5 @@ import p from "./getVimeoId/index.mjs";
15
15
  import m from "./parseQueryString/index.mjs";
16
16
  import h from "./share/index.mjs";
17
17
  import g from "./getCareTypeLabel/index.mjs";
18
- 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 };
18
+ import _ from "./getHoverChildrenScaleStyle/index.mjs";
19
+ 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 };
@@ -2,20 +2,20 @@ import e from "../../../../shared/components/Image/index.mjs";
2
2
  import t from "../../../../shared/components/Carousel/CarouselSlide/index.mjs";
3
3
  import n from "../../../../shared/components/Carousel/index.mjs";
4
4
  import r from "@dotss/ui/core/useTheme";
5
- import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
6
- import s from "@dotss/ui/Flexbox";
7
- import c from "@dotss/ui/Typography";
8
- import l from "@dotss/ui/hooks/useCheckHoverPossible/useCheckHoverPossible";
5
+ import i from "@dotss/ui/hooks/useCheckHoverPossible/useCheckHoverPossible";
6
+ import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
7
+ import c from "@dotss/ui/Flexbox";
8
+ import l from "@dotss/ui/Typography";
9
9
  //#region teacher/home/components/Carousel1Account/Carousel1Account.tsx
10
10
  function u({ id: u, title: d, banners: f, onClickBanner: p, imageProps: m, ...h }) {
11
- let { spacing: g, palette: _ } = r(), { isHoverPossible: v } = l(), y = (e, t) => (n) => {
11
+ let { spacing: g, palette: _ } = r(), { isHoverPossible: v } = i(), y = (e, t) => (n) => {
12
12
  p && typeof p == "function" && (n.stopPropagation(), n.preventDefault(), p(e, t, n));
13
13
  };
14
- return /* @__PURE__ */ a(i, { children: /* @__PURE__ */ o(s, {
14
+ return /* @__PURE__ */ o(a, { children: /* @__PURE__ */ s(c, {
15
15
  flexDirection: "column",
16
16
  inlineCSS: { width: "100%" },
17
17
  ...h,
18
- children: [/* @__PURE__ */ a(c, {
18
+ children: [/* @__PURE__ */ o(l, {
19
19
  id: `banner-account-carousel1-${u}`,
20
20
  variant: "h2B",
21
21
  inlineCSS: {
@@ -26,11 +26,11 @@ function u({ id: u, title: d, banners: f, onClickBanner: p, imageProps: m, ...h
26
26
  marginBottom: g.content(3)
27
27
  },
28
28
  children: d
29
- }), /* @__PURE__ */ a(n, {
29
+ }), /* @__PURE__ */ o(n, {
30
30
  rowCount: 2,
31
31
  step: 1,
32
32
  spacing: 5,
33
- children: f.map(({ id: n, title: r, url: i, image: l }) => /* @__PURE__ */ a(t, { children: /* @__PURE__ */ o(s, {
33
+ children: f.map(({ id: n, title: r, url: i, image: a }) => /* @__PURE__ */ o(t, { children: /* @__PURE__ */ s(c, {
34
34
  tag: "a",
35
35
  href: i,
36
36
  alignItems: "center",
@@ -43,8 +43,8 @@ function u({ id: u, title: d, banners: f, onClickBanner: p, imageProps: m, ...h
43
43
  "&:active:not([aria-disabled=\"true\"])": { backgroundColor: _.background.primary },
44
44
  ...v && { "&:hover:not([aria-disabled=\"true\"])": { backgroundColor: _.background.primary } }
45
45
  },
46
- children: [/* @__PURE__ */ a(e, {
47
- src: l || "",
46
+ children: [/* @__PURE__ */ o(e, {
47
+ src: a || "",
48
48
  width: 140,
49
49
  height: 98,
50
50
  alt: `${r} 이미지`,
@@ -55,7 +55,7 @@ function u({ id: u, title: d, banners: f, onClickBanner: p, imageProps: m, ...h
55
55
  enableErrorFallback: !0,
56
56
  style: { objectFit: "cover" },
57
57
  ...m
58
- }), /* @__PURE__ */ a(c, {
58
+ }), /* @__PURE__ */ o(l, {
59
59
  tag: "p",
60
60
  variant: "b2M",
61
61
  lineClamp: 2,
@@ -2,21 +2,21 @@ import e from "../../../../shared/components/Image/index.mjs";
2
2
  import t from "../../../../shared/components/Carousel/CarouselSlide/index.mjs";
3
3
  import n from "../../../../shared/components/Carousel/index.mjs";
4
4
  import r from "@dotss/ui/core/useTheme";
5
- import { jsx as i, jsxs as a } from "react/jsx-runtime";
6
- import o from "@dotss/ui/Flexbox";
7
- import s from "@dotss/ui/Typography";
8
- import c from "@dotss/ui/hooks/useCheckHoverPossible/useCheckHoverPossible";
5
+ import i from "@dotss/ui/hooks/useCheckHoverPossible/useCheckHoverPossible";
6
+ import { jsx as a, jsxs as o } from "react/jsx-runtime";
7
+ import s from "@dotss/ui/Flexbox";
8
+ import c from "@dotss/ui/Typography";
9
9
  //#region teacher/home/components/Carousel2Account/Carousel2Account.tsx
10
10
  function l({ id: l, title: u, banners: d, onClickBanner: f, imageProps: p, ...m }) {
11
- let { spacing: h, palette: g } = r(), { isHoverPossible: _ } = c(), v = (e, t) => (n) => {
11
+ let { spacing: h, palette: g } = r(), { isHoverPossible: _ } = i(), v = (e, t) => (n) => {
12
12
  f && typeof f == "function" && (n.stopPropagation(), n.preventDefault(), f(e, t, n));
13
13
  };
14
- return /* @__PURE__ */ a(o, {
14
+ return /* @__PURE__ */ o(s, {
15
15
  tag: "section",
16
16
  flexDirection: "column",
17
17
  inlineCSS: { width: "100%" },
18
18
  ...m,
19
- children: [/* @__PURE__ */ i(s, {
19
+ children: [/* @__PURE__ */ a(c, {
20
20
  id: `banner-account-carousel2-${l}`,
21
21
  variant: "h2B",
22
22
  inlineCSS: {
@@ -27,11 +27,11 @@ function l({ id: l, title: u, banners: d, onClickBanner: f, imageProps: p, ...m
27
27
  marginBottom: h.content(4)
28
28
  },
29
29
  children: u
30
- }), /* @__PURE__ */ i(n, {
30
+ }), /* @__PURE__ */ a(n, {
31
31
  rowCount: 1,
32
32
  step: 1,
33
33
  spacing: 3,
34
- children: d.map(({ id: n, title: r, subTitle: c, url: l, image: u }) => /* @__PURE__ */ i(t, { children: /* @__PURE__ */ a(o, {
34
+ children: d.map(({ id: n, title: r, subTitle: i, url: l, image: u }) => /* @__PURE__ */ a(t, { children: /* @__PURE__ */ o(s, {
35
35
  tag: "a",
36
36
  href: l,
37
37
  flexDirection: "column",
@@ -44,7 +44,7 @@ function l({ id: l, title: u, banners: d, onClickBanner: f, imageProps: p, ...m
44
44
  "&:active:not([aria-disabled=\"true\"])": { backgroundColor: g.background.primary },
45
45
  ..._ && { "&:hover:not([aria-disabled=\"true\"])": { backgroundColor: g.background.primary } }
46
46
  },
47
- children: [/* @__PURE__ */ i(e, {
47
+ children: [/* @__PURE__ */ a(e, {
48
48
  src: u || "",
49
49
  width: 240,
50
50
  height: 168,
@@ -56,20 +56,20 @@ function l({ id: l, title: u, banners: d, onClickBanner: f, imageProps: p, ...m
56
56
  enableErrorFallback: !0,
57
57
  style: { objectFit: "cover" },
58
58
  ...p
59
- }), /* @__PURE__ */ a(o, {
59
+ }), /* @__PURE__ */ o(s, {
60
60
  flexDirection: "column",
61
61
  gap: 1,
62
- children: [/* @__PURE__ */ i(s, {
62
+ children: [/* @__PURE__ */ a(c, {
63
63
  tag: "p",
64
64
  variant: "h4B",
65
65
  lineClamp: 1,
66
66
  children: r
67
- }), /* @__PURE__ */ i(s, {
67
+ }), /* @__PURE__ */ a(c, {
68
68
  tag: "p",
69
69
  variant: "b4R",
70
70
  lineClamp: 1,
71
71
  color: "grey.70",
72
- children: c
72
+ children: i
73
73
  })]
74
74
  })]
75
75
  }) }, `tictoccroc-carousel2-account-${n}`))
@@ -0,0 +1,21 @@
1
+ import { MouseEvent, ReactNode } from 'react';
2
+ import { CardProps } from 'node_modules/@dotss/ui/Card/Card';
3
+ export interface KokTeacherCardProps extends Omit<CardProps, 'onClick'> {
4
+ idx: number;
5
+ name: string;
6
+ adornmentUrl?: string;
7
+ picture: string;
8
+ introduction: string;
9
+ selected: boolean;
10
+ checkboxSelected?: boolean;
11
+ disabled?: boolean;
12
+ onClick?: (idx: number, e: MouseEvent<HTMLDivElement>) => void;
13
+ onClickMore?: (idx: number, e: MouseEvent<HTMLButtonElement>) => void;
14
+ badgeLabel?: ReactNode;
15
+ pictureLabel?: ReactNode;
16
+ infoLabel?: ReactNode;
17
+ chargeLabel?: ReactNode;
18
+ note?: ReactNode;
19
+ }
20
+ 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;
21
+ export default KokTeacherCard;
@@ -0,0 +1,202 @@
1
+ import e from "../../../../shared/utils/getImageUrl/index.mjs";
2
+ import t from "../../../../shared/components/Image/index.mjs";
3
+ import n from "@dotss/ui/core/useTheme";
4
+ import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
5
+ import o from "@dotss/ui/Box";
6
+ import s from "@dotss/ui/Button";
7
+ import c from "@dotss/ui/Card";
8
+ import l from "@dotss/ui/Checkbox";
9
+ import u from "@dotss/ui/Flexbox";
10
+ import d from "@dotss/ui/Icon";
11
+ import f from "@dotss/ui/Typography";
12
+ //#region teacher/profile/components/KokTeacherCard/KokTeacherCard.tsx
13
+ function p({ idx: p, name: m, adornmentUrl: h, picture: g, introduction: _, selected: v, checkboxSelected: y, disabled: b, onClick: x, onClickMore: S, badgeLabel: C, pictureLabel: w, infoLabel: T, chargeLabel: E, note: D, ...O }) {
14
+ let { spacing: k, palette: A, typography: j } = n(), M = (e) => {
15
+ e.stopPropagation(), x?.(p, e);
16
+ }, N = (e) => {
17
+ e.stopPropagation(), S?.(p, e);
18
+ };
19
+ return /* @__PURE__ */ a(c, {
20
+ role: "checkbox",
21
+ variant: "outlined",
22
+ active: v,
23
+ disabled: b,
24
+ onClick: M,
25
+ "aria-disabled": b,
26
+ inlineCSS: {
27
+ gap: "unset",
28
+ borderWidth: v ? 2 : 1,
29
+ padding: v ? k.content(4) - 2 : k.content(4) - 1,
30
+ "&[disabled]": {
31
+ pointerEvents: "auto",
32
+ cursor: "auto"
33
+ }
34
+ },
35
+ ...O,
36
+ children: [
37
+ /* @__PURE__ */ a(u, {
38
+ justifyContent: "space-between",
39
+ gap: 3,
40
+ children: [/* @__PURE__ */ a(u, {
41
+ flexDirection: "column",
42
+ gap: 2,
43
+ alignItems: "center",
44
+ children: [/* @__PURE__ */ a(u, {
45
+ inlineCSS: {
46
+ position: "relative",
47
+ width: 74,
48
+ height: 74,
49
+ border: "1px solid rgba(0, 0, 0, 0.05)",
50
+ borderRadius: "50%",
51
+ opacity: b ? .5 : 1
52
+ },
53
+ children: [/* @__PURE__ */ i(t, {
54
+ src: e({
55
+ src: g,
56
+ width: 74,
57
+ height: 74
58
+ }),
59
+ alt: `${m} 선생님 프로필 사진`,
60
+ width: 74,
61
+ height: 74,
62
+ style: {
63
+ display: "flex",
64
+ flexShrink: 0,
65
+ objectFit: "cover",
66
+ objectPosition: "center",
67
+ borderRadius: "50%",
68
+ overflow: "hidden"
69
+ },
70
+ wrapperProps: { inlineCSS: {
71
+ borderRadius: "50%",
72
+ overflow: "hidden"
73
+ } }
74
+ }), h && /* @__PURE__ */ i(t, {
75
+ src: h,
76
+ alt: "프로필 장식",
77
+ width: 24,
78
+ height: 24,
79
+ wrapperProps: { inlineCSS: {
80
+ position: "absolute",
81
+ right: 0,
82
+ bottom: 0
83
+ } }
84
+ })]
85
+ }), w && /* @__PURE__ */ i(r, { children: w })]
86
+ }), /* @__PURE__ */ a(u, {
87
+ flexDirection: "column",
88
+ gap: 2,
89
+ children: [
90
+ /* @__PURE__ */ a(u, {
91
+ gap: 2,
92
+ inlineCSS: { minWidth: 0 },
93
+ children: [/* @__PURE__ */ a(u, {
94
+ flexGrow: 1,
95
+ gap: 2,
96
+ children: [C && /* @__PURE__ */ i(u, {
97
+ alignItems: "center",
98
+ gap: 2,
99
+ inlineCSS: {
100
+ opacity: b ? .5 : 1,
101
+ flexShrink: 0
102
+ },
103
+ children: C
104
+ }), /* @__PURE__ */ i(f, {
105
+ variant: "h4B",
106
+ noWrap: !0,
107
+ color: b ? "grey.50" : void 0,
108
+ children: m
109
+ })]
110
+ }), /* @__PURE__ */ i(l, {
111
+ checked: v || y,
112
+ disabled: b,
113
+ readOnly: !0
114
+ })]
115
+ }),
116
+ /* @__PURE__ */ i(f, {
117
+ variant: "b4M",
118
+ lineClamp: 2,
119
+ inlineCSS: {
120
+ overflow: "hidden",
121
+ textOverflow: "ellipsis",
122
+ display: "-webkit-box",
123
+ wordWrap: "break-word"
124
+ },
125
+ color: b ? "grey.50" : void 0,
126
+ children: _
127
+ }),
128
+ T && /* @__PURE__ */ i(u, {
129
+ flexDirection: "column",
130
+ gap: 1,
131
+ flexWrap: "wrap",
132
+ inlineCSS: {
133
+ opacity: b ? .5 : 1,
134
+ "& strong": {
135
+ fontWeight: j.h5B.weight,
136
+ color: A.brand.primary.text
137
+ },
138
+ "& small": { color: A.grey[50] }
139
+ },
140
+ children: T
141
+ })
142
+ ]
143
+ })]
144
+ }),
145
+ /* @__PURE__ */ i(o, {
146
+ tag: "hr",
147
+ mt: 2,
148
+ mb: 2,
149
+ inlineCSS: {
150
+ border: "unset",
151
+ height: 1,
152
+ background: A.grey[20]
153
+ }
154
+ }),
155
+ /* @__PURE__ */ a(u, {
156
+ alignItems: "center",
157
+ gap: 1,
158
+ justifyContent: "space-between",
159
+ children: [/* @__PURE__ */ i(u, {
160
+ gap: 1,
161
+ children: E && /* @__PURE__ */ i(f, {
162
+ tag: "p",
163
+ variant: "h5B",
164
+ inlineCSS: {
165
+ display: "flex",
166
+ gap: k.content(1),
167
+ alignItems: "center",
168
+ flexGrow: 1,
169
+ "& *": { color: b ? A.grey[50] : void 0 }
170
+ },
171
+ color: b ? "grey.50" : void 0,
172
+ children: E
173
+ })
174
+ }), /* @__PURE__ */ i(s, {
175
+ size: "xSmall",
176
+ variant: "text",
177
+ endAdornment: /* @__PURE__ */ i(d, {
178
+ name: "ChevronRightLine",
179
+ size: "xSmall",
180
+ color: "grey.70"
181
+ }),
182
+ onClick: N,
183
+ disabled: b,
184
+ inlineCSS: {
185
+ flexShrink: 0,
186
+ color: b ? A.grey[50] : A.grey[70],
187
+ "&:not([aria-disabled=\"true\"]):hover, &:not([aria-disabled=\"true\"]):active": { background: v ? A.brand.primary.disableLine : A.grey[20] }
188
+ },
189
+ children: "프로필 보기"
190
+ })]
191
+ }),
192
+ D && /* @__PURE__ */ i(u, {
193
+ flexDirection: "column",
194
+ mt: 1,
195
+ inlineCSS: { opacity: b ? .5 : 1 },
196
+ children: D
197
+ })
198
+ ]
199
+ });
200
+ }
201
+ //#endregion
202
+ export { p as default };
@@ -0,0 +1,15 @@
1
+ import { Dayjs } from 'dayjs';
2
+ export declare function getBadgeLabel(hasMet: boolean): import("@emotion/react/jsx-runtime").JSX.Element | null;
3
+ export declare function getPictureLabel(lastActiveDate: Dayjs): import("@emotion/react/jsx-runtime").JSX.Element;
4
+ export declare function getCareActivityLabel({ numChildren, totalHours }: {
5
+ numChildren: number;
6
+ totalHours: number;
7
+ }): import("@emotion/react/jsx-runtime").JSX.Element;
8
+ export declare function getStrengthLabel({ careers, certificates, educations, categories }: {
9
+ certificates: string[];
10
+ careers: string[];
11
+ educations: string[];
12
+ categories: string[];
13
+ }): import("@emotion/react/jsx-runtime").JSX.Element | null;
14
+ export declare function getChargeLabel(charge: number): import("@emotion/react/jsx-runtime").JSX.Element;
15
+ export declare function getNote(note: string): import("@emotion/react/jsx-runtime").JSX.Element;
@@ -0,0 +1,175 @@
1
+ import { getLastActiveText as e } from "../ProfileSummary/ProfileSummary.utils.mjs";
2
+ import { Flexbox as t, Icon as n, Label as r, Typography as i } from "@dotss/ui";
3
+ import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
4
+ //#region teacher/profile/components/KokTeacherCard/KokTeacherCard.utils.tsx
5
+ function c(e) {
6
+ return e ? /* @__PURE__ */ o(r, {
7
+ variant: "ghost",
8
+ size: "small",
9
+ children: "만났던"
10
+ }) : null;
11
+ }
12
+ function l(t) {
13
+ return /* @__PURE__ */ o(i, {
14
+ tag: "p",
15
+ variant: "c3M",
16
+ color: "grey.50",
17
+ children: e(t)
18
+ });
19
+ }
20
+ function u({ numChildren: e, totalHours: r }) {
21
+ return e === 0 || r === 0 ? /* @__PURE__ */ s(t, {
22
+ gap: 1,
23
+ alignItems: "flex-start",
24
+ children: [/* @__PURE__ */ o(n, {
25
+ name: "KidsLine",
26
+ size: "xSmall",
27
+ color: "grey.70",
28
+ inlineCSS: { transform: "translateY(0.5px)" }
29
+ }), /* @__PURE__ */ s(i, {
30
+ tag: "p",
31
+ variant: "b5R",
32
+ color: "grey.70",
33
+ children: [
34
+ "째깍악어에 ",
35
+ /* @__PURE__ */ o("strong", { children: "새로 오신 선생님" }),
36
+ "이에요"
37
+ ]
38
+ })]
39
+ }) : /* @__PURE__ */ s(t, {
40
+ gap: 1,
41
+ alignItems: "flex-start",
42
+ children: [/* @__PURE__ */ o(n, {
43
+ name: "TimeLine",
44
+ size: "xSmall",
45
+ color: "grey.70",
46
+ inlineCSS: { transform: "translateY(0.5px)" }
47
+ }), /* @__PURE__ */ s(i, {
48
+ tag: "p",
49
+ variant: "b5R",
50
+ color: "grey.70",
51
+ children: [
52
+ /* @__PURE__ */ o("strong", { children: e }),
53
+ "명의 아이와 ",
54
+ /* @__PURE__ */ o("strong", { children: r }),
55
+ "시간을 함께했어요"
56
+ ]
57
+ })]
58
+ });
59
+ }
60
+ function d({ careers: e = [], certificates: r = [], educations: a = [], categories: c = [] }) {
61
+ let l = r.length + e.length + a.length;
62
+ return e?.length > 0 ? /* @__PURE__ */ s(t, {
63
+ gap: 1,
64
+ alignItems: "flex-start",
65
+ children: [/* @__PURE__ */ o(n, {
66
+ name: "SpecialLine",
67
+ size: "xSmall",
68
+ color: "grey.70",
69
+ inlineCSS: {
70
+ flexShrink: 0,
71
+ transform: "translateY(0.5px)"
72
+ }
73
+ }), /* @__PURE__ */ s(i, {
74
+ tag: "p",
75
+ variant: "b5R",
76
+ color: "grey.70",
77
+ children: [e?.[0], l > 1 && /* @__PURE__ */ s("small", { children: [
78
+ " 외 ",
79
+ l - 1,
80
+ "개"
81
+ ] })]
82
+ })]
83
+ }) : r?.length > 0 ? /* @__PURE__ */ s(t, {
84
+ gap: 1,
85
+ alignItems: "flex-start",
86
+ children: [/* @__PURE__ */ o(n, {
87
+ name: "CertificateLine",
88
+ size: "xSmall",
89
+ color: "grey.70",
90
+ inlineCSS: {
91
+ flexShrink: 0,
92
+ transform: "translateY(0.5px)"
93
+ }
94
+ }), /* @__PURE__ */ s(i, {
95
+ tag: "p",
96
+ variant: "b5R",
97
+ color: "grey.70",
98
+ children: [r?.[0], l > 1 && /* @__PURE__ */ s("small", { children: [
99
+ " 외 ",
100
+ l - 1,
101
+ "개"
102
+ ] })]
103
+ })]
104
+ }) : a?.length > 0 ? /* @__PURE__ */ s(t, {
105
+ gap: 1,
106
+ alignItems: "flex-start",
107
+ children: [/* @__PURE__ */ o(n, {
108
+ name: "UniversityLine",
109
+ size: "xSmall",
110
+ color: "grey.70",
111
+ inlineCSS: {
112
+ flexShrink: 0,
113
+ transform: "translateY(0.5px)"
114
+ }
115
+ }), /* @__PURE__ */ s(i, {
116
+ tag: "p",
117
+ variant: "b5R",
118
+ color: "grey.70",
119
+ children: [a?.[0], l > 1 && /* @__PURE__ */ s("small", { children: [
120
+ " 외 ",
121
+ l - 1,
122
+ "개"
123
+ ] })]
124
+ })]
125
+ }) : c?.length > 0 ? /* @__PURE__ */ s(t, {
126
+ gap: 1,
127
+ alignItems: "flex-start",
128
+ children: [/* @__PURE__ */ o(n, {
129
+ name: "ToyLine",
130
+ size: "xSmall",
131
+ color: "grey.70",
132
+ inlineCSS: {
133
+ flexShrink: 0,
134
+ transform: "translateY(0.5px)"
135
+ }
136
+ }), /* @__PURE__ */ s(i, {
137
+ tag: "p",
138
+ variant: "b5R",
139
+ color: "grey.70",
140
+ children: [c?.join(", "), "에 자신 있어요!"]
141
+ })]
142
+ }) : null;
143
+ }
144
+ function f(e) {
145
+ return /* @__PURE__ */ s(a, { children: [
146
+ "예상 금액 ",
147
+ (e || 0).toLocaleString(),
148
+ "원",
149
+ /* @__PURE__ */ o(i, {
150
+ tag: "span",
151
+ variant: "b5R",
152
+ color: "grey.50",
153
+ children: "/ 회당"
154
+ })
155
+ ] });
156
+ }
157
+ function p(e) {
158
+ return /* @__PURE__ */ s(t, {
159
+ gap: 1,
160
+ alignItems: "center",
161
+ children: [/* @__PURE__ */ o(n, {
162
+ name: "InformationLine",
163
+ size: "xSmall",
164
+ color: "etc.orange",
165
+ inlineCSS: { transform: "translateY(-0.5px)" }
166
+ }), /* @__PURE__ */ o(i, {
167
+ tag: "p",
168
+ variant: "c4R",
169
+ color: "etc.orange",
170
+ children: e
171
+ })]
172
+ });
173
+ }
174
+ //#endregion
175
+ export { c as getBadgeLabel, u as getCareActivityLabel, f as getChargeLabel, p as getNote, l as getPictureLabel, d as getStrengthLabel };
@@ -0,0 +1,4 @@
1
+ import { KokTeacherCardProps, default as KokTeacherCard } from './KokTeacherCard';
2
+ export * from './KokTeacherCard.utils';
3
+ export type { KokTeacherCardProps };
4
+ export default KokTeacherCard;
@@ -0,0 +1,6 @@
1
+ import e from "./KokTeacherCard.mjs";
2
+ import { getBadgeLabel as t, getCareActivityLabel as n, getChargeLabel as r, getNote as i, getPictureLabel as a, getStrengthLabel as o } from "./KokTeacherCard.utils.mjs";
3
+ //#region teacher/profile/components/KokTeacherCard/index.ts
4
+ var s = e;
5
+ //#endregion
6
+ export { s as default, t as getBadgeLabel, n as getCareActivityLabel, r as getChargeLabel, i as getNote, a as getPictureLabel, o as getStrengthLabel };
@@ -1,3 +1,4 @@
1
1
  import { ProfileSummaryProps, default as ProfileSummary } from './ProfileSummary';
2
+ export * from './ProfileSummary.utils';
2
3
  export type { ProfileSummaryProps };
3
4
  export default ProfileSummary;
@@ -1,5 +1,6 @@
1
- import e from "./ProfileSummary.mjs";
1
+ import { getLastActiveText as e } from "./ProfileSummary.utils.mjs";
2
+ import t from "./ProfileSummary.mjs";
2
3
  //#region teacher/profile/components/ProfileSummary/index.ts
3
- var t = e;
4
+ var n = t;
4
5
  //#endregion
5
- export { t as default };
6
+ export { n as default, e as getLastActiveText };
@@ -10,6 +10,7 @@ export { default as AbilityCollection } from './AbilityCollection';
10
10
  export { default as AvailableScheduleSection } from './AvailableScheduleSection';
11
11
  export { default as CareNoteSection } from './CareNoteSection';
12
12
  export { default as ParentReviewSection } from './ParentReviewSection';
13
+ export { default as KokTeacherCard } from './KokTeacherCard';
13
14
  export * from './ProfileSummary';
14
15
  export * from './StatBadgeCollection';
15
16
  export * from './ActivityGallery';
@@ -22,3 +23,4 @@ export * from './AbilityCollection';
22
23
  export * from './AvailableScheduleSection';
23
24
  export * from './CareNoteSection';
24
25
  export * from './ParentReviewSection';
26
+ export * from './KokTeacherCard';