@dotss/tictoccroc 0.0.10 → 0.0.12

package/dist/index.d.ts

@@ -2,3 +2,4 @@ export * from './shared/components';
 export * from './shared/hooks';
 export * from './shared/utils';
 export * from './teacher/profile/components';
+export * from './teacher/home/components';

package/dist/index.mjs

@@ -1,21 +1,21 @@
-import { default as o } from "./shared/components/Scheduler/Scheduler.mjs";
-import { default as a } from "./shared/components/Scheduler/ScheduleEvent/ScheduleEvent.mjs";
+import { default as t } from "./shared/components/Scheduler/Scheduler.mjs";
+import { default as r } from "./shared/components/Scheduler/ScheduleEvent/ScheduleEvent.mjs";
 import { default as l } from "./shared/components/Scheduler/ScheduleBlock/ScheduleBlock.mjs";
-import { getAvailableDateRange as s } from "./shared/components/Scheduler/Scheduler.utils.mjs";
-import { default as u } from "./shared/components/MediaDialog/MediaDialog.mjs";
-import { default as i } from "./shared/components/MediaDialog/MediaBlock/MediaBlock.mjs";
+import { getAvailableDateRange as u } from "./shared/components/Scheduler/Scheduler.utils.mjs";
+import { default as m } from "./shared/components/MediaDialog/MediaDialog.mjs";
+import { default as x } from "./shared/components/MediaDialog/MediaBlock/MediaBlock.mjs";
 import { default as c } from "./shared/components/MediaDialog/MediaDialogContent/MediaDialogContent.mjs";
 import { default as g } from "./shared/components/MediaDialog/MediaDialogFooter/MediaDialogFooter.mjs";
-import { default as y } from "./shared/components/MediaDialog/MediaDialogToolbar/MediaDialogToolbar.mjs";
-import { default as A } from "./shared/components/Swiper/Swiper.mjs";
-import { default as v } from "./shared/components/Swiper/SwiperBlock/SwiperBlock.mjs";
-import { default as h } from "./shared/components/Carousel/Carousel.mjs";
-import { default as I } from "./shared/components/Carousel/CarouselSlide/CarouselSlide.mjs";
-import { default as M } from "./shared/components/TimePicker/TimePicker.mjs";
-import { default as R } from "./shared/components/Roller/Roller.mjs";
-import { default as T } from "./shared/components/Roller/RollerBlock/RollerBlock.mjs";
-import { default as G } from "./shared/components/Image/Image.mjs";
-import { default as F } from "./shared/components/Calendar/Calendar.mjs";
+import { default as C } from "./shared/components/MediaDialog/MediaDialogToolbar/MediaDialogToolbar.mjs";
+import { default as y } from "./shared/components/Swiper/Swiper.mjs";
+import { default as k } from "./shared/components/Swiper/SwiperBlock/SwiperBlock.mjs";
+import { default as v } from "./shared/components/Carousel/Carousel.mjs";
+import { default as h } from "./shared/components/Carousel/CarouselSlide/CarouselSlide.mjs";
+import { default as T } from "./shared/components/TimePicker/TimePicker.mjs";
+import { default as P } from "./shared/components/Roller/Roller.mjs";
+import { default as w } from "./shared/components/Roller/RollerBlock/RollerBlock.mjs";
+import { default as E } from "./shared/components/Image/Image.mjs";
+import { default as L } from "./shared/components/Calendar/Calendar.mjs";
 import { default as N } from "./shared/components/Masonry/Masonry.mjs";
 import { default as j } from "./shared/components/Masonry/MasonryBlock/MasonryBlock.mjs";
 import { default as V } from "./shared/components/LoadingAnnouncer/LoadingAnnouncer.mjs";
@@ -25,24 +25,24 @@ import { default as W } from "./shared/utils/isServer/isServer.mjs";
 import { default as Y } from "./shared/utils/getTimeRange/getTimeRange.mjs";
 import { default as _ } from "./shared/utils/getDateRange/getDateRange.mjs";
 import { default as ee } from "./shared/utils/isAndroid/isAndroid.mjs";
