@dotss/tictoccroc 0.0.16 → 0.0.18

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.fallback.mjs

@@ -1,18 +1,19 @@
-import { jsxs as t, Fragment as r, jsx as i } from "react/jsx-runtime";
+import { jsxs as t, Fragment as o, jsx as i } from "react/jsx-runtime";
 import d from "@dotss/ui/core/useTheme";
-import o from "@dotss/ui/Flexbox";
+import r from "@dotss/ui/Flexbox";
 import n from "@dotss/ui/Skeleton";
 import h from "../../../../shared/components/LoadingAnnouncer/LoadingAnnouncer.mjs";
 function u() {
   const { spacing: e } = d();
-  return /* @__PURE__ */ t(r, { children: [
+  return /* @__PURE__ */ t(o, { children: [
     /* @__PURE__ */ i(h, {}),
     /* @__PURE__ */ t(
-      o,
+      r,
       {
         tag: "section",
         flexDirection: "column",
-        inlineCSS: { width: "100%", overflow: "hidden" },
+        "aria-busy": !0,
+        inlineCSS: { width: "100%", overflow: "hidden", cursor: "wait" },
         children: [
           /* @__PURE__ */ i(
             n,
@@ -25,8 +26,8 @@ function u() {
               }
             }
           ),
-          /* @__PURE__ */ t(o, { flexDirection: "row", gap: 3, ml: 4, children: [
-            /* @__PURE__ */ t(o, { flexDirection: "column", children: [
+          /* @__PURE__ */ t(r, { flexDirection: "row", gap: 3, ml: 4, children: [
+            /* @__PURE__ */ t(r, { flexDirection: "column", children: [
               /* @__PURE__ */ i(n, { width: 240, height: 168, borderRadius: 12 }),
               /* @__PURE__ */ i(
                 n,
@@ -45,7 +46,7 @@ function u() {
                 }
               )
             ] }),
-            /* @__PURE__ */ t(o, { flexDirection: "column", children: [
+            /* @__PURE__ */ t(r, { flexDirection: "column", children: [
               /* @__PURE__ */ i(n, { width: 240, height: 168, borderRadius: 12 }),
               /* @__PURE__ */ i(
                 n,
@@ -64,7 +65,7 @@ function u() {
                 }
               )
             ] }),
-            /* @__PURE__ */ t(o, { flexDirection: "column", children: [
+            /* @__PURE__ */ t(r, { flexDirection: "column", children: [
               /* @__PURE__ */ i(n, { width: 240, height: 168, borderRadius: 12 }),
               /* @__PURE__ */ i(
                 n,

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.fallback.mjs

@@ -2,95 +2,104 @@ import { jsxs as e, Fragment as d, jsx as t } from "react/jsx-runtime";
 import r from "@dotss/ui/core/useTheme";
 import n from "@dotss/ui/Flexbox";
 import i from "@dotss/ui/Skeleton";
-import m from "../../../../shared/components/LoadingAnnouncer/LoadingAnnouncer.mjs";
+import a from "../../../../shared/components/LoadingAnnouncer/LoadingAnnouncer.mjs";
 function s() {
   const { spacing: h } = r();
   return /* @__PURE__ */ e(d, { children: [
-    /* @__PURE__ */ t(m, {}),
-    /* @__PURE__ */ e(n, { tag: "section", flexDirection: "column", inlineCSS: { width: "100%" }, children: [
-      /* @__PURE__ */ t(
-        i,
-        {
-          height: 30,
-          inlineCSS: {
-            width: "50%",
-            marginBottom: h.content(2),
-            marginLeft: h.content(4)
-          }
-        }
-      ),
-      /* @__PURE__ */ e(
-        n,
-        {
-          p: 4,
-          gap: 3,
-          alignItems: "center",
-          justifyContent: "space-between",
-          inlineCSS: { width: "100%" },
-          children: [
-            /* @__PURE__ */ t(i, { width: 100, minWidth: 100, height: 78, borderRadius: 8 }),
-            /* @__PURE__ */ t(i, { width: "100%", height: 48 }),
-            /* @__PURE__ */ t(i, { width: 16, height: 16, minWidth: 16 })
-          ]
-        }
-      ),
-      /* @__PURE__ */ e(
-        n,
-        {
-          p: 4,
-          gap: 3,
-          alignItems: "center",
-          justifyContent: "space-between",
-          inlineCSS: { width: "100%" },
-          children: [
-            /* @__PURE__ */ t(i, { width: "100%", maxWidth: 300, textHeight: "b2R" }),
-            /* @__PURE__ */ t(i, { width: 16, height: 16, minWidth: 16 })
-          ]
-        }
-      ),
-      /* @__PURE__ */ e(
-        n,
-        {
-          p: 4,
-          gap: 3,
-          alignItems: "center",
-          justifyContent: "space-between",
-          inlineCSS: { width: "100%" },
-          children: [
-            /* @__PURE__ */ t(i, { width: "100%", maxWidth: 200, textHeight: "b2R" }),
-            /* @__PURE__ */ t(i, { width: 16, height: 16, minWidth: 16 })
-          ]
-        }
-      ),
-      /* @__PURE__ */ e(
-        n,
-        {
-          p: 4,
-          gap: 3,
-          alignItems: "center",
-          justifyContent: "space-between",
-          inlineCSS: { width: "100%" },
-          children: [
-            /* @__PURE__ */ t(i, { width: "100%", maxWidth: 300, textHeight: "b2R" }),
-            /* @__PURE__ */ t(i, { width: 16, height: 16, minWidth: 16 })
-          ]
-        }
-      ),
-      /* @__PURE__ */ e(
-        n,
-        {
-          p: 4,
-          gap: 3,
-          alignItems: "center",
-          justifyContent: "space-between",
-          inlineCSS: { width: "100%" },
-          children: [
-            /* @__PURE__ */ t(i, { width: "100%", maxWidth: 200, textHeight: "b2R" }),
-            /* @__PURE__ */ t(i, { width: 16, height: 16, minWidth: 16 })
-          ]
-        }
-      )
-    ] })
+    /* @__PURE__ */ t(a, {}),
+    /* @__PURE__ */ e(
+      n,
+      {
+        tag: "section",
+        flexDirection: "column",
+        "aria-busy": !0,
+        inlineCSS: { width: "100%", cursor: "wait" },
+        children: [
+          /* @__PURE__ */ t(
+            i,
+            {
+              height: 30,
+              inlineCSS: {
+                width: "50%",
+                marginBottom: h.content(2),
+                marginLeft: h.content(4)
+              }
+            }
+          ),
+          /* @__PURE__ */ e(
+            n,
+            {
+              p: 4,
+              gap: 3,
+              alignItems: "center",
+              justifyContent: "space-between",
+              inlineCSS: { width: "100%" },
+              children: [
+                /* @__PURE__ */ t(i, { width: 100, minWidth: 100, height: 78, borderRadius: 8 }),
+                /* @__PURE__ */ t(i, { width: "100%", height: 48 }),
+                /* @__PURE__ */ t(i, { width: 16, height: 16, minWidth: 16 })
+              ]
+            }
+          ),
+          /* @__PURE__ */ e(
+            n,
+            {
+              p: 4,
+              gap: 3,
+              alignItems: "center",
+              justifyContent: "space-between",
+              inlineCSS: { width: "100%" },
+              children: [
+                /* @__PURE__ */ t(i, { width: "100%", maxWidth: 300, textHeight: "b2R" }),
+                /* @__PURE__ */ t(i, { width: 16, height: 16, minWidth: 16 })
+              ]
+            }
+          ),
+          /* @__PURE__ */ e(
+            n,
+            {
+              p: 4,
+              gap: 3,
+              alignItems: "center",
+              justifyContent: "space-between",
+              inlineCSS: { width: "100%" },
+              children: [
+                /* @__PURE__ */ t(i, { width: "100%", maxWidth: 200, textHeight: "b2R" }),
+                /* @__PURE__ */ t(i, { width: 16, height: 16, minWidth: 16 })
+              ]
+            }
+          ),
+          /* @__PURE__ */ e(
+            n,
+            {
+              p: 4,
+              gap: 3,
+              alignItems: "center",
+              justifyContent: "space-between",
+              inlineCSS: { width: "100%" },
+              children: [
+                /* @__PURE__ */ t(i, { width: "100%", maxWidth: 300, textHeight: "b2R" }),
+                /* @__PURE__ */ t(i, { width: 16, height: 16, minWidth: 16 })
+              ]
+            }
+          ),
+          /* @__PURE__ */ e(
+            n,
+            {
+              p: 4,
+              gap: 3,
+              alignItems: "center",
+              justifyContent: "space-between",
+              inlineCSS: { width: "100%" },
+              children: [
+                /* @__PURE__ */ t(i, { width: "100%", maxWidth: 200, textHeight: "b2R" }),
+                /* @__PURE__ */ t(i, { width: 16, height: 16, minWidth: 16 })
+              ]
+            }
+          )
+        ]
+      }
+    )
   ] });
 }
 export {

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/CareerItem/CareerItem.mjs

@@ -1,5 +1,5 @@
 import { jsx as i, jsxs as e, Fragment as g } from "react/jsx-runtime";
-import { Flexbox as t, Label as D, Typography as h, Icon as d } from "@dotss/ui";
+import { Flexbox as t, Label as I, Typography as d, Icon as h } from "@dotss/ui";
 import j from "@dotss/ui/core/useTheme";
 import { useCheckHoverPossible as E } from "@dotss/ui/hooks";
 import s from "dayjs";
@@ -12,10 +12,10 @@ function T({
   id: b,
   ...n
 }) {
-  const { isHoverPossible: I } = E(), {
+  const { isHoverPossible: k } = E(), {
     palette: { grey: a },
     spacing: c
-  } = j(), r = typeof n.onClick == "function", k = s(y), u = (o ? s(o) : s()).diff(k, "month"), m = Math.floor(u / 12), C = u % 12;
+  } = j(), r = typeof n.onClick == "function", D = s(y), u = (o ? s(o) : s()).diff(D, "month"), m = Math.floor(u / 12), C = u % 12;
   return /* @__PURE__ */ i("li", { children: /* @__PURE__ */ e(
     t,
     {
@@ -42,7 +42,7 @@ function T({
             backgroundColor: a[10]
           }
         },
-        ...r && I ? {
+        ...r && k ? {
           "&:hover": {
             backgroundColor: a[10]
           }
@@ -53,7 +53,7 @@ function T({
         /* @__PURE__ */ e(t, { flexDirection: "column", gap: 1, flexGrow: 1, children: [
           /* @__PURE__ */ e(t, { alignItems: "center", gap: 1, children: [
             x && /* @__PURE__ */ i(
-              D,
+              I,
               {
                 variant: "outlined",
                 size: "small",
@@ -64,12 +64,12 @@ function T({
                 children: "대표"
               }
             ),
-            /* @__PURE__ */ e(h, { id: `career-item-title-${b}`, tag: "p", variant: "b2M", children: [
+            /* @__PURE__ */ e(d, { id: `career-item-title-${b}`, tag: "p", variant: "b2M", children: [
               v,
               f === "VERIFIED" && /* @__PURE__ */ i(
-                d,
+                h,
                 {
-                  name: "InfoFill",
+                  name: "CertifiedFill",
                   size: "small",
                   color: "tictoccroc-teacher.brand.green",
                   "aria-label": "인증됨",
@@ -81,7 +81,7 @@ function T({
                 }
               ),
               f === "REJECTED" && /* @__PURE__ */ i(
-                d,
+                h,
                 {
                   name: "AlertFill",
                   size: "small",
@@ -96,7 +96,7 @@ function T({
               )
             ] })
           ] }),
-          /* @__PURE__ */ e(h, { tag: "p", variant: "b5R", color: "grey.50", children: [
+          /* @__PURE__ */ e(d, { tag: "p", variant: "b5R", color: "grey.50", children: [
             y,
             " ~ ",
             o ?? "현재"
@@ -104,7 +104,7 @@ function T({
         ] }),
         /* @__PURE__ */ e(t, { alignItems: "center", gap: 2, children: [
           /* @__PURE__ */ e(
-            h,
+            d,
             {
               tag: "p",
               variant: "h5R",
@@ -124,7 +124,7 @@ function T({
               ]
             }
           ),
-          r && /* @__PURE__ */ i(d, { name: "ChevronRightLine", size: "xSmall", color: "grey.50" })
+          r && /* @__PURE__ */ i(h, { name: "ChevronRightLine", size: "xSmall", color: "grey.50" })
         ] })
       ]
     }