@dotss/tictoccroc 0.4.1 → 0.5.0

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

@@ -1,12 +1,20 @@
-import { jsxs as n, Fragment as i, jsx as r } from "react/jsx-runtime";
-import { Flexbox as e, Skeleton as o } from "@dotss/ui";
-import t from "../../../../shared/components/LoadingAnnouncer/LoadingAnnouncer.mjs";
-function c() {
-  return /* @__PURE__ */ n(i, { children: [
-    /* @__PURE__ */ r(t, {}),
-    /* @__PURE__ */ r(e, { "aria-busy": !0, inlineCSS: { width: "100%", cursor: "wait" }, children: /* @__PURE__ */ r(o, { height: 100, borderRadius: 12, inlineCSS: { width: "100%" } }) })
-  ] });
+import e from "../../../../shared/components/LoadingAnnouncer/index.mjs";
+import { Flexbox as t, Skeleton as n } from "@dotss/ui";
+import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region teacher/home/components/BannerAccount/BannerAccount.fallback.tsx
+function o() {
+	return /* @__PURE__ */ a(r, { children: [/* @__PURE__ */ i(e, {}), /* @__PURE__ */ i(t, {
+		"aria-busy": !0,
+		inlineCSS: {
+			width: "100%",
+			cursor: "wait"
+		},
+		children: /* @__PURE__ */ i(n, {
+			height: 100,
+			borderRadius: 12,
+			inlineCSS: { width: "100%" }
+		})
+	})] });
 }
-export {
-  c as default
-};
+//#endregion
+export { o as default };

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

@@ -1,100 +1,84 @@
-import { jsxs as c, jsx as i } from "react/jsx-runtime";
-import f from "@dotss/ui/core/useTheme";
-import n from "@dotss/ui/Flexbox";
-import g from "@dotss/ui/Typography";
-import S from "../../../../shared/components/Image/Image.mjs";
-import "@dotss/ui";
-import w from "../../../../shared/components/Swiper/Swiper.mjs";
-import y from "../../../../shared/components/Swiper/SwiperBlock/SwiperBlock.mjs";
-function I({
-  id: a,
-  banners: l,
-  onClickBanner: o,
-  imageProps: d,
-  swiperProps: p,
-  ...h
-}) {
-  const { palette: m } = f(), s = (e, r) => (t) => {
-    o && typeof o == "function" && (t.stopPropagation(), t.preventDefault(), o(e, r, t));
-  }, u = ({ page: e, totalPages: r }) => r <= 1 ? null : /* @__PURE__ */ i(
-    n,
-    {
-      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: m.etc.dimmed02
-      },
-      children: /* @__PURE__ */ c(
-        g,
-        {
-          tag: "p",
-          variant: "c5R",
-          color: "grey.white",
-          inlineCSS: {
-            "& > span": {
-              fontWeight: 700
-            }
-          },
-          "aria-label": `${r} 중 ${e + 1}`,
-          children: [
-            /* @__PURE__ */ i("span", { children: e + 1 }),
-            "/",
-            r
-          ]
-        }
-      )
-    }
-  );
-  return /* @__PURE__ */ c(n, { inlineCSS: { width: "100%" }, ...h, children: [
-    /* @__PURE__ */ i(n, { id: `tictoccroc-banner-${a}`, visuallyHidden: !0, children: "배너" }),
-    /* @__PURE__ */ i(
-      w,
-      {
-        renderPagination: u,
-        loop: !0,
-        inlineCSS: { borderRadius: 12, overflow: "hidden" },
-        "aria-describedby": `tictoccroc-banner-${a}`,
-        ...p,
-        children: l.map(({ id: e, url: r, image: t }, b) => /* @__PURE__ */ i(y, { children: /* @__PURE__ */ i(
-          n,
-          {
-            tag: "a",
-            href: r,
-            draggable: !1,
-            onClick: s(r, e),
-            inlineCSS: { width: "100%" },
-            children: /* @__PURE__ */ i(
-              S,
-              {
-                src: t || "",
-                alt: `배너 ${b + 1}`,
-                width: 328,
-                height: 100,
-                draggable: !1,
-                enableFallback: !0,
-                enableErrorFallback: !0,
-                withIntrinsicRatio: !0,
-                wrapperProps: { inlineCSS: { width: "100%" } },
-                style: { width: "100%", objectFit: "cover" },
-                ...d
-              }
-            )
-          }
-        ) }, `tictoccroc-banner-account-${e}`))
-      }
-    )
-  ] });
+import e from "../../../../shared/components/Image/index.mjs";
+import t from "../../../../shared/components/Swiper/SwiperBlock/index.mjs";
+import n from "../../../../shared/components/Swiper/index.mjs";
+import r from "@dotss/ui/core/useTheme";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import o from "@dotss/ui/Flexbox";
+import s from "@dotss/ui/Typography";
+//#region teacher/home/components/BannerAccount/BannerAccount.tsx
+function c({ id: c, banners: l, onClickBanner: u, imageProps: d, swiperProps: f, ...p }) {
+	let { palette: m } = r(), h = (e, t) => (n) => {
+		u && typeof u == "function" && (n.stopPropagation(), n.preventDefault(), u(e, t, n));
+	}, g = ({ page: e, totalPages: t }) => t <= 1 ? null : /* @__PURE__ */ i(o, {
+		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: m.etc.dimmed02
+		},
+		children: /* @__PURE__ */ a(s, {
+			tag: "p",
+			variant: "c5R",
+			color: "grey.white",
+			inlineCSS: { "& > span": { fontWeight: 700 } },
+			"aria-label": `${t} 중 ${e + 1}`,
+			children: [
+				/* @__PURE__ */ i("span", { children: e + 1 }),
+				"/",
+				t
+			]
+		})
+	});
+	return /* @__PURE__ */ a(o, {
+		inlineCSS: { width: "100%" },
+		...p,
+		children: [/* @__PURE__ */ i(o, {
+			id: `tictoccroc-banner-${c}`,
+			visuallyHidden: !0,
+			children: "배너"
+		}), /* @__PURE__ */ i(n, {
+			renderPagination: g,
+			loop: !0,
+			inlineCSS: {
+				borderRadius: 12,
+				overflow: "hidden"
+			},
+			"aria-describedby": `tictoccroc-banner-${c}`,
+			...f,
+			children: l.map(({ id: n, url: r, image: a }, s) => /* @__PURE__ */ i(t, { children: /* @__PURE__ */ i(o, {
+				tag: "a",
+				href: r,
+				draggable: !1,
+				onClick: h(r, n),
+				inlineCSS: { width: "100%" },
+				children: /* @__PURE__ */ i(e, {
+					src: a || "",
+					alt: `배너 ${s + 1}`,
+					width: 328,
+					height: 100,
+					draggable: !1,
+					enableFallback: !0,
+					enableErrorFallback: !0,
+					withIntrinsicRatio: !0,
+					wrapperProps: { inlineCSS: { width: "100%" } },
+					style: {
+						width: "100%",
+						objectFit: "cover"
+					},
+					...d
+				})
+			}) }, `tictoccroc-banner-account-${n}`))
+		})]
+	});
 }