-import { default as oe } from "./shared/utils/isApp/isApp.mjs";
-import { default as ae } from "./shared/utils/isDesktop/isDesktop.mjs";
+import { default as te } from "./shared/utils/isApp/isApp.mjs";
+import { default as re } from "./shared/utils/isDesktop/isDesktop.mjs";
 import { default as le } from "./shared/utils/birthDateToAge/birthDateToAge.mjs";
-import { default as se } from "./shared/utils/objectToQueryString/objectToQueryString.mjs";
-import { default as ue } from "./shared/utils/getVimeoId/getVimeoId.mjs";
-import { default as ie } from "./shared/utils/parseQueryString/parseQueryString.mjs";
+import { default as ue } from "./shared/utils/objectToQueryString/objectToQueryString.mjs";
+import { default as me } from "./shared/utils/getVimeoId/getVimeoId.mjs";
+import { default as xe } from "./shared/utils/parseQueryString/parseQueryString.mjs";
 import { default as ce } from "./shared/utils/share/share.mjs";
 import { default as ge } from "./shared/utils/dayFlagToDay/dayFlagToDay.mjs";
-import { default as ye } from "./teacher/profile/components/ProfileSummary/ProfileSummary.mjs";
-import { default as Ae } from "./teacher/profile/components/StatBadgeCollection/StatBadgeCollection.mjs";
-import { default as ve } from "./teacher/profile/components/StatBadgeCollection/StatBadge/StatBadge.mjs";
-import { default as he } from "./teacher/profile/components/ActivityGallery/ActivityGallery.mjs";
-import { default as Ie } from "./teacher/profile/components/ActivityGallery/ActivityGalleryItem/ActivityGalleryItem.mjs";
-import { default as Me } from "./teacher/profile/components/CertificateSection/CertificateSection.mjs";
-import { default as Re } from "./teacher/profile/components/CertificateSection/CertificateItem/CertificateItem.mjs";
-import { default as Te } from "./teacher/profile/components/CareerSection/CareerSection.mjs";
-import { default as Ge } from "./teacher/profile/components/CareerSection/CareerItem/CareerItem.mjs";
-import { default as Fe } from "./teacher/profile/components/EducationSection/EducationSection.mjs";
+import { default as Ce } from "./teacher/profile/components/ProfileSummary/ProfileSummary.mjs";
+import { default as ye } from "./teacher/profile/components/StatBadgeCollection/StatBadgeCollection.mjs";
+import { default as ke } from "./teacher/profile/components/StatBadgeCollection/StatBadge/StatBadge.mjs";
+import { default as ve } from "./teacher/profile/components/ActivityGallery/ActivityGallery.mjs";
+import { default as he } from "./teacher/profile/components/ActivityGallery/ActivityGalleryItem/ActivityGalleryItem.mjs";
+import { default as Te } from "./teacher/profile/components/CertificateSection/CertificateSection.mjs";
+import { default as Pe } from "./teacher/profile/components/CertificateSection/CertificateItem/CertificateItem.mjs";
+import { default as we } from "./teacher/profile/components/CareerSection/CareerSection.mjs";
+import { default as Ee } from "./teacher/profile/components/CareerSection/CareerItem/CareerItem.mjs";
+import { default as Le } from "./teacher/profile/components/EducationSection/EducationSection.mjs";
 import { default as Ne } from "./teacher/profile/components/EducationSection/EducationItem/EducationItem.mjs";
 import { default as je } from "./teacher/profile/components/PreferredActivityKeywordGroup/PreferredActivityKeywordGroup.mjs";
 import { default as Ve } from "./teacher/profile/components/PreferredAgeGroup/PreferredAgeGroup.mjs";
@@ -51,68 +51,84 @@ import { default as Je } from "./teacher/profile/components/AbilityCollection/Ab
 import { default as We } from "./teacher/profile/components/AbilityCollection/AbilityBadge/AbilityBadge.mjs";
 import { getAbilityCollection as Ye } from "./teacher/profile/components/AbilityCollection/AbilityCollection.utils.mjs";
 import { default as _e } from "./teacher/profile/components/AvailableScheduleSection/AvailableScheduleSection.mjs";
