@dotss/tictoccroc 0.0.17 → 0.0.19

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

@@ -1,2 +1,2 @@
 import { DayFlag } from '../../typings/common';
-export default function dayFlagToDay(dayFlag?: DayFlag): 1 | 0 | 2 | 4 | 3 | 5 | 6 | null;
+export default function dayFlagToDay(dayFlag?: DayFlag): 0 | 1 | 2 | 4 | 3 | 5 | 6 | null;

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

@@ -1,6 +1,6 @@
 import { ReactNode, SyntheticEvent } from 'react';
-import { FlexboxProps } from 'node_modules/@dotss/ui/Flexbox/Flexbox';
 import { ImageProps } from '../../../../shared/components/Image';
+import { FlexboxProps } from 'node_modules/@dotss/ui/Flexbox/Flexbox';
 import { BannerProps } from '..';
 export interface Carousel1AccountProps extends Omit<FlexboxProps, 'title'> {
     id: string;

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

@@ -1,54 +1,56 @@
-import { jsx as e, Fragment as f, jsxs as n } from "react/jsx-runtime";
+import { jsx as r, Fragment as f, jsxs as n } from "react/jsx-runtime";
 import b from "@dotss/ui/core/useTheme";
-import c from "@dotss/ui/Flexbox";
-import l from "@dotss/ui/Typography";
+import l from "@dotss/ui/Flexbox";
+import c from "@dotss/ui/Typography";
 import C from "../../../../shared/components/Carousel/Carousel.mjs";
 import S from "../../../../shared/components/Carousel/CarouselSlide/CarouselSlide.mjs";
-import x from "../../../../shared/components/Image/Image.mjs";
+import w from "../../../../shared/components/Image/Image.mjs";
 import "@dotss/ui";
-function I({
-  id: d,
-  title: m,
-  banners: p,
-  onClickBanner: r,
+function D({
+  id: p,
+  title: d,
+  banners: m,
+  onClickBanner: t,
   imageProps: s,
-  ...u
+  ...h
 }) {
-  const { spacing: i } = b(), g = (o) => (t) => {
-    r && typeof r == "function" && (t.stopPropagation(), t.preventDefault(), r(o, t));
+  const { spacing: a } = b(), u = (i) => (e) => {
+    t && typeof t == "function" && (e.stopPropagation(), e.preventDefault(), t(i, e));
   };
-  return /* @__PURE__ */ e(f, { children: /* @__PURE__ */ n(c, { flexDirection: "column", inlineCSS: { width: "100%" }, ...u, children: [
-    /* @__PURE__ */ e(
-      l,
+  return /* @__PURE__ */ r(f, { children: /* @__PURE__ */ n(l, { flexDirection: "column", inlineCSS: { width: "100%" }, ...h, children: [
+    /* @__PURE__ */ r(
+      c,
       {
-        id: `banner-account-carousel1-${d}`,
+        id: `banner-account-carousel1-${p}`,
         variant: "h2B",
         inlineCSS: {
-          paddingLeft: i.content(4),
-          paddingRight: i.content(4),
-          marginBottom: i.content(3)
+          whiteSpace: "pre-wrap",
+          wordBreak: "keep-all",
+          paddingLeft: a.content(4),
+          paddingRight: a.content(4),
+          marginBottom: a.content(3)
         },
-        children: m
+        children: d
       }
     ),
-    /* @__PURE__ */ e(C, { rowCount: 2, step: 1, spacing: 5, children: p.map(({ id: o, title: t, url: a, image: h }) => /* @__PURE__ */ e(S, { children: /* @__PURE__ */ n(
-      c,
+    /* @__PURE__ */ r(C, { rowCount: 2, step: 1, spacing: 5, children: m.map(({ id: i, title: e, url: o, image: g }) => /* @__PURE__ */ r(S, { children: /* @__PURE__ */ n(
+      l,
       {
         tag: "a",
-        href: a,
+        href: o,
         alignItems: "center",
         gap: 4,
         draggable: !1,
-        onClick: g(a),
+        onClick: u(o),
         inlineCSS: { width: 264 },
         children: [
-          /* @__PURE__ */ e(
-            x,
+          /* @__PURE__ */ r(
+            w,
             {
-              src: h || "",
+              src: g || "",
               width: 140,
               height: 98,
-              alt: `${t} 이미지`,
+              alt: `${e} 이미지`,
               "aria-hidden": !0,
               draggable: !1,
               borderRadius: 12,
@@ -58,12 +60,12 @@ function I({
               ...s
             }
           ),
-          /* @__PURE__ */ e(l, { tag: "p", variant: "b2M", lineClamp: 2, children: t })
+          /* @__PURE__ */ r(c, { tag: "p", variant: "b2M", lineClamp: 2, children: e })
         ]
       }
-    ) }, `tictoccroc-carousel1-account-${o}`)) })
+    ) }, `tictoccroc-carousel1-account-${i}`)) })
   ] }) });
 }
 export {
-  I as default
+  D as default
 };

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

@@ -1,6 +1,6 @@
 import { ReactNode, SyntheticEvent } from 'react';
-import { FlexboxProps } from 'node_modules/@dotss/ui/Flexbox/Flexbox';
 import { ImageProps } from '../../../../shared/components/Image';
+import { FlexboxProps } from 'node_modules/@dotss/ui/Flexbox/Flexbox';
 import { BannerProps } from '..';
 export interface Carousel2AccountProps extends Omit<FlexboxProps, 'title'> {
     id: string;

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

@@ -1,12 +1,12 @@
-import { jsxs as n, jsx as e } from "react/jsx-runtime";
+import { jsxs as a, jsx as t } from "react/jsx-runtime";
 import b from "@dotss/ui/core/useTheme";
-import a from "@dotss/ui/Flexbox";
+import n from "@dotss/ui/Flexbox";
 import l from "@dotss/ui/Typography";
 import C from "../../../../shared/components/Carousel/Carousel.mjs";
 import x from "../../../../shared/components/Carousel/CarouselSlide/CarouselSlide.mjs";
 import S from "../../../../shared/components/Image/Image.mjs";
 import "@dotss/ui";
-function k({
+function R({
   id: p,
   title: d,
   banners: m,
@@ -14,16 +14,18 @@ function k({
   imageProps: s,
   ...u
 }) {
-  const { spacing: i } = b(), g = (o) => (t) => {
-    r && typeof r == "function" && (t.stopPropagation(), t.preventDefault(), r(o, t));
+  const { spacing: i } = b(), h = (o) => (e) => {
+    r && typeof r == "function" && (e.stopPropagation(), e.preventDefault(), r(o, e));
   };
-  return /* @__PURE__ */ n(a, { tag: "section", flexDirection: "column", inlineCSS: { width: "100%" }, ...u, children: [
-    /* @__PURE__ */ e(
+  return /* @__PURE__ */ a(n, { tag: "section", flexDirection: "column", inlineCSS: { width: "100%" }, ...u, children: [
+    /* @__PURE__ */ t(
       l,
       {
         id: `banner-account-carousel2-${p}`,
         variant: "h2B",
         inlineCSS: {
+          whiteSpace: "pre-wrap",
+          wordBreak: "keep-all",
           paddingLeft: i.content(4),
           paddingRight: i.content(4),
           marginBottom: i.content(4)
@@ -31,24 +33,24 @@ function k({
         children: d
       }
     ),
-    /* @__PURE__ */ e(C, { rowCount: 1, step: 1, spacing: 3, children: m.map(({ id: o, title: t, subtitle: h, url: c, image: f }) => /* @__PURE__ */ e(x, { children: /* @__PURE__ */ n(
-      a,
+    /* @__PURE__ */ t(C, { rowCount: 1, step: 1, spacing: 3, children: m.map(({ id: o, title: e, subtitle: g, url: c, image: f }) => /* @__PURE__ */ t(x, { children: /* @__PURE__ */ a(
+      n,
       {
         tag: "a",
         href: c,
         flexDirection: "column",
         gap: 3,
         draggable: !1,
-        onClick: g(c),
+        onClick: h(c),
         inlineCSS: { width: 240 },
         children: [
-          /* @__PURE__ */ e(
+          /* @__PURE__ */ t(
             S,
             {
               src: f || "",
               width: 240,
               height: 168,
-              alt: `${t} 이미지`,
+              alt: `${e} 이미지`,
               "aria-hidden": !0,
               draggable: !1,
               borderRadius: 12,
@@ -58,9 +60,9 @@ function k({
               ...s
             }
           ),
-          /* @__PURE__ */ n(a, { flexDirection: "column", gap: 1, children: [
-            /* @__PURE__ */ e(l, { tag: "p", variant: "h4B", lineClamp: 1, children: t }),
-            /* @__PURE__ */ e(l, { tag: "p", variant: "b4R", lineClamp: 1, color: "grey.70", children: h })
+          /* @__PURE__ */ a(n, { flexDirection: "column", gap: 1, children: [
+            /* @__PURE__ */ t(l, { tag: "p", variant: "h4B", lineClamp: 1, children: e }),
+            /* @__PURE__ */ t(l, { tag: "p", variant: "b4R", lineClamp: 1, color: "grey.70", children: g })
           ] })
         ]
       }
@@ -68,5 +70,5 @@ function k({
   ] });
 }
 export {
-  k as default
+  R as default
 };

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

@@ -1,6 +1,6 @@
 import { ReactNode, SyntheticEvent } from 'react';
-import { FlexboxProps } from 'node_modules/@dotss/ui/Flexbox/Flexbox';
 import { ImageProps } from '../../../../shared/components/Image';
+import { FlexboxProps } from 'node_modules/@dotss/ui/Flexbox/Flexbox';
 import { BannerProps } from '..';
 export interface TextAccountProps extends Omit<FlexboxProps, 'title'> {
     id: string;

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

@@ -1,45 +1,47 @@
-import { jsxs as m, jsx as e } from "react/jsx-runtime";
-import S from "@dotss/ui/core/useTheme";
+import { jsxs as h, jsx as e } from "react/jsx-runtime";
+import b from "@dotss/ui/core/useTheme";
 import i from "@dotss/ui/Flexbox";
 import { useCheckHoverPossible as x } from "@dotss/ui/hooks";
-import C from "@dotss/ui/Icon";
+import w from "@dotss/ui/Icon";
 import d from "@dotss/ui/Typography";
-import v from "../../../../shared/components/Image/Image.mjs";
+import C from "../../../../shared/components/Image/Image.mjs";
 import "@dotss/ui";
 function P({
-  id: a,
-  title: p,
+  id: l,
+  title: m,
   banners: s,
   onClickBanner: n,
   imageProps: g,
   ...f
 }) {
-  const { spacing: o, palette: c } = S(), { isHoverPossible: u } = x(), b = (r) => (t) => {
-    n && typeof n == "function" && (t.stopPropagation(), t.preventDefault(), n(r, t));
+  const { spacing: r, palette: c } = b(), { isHoverPossible: u } = x(), S = (o) => (t) => {
+    n && typeof n == "function" && (t.stopPropagation(), t.preventDefault(), n(o, t));
   };
-  return /* @__PURE__ */ m(i, { tag: "section", flexDirection: "column", inlineCSS: { width: "100%" }, ...f, children: [
+  return /* @__PURE__ */ h(i, { tag: "section", flexDirection: "column", inlineCSS: { width: "100%" }, ...f, children: [
     /* @__PURE__ */ e(
       d,
       {
-        id: `banner-account-text-${a}`,
+        id: `banner-account-text-${l}`,
         variant: "h2B",
         inlineCSS: {
-          paddingLeft: o.content(4),
-          paddingRight: o.content(4),
-          marginBottom: o.content(2)
+          whiteSpace: "pre-wrap",
+          wordBreak: "keep-all",
+          paddingLeft: r.content(4),
+          paddingRight: r.content(4),
+          marginBottom: r.content(2)
         },
-        children: p
+        children: m
       }
     ),
-    /* @__PURE__ */ e(i, { tag: "ul", flexDirection: "column", "aria-labelledby": `banner-account-text-${a}`, children: s.map(({ id: r, title: t, url: l, image: h }) => /* @__PURE__ */ e(i, { tag: "li", alignItems: "center", children: /* @__PURE__ */ m(
+    /* @__PURE__ */ e(i, { tag: "ul", flexDirection: "column", "aria-labelledby": `banner-account-text-${l}`, children: s.map(({ id: o, title: t, url: a, image: p }) => /* @__PURE__ */ e(i, { tag: "li", alignItems: "center", children: /* @__PURE__ */ h(
       i,
       {
         tag: "a",
-        href: l,
+        href: a,
         p: 4,
         gap: 3,
         alignItems: "center",
-        onClick: b(l),
+        onClick: S(a),
         inlineCSS: {
           width: "100%",
           "&:focus-within": {
@@ -52,7 +54,7 @@ function P({
           } : {}
         },
         children: [
-          h && /* @__PURE__ */ e(
+          p && /* @__PURE__ */ e(
             i,
             {
               inlineCSS: {
@@ -61,11 +63,11 @@ function P({
                 overflow: "hidden"
               },
               children: /* @__PURE__ */ e(
-                v,
+                C,
                 {
                   width: 100,
                   height: 78,
-                  src: h,
+                  src: p,
                   alt: `${t} 이미지`,
                   enableFallback: !0,
                   enableErrorFallback: !0,
@@ -79,7 +81,7 @@ function P({
             {
               tag: "p",
               variant: "b2R",
-              lineClamp: l ? 2 : 1,
+              lineClamp: a ? 2 : 1,
               inlineCSS: {
                 flexGrow: 1
               },
@@ -92,12 +94,12 @@ function P({
               inlineCSS: {
                 whiteSpace: "nowrap"
               },
-              children: /* @__PURE__ */ e(C, { name: "ChevronRightLine", size: "xSmall", color: "grey.50" })
+              children: /* @__PURE__ */ e(w, { name: "ChevronRightLine", size: "xSmall", color: "grey.50" })
             }
           )
         ]
       }
-    ) }, `tictoccroc-story-${r}`)) })
+    ) }, `tictoccroc-story-${o}`)) })
   ] });
 }
 export {

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

@@ -1,18 +1,17 @@
 import { jsxs as i, jsx as t, Fragment as m } from "react/jsx-runtime";
-import { useState as S, Children as O, isValidElement as F } from "react";
+import { useState as S, Children as E, isValidElement as F } from "react";
 import { Flexbox as r, Typography as f, Tooltip as Y, Icon as p, Button as M } from "@dotss/ui";
 import T from "@dotss/ui/core/useTheme";
 import g from "dayjs";
 import W from "./CareerItem/CareerItem.mjs";
-import { sortItemElements as z } from "../../utils/sortItems/sortItems.mjs";
-function q({
+function U({
   children: u,
   action: C,
   showTooltip: x = !1,
   enableToggle: s = !1,
   ...o
 }) {
-  const { spacing: w } = T(), [b, I] = S(!1), [a, v] = S(!1), l = O.toArray(u).filter(F).filter((e) => e.type === W), D = l.length > 0, j = l.length > 3, y = l.map((e) => [e.props.startDate, e.props.endDate ?? g().format("YYYY-MM-DD")]).map(([e, n]) => [g(e), g(n)]).map(([e, n]) => n.diff(e, "month")), c = Math.floor(y.reduce((e, n) => e + n, 0) / 12), d = y.reduce((e, n) => e + n, 0) % 12, k = () => v((e) => !e), h = () => I((e) => !e), E = (e) => {
+  const { spacing: w } = T(), [b, I] = S(!1), [a, v] = S(!1), l = E.toArray(u).filter(F).filter((e) => e.type === W), D = l.length > 0, j = l.length > 3, y = l.map((e) => [e.props.startDate, e.props.endDate ?? g().format("YYYY-MM-DD")]).map(([e, n]) => [g(e), g(n)]).map(([e, n]) => n.diff(e, "month")), c = Math.floor(y.reduce((e, n) => e + n, 0) / 12), d = y.reduce((e, n) => e + n, 0) % 12, k = () => v((e) => !e), h = () => I((e) => !e), O = (e) => {
     (e.key === "Enter" || e.key === " ") && h();
   };
   return /* @__PURE__ */ i(
@@ -100,7 +99,7 @@ function q({
                             size: "small",
                             color: "grey.50",
                             onClick: h,
-                            onKeyDown: E,
+                            onKeyDown: O,
                             "aria-label": "추가 정보 안내",
                             inlineCSS: {
                               cursor: "pointer"
@@ -134,7 +133,7 @@ function q({
             tag: "ul",
             flexDirection: "column",
             inlineCSS: { width: "inherit" },
-            children: z(l).slice(0, !s || a ? void 0 : 3)
+            children: l.slice(0, !s || a ? void 0 : 3)
           }
         ),
         s && j && /* @__PURE__ */ t(
@@ -175,5 +174,5 @@ function q({
   );
 }
 export {
-  q as default
+  U as default
 };

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

@@ -1,18 +1,17 @@
 import { jsxs as a, jsx as e } from "react/jsx-runtime";
 import { useState as f, Children as I, isValidElement as v } from "react";
-import { Flexbox as i, Typography as m, Tooltip as j, Icon as s, Button as k } from "@dotss/ui";
+import { Flexbox as i, Typography as h, Tooltip as j, Icon as s, Button as k } from "@dotss/ui";
 import D from "@dotss/ui/core/useTheme";
-import E from "./CertificateItem/CertificateItem.mjs";
-import { sortItemElements as O } from "../../utils/sortItems/sortItems.mjs";
-function K({
-  children: h,
+import O from "./CertificateItem/CertificateItem.mjs";
+function A({
+  children: m,
   action: d,
   showTooltip: p = !1,
   enableToggle: r = !1,
   ...n
 }) {
-  const { spacing: x } = D(), [y, C] = f(!1), [o, g] = f(!1), l = I.toArray(h).filter(v).filter((t) => t.type === E), u = l.length > 0, S = l.length > 3, c = () => C((t) => !t), b = (t) => {
-    (t.key === "Enter" || t.key === " ") && c();
+  const { spacing: x } = D(), [y, C] = f(!1), [o, g] = f(!1), c = I.toArray(m).filter(v).filter((t) => t.type === O), u = c.length > 0, S = c.length > 3, l = () => C((t) => !t), b = (t) => {
+    (t.key === "Enter" || t.key === " ") && l();
   }, w = () => g((t) => !t);
   return /* @__PURE__ */ a(
     i,
@@ -30,7 +29,7 @@ function K({
       children: [
         /* @__PURE__ */ a(i, { alignItems: "center", justifyContent: "center", gap: 1, children: [
           /* @__PURE__ */ e(
-            m,
+            h,
             {
               id: "certificate-section-title",
               tag: "h2",
@@ -43,13 +42,13 @@ function K({
             j,
             {
               open: y,
-              onClose: c,
+              onClose: l,
               color: "secondary",
               role: "tooltip",
               "aria-labelledby": "certificate-section-tooltip",
               "aria-describedby": "certificate-section-tooltip-desc",
               body: /* @__PURE__ */ a(
-                m,
+                h,
                 {
                   id: "certificate-section-tooltip-desc",
                   tag: "p",
@@ -83,7 +82,7 @@ function K({
                   name: "TooltipFill",
                   size: "small",
                   color: "grey.50",
-                  onClick: c,
+                  onClick: l,
                   onKeyDown: b,
                   "aria-label": "추가 정보 안내",
                   inlineCSS: {
@@ -101,10 +100,7 @@ function K({
             tag: "ul",
             flexDirection: "column",
             inlineCSS: { width: "inherit" },
-            children: O(l).slice(
-              0,
-              !r || o ? void 0 : 3
-            )
+            children: c.slice(0, !r || o ? void 0 : 3)
           }
         ),
         r && S && /* @__PURE__ */ e(
@@ -145,5 +141,5 @@ function K({
   );
 }
 export {
-  K as default
+  A as default
 };

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

@@ -4,7 +4,7 @@ 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 "../ClassNotesSection.utils.mjs";
-function M({ content: h, keywords: t, regDatetime: s, childrenInfo: p, ...n }) {
+function D({ content: h, keywords: t, regDatetime: s, childrenInfo: p, ...n }) {
   var c, m;
   const {
     palette: { grey: f, brand: i }
@@ -26,7 +26,7 @@ function M({ content: h, keywords: t, regDatetime: s, childrenInfo: p, ...n }) {
         /* @__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__ */ 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__ */ e(r, { tag: "p", variant: "b4R", color: "grey.70", children: b.format("YYYY년 M월 D일") }),
           /* @__PURE__ */ l(
             r,
             {
@@ -50,5 +50,5 @@ function M({ content: h, keywords: t, regDatetime: s, childrenInfo: p, ...n }) {
   );
 }
 export {
-  M as default
+  D as default
 };

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

@@ -1,18 +1,17 @@
 import { jsxs as c, jsx as e } from "react/jsx-runtime";
-import { useState as m, Children as I, isValidElement as E } from "react";
-import { Flexbox as i, Typography as h, Tooltip as v, Icon as s, Button as j } from "@dotss/ui";
+import { useState as h, Children as I, isValidElement as v } from "react";
+import { Flexbox as i, Typography as m, Tooltip as E, Icon as s, Button as j } from "@dotss/ui";
 import k from "@dotss/ui/core/useTheme";
 import D from "./EducationItem/EducationItem.mjs";
-import { sortItemElements as O } from "../../utils/sortItems/sortItems.mjs";
-function L({
-  children: f,
+function B({
+  children: u,
   action: d,
-  showTooltip: u = !1,
+  showTooltip: f = !1,
   enableToggle: l = !1,
   ...n
 }) {
-  const { spacing: p } = k(), [x, y] = m(!1), [o, g] = m(!1), r = I.toArray(f).filter(E).filter((t) => t.type === D), C = r.length > 0, S = r.length > 3, a = () => y((t) => !t), b = (t) => {
-    (t.key === "Enter" || t.key === " ") && a();
+  const { spacing: p } = k(), [x, y] = h(!1), [o, g] = h(!1), a = I.toArray(u).filter(v).filter((t) => t.type === D), C = a.length > 0, S = a.length > 3, r = () => y((t) => !t), b = (t) => {
+    (t.key === "Enter" || t.key === " ") && r();
   }, w = () => g((t) => !t);
   return /* @__PURE__ */ c(
     i,
@@ -30,7 +29,7 @@ function L({
       children: [
         /* @__PURE__ */ c(i, { alignItems: "center", justifyContent: "center", gap: 1, children: [
           /* @__PURE__ */ e(
-            h,
+            m,
             {
               id: "education-section-title",
               tag: "h2",
@@ -39,17 +38,17 @@ function L({
               children: "학력"
             }
           ),
-          u && /* @__PURE__ */ e(
-            v,
+          f && /* @__PURE__ */ e(
+            E,
             {
               open: x,
-              onClose: a,
+              onClose: r,
               color: "secondary",
               role: "tooltip",
               "aria-labelledby": "education-section-tooltip",
               "aria-describedby": "education-section-tooltip-desc",
               body: /* @__PURE__ */ c(
-                h,
+                m,
                 {
                   id: "education-section-tooltip-desc",
                   tag: "p",
@@ -83,7 +82,7 @@ function L({
                   name: "TooltipFill",
                   size: "small",
                   color: "grey.50",
-                  onClick: a,
+                  onClick: r,
                   onKeyDown: b,
                   "aria-label": "추가 정보 안내",
                   inlineCSS: {
@@ -101,7 +100,7 @@ function L({
             tag: "ul",
             flexDirection: "column",
             inlineCSS: { width: "inherit" },
-            children: O(r).slice(0, !l || o ? void 0 : 3)
+            children: a.slice(0, !l || o ? void 0 : 3)
           }
         ),
         l && S && /* @__PURE__ */ e(
@@ -142,5 +141,5 @@ function L({
   );
 }
 export {
-  L as default
+  B as default
 };

package/dist/teacher/profile/utils/index.d.ts

@@ -1 +1 @@
-export { default as sortItems, sortItemElements } from './sortItems';
+export { default as sortItems } from './sortItems';

package/dist/teacher/profile/utils/index.mjs

@@ -1,5 +1,4 @@
-import { sortItemElements as s, default as m } from "./sortItems/sortItems.mjs";
+import { default as o } from "./sortItems/sortItems.mjs";
 export {
-  s as sortItemElements,
-  m as sortItems
+  o as sortItems
 };

package/dist/teacher/profile/utils/sortItems/index.d.ts

@@ -1,3 +1,2 @@
-import { default as sortItems, sortItemElements } from './sortItems';
-export { sortItemElements };
+import { default as sortItems } from './sortItems';
 export default sortItems;

package/dist/teacher/profile/utils/sortItems/index.mjs

@@ -1,6 +1,4 @@
-import e from "./sortItems.mjs";
-import { sortItemElements as m } from "./sortItems.mjs";
+import o from "./sortItems.mjs";
 export {
-  e as default,
-  m as sortItemElements
+  o as default
 };

package/dist/teacher/profile/utils/sortItems/sortItems.d.ts

@@ -1,9 +1,11 @@
-import { ReactElement } from 'react';
 type ItemProps = {
     status: 'VERIFIED' | 'PENDING' | 'REJECTED' | 'DELETED';
     regDatetime: string;
+    startDate?: string;
+    endDate?: string | null;
+    phase?: 'STUDYING' | 'ONBREAK' | 'FINISHED';
+    acqDate?: string;
     priority: number;
 };
 export default function sortItems<T>(items: T[], get?: (item: T) => ItemProps): T[];
-export declare function sortItemElements<T extends ReactElement<ItemProps>>(items: T[]): T[];
 export {};

package/dist/teacher/profile/utils/sortItems/sortItems.mjs

@@ -1,29 +1,49 @@
-function c(s, r = (a) => a) {
-  const a = s.some((o) => !!r(o).priority), n = s.filter((o) => r(o).status !== "REJECTED"), m = s.filter((o) => r(o).status === "REJECTED");
-  if (a)
+function d(i, s = (D) => D) {
+  const D = i.some((a) => !!s(a).priority), c = i.filter((a) => s(a).status !== "REJECTED"), u = i.filter((a) => s(a).status === "REJECTED"), n = (a, o) => {
+    const t = s(a), e = s(o);
+    if (t.phase && e.phase) {
+      const r = { STUDYING: 0, ONBREAK: 1, FINISHED: 2 }, f = r[t.phase], p = r[e.phase];
+      if (f !== p)
+        return f - p;
+    }
+    if (t.phase && !e.phase) return -1;
+    if (!t.phase && e.phase) return 1;
+    if (t.acqDate && e.acqDate) {
+      const r = e.acqDate.localeCompare(t.acqDate);
+      if (r !== 0) return r;
+    }
+    if (t.acqDate && !e.acqDate) return -1;
+    if (!t.acqDate && e.acqDate) return 1;
+    if (t.startDate && e.startDate) {
+      const r = e.startDate.localeCompare(t.startDate);
+      if (r !== 0) return r;
+    }
+    if (t.startDate && !e.startDate) return -1;
+    if (!t.startDate && e.startDate) return 1;
+    if (t.endDate && e.endDate) {
+      const r = e.endDate.localeCompare(t.endDate);
+      if (r !== 0) return r;
+    }
+    return t.endDate && !e.endDate ? -1 : !t.endDate && e.endDate ? 1 : e.regDatetime.localeCompare(t.regDatetime);
+  };
+  if (D) {
+    const a = (o, t) => {
+      const e = s(o), r = s(t);
+      return e.priority !== r.priority ? r.priority - e.priority : n(o, t);
+    };
     return [
-      ...n.sort((o, i) => {
-        const t = r(o).priority, e = r(i).priority;
-        return t === 0 && e === 0 ? r(i).regDatetime.localeCompare(r(o).regDatetime) : t === 0 && e !== 0 ? -1 : t !== 0 && e === 0 ? 1 : e - t;
-      }),
-      ...m.sort((o, i) => {
-        const t = r(o).priority, e = r(i).priority;
-        return t === 0 && e === 0 ? r(i).regDatetime.localeCompare(r(o).regDatetime) : t === 0 && e !== 0 ? -1 : t !== 0 && e === 0 ? 1 : e - t;
-      })
+      ...c.sort(a),
+      ...u.sort(a)
     ];
-  {
-    const o = n.filter((t) => r(t).status === "VERIFIED"), i = n.filter((t) => r(t).status !== "VERIFIED");
+  } else {
+    const a = c.filter((t) => s(t).status === "VERIFIED"), o = c.filter((t) => s(t).status !== "VERIFIED");
     return [
-      ...o.sort((t, e) => r(e).regDatetime.localeCompare(r(t).regDatetime)),
-      ...i.sort((t, e) => r(e).regDatetime.localeCompare(r(t).regDatetime)),
-      ...m.sort((t, e) => r(e).regDatetime.localeCompare(r(t).regDatetime))
+      ...a.sort(n),
+      ...o.sort(n),
+      ...u.sort(n)
     ];
   }
 }
-function u(s) {
-  return c(s, (r) => r.props);
-}
 export {
-  c as default,
-  u as sortItemElements
+  d as default
 };

package/package.json

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