@dotss/tictoccroc 0.0.11 → 0.0.13

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/shared/components/index.mjs

@@ -2,7 +2,7 @@ import { default as a } from "./Scheduler/Scheduler.mjs";
 import { default as t } from "./Scheduler/ScheduleEvent/ScheduleEvent.mjs";
 import { default as f } from "./Scheduler/ScheduleBlock/ScheduleBlock.mjs";
 import { getAvailableDateRange as u } from "./Scheduler/Scheduler.utils.mjs";
-import { default as m } from "./MediaDialog/MediaDialog.mjs";
+import { default as s } from "./MediaDialog/MediaDialog.mjs";
 import { default as x } from "./MediaDialog/MediaBlock/MediaBlock.mjs";
 import { default as n } from "./MediaDialog/MediaDialogContent/MediaDialogContent.mjs";
 import { default as g } from "./MediaDialog/MediaDialogFooter/MediaDialogFooter.mjs";
@@ -12,28 +12,30 @@ import { default as C } from "./Swiper/SwiperBlock/SwiperBlock.mjs";
 import { default as R } from "./Carousel/Carousel.mjs";
 import { default as v } from "./Carousel/CarouselSlide/CarouselSlide.mjs";
 import { default as y } from "./TimePicker/TimePicker.mjs";
-import { default as T } from "./Roller/Roller.mjs";
-import { default as F } from "./Roller/RollerBlock/RollerBlock.mjs";
+import { default as E } from "./Roller/Roller.mjs";
+import { default as T } from "./Roller/RollerBlock/RollerBlock.mjs";
 import { default as L } from "./Image/Image.mjs";