-import { default as et } from "./teacher/profile/components/ClassNotesSection/ClassNotesSection.mjs";
-import { default as ot } from "./teacher/profile/components/ClassNotesSection/ClassNote/ClassNote.mjs";
-import { default as at } from "./teacher/profile/components/ParentReviewSection/ParentReviewSection.mjs";
-import { getChildLabel as lt } from "./teacher/profile/components/ParentReviewSection/ParentReviewSection.utils.mjs";
-import { default as st } from "./teacher/profile/components/ParentReviewSection/ParentReviewCard/ParentReviewCard.mjs";
+import { default as eo } from "./teacher/profile/components/ClassNotesSection/ClassNotesSection.mjs";
+import { default as to } from "./teacher/profile/components/ClassNotesSection/ClassNote/ClassNote.mjs";
+import { default as ro } from "./teacher/profile/components/ParentReviewSection/ParentReviewSection.mjs";
+import { getChildLabel as lo } from "./teacher/profile/components/ParentReviewSection/ParentReviewSection.utils.mjs";
+import { default as so } from "./teacher/profile/components/ParentReviewSection/ParentReviewCard/ParentReviewCard.mjs";
+import { default as po } from "./teacher/home/components/TextAccount/TextAccount.mjs";
+import { default as io } from "./teacher/home/components/TextAccount/TextAccount.fallback.mjs";
+import { default as no } from "./teacher/home/components/Carousel1Account/Carousel1Account.mjs";
+import { default as Ao } from "./teacher/home/components/Carousel1Account/Carousel1Account.fallback.mjs";
+import { default as So } from "./teacher/home/components/Carousel2Account/Carousel2Account.mjs";
+import { default as bo } from "./teacher/home/components/Carousel2Account/Carousel2Account.fallback.mjs";
+import { default as Bo } from "./teacher/home/components/BannerAccount/BannerAccount.mjs";
+import { default as Do } from "./teacher/home/components/BannerAccount/BannerAccount.fallback.mjs";
 export {
   We as AbilityBadge,
   Je as AbilityCollection,
-  he as ActivityGallery,
-  Ie as ActivityGalleryItem,
+  ve as ActivityGallery,
+  he as ActivityGalleryItem,
   _e as AvailableScheduleSection,
-  F as Calendar,
-  Ge as CareerItem,
-  Te as CareerSection,
-  h as Carousel,
-  I as CarouselSlide,
-  Re as CertificateItem,
-  Me as CertificateSection,
-  ot as ClassNote,
-  et as ClassNotesSection,
+  Bo as BannerAccount,
+  Do as BannerAccountFallback,
+  L as Calendar,
+  Ee as CareerItem,
+  we as CareerSection,
+  v as Carousel,
+  no as Carousel1Account,
+  Ao as Carousel1AccountFallback,
+  So as Carousel2Account,
+  bo as Carousel2AccountFallback,
+  h as CarouselSlide,
+  Pe as CertificateItem,
+  Te as CertificateSection,
+  to as ClassNote,
+  eo as ClassNotesSection,
   Ne as EducationItem,
-  Fe as EducationSection,
-  G as Image,
+  Le as EducationSection,
+  E as Image,
   V as LoadingAnnouncer,
   N as Masonry,
   j as MasonryBlock,
-  i as MediaBlock,
-  u as MediaDialog,
+  x as MediaBlock,
+  m as MediaDialog,
   c as MediaDialogContent,
   g as MediaDialogFooter,
-  y as MediaDialogToolbar,
-  st as ParentReviewCard,
-  at as ParentReviewSection,
+  C as MediaDialogToolbar,
+  so as ParentReviewCard,
+  ro as ParentReviewSection,
   je as PreferredActivityKeywordGroup,
   Ve as PreferredAgeGroup,
-  ye as ProfileSummary,
-  R as Roller,
-  T as RollerBlock,
+  Ce as ProfileSummary,
+  P as Roller,
+  w as RollerBlock,
   l as ScheduleBlock,
-  a as ScheduleEvent,
-  o as Scheduler,
-  ve as StatBadge,
-  Ae as StatBadgeCollection,
-  A as Swiper,
-  v as SwiperBlock,
-  M as TimePicker,
+  r as ScheduleEvent,
+  t as Scheduler,
+  ke as StatBadge,
+  ye as StatBadgeCollection,
+  y as Swiper,
+  k as SwiperBlock,
+  po as TextAccount,
+  io as TextAccountFallback,
+  T as TimePicker,
   le as birthDateToAge,
   ge as dayFlagToDay,
   Ye as getAbilityCollection,
-  s as getAvailableDateRange,
-  lt as getChildLabel,
+  u as getAvailableDateRange,
+  lo as getChildLabel,
   _ as getDateRange,
   J as getImageUrl,
   ze as getPreferredAgeKeywords,
   Y as getTimeRange,
-  ue as getVimeoId,
+  me as getVimeoId,
   ee as isAndroid,
-  oe as isApp,
-  ae as isDesktop,
+  te as isApp,
+  re as isDesktop,
   W as isServer,
-  se as objectToQueryString,
-  ie as parseQueryString,
+  ue as objectToQueryString,
+  xe as parseQueryString,
   ce as share,
   z as useIsomorphicLayoutEffect
 };