-export {
-  I as default
-};
+//#endregion
+export { c as default };

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

@@ -1,7 +1,6 @@
-import o from "./BannerAccount.mjs";
-import { default as e } from "./BannerAccount.fallback.mjs";
-export {
-  o as BannerAccount,
-  e as BannerAccountFallback,
-  o as default
-};
+import e from "./BannerAccount.mjs";
+import t from "./BannerAccount.fallback.mjs";
+//#region teacher/home/components/BannerAccount/index.ts
+var n = e;
+//#endregion
+export { e as BannerAccount, t as BannerAccountFallback, n as default };

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

@@ -1,68 +1,128 @@
-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",
-        "aria-busy": !0,
-        inlineCSS: { width: "100%", overflow: "hidden", cursor: "wait" },
-        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 } })
-              ] })
-            ] })
-          ] })
-        ]
-      }
-    )
-  ] });
+import e from "../../../../shared/components/LoadingAnnouncer/index.mjs";
+import t from "@dotss/ui/core/useTheme";
+import { Fragment as n, jsx as r, jsxs as i } from "react/jsx-runtime";
+import a from "@dotss/ui/Flexbox";
+import o from "@dotss/ui/Skeleton";
+//#region teacher/home/components/Carousel1Account/Carousel1Account.fallback.tsx
+function s() {
+	let { spacing: s } = t();
+	return /* @__PURE__ */ i(n, { children: [/* @__PURE__ */ r(e, {}), /* @__PURE__ */ i(a, {
+		tag: "section",
+		flexDirection: "column",
+		"aria-busy": !0,
+		inlineCSS: {
+			width: "100%",
+			overflow: "hidden",
+			cursor: "wait"
+		},
+		children: [/* @__PURE__ */ r(o, {
+			height: 30,
+			inlineCSS: {
+				width: "50%",
+				marginBottom: s.content(3),
+				marginLeft: s.content(4)
+			}
+		}), /* @__PURE__ */ i(a, {
+			flexDirection: "row",
+			gap: 5,
+			ml: 4,
+			children: [
+				/* @__PURE__ */ i(a, {
+					flexDirection: "column",
+					gap: 5,
+					children: [/* @__PURE__ */ i(a, {
+						gap: 4,
+						alignItems: "center",
+						inlineCSS: { width: 264 },
+						children: [/* @__PURE__ */ r(o, {
+							width: 140,
+							height: 98,
+							borderRadius: 12
+						}), /* @__PURE__ */ r(o, {
+							height: 48,
+							borderRadius: 12,
+							inlineCSS: { flex: 1 }
+						})]
+					}), /* @__PURE__ */ i(a, {
+						gap: 4,
+						alignItems: "center",
+						inlineCSS: { width: 264 },
+						children: [/* @__PURE__ */ r(o, {
+							width: 140,
+							height: 98,
+							borderRadius: 12
+						}), /* @__PURE__ */ r(o, {
+							height: 48,
+							borderRadius: 12,
+							inlineCSS: { flex: 1 }
+						})]
+					})]
+				}),
+				/* @__PURE__ */ i(a, {
+					flexDirection: "column",
+					gap: 5,
+					children: [/* @__PURE__ */ i(a, {
+						gap: 4,
+						alignItems: "center",
+						inlineCSS: { width: 264 },
+						children: [/* @__PURE__ */ r(o, {
+							width: 140,
+							height: 98,
+							borderRadius: 12
+						}), /* @__PURE__ */ r(o, {
+							height: 48,
+							borderRadius: 12,
+							inlineCSS: { flex: 1 }
+						})]
+					}), /* @__PURE__ */ i(a, {
+						gap: 4,
+						alignItems: "center",
+						inlineCSS: { width: 264 },
+						children: [/* @__PURE__ */ r(o, {
+							width: 140,
+							height: 98,
+							borderRadius: 12
+						}), /* @__PURE__ */ r(o, {
+							height: 48,
+							borderRadius: 12,
+							inlineCSS: { flex: 1 }
+						})]
+					})]
+				}),
+				/* @__PURE__ */ i(a, {
+					flexDirection: "column",
+					gap: 5,
+					children: [/* @__PURE__ */ i(a, {
+						gap: 4,
+						alignItems: "center",
+						inlineCSS: { width: 264 },
+						children: [/* @__PURE__ */ r(o, {
+							width: 140,
+							height: 98,
+							borderRadius: 12
+						}), /* @__PURE__ */ r(o, {
+							height: 48,
+							borderRadius: 12,
+							inlineCSS: { flex: 1 }
+						})]
+					}), /* @__PURE__ */ i(a, {
+						gap: 4,
+						alignItems: "center",
+						inlineCSS: { width: 264 },
+						children: [/* @__PURE__ */ r(o, {
+							width: 140,
+							height: 98,
+							borderRadius: 12
+						}), /* @__PURE__ */ r(o, {
+							height: 48,
+							borderRadius: 12,
+							inlineCSS: { flex: 1 }
+						})]
+					})]
+				})
+			]
+		})]
+	})] });
 }
