@dotss/tictoccroc 0.0.11 → 0.0.13

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

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

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

@@ -0,0 +1,98 @@
+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 m from "../../../../shared/components/LoadingAnnouncer/LoadingAnnouncer.mjs";
+function s() {
+  const { spacing: h } = r();
+  return /* @__PURE__ */ e(d, { children: [
+    /* @__PURE__ */ t(m, {}),
+    /* @__PURE__ */ e(n, { tag: "section", flexDirection: "column", inlineCSS: { width: "100%" }, children: [
+      /* @__PURE__ */ t(
+        i,
+        {
+          height: 30,
+          inlineCSS: {
+            width: "50%",
+            marginBottom: h.content(2),
+            marginLeft: h.content(4)
+          }
+        }
+      ),
+      /* @__PURE__ */ e(
+        n,
+        {
+          p: 4,
+          gap: 3,
+          alignItems: "center",
+          justifyContent: "space-between",
+          inlineCSS: { width: "100%" },
+          children: [
+            /* @__PURE__ */ t(i, { width: 100, minWidth: 100, height: 78, 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 })
+          ]
+        }
+      )
+    ] })
+  ] });
+}
+export {
+  s as default
+};

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

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

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

@@ -0,0 +1,4 @@
+import { default as TextAccount, TextAccountProps } from './TextAccount';
+import { default as TextAccountFallback } from './TextAccount.fallback';
+export { TextAccount, TextAccountFallback, type TextAccountProps };
+export default TextAccount;

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

@@ -0,0 +1,7 @@
+import o from "./TextAccount.mjs";
+import { default as c } from "./TextAccount.fallback.mjs";
+export {
+  o as TextAccount,
+  c as TextAccountFallback,
+  o as default
+};

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

@@ -0,0 +1,14 @@
+import { ReactNode } from 'react';
+export interface BannerProps {
+    id: number;
+    title: ReactNode;
+    url: string;
+}
+export { default as TextAccount } from './TextAccount';
+export { default as Carousel1Account } from './Carousel1Account';
+export { default as Carousel2Account } from './Carousel2Account';
+export { default as BannerAccount } from './BannerAccount';
+export * from './TextAccount';
+export * from './Carousel1Account';
+export * from './Carousel2Account';
+export * from './BannerAccount';

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

@@ -0,0 +1,18 @@
+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
+};

package/dist/teacher/profile/components/StatBadgeCollection/StatBadge/StatBadge.mjs

@@ -1,7 +1,8 @@
 import { jsxs as i, jsx as a } from "react/jsx-runtime";
 import { Label as e } from "@dotss/ui";
 import s from "../../../../../shared/components/Image/Image.mjs";
-function h({ type: l, percent: t, ...r }) {
+import "@dotss/ui/core/useTheme";
+function g({ type: l, percent: t, ...r }) {
   return l === "creativeArt" ? /* @__PURE__ */ i(
     e,
     {
@@ -101,5 +102,5 @@ function h({ type: l, percent: t, ...r }) {
   );
 }
 export {
-  h as default
+  g as default
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@dotss/tictoccroc",
   "type": "module",
-  "version": "0.0.11",
+  "version": "0.0.13",
   "description": "Tictoccroc shared components, hooks, utils, and APIs for Dotss",
   "main": "./dist/index.mjs",
   "module": "./dist/index.mjs",
@@ -43,6 +43,14 @@
       "import": "./dist/teacher/profile/utils/*/index.mjs",
       "types": "./dist/teacher/profile/utils/*/index.d.ts"
     },
+    "./teacher/home/components": {
+      "import": "./dist/teacher/home/components/index.mjs",
+      "types": "./dist/teacher/home/components/index.d.ts"
+    },
+    "./teacher/home/components/*": {
+      "import": "./dist/teacher/home/components/*/index.mjs",
+      "types": "./dist/teacher/home/components/*/index.d.ts"
+    },
     "./shared/components": {
       "import": "./dist/shared/components/index.mjs",
       "types": "./dist/shared/components/index.d.ts"