@dotss/tictoccroc 0.4.2 → 0.5.0

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

@@ -1,112 +1,92 @@
-import { jsxs as d, jsx as e } from "react/jsx-runtime";
-import S from "@dotss/ui/core/useTheme";
-import r from "@dotss/ui/Flexbox";
-import { useCheckHoverPossible as x } from "@dotss/ui/hooks";
-import w from "@dotss/ui/Icon";
-import h from "@dotss/ui/Typography";
-import C from "../../../../shared/components/Image/Image.mjs";
-import "@dotss/ui";
-function P({
-  id: c,
-  title: s,
-  banners: m,
-  onClickBanner: l,
-  imageProps: g,
-  ...f
-}) {
-  const { spacing: a, palette: p } = S(), { isHoverPossible: u } = x(), b = (o, i) => (t) => {
-    l && typeof l == "function" && (t.stopPropagation(), t.preventDefault(), l(o, i, t));
-  };
-  return /* @__PURE__ */ d(r, { tag: "section", flexDirection: "column", inlineCSS: { width: "100%" }, ...f, children: [
-    /* @__PURE__ */ e(
-      h,
-      {
-        id: `banner-account-text-${c}`,
-        variant: "h2B",
-        inlineCSS: {
-          whiteSpace: "pre-wrap",
-          wordBreak: "keep-all",
-          paddingLeft: a.content(4),
-          paddingRight: a.content(4),
-          marginBottom: a.content(2)
-        },
-        children: s
-      }
-    ),
-    /* @__PURE__ */ e(r, { tag: "ul", flexDirection: "column", "aria-labelledby": `banner-account-text-${c}`, children: m.map(({ id: o, title: i, url: t, image: n }) => /* @__PURE__ */ e(r, { tag: "li", alignItems: "center", children: /* @__PURE__ */ d(
-      r,
-      {
-        tag: "a",
-        href: t,
-        pt: n ? 3 : 4,
-        pl: 4,
-        pb: n ? 3 : 4,
-        pr: 4,
-        gap: 3,
-        alignItems: "center",
-        draggable: !1,
-        onClick: b(t, o),
-        inlineCSS: {
-          width: "100%",
-          "&:focus-within": {
-            backgroundColor: p.grey[10]
-          },
-          ...u ? {
-            "&:hover": {
-              backgroundColor: p.grey[10]
-            }
-          } : {}
-        },
-        children: [
-          n && /* @__PURE__ */ e(
-            r,
-            {
-              inlineCSS: {
-                minWidth: 100,
-                borderRadius: 8,
-                overflow: "hidden"
-              },
-              children: /* @__PURE__ */ e(
-                C,
-                {
-                  width: 100,
-                  height: 70,
-                  src: n,
-                  alt: `${i} 이미지`,
-                  draggable: !1,
-                  enableFallback: !0,
-                  enableErrorFallback: !0,
-                  ...g
-                }
-              )
-            }
-          ),
-          /* @__PURE__ */ e(
-            h,
-            {
-              tag: "p",
-              variant: "b2R",
-              lineClamp: n ? 2 : 1,
-              inlineCSS: {
-                flexGrow: 1
-              },
-              children: i
-            }
-          ),
-          /* @__PURE__ */ e(
-            r,
-            {
-              inlineCSS: {
-                whiteSpace: "nowrap"
-              },
-              children: /* @__PURE__ */ e(w, { name: "ChevronRightLine", size: "xSmall", color: "grey.50" })
-            }
-          )
-        ]
-      }
-    ) }, `tictoccroc-story-${o}`)) })
-  ] });
+import e from "../../../../shared/components/Image/index.mjs";
+import t from "@dotss/ui/core/useTheme";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { useCheckHoverPossible as i } from "@dotss/ui/hooks";
+import a from "@dotss/ui/Flexbox";
+import o from "@dotss/ui/Icon";
+import s from "@dotss/ui/Typography";
+//#region teacher/home/components/TextAccount/TextAccount.tsx
+function c({ id: c, title: l, banners: u, onClickBanner: d, imageProps: f, ...p }) {
+	let { spacing: m, palette: h } = t(), { isHoverPossible: g } = i(), _ = (e, t) => (n) => {
+		d && typeof d == "function" && (n.stopPropagation(), n.preventDefault(), d(e, t, n));
+	};
+	return /* @__PURE__ */ r(a, {
+		tag: "section",
+		flexDirection: "column",
+		inlineCSS: { width: "100%" },
+		...p,
+		children: [/* @__PURE__ */ n(s, {
+			id: `banner-account-text-${c}`,
+			variant: "h2B",
+			inlineCSS: {
+				whiteSpace: "pre-wrap",
+				wordBreak: "keep-all",
+				paddingLeft: m.content(4),
+				paddingRight: m.content(4),
+				marginBottom: m.content(2)
+			},
+			children: l
+		}), /* @__PURE__ */ n(a, {
+			tag: "ul",
+			flexDirection: "column",
+			"aria-labelledby": `banner-account-text-${c}`,
+			children: u.map(({ id: t, title: i, url: c, image: l }) => /* @__PURE__ */ n(a, {
+				tag: "li",
+				alignItems: "center",
+				children: /* @__PURE__ */ r(a, {
+					tag: "a",
+					href: c,
+					pt: l ? 3 : 4,
+					pl: 4,
+					pb: l ? 3 : 4,
+					pr: 4,
+					gap: 3,
+					alignItems: "center",
+					draggable: !1,
+					onClick: _(c, t),
+					inlineCSS: {
+						width: "100%",
+						"&:focus-within": { backgroundColor: h.grey[10] },
+						...g ? { "&:hover": { backgroundColor: h.grey[10] } } : {}
+					},
+					children: [
+						l && /* @__PURE__ */ n(a, {
+							inlineCSS: {
+								minWidth: 100,
+								borderRadius: 8,
+								overflow: "hidden"
+							},
+							children: /* @__PURE__ */ n(e, {
+								width: 100,
+								height: 70,
+								src: l,
+								alt: `${i} 이미지`,
+								draggable: !1,
+								enableFallback: !0,
+								enableErrorFallback: !0,
+								...f
+							})
+						}),
+						/* @__PURE__ */ n(s, {
+							tag: "p",
+							variant: "b2R",
+							lineClamp: l ? 2 : 1,
+							inlineCSS: { flexGrow: 1 },
+							children: i
+						}),
+						/* @__PURE__ */ n(a, {
+							inlineCSS: { whiteSpace: "nowrap" },
+							children: /* @__PURE__ */ n(o, {
+								name: "ChevronRightLine",
+								size: "xSmall",
+								color: "grey.50"
+							})
+						})
+					]
+				})
+			}, `tictoccroc-story-${t}`))
+		})]
+	});
 }
-export {
-  P as default
-};
+//#endregion
+export { c as default };

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

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

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

@@ -1,18 +1,9 @@
-import { default as t } from "./TextAccount/TextAccount.mjs";
-import { default as r } from "./TextAccount/TextAccount.fallback.mjs";
-import { default as l } from "./Carousel1Account/Carousel1Account.mjs";
-import { default as f } from "./Carousel1Account/Carousel1Account.fallback.mjs";
-import { default as s } from "./Carousel2Account/Carousel2Account.mjs";
-import { default as d } from "./Carousel2Account/Carousel2Account.fallback.mjs";
-import { default as p } from "./BannerAccount/BannerAccount.mjs";
-import { default as b } from "./BannerAccount/BannerAccount.fallback.mjs";
-export {
-  p as BannerAccount,
-  b as BannerAccountFallback,
-  l as Carousel1Account,
-  f as Carousel1AccountFallback,
-  s as Carousel2Account,
-  d as Carousel2AccountFallback,
-  t as TextAccount,
-  r as TextAccountFallback
-};
+import e from "./TextAccount/TextAccount.fallback.mjs";
+import t from "./TextAccount/index.mjs";
+import n from "./Carousel1Account/Carousel1Account.fallback.mjs";
+import r from "./Carousel1Account/index.mjs";
+import i from "./Carousel2Account/Carousel2Account.fallback.mjs";
+import a from "./Carousel2Account/index.mjs";
+import o from "./BannerAccount/BannerAccount.fallback.mjs";
+import s from "./BannerAccount/index.mjs";
+export { s as BannerAccount, o as BannerAccountFallback, r as Carousel1Account, n as Carousel1AccountFallback, a as Carousel2Account, i as Carousel2AccountFallback, t as TextAccount, e as TextAccountFallback };