@dotss/tictoccroc 0.0.13 → 0.0.15

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

@@ -1,16 +1,23 @@
 import { jsxs as m, jsx as e } from "react/jsx-runtime";
-import b from "@dotss/ui/core/useTheme";
+import S 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 { useCheckHoverPossible as x } from "@dotss/ui/hooks";
+import C from "@dotss/ui/Icon";
 import d from "@dotss/ui/Typography";
-import C from "../../../../shared/components/Image/Image.mjs";
+import v 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) => {
+function P({
+  id: a,
+  title: p,
+  banners: s,
+  onClickBanner: n,
+  imageProps: g,
+  ...f
+}) {
+  const { spacing: o, palette: c } = S(), { isHoverPossible: u } = x(), b = (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: [
+  return /* @__PURE__ */ m(i, { tag: "section", flexDirection: "column", inlineCSS: { width: "100%" }, ...f, children: [
     /* @__PURE__ */ e(
       d,
       {
@@ -32,13 +39,13 @@ function F({ id: a, title: p, banners: s, onClickBanner: n, ...g }) {
         p: 4,
         gap: 3,
         alignItems: "center",
-        onClick: u(l),
+        onClick: b(l),
         inlineCSS: {
           width: "100%",
           "&:focus-within": {
             backgroundColor: c.grey[10]
           },
-          ...f ? {
+          ...u ? {
             "&:hover": {
               backgroundColor: c.grey[10]
             }
@@ -54,14 +61,15 @@ function F({ id: a, title: p, banners: s, onClickBanner: n, ...g }) {
                 overflow: "hidden"
               },
               children: /* @__PURE__ */ e(
-                C,
+                v,
                 {
                   width: 100,
                   height: 78,
                   src: h,
                   alt: `${t} 이미지`,
                   enableFallback: !0,
-                  enableErrorFallback: !0
+                  enableErrorFallback: !0,
+                  ...g
                 }
               )
             }
@@ -84,7 +92,7 @@ function F({ id: a, title: p, banners: s, onClickBanner: n, ...g }) {
               inlineCSS: {
                 whiteSpace: "nowrap"
               },
-              children: /* @__PURE__ */ e(x, { name: "ChevronRightLine", size: "xSmall", color: "grey.50" })
+              children: /* @__PURE__ */ e(C, { name: "ChevronRightLine", size: "xSmall", color: "grey.50" })
             }
           )
         ]
@@ -93,5 +101,5 @@ function F({ id: a, title: p, banners: s, onClickBanner: n, ...g }) {
   ] });
 }
 export {
-  F as default
+  P as default
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@dotss/tictoccroc",
   "type": "module",
-  "version": "0.0.13",
+  "version": "0.0.15",
   "description": "Tictoccroc shared components, hooks, utils, and APIs for Dotss",
   "main": "./dist/index.mjs",
   "module": "./dist/index.mjs",