-export {
-  S as default
-};
+//#endregion
+export { s as default };

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

@@ -1,83 +1,69 @@
-import { jsx as e, Fragment as C, jsxs as l } from "react/jsx-runtime";
-import k from "@dotss/ui/core/useTheme";
-import c from "@dotss/ui/Flexbox";
-import v from "@dotss/ui/hooks/useCheckHoverPossible/useCheckHoverPossible";
-import d from "@dotss/ui/Typography";
-import S from "../../../../shared/components/Carousel/Carousel.mjs";
-import w from "../../../../shared/components/Carousel/CarouselSlide/CarouselSlide.mjs";
-import x from "../../../../shared/components/Image/Image.mjs";
-import "@dotss/ui";
-function I({
-  id: p,
-  title: s,
-  banners: m,
-  onClickBanner: a,
-  imageProps: u,
-  ...g
-}) {
-  const { spacing: i, palette: n } = k(), { isHoverPossible: h } = v(), b = (o, t) => (r) => {
-    a && typeof a == "function" && (r.stopPropagation(), r.preventDefault(), a(o, t, r));
-  };
-  return /* @__PURE__ */ e(C, { children: /* @__PURE__ */ l(c, { flexDirection: "column", inlineCSS: { width: "100%" }, ...g, children: [
-    /* @__PURE__ */ e(
-      d,
-      {
-        id: `banner-account-carousel1-${p}`,
-        variant: "h2B",
-        inlineCSS: {
-          whiteSpace: "pre-wrap",
-          wordBreak: "keep-all",
-          paddingLeft: i.content(4),
-          paddingRight: i.content(4),
-          marginBottom: i.content(3)
-        },
-        children: s
-      }
-    ),
-    /* @__PURE__ */ e(S, { rowCount: 2, step: 1, spacing: 5, children: m.map(({ id: o, title: t, url: r, image: f }) => /* @__PURE__ */ e(w, { children: /* @__PURE__ */ l(
-      c,
-      {
-        tag: "a",
-        href: r,
-        alignItems: "center",
-        gap: 4,
-        draggable: !1,
-        onClick: b(r, o),
-        inlineCSS: {
-          width: 264,
-          borderRadius: 12,
-          '&:active:not([aria-disabled="true"])': {
-            backgroundColor: n.background.primary
-          },
-          ...h && {
-            '&:hover:not([aria-disabled="true"])': {
-              backgroundColor: n.background.primary
-            }
-          }
-        },
-        children: [
-          /* @__PURE__ */ e(
-            x,
-            {
-              src: f || "",
-              width: 140,
-              height: 98,
-              alt: `${t} 이미지`,
-              "aria-hidden": !0,
-              draggable: !1,
-              borderRadius: 12,
-              enableFallback: !0,
-              enableErrorFallback: !0,
-              style: { objectFit: "cover" },
-              ...u
-            }
-          ),
-          /* @__PURE__ */ e(d, { tag: "p", variant: "b2M", lineClamp: 2, children: t })
-        ]
-      }
-    ) }, `tictoccroc-carousel1-account-${o}`)) })
-  ] }) });
+import e from "../../../../shared/components/Image/index.mjs";
+import t from "../../../../shared/components/Carousel/CarouselSlide/index.mjs";
+import n from "../../../../shared/components/Carousel/index.mjs";
+import r from "@dotss/ui/core/useTheme";
+import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
+import s from "@dotss/ui/Flexbox";
+import c from "@dotss/ui/Typography";
+import l from "@dotss/ui/hooks/useCheckHoverPossible/useCheckHoverPossible";
+//#region teacher/home/components/Carousel1Account/Carousel1Account.tsx
+function u({ id: u, title: d, banners: f, onClickBanner: p, imageProps: m, ...h }) {
+	let { spacing: g, palette: _ } = r(), { isHoverPossible: v } = l(), y = (e, t) => (n) => {
+		p && typeof p == "function" && (n.stopPropagation(), n.preventDefault(), p(e, t, n));
+	};
+	return /* @__PURE__ */ a(i, { children: /* @__PURE__ */ o(s, {
+		flexDirection: "column",
+		inlineCSS: { width: "100%" },
+		...h,
+		children: [/* @__PURE__ */ a(c, {
+			id: `banner-account-carousel1-${u}`,
+			variant: "h2B",
+			inlineCSS: {
+				whiteSpace: "pre-wrap",
+				wordBreak: "keep-all",
+				paddingLeft: g.content(4),
+				paddingRight: g.content(4),
+				marginBottom: g.content(3)
+			},
+			children: d
+		}), /* @__PURE__ */ a(n, {
+			rowCount: 2,
+			step: 1,
+			spacing: 5,
+			children: f.map(({ id: n, title: r, url: i, image: l }) => /* @__PURE__ */ a(t, { children: /* @__PURE__ */ o(s, {
+				tag: "a",
+				href: i,
+				alignItems: "center",
+				gap: 4,
+				draggable: !1,
+				onClick: y(i, n),
+				inlineCSS: {
+					width: 264,
+					borderRadius: 12,
+					"&:active:not([aria-disabled=\"true\"])": { backgroundColor: _.background.primary },
+					...v && { "&:hover:not([aria-disabled=\"true\"])": { backgroundColor: _.background.primary } }
+				},
+				children: [/* @__PURE__ */ a(e, {
+					src: l || "",
+					width: 140,
+					height: 98,
+					alt: `${r} 이미지`,
+					"aria-hidden": !0,
+					draggable: !1,
+					borderRadius: 12,
+					enableFallback: !0,
+					enableErrorFallback: !0,
+					style: { objectFit: "cover" },
+					...m
+				}), /* @__PURE__ */ a(c, {
+					tag: "p",
+					variant: "b2M",
+					lineClamp: 2,
+					children: r
+				})]
+			}) }, `tictoccroc-carousel1-account-${n}`))
+		})]
+	}) });
 }
-export {
-  I as default
-};
+//#endregion
+export { u as default };

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

@@ -1,7 +1,6 @@
-import a from "./Carousel1Account.mjs";
-import { default as e } from "./Carousel1Account.fallback.mjs";
-export {
-  a as Carousel1Account,
-  e as Carousel1AccountFallback,
-  a as default
-};
+import e from "./Carousel1Account.mjs";
+import t from "./Carousel1Account.fallback.mjs";
+//#region teacher/home/components/Carousel1Account/index.ts
+var n = e;
+//#endregion
+export { e as Carousel1Account, t as Carousel1AccountFallback, n as default };