package/dist/shared/components/Carousel/Carousel.mjs

@@ -118,7 +118,7 @@ function Ee({
     k.current && cancelAnimationFrame(k.current);
   }, []), C(() => {
     const e = u.current, t = (n) => {
-      L.current || n.stopPropagation();
+      L.current || (n.stopPropagation(), n.preventDefault());
     };
     return e == null || e.addEventListener("click", t), () => {
       e == null || e.removeEventListener("click", t);

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

@@ -4,9 +4,9 @@ import { Flexbox as K } from "@dotss/ui";
 import I from "../MediaDialog/MediaBlock/MediaBlock.mjs";
 import { createSwipeEvent as b } from "./Swiper.utils.mjs";
 import U from "./SwiperBlock/SwiperBlock.mjs";
-function hr({
+function vr({
   children: j,
-  initialPage: p = 0,
+  initialPage: E = 0,
   onSwipe: u,
   onSwiping: T,
   loop: y = !1,
@@ -15,7 +15,7 @@ function hr({
   inlineCSS: S,
   ...w
 }) {
-  const [P, R] = _(p), [s, rr] = _(0), t = f(null), X = f(0), W = f(0), q = f(0), Y = f(0), o = f(!1), d = f(!0), N = f(""), n = f(p), H = f(!1), l = f(null), E = x.count(j), m = x.toArray(j).filter(G).filter((r) => r.type === U || r.type === I), D = E > 1 && !O, tr = x.toArray(m == null ? void 0 : m[0]).filter(G).filter((r) => r.type === U || r.type === I), er = x.toArray(m == null ? void 0 : m[(m == null ? void 0 : m.length) - 1]).filter(G).filter((r) => r.type === U || r.type === I), J = (r, e, i) => {
+  const [P, R] = _(E), [s, rr] = _(0), t = f(null), X = f(0), W = f(0), q = f(0), Y = f(0), o = f(!1), d = f(!0), N = f(""), n = f(E), H = f(!1), l = f(null), p = x.count(j), m = x.toArray(j).filter(G).filter((r) => r.type === U || r.type === I), D = p > 1 && !O, tr = x.toArray(m == null ? void 0 : m[0]).filter(G).filter((r) => r.type === U || r.type === I), er = x.toArray(m == null ? void 0 : m[(m == null ? void 0 : m.length) - 1]).filter(G).filter((r) => r.type === U || r.type === I), J = (r, e, i) => {
     !t.current || !D || (N.current = t.current.style.transform, W.current = r, X.current = r + t.current.offsetWidth * (i + 1), q.current = e);
   }, C = (r, e, i) => {
     if (!t.current || !D || !o.current || !d.current)
@@ -38,10 +38,10 @@ function hr({
       n.current = s - 1, u == null || u(
         b({ realPage: n.current, totalPages: s, lastPage: 0, isLoop: !0 })
       ), t.current.style.transform = "translate3d(0, 0, 0)", l.current = (M) => {
-        var h, v, L;
+        var v, h, L;
         if (M.propertyName === "transform") {
           if (!t.current) return;
-          t.current.style.transition = "none", t.current.style.transform = `translate3d(calc(-100% * ${s}), 0, 0)`, R(s - 1), o.current = !1, d.current = !0, (L = (v = (h = t.current) == null ? void 0 : h.children) == null ? void 0 : v[s]) == null || L.focus();
+          t.current.style.transition = "none", t.current.style.transform = `translate3d(calc(-100% * ${s}), 0, 0)`, R(s - 1), o.current = !1, d.current = !0, (L = (h = (v = t.current) == null ? void 0 : v.children) == null ? void 0 : h[s]) == null || L.focus();
         }
       }, t.current.addEventListener("transitionend", l.current);
       return;
@@ -54,10 +54,10 @@ function hr({
           isLoop: !0
         })
       ), t.current.style.transform = `translate3d(calc(-100% * ${a + 2}), 0, 0)`, l.current = (M) => {
-        var h, v, L;
+        var v, h, L;
         if (M.propertyName === "transform") {
           if (!t.current) return;
-          t.current.style.transition = "none", t.current.style.transform = "translate3d(-100%, 0, 0)", R(0), o.current = !1, d.current = !0, (L = (v = (h = t.current) == null ? void 0 : h.children) == null ? void 0 : v[1]) == null || L.focus();
+          t.current.style.transition = "none", t.current.style.transform = "translate3d(-100%, 0, 0)", R(0), o.current = !1, d.current = !0, (L = (h = (v = t.current) == null ? void 0 : v.children) == null ? void 0 : h[1]) == null || L.focus();
         }
       }, t.current.addEventListener("transitionend", l.current);
       return;
@@ -84,13 +84,13 @@ function hr({
         isLoop: !1
       })
     ), t.current.style.transform = N.current), l.current = (M) => {
-      var h;
+      var v;
       if (M.propertyName === "transform") {
         o.current = !1, d.current = !0;
-        const v = Array.from(((h = t.current) == null ? void 0 : h.children) ?? []).find(
+        const h = Array.from(((v = t.current) == null ? void 0 : v.children) ?? []).find(
           (L) => L.getAttribute("aria-current") === "page"
         );
-        v && v.focus();
+        h && h.focus();
       }
     }, t.current.addEventListener("transitionend", l.current);
   }, nr = (r) => {
@@ -163,7 +163,7 @@ function hr({
     };
   }, [D, T, y, s]), k(() => {
     const r = t.current, e = (i) => {
-      d.current || i.stopPropagation();
+      d.current || (i.stopPropagation(), i.preventDefault());
     };
     return r == null || r.addEventListener("click", e), () => {
       r == null || r.removeEventListener("click", e);
@@ -174,10 +174,10 @@ function hr({
       l.current && r && (r.removeEventListener("transitionend", l.current), l.current = null);
     };
   }, []), k(() => {
-    rr(E);
-  }, [E]), k(() => {
-    t.current && !H.current && (H.current = !0, t.current.style.transition = "none", t.current.style.transform = `translate3d(calc(-100% * ${E < p + 1 ? E : p + 1}), 0, 0)`);
-  }, [p, E]), /* @__PURE__ */ Z(
+    rr(p);
+  }, [p]), k(() => {
+    t.current && !H.current && (H.current = !0, t.current.style.transition = "none", t.current.style.transform = `translate3d(calc(-100% * ${p < E + 1 ? p : E + 1}), 0, 0)`);
+  }, [E, p]), /* @__PURE__ */ Z(
     K,
     {
       flexGrow: 1,
@@ -241,5 +241,5 @@ function hr({
   );
 }
 export {
-  hr as default
+  vr as default
 };

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

@@ -0,0 +1,12 @@
+import { SyntheticEvent } from 'react';
+import { FlexboxProps } from 'node_modules/@dotss/ui/Flexbox/Flexbox';
+import { BannerProps } from '..';
+export interface BannerAccountProps extends Omit<FlexboxProps, 'title'> {
+    id: string;
+    banners: Array<BannerProps & {
+        image?: string;
+    }>;
+    onClickBanner?: (url: string, e: SyntheticEvent) => void;
+}
+declare function BannerAccount({ id, banners, onClickBanner }: BannerAccountProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export default BannerAccount;

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

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

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

@@ -0,0 +1,12 @@
+import { jsxs as r, Fragment as e, jsx as n } from "react/jsx-runtime";
+import { Flexbox as i, Skeleton as o } from "@dotss/ui";
+import t from "../../../../shared/components/LoadingAnnouncer/LoadingAnnouncer.mjs";
+function c() {
+  return /* @__PURE__ */ r(e, { children: [
+    /* @__PURE__ */ n(t, {}),
+    /* @__PURE__ */ n(i, { inlineCSS: { width: "100%" }, children: /* @__PURE__ */ n(o, { height: 100, borderRadius: 12, inlineCSS: { width: "100%" } }) })
+  ] });
+}
+export {
+  c as default
+};

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

@@ -0,0 +1,86 @@
+import { jsxs as c, jsx as e } from "react/jsx-runtime";
+import t from "@dotss/ui/Flexbox";
+import s from "@dotss/ui/Typography";
+import { useTheme as f } from "@emotion/react";
+import u from "../../../../shared/components/Image/Image.mjs";
+import b from "../../../../shared/components/Swiper/Swiper.mjs";
+import g from "../../../../shared/components/Swiper/SwiperBlock/SwiperBlock.mjs";
+function j({ id: o, banners: a, onClickBanner: n }) {
+  const { palette: l } = f(), d = (i) => (r) => {
+    n && typeof n == "function" && (r.stopPropagation(), r.preventDefault(), n(i, r));
+  }, p = ({ page: i, totalPages: r }) => r <= 1 ? null : /* @__PURE__ */ e(
+    t,
+    {
+      alignItems: "center",
+      justifyContent: "center",
+      pt: 1,
+      pb: 1,
+      pl: 2,
+      pr: 2,
+      inlineCSS: {
+        position: "absolute",
+        right: 8,
+        bottom: 8,
+        minWidth: 36,
+        minHeight: 20,
+        borderRadius: 24,
+        backgroundColor: l.etc.dimmed02
+      },
+      children: /* @__PURE__ */ c(
+        s,
+        {
+          tag: "p",
+          variant: "c5R",
+          color: "grey.white",
+          inlineCSS: {
+            "& > span": {
+              fontWeight: 700
+            }
+          },
+          "aria-label": `${r} 중 ${i + 1}`,
+          children: [
+            /* @__PURE__ */ e("span", { children: i + 1 }),
+            "/",
+            r
+          ]
+        }
+      )
+    }
+  );
+  return /* @__PURE__ */ c(t, { inlineCSS: { width: "100%" }, children: [
+    /* @__PURE__ */ e(t, { id: `tictoccroc-banner-${o}`, visuallyHidden: !0, children: "배너" }),
+    /* @__PURE__ */ e(
+      b,
+      {
+        renderPagination: p,
+        loop: !0,
+        inlineCSS: { borderRadius: 12, overflow: "hidden" },
+        "aria-describedby": `tictoccroc-banner-${o}`,
+        children: a.map(({ id: i, url: r, image: h }, m) => /* @__PURE__ */ e(g, { children: /* @__PURE__ */ e(
+          t,
+          {
+            tag: "a",
+            href: r,
+            draggable: !1,
+            onClick: d(r),
+            inlineCSS: { width: "100%" },
+            children: /* @__PURE__ */ e(
+              u,
+              {
+                src: h || "",
+                alt: `배너 ${m + 1}`,
+                height: 100,
+                draggable: !1,
+                wrapperProps: { inlineCSS: { width: "100%" } },
+                style: { width: "100%", objectFit: "cover" }
+              }
+            )
+          }
+        ) }, `tictoccroc-banner-account-${i}`))
+      }
+    )
+  ] });
+}
+export {
+  j as default
+};

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

@@ -0,0 +1,4 @@
+import { default as BannerAccount, BannerAccountProps } from './BannerAccount';
+import { default as BannerAccountFallback } from './BannerAccount.fallback';
+export { BannerAccount, BannerAccountFallback, type BannerAccountProps };
+export default BannerAccount;

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

@@ -0,0 +1,7 @@
+import o from "./BannerAccount.mjs";
+import { default as e } from "./BannerAccount.fallback.mjs";
+export {
+  o as BannerAccount,
+  e as BannerAccountFallback,
+  o as default
+};

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

@@ -0,0 +1,13 @@
+import { ReactNode, SyntheticEvent } from 'react';
+import { FlexboxProps } from 'node_modules/@dotss/ui/Flexbox/Flexbox';
+import { BannerProps } from '..';
+export interface Carousel1AccountProps extends Omit<FlexboxProps, 'title'> {
+    id: string;
+    title: ReactNode;
+    banners: Array<BannerProps & {
+        image?: string;
+    }>;
+    onClickBanner?: (url: string, e: SyntheticEvent) => void;
+}
+declare function Carousel1Account({ id, title, banners, onClickBanner, ...props }: Carousel1AccountProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export default Carousel1Account;

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

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

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

@@ -0,0 +1,67 @@
+import { jsxs as n, Fragment as l, jsx as i } from "react/jsx-runtime";
+import d from "@dotss/ui/core/useTheme";
+import r from "@dotss/ui/Flexbox";
+import e from "@dotss/ui/Skeleton";
+import h from "../../../../shared/components/LoadingAnnouncer/LoadingAnnouncer.mjs";
+function s() {
+  const { spacing: t } = d();
+  return /* @__PURE__ */ n(l, { children: [
+    /* @__PURE__ */ i(h, {}),
+    /* @__PURE__ */ n(
+      r,
+      {
+        tag: "section",
+        flexDirection: "column",
+        inlineCSS: { width: "100%", overflow: "hidden" },
+        children: [
+          /* @__PURE__ */ i(
+            e,
+            {
+              height: 30,
+              inlineCSS: {
+                width: "50%",
+                marginBottom: t.content(2),
+                marginLeft: t.content(4)
+              }
+            }
+          ),
+          /* @__PURE__ */ n(r, { flexDirection: "row", gap: 5, ml: 4, children: [
+            /* @__PURE__ */ n(r, { flexDirection: "column", gap: 5, children: [
+              /* @__PURE__ */ n(r, { gap: 4, alignItems: "center", inlineCSS: { width: 264 }, children: [
+                /* @__PURE__ */ i(e, { width: 140, height: 98, borderRadius: 12 }),
+                /* @__PURE__ */ i(e, { height: 48, borderRadius: 12, inlineCSS: { flex: 1 } })
+              ] }),
+              /* @__PURE__ */ n(r, { gap: 4, alignItems: "center", inlineCSS: { width: 264 }, children: [
+                /* @__PURE__ */ i(e, { width: 140, height: 98, borderRadius: 12 }),
+                /* @__PURE__ */ i(e, { height: 48, borderRadius: 12, inlineCSS: { flex: 1 } })
+              ] })
+            ] }),
+            /* @__PURE__ */ n(r, { flexDirection: "column", gap: 5, children: [
+              /* @__PURE__ */ n(r, { gap: 4, alignItems: "center", inlineCSS: { width: 264 }, children: [
+                /* @__PURE__ */ i(e, { width: 140, height: 98, borderRadius: 12 }),
+                /* @__PURE__ */ i(e, { height: 48, borderRadius: 12, inlineCSS: { flex: 1 } })
+              ] }),
+              /* @__PURE__ */ n(r, { gap: 4, alignItems: "center", inlineCSS: { width: 264 }, children: [
+                /* @__PURE__ */ i(e, { width: 140, height: 98, borderRadius: 12 }),
+                /* @__PURE__ */ i(e, { height: 48, borderRadius: 12, inlineCSS: { flex: 1 } })
+              ] })
+            ] }),
+            /* @__PURE__ */ n(r, { flexDirection: "column", gap: 5, children: [
+              /* @__PURE__ */ n(r, { gap: 4, alignItems: "center", inlineCSS: { width: 264 }, children: [
+                /* @__PURE__ */ i(e, { width: 140, height: 98, borderRadius: 12 }),
+                /* @__PURE__ */ i(e, { height: 48, borderRadius: 12, inlineCSS: { flex: 1 } })
+              ] }),
+              /* @__PURE__ */ n(r, { gap: 4, alignItems: "center", inlineCSS: { width: 264 }, children: [
+                /* @__PURE__ */ i(e, { width: 140, height: 98, borderRadius: 12 }),
+                /* @__PURE__ */ i(e, { height: 48, borderRadius: 12, inlineCSS: { flex: 1 } })
+              ] })
+            ] })
+          ] })
+        ]
+      }
+    )
+  ] });
+}
+export {
+  s as default
+};

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

@@ -0,0 +1,59 @@
+import { jsx as r, Fragment as h, jsxs as n } from "react/jsx-runtime";
+import f from "@dotss/ui/core/useTheme";
+import a 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";
+function D({ id: l, title: p, banners: d, onClickBanner: e, ...m }) {
+  const { spacing: i } = f(), s = (o) => (t) => {
+    e && typeof e == "function" && (t.stopPropagation(), t.preventDefault(), e(o, t));
+  };
+  return /* @__PURE__ */ r(h, { children: /* @__PURE__ */ n(a, { tag: "section", flexDirection: "column", ...m, children: [
+    /* @__PURE__ */ r(
+      c,
+      {
+        id: `banner-account-carousel1-${l}`,
+        variant: "h2B",
+        inlineCSS: {
+          paddingLeft: i.content(4),
+          paddingRight: i.content(4),
+          marginBottom: i.content(2)
+        },
+        children: p
+      }
+    ),
+    /* @__PURE__ */ r(C, { rowCount: 2, step: 1, spacing: 5, children: d.map(({ id: o, title: t, url: u, image: g }) => /* @__PURE__ */ r(S, { children: /* @__PURE__ */ n(
+      a,
+      {
+        alignItems: "center",
+        gap: 4,
+        onClick: s(u),
+        inlineCSS: { width: 264 },
+        children: [
+          /* @__PURE__ */ r(
+            x,
+            {
+              src: g || "",
+              width: 140,
+              height: 98,
+              alt: `${t} 이미지`,
+              "aria-hidden": !0,
+              draggable: !1,
+              wrapperProps: {
+                inlineCSS: {
+                  borderRadius: 12
+                }
+              },
+              style: { objectFit: "cover" }
+            }
+          ),
+          /* @__PURE__ */ r(c, { tag: "p", variant: "b2M", lineClamp: 2, children: t })
+        ]
+      }
+    ) }, `tictoccroc-carousel1-account-${o}`)) })
+  ] }) });
+}
+export {
+  D as default
+};

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

@@ -0,0 +1,4 @@
+import { default as Carousel1Account, Carousel1AccountProps } from './Carousel1Account';
+import { default as Carousel1AccountFallback } from './Carousel1Account.fallback';
+export { Carousel1Account, Carousel1AccountFallback, type Carousel1AccountProps };
+export default Carousel1Account;

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

@@ -0,0 +1,7 @@
+import a from "./Carousel1Account.mjs";
+import { default as e } from "./Carousel1Account.fallback.mjs";
+export {
+  a as Carousel1Account,
+  e as Carousel1AccountFallback,
+  a as default
+};

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

@@ -0,0 +1,15 @@
+import { ReactNode, SyntheticEvent } from 'react';
+import { FlexboxProps } from 'node_modules/@dotss/ui/Flexbox/Flexbox';
+import { BannerProps } from '..';
+export interface Carousel2AccountProps extends Omit<FlexboxProps, 'title'> {
+    id: string;
+    title: ReactNode;
+    banners: Array<BannerProps & {
+        image?: string;
+        subtitle?: ReactNode;
+    }>;
+    onClickBanner?: (url: string, e: SyntheticEvent) => void;
+    bannerWidth?: number;
+}
+declare function Carousel2Account({ id, title, banners, onClickBanner, ...props }: Carousel2AccountProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export default Carousel2Account;

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

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