-import { default as j } from "./Calendar/Calendar.mjs";
-import { default as z } from "./Masonry/Masonry.mjs";
-import { default as H } from "./Masonry/MasonryBlock/MasonryBlock.mjs";
-import { default as K } from "./LoadingAnnouncer/LoadingAnnouncer.mjs";
+import { default as j } from "./Image/Image.error.mjs";
+import { default as z } from "./Calendar/Calendar.mjs";
+import { default as H } from "./Masonry/Masonry.mjs";
+import { default as K } from "./Masonry/MasonryBlock/MasonryBlock.mjs";
+import { default as O } from "./LoadingAnnouncer/LoadingAnnouncer.mjs";
 export {
-  j as Calendar,
+  z as Calendar,
   R as Carousel,
   v as CarouselSlide,
   L as Image,
-  K as LoadingAnnouncer,
-  z as Masonry,
-  H as MasonryBlock,
+  j as ImageError,
+  O as LoadingAnnouncer,
+  H as Masonry,
+  K as MasonryBlock,
   x as MediaBlock,
-  m as MediaDialog,
+  s as MediaDialog,
   n as MediaDialogContent,
   g as MediaDialogFooter,
   k as MediaDialogToolbar,
-  T as Roller,
-  F as RollerBlock,
+  E as Roller,
+  T as RollerBlock,
   f as ScheduleBlock,
   t as ScheduleEvent,
   a as Scheduler,

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, ...props }: 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,92 @@
+import { jsxs as a, jsx as e } from "react/jsx-runtime";
+import t from "@dotss/ui/Flexbox";
+import u from "@dotss/ui/Typography";
+import { useTheme as b } from "@emotion/react";
+import f from "../../../../shared/components/Image/Image.mjs";
+import "@dotss/ui";
+import "@dotss/ui/core/useTheme";
+import g from "../../../../shared/components/Swiper/Swiper.mjs";
+import S from "../../../../shared/components/Swiper/SwiperBlock/SwiperBlock.mjs";
+function R({ id: o, banners: c, onClickBanner: n, ...l }) {
+  const { palette: d } = b(), p = (i) => (r) => {
+    n && typeof n == "function" && (r.stopPropagation(), r.preventDefault(), n(i, r));
+  }, h = ({ 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: d.etc.dimmed02
+      },
+      children: /* @__PURE__ */ a(
+        u,
+        {
+          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__ */ a(t, { inlineCSS: { width: "100%" }, ...l, children: [
+    /* @__PURE__ */ e(t, { id: `tictoccroc-banner-${o}`, visuallyHidden: !0, children: "배너" }),
+    /* @__PURE__ */ e(
+      g,
+      {
+        renderPagination: h,
+        loop: !0,
+        inlineCSS: { borderRadius: 12, overflow: "hidden" },
+        "aria-describedby": `tictoccroc-banner-${o}`,
+        children: c.map(({ id: i, url: r, image: m }, s) => /* @__PURE__ */ e(S, { children: /* @__PURE__ */ e(
+          t,
+          {
+            tag: "a",
+            href: r,
+            draggable: !1,
+            onClick: p(r),
+            inlineCSS: { width: "100%" },
+            children: /* @__PURE__ */ e(
+              f,
+              {
+                src: m || "",
+                alt: `배너 ${s + 1}`,
+                width: 328,
+                height: 100,
+                draggable: !1,
+                enableFallback: !0,
+                enableErrorFallback: !0,
+                withIntrinsicRatio: !0,
+                wrapperProps: { inlineCSS: { width: "100%" } },
+                style: { width: "100%", objectFit: "cover" }
+              }
+            )
+          }
+        ) }, `tictoccroc-banner-account-${i}`))
+      }
+    )
+  ] });
+}
+export {
+  R 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(3),
+                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,61 @@
+import { jsx as e, Fragment as h, jsxs as n } from "react/jsx-runtime";
+import f from "@dotss/ui/core/useTheme";
+import c from "@dotss/ui/Flexbox";
+import l from "@dotss/ui/Typography";
+import b from "../../../../shared/components/Carousel/Carousel.mjs";
+import C from "../../../../shared/components/Carousel/CarouselSlide/CarouselSlide.mjs";
+import S from "../../../../shared/components/Image/Image.mjs";
+import "@dotss/ui";
+function D({ id: d, title: m, banners: p, onClickBanner: r, ...s }) {
+  const { spacing: i } = f(), u = (o) => (t) => {
+    r && typeof r == "function" && (t.stopPropagation(), t.preventDefault(), r(o, t));
+  };
+  return /* @__PURE__ */ e(h, { children: /* @__PURE__ */ n(c, { flexDirection: "column", inlineCSS: { width: "100%" }, ...s, children: [
+    /* @__PURE__ */ e(
+      l,
+      {
+        id: `banner-account-carousel1-${d}`,
+        variant: "h2B",
+        inlineCSS: {
+          paddingLeft: i.content(4),
+          paddingRight: i.content(4),
+          marginBottom: i.content(3)
+        },
+        children: m
+      }
+    ),
+    /* @__PURE__ */ e(b, { rowCount: 2, step: 1, spacing: 5, children: p.map(({ id: o, title: t, url: a, image: g }) => /* @__PURE__ */ e(C, { children: /* @__PURE__ */ n(
+      c,
+      {
+        tag: "a",
+        href: a,
+        alignItems: "center",
+        gap: 4,
+        draggable: !1,
+        onClick: u(a),
+        inlineCSS: { width: 264 },
+        children: [
+          /* @__PURE__ */ e(
+            S,
+            {
+              src: g || "",
+              width: 140,
+              height: 98,
+              alt: `${t} 이미지`,
+              "aria-hidden": !0,
+              draggable: !1,
+              borderRadius: 12,
+              enableFallback: !0,
+              enableErrorFallback: !0,
+              style: { objectFit: "cover" }
+            }
+          ),
+          /* @__PURE__ */ e(l, { 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;

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

@@ -0,0 +1,94 @@
+import { jsxs as t, Fragment as r, jsx as i } from "react/jsx-runtime";
+import d from "@dotss/ui/core/useTheme";
+import o 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: [
+    /* @__PURE__ */ i(h, {}),
+    /* @__PURE__ */ t(
+      o,
+      {
+        tag: "section",
+        flexDirection: "column",
+        inlineCSS: { width: "100%", overflow: "hidden" },
+        children: [
+          /* @__PURE__ */ i(
+            n,
+            {
+              height: 30,
+              inlineCSS: {
+                width: "50%",
+                marginBottom: e.content(4),
+                marginLeft: e.content(4)
+              }
+            }
+          ),
+          /* @__PURE__ */ t(o, { flexDirection: "row", gap: 3, ml: 4, children: [
+            /* @__PURE__ */ t(o, { flexDirection: "column", children: [
+              /* @__PURE__ */ i(n, { width: 240, height: 168, borderRadius: 12 }),
+              /* @__PURE__ */ i(
+                n,
+                {
+                  height: 24,
+                  borderRadius: 12,
+                  inlineCSS: { width: "100%", marginTop: e.content(3) }
+                }
+              ),
+              /* @__PURE__ */ i(
+                n,
+                {
+                  height: 20,
+                  borderRadius: 12,
+                  inlineCSS: { width: "80%", marginTop: e.content(1) }
+                }
+              )
+            ] }),
+            /* @__PURE__ */ t(o, { flexDirection: "column", children: [
+              /* @__PURE__ */ i(n, { width: 240, height: 168, borderRadius: 12 }),
+              /* @__PURE__ */ i(
+                n,
+                {
+                  height: 24,
+                  borderRadius: 12,
+                  inlineCSS: { width: "100%", marginTop: e.content(3) }
+                }
+              ),
+              /* @__PURE__ */ i(
+                n,
+                {
+                  height: 20,
+                  borderRadius: 12,
+                  inlineCSS: { width: "80%", marginTop: e.content(1) }
+                }
+              )
+            ] }),
+            /* @__PURE__ */ t(o, { flexDirection: "column", children: [
+              /* @__PURE__ */ i(n, { width: 240, height: 168, borderRadius: 12 }),
+              /* @__PURE__ */ i(
+                n,
+                {
+                  height: 24,
+                  borderRadius: 12,
+                  inlineCSS: { width: "100%", marginTop: e.content(3) }
+                }
+              ),
+              /* @__PURE__ */ i(
+                n,
+                {
+                  height: 20,
+                  borderRadius: 12,
+                  inlineCSS: { width: "80%", marginTop: e.content(1) }
+                }
+              )
+            ] })
+          ] })
+        ]
+      }
+    )
+  ] });
+}
+export {
+  u as default
+};

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

@@ -0,0 +1,64 @@
+import { jsxs as n, jsx as e } from "react/jsx-runtime";
+import f from "@dotss/ui/core/useTheme";
+import a from "@dotss/ui/Flexbox";
+import l from "@dotss/ui/Typography";
+import b from "../../../../shared/components/Carousel/Carousel.mjs";
+import C from "../../../../shared/components/Carousel/CarouselSlide/CarouselSlide.mjs";
+import x from "../../../../shared/components/Image/Image.mjs";
+import "@dotss/ui";
+function $({ id: p, title: d, banners: m, onClickBanner: r, ...s }) {
+  const { spacing: i } = f(), u = (o) => (t) => {
+    r && typeof r == "function" && (t.stopPropagation(), t.preventDefault(), r(o, t));
+  };
+  return /* @__PURE__ */ n(a, { tag: "section", flexDirection: "column", inlineCSS: { width: "100%" }, ...s, children: [
+    /* @__PURE__ */ e(
+      l,
+      {
+        id: `banner-account-carousel2-${p}`,
+        variant: "h2B",
+        inlineCSS: {
+          paddingLeft: i.content(4),
+          paddingRight: i.content(4),
+          marginBottom: i.content(4)
+        },
+        children: d
+      }
+    ),
+    /* @__PURE__ */ e(b, { rowCount: 1, step: 1, spacing: 3, children: m.map(({ id: o, title: t, subtitle: g, url: c, image: h }) => /* @__PURE__ */ e(C, { children: /* @__PURE__ */ n(
+      a,
+      {
+        tag: "a",
+        href: c,
+        flexDirection: "column",
+        gap: 3,
+        draggable: !1,
+        onClick: u(c),
+        inlineCSS: { width: 240 },
+        children: [
+          /* @__PURE__ */ e(
+            x,
+            {
+              src: h || "",
+              width: 240,
+              height: 168,
+              alt: `${t} 이미지`,
+              "aria-hidden": !0,
+              draggable: !1,
+              borderRadius: 12,
+              enableFallback: !0,
+              enableErrorFallback: !0,
+              style: { objectFit: "cover" }
+            }
+          ),
+          /* @__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: g })
+          ] })
+        ]
+      }
+    ) }, `tictoccroc-carousel2-account-${o}`)) })
+  ] });
+}
+export {
+  $ as default
+};

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

@@ -0,0 +1,4 @@
+import { default as Carousel2Account, Carousel2AccountProps } from './Carousel2Account';
+import { default as Carousel2AccountFallback } from './Carousel2Account.fallback';
+export { Carousel2Account, Carousel2AccountFallback, type Carousel2AccountProps };
+export default Carousel2Account;

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

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

package/dist/teacher/home/components/TextAccount/TextAccount.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 TextAccountProps extends Omit<FlexboxProps, 'title'> {
+    id: string;
+    title: ReactNode;
+    banners: Array<BannerProps & {
+        image?: string;
+    }>;
+    onClickBanner?: (url: string, e: SyntheticEvent) => void;
+}
+declare function TextAccount({ id, title, banners, onClickBanner, ...props }: TextAccountProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export default TextAccount;