@dotss/tictoccroc 0.4.2 → 0.6.0

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

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

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

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

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

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

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

@@ -1,110 +1,121 @@
-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 a from "../../../../shared/components/LoadingAnnouncer/LoadingAnnouncer.mjs";
+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/TextAccount/TextAccount.fallback.tsx
 function s() {
-  const { spacing: h } = r();
-  return /* @__PURE__ */ e(d, { children: [
-    /* @__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,
-            {
-              pt: 3,
-              pl: 4,
-              pb: 3,
-              pr: 4,
-              gap: 3,
-              alignItems: "center",
-              justifyContent: "space-between",
-              inlineCSS: { width: "100%" },
-              children: [
-                /* @__PURE__ */ t(i, { width: 100, minWidth: 100, height: 70, 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 })
-              ]
-            }
-          )
-        ]
-      }
-    )
-  ] });
+	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%",
+			cursor: "wait"
+		},
+		children: [
+			/* @__PURE__ */ r(o, {
+				height: 30,
+				inlineCSS: {
+					width: "50%",
+					marginBottom: s.content(2),
+					marginLeft: s.content(4)
+				}
+			}),
+			/* @__PURE__ */ i(a, {
+				pt: 3,
+				pl: 4,
+				pb: 3,
+				pr: 4,
+				gap: 3,
+				alignItems: "center",
+				justifyContent: "space-between",
+				inlineCSS: { width: "100%" },
+				children: [
+					/* @__PURE__ */ r(o, {
+						width: 100,
+						minWidth: 100,
+						height: 70,
+						borderRadius: 8
+					}),
+					/* @__PURE__ */ r(o, {
+						width: "100%",
+						height: 48
+					}),
+					/* @__PURE__ */ r(o, {
+						width: 16,
+						height: 16,
+						minWidth: 16
+					})
+				]
+			}),
+			/* @__PURE__ */ i(a, {
+				p: 4,
+				gap: 3,
+				alignItems: "center",
+				justifyContent: "space-between",
+				inlineCSS: { width: "100%" },
+				children: [/* @__PURE__ */ r(o, {
+					width: "100%",
+					maxWidth: 300,
+					textHeight: "b2R"
+				}), /* @__PURE__ */ r(o, {
+					width: 16,
+					height: 16,
+					minWidth: 16
+				})]
+			}),
+			/* @__PURE__ */ i(a, {
+				p: 4,
+				gap: 3,
+				alignItems: "center",
+				justifyContent: "space-between",
+				inlineCSS: { width: "100%" },
+				children: [/* @__PURE__ */ r(o, {
+					width: "100%",
+					maxWidth: 200,
+					textHeight: "b2R"
+				}), /* @__PURE__ */ r(o, {
+					width: 16,
+					height: 16,
+					minWidth: 16
+				})]
+			}),
+			/* @__PURE__ */ i(a, {
+				p: 4,
+				gap: 3,
+				alignItems: "center",
+				justifyContent: "space-between",
+				inlineCSS: { width: "100%" },
+				children: [/* @__PURE__ */ r(o, {
+					width: "100%",
+					maxWidth: 300,
+					textHeight: "b2R"
+				}), /* @__PURE__ */ r(o, {
+					width: 16,
+					height: 16,
+					minWidth: 16
+				})]
+			}),
+			/* @__PURE__ */ i(a, {
+				p: 4,
+				gap: 3,
+				alignItems: "center",
+				justifyContent: "space-between",
+				inlineCSS: { width: "100%" },
+				children: [/* @__PURE__ */ r(o, {
+					width: "100%",
+					maxWidth: 200,
+					textHeight: "b2R"
+				}), /* @__PURE__ */ r(o, {
+					width: 16,
+					height: 16,
+					minWidth: 16
+				})]
+			})
+		]
+	})] });
 }
-export {
-  s as default
-};
+//#endregion
+export { s as default };