@hybridcore/ui 1.5.86 → 1.5.88

package/dist/components/card-alternate/index.js

@@ -1,43 +1,43 @@
-import { jsxs as r, jsx as e } from "react/jsx-runtime";
-import { Box as t, Skeleton as n, Typography as a } from "@mui/material";
+import { jsxs as n, jsx as e } from "react/jsx-runtime";
+import { Box as r, Skeleton as t, Typography as l } from "@mui/material";
 import { AlternateCardRoot as b, AlternateCardMenuContainer as v } from "./styled.js";
-const g = ({
-  title: d,
-  subTitle: h,
-  text: l,
-  avatar: s,
-  footer: p,
-  menu: m,
-  extra: x,
+const y = ({
+  title: p,
+  subTitle: d,
+  text: o,
+  avatar: h,
+  footer: c,
+  menu: s,
+  extra: w,
   loading: i,
-  rightMenu: w,
-  onClick: o
+  rightMenu: x,
+  onClick: a
 }) => {
-  const c = () => {
-    o && o();
+  const m = () => {
+    a && a();
   };
-  return /* @__PURE__ */ r(
+  return /* @__PURE__ */ n(
     b,
     {
       sx: {
         display: "flex"
       },
       children: [
-        /* @__PURE__ */ r(t, { flex: 1, children: [
-          m && /* @__PURE__ */ e(v, { className: "menu-container", children: m }),
-          /* @__PURE__ */ r(t, { display: "flex", alignItems: "center", children: [
-            s && /* @__PURE__ */ e(t, { mr: 2, children: i ? /* @__PURE__ */ e(
-              n,
+        /* @__PURE__ */ n(r, { flex: 1, children: [
+          s && /* @__PURE__ */ e(v, { className: "menu-container", children: s }),
+          /* @__PURE__ */ n(r, { display: "flex", alignItems: "center", children: [
+            h && /* @__PURE__ */ e(r, { mr: 2, children: i ? /* @__PURE__ */ e(
+              t,
               {
                 animation: "wave",
                 variant: "circular",
                 width: 42,
                 height: 42
               }
-            ) : s }),
-            /* @__PURE__ */ r(t, { width: "100%", children: [
+            ) : h }),
+            /* @__PURE__ */ n(r, { width: "100%", sx: { minWidth: 0 }, children: [
               i ? /* @__PURE__ */ e(
-                n,
+                t,
                 {
                   animation: "wave",
                   height: 10,
@@ -45,7 +45,7 @@ const g = ({
                   sx: { mb: 0.25, mt: 0.35 }
                 }
               ) : /* @__PURE__ */ e(
-                a,
+                l,
                 {
                   gutterBottom: !0,
                   variant: "subtitle1",
@@ -57,15 +57,17 @@ const g = ({
                     display: "-webkit-box",
                     WebkitLineClamp: 3,
                     WebkitBoxOrient: "vertical",
-                    cursor: o ? "pointer" : "default",
-                    lineHeight: "22px"
+                    cursor: a ? "pointer" : "default",
+                    lineHeight: "22px",
+                    overflowWrap: "break-word",
+                    wordBreak: "break-word"
                   },
-                  onClick: c,
-                  children: d
+                  onClick: m,
+                  children: p
                 }
               ),
-              h && (i ? /* @__PURE__ */ e(
-                n,
+              d && (i ? /* @__PURE__ */ e(
+                t,
                 {
                   animation: "wave",
                   height: 10,
@@ -73,7 +75,7 @@ const g = ({
                   sx: { mb: 0.25, mt: 0.35 }
                 }
               ) : /* @__PURE__ */ e(
-                a,
+                l,
                 {
                   variant: "caption",
                   component: "p",
@@ -84,17 +86,19 @@ const g = ({
                     display: "-webkit-box",
                     WebkitLineClamp: 4,
                     WebkitBoxOrient: "vertical",
-                    lineHeight: "16px"
+                    lineHeight: "16px",
+                    overflowWrap: "break-word",
+                    wordBreak: "break-word"
                   },
-                  children: h
+                  children: d
                 }
               ))
             ] })
           ] }),
-          i ? /* @__PURE__ */ r(t, { children: [
-            /* @__PURE__ */ e(n, { animation: "wave", height: 10, sx: { mb: 0.5, mt: 0.5 } }),
+          i ? /* @__PURE__ */ n(r, { children: [
+            /* @__PURE__ */ e(t, { animation: "wave", height: 10, sx: { mb: 0.5, mt: 0.5 } }),
             /* @__PURE__ */ e(
-              n,
+              t,
               {
                 animation: "wave",
                 height: 10,
@@ -103,7 +107,7 @@ const g = ({
               }
             )
           ] }) : /* @__PURE__ */ e(
-            a,
+            l,
             {
               variant: "caption",
               component: "p",
@@ -115,29 +119,31 @@ const g = ({
                 WebkitLineClamp: 4,
                 WebkitBoxOrient: "vertical",
                 lineHeight: "16px",
-                cursor: o ? "pointer" : "default",
-                my: 2
+                cursor: a ? "pointer" : "default",
+                my: 2,
+                overflowWrap: "break-word",
+                wordBreak: "break-word"
               },
-              onClick: c,
-              children: /* @__PURE__ */ e("small", { children: typeof l == "string" ? l.length > 350 ? `${l.substring(0, 350)}...` : l : null })
+              onClick: m,
+              children: /* @__PURE__ */ e("small", { children: typeof o == "string" ? o.length > 350 ? `${o.substring(0, 350)}...` : o : null })
             }
           ),
           i ? /* @__PURE__ */ e(
-            n,
+            t,
             {
               animation: "wave",
               height: 10,
               width: "100px",
               sx: { mb: 1, mt: 1 }
             }
-          ) : p,
-          i ? null : x
+          ) : c,
+          i ? null : w
         ] }),
-        /* @__PURE__ */ e(t, { children: w })
+        /* @__PURE__ */ e(r, { children: x })
       ]
     }
   );
 };
 export {
-  g as CardAlternate
+  y as CardAlternate
 };

package/dist/components/card-alternate/styled.js

@@ -1,21 +1,22 @@
-import { styled as a, Card as t, Box as o } from "@mui/material";
-const r = a(t, {
+import { styled as i, Card as t, Box as n } from "@mui/material";
+const r = i(t, {
   name: "SNAlternateCard",
   // The component name
   slot: "root"
   // The slot name
-})(({ theme: i }) => ({
+})(({ theme: a }) => ({
   position: "relative",
   display: "flex",
-  padding: i.spacing(3),
-  gap: i.spacing(2),
+  padding: a.spacing(3),
+  paddingTop: a.spacing(6),
+  gap: a.spacing(2),
   "& .MuiCardMedia-root": {
-    borderRadius: i.shape.borderRadius
+    borderRadius: a.shape.borderRadius
   },
   "& .MuiCardContent-root, & .MuiCardContent-root:last-child": {
     display: "flex",
     flex: 1,
-    gap: i.spacing(3),
+    gap: a.spacing(3),
     padding: 0,
     margin: 0
   },
@@ -23,7 +24,7 @@ const r = a(t, {
     visibility: "visible",
     opacity: 1
   }
-})), e = a(o, {
+})), e = i(n, {
   name: "SNAlternateCard",
   slot: "menuContainer"
 })(() => ({
@@ -31,6 +32,9 @@ const r = a(t, {
   top: 8,
   right: 8,
   display: "flex",
+  flexWrap: "wrap",
+  gap: 8,
+  alignItems: "center",
   visibility: "hidden",
   opacity: 0,
   transition: "0.3s all"