@web-fuse/wf-components 1.0.2 → 1.0.4

package/dist/index.es.js

@@ -646,7 +646,7 @@ const Dr = C.h3`
   @media only screen and (min-width: 768px) {
     font-size: 1.3rem;
   }
-`, Rn = ({ title: e, titleColor: o = "#25b1ef" }) => e ? /* @__PURE__ */ f.jsx(Dr, { $color: o, children: e }) : null, jr = C.div`
+`, Rn = ({ children: e, titleColor: o = "#25b1ef" }) => e ? /* @__PURE__ */ f.jsx(Dr, { $color: o, children: e }) : null, jr = C.div`
   background: linear-gradient(60deg,rgba(75,80,85,.5),rgba(125,123,120,.5));
   border-radius: 4px;
   box-shadow: 0 .1em .3em rgba(0,0,0,.4);
@@ -658,7 +658,7 @@ const Dr = C.h3`
     margin-inline: 4px;
   }
 `, $r = ({ children: e, title: o, titleColor: n }) => /* @__PURE__ */ f.jsxs(jr, { children: [
-  /* @__PURE__ */ f.jsx(Rn, { title: o, titleColor: n }),
+  /* @__PURE__ */ f.jsx(Rn, { titleColor: n, children: o }),
   e
 ] });
 $r.Title = Rn;
@@ -683,7 +683,7 @@ const Lr = C.div`
   @media screen and (min-width: 768px) {
     font-size: 2rem;
   }
-`, Fn = ({ title: e, titleColor: o }) => {
+`, Fn = ({ children: e, titleColor: o }) => {
   const { token: { colorPrimary: n } } = j.useToken();
   return e ? /* @__PURE__ */ f.jsx(Lr, { $color: o || n, children: /* @__PURE__ */ f.jsx(Ir, { $color: o || n, children: e }) }) : null;
 }, Nr = C.div`
@@ -704,7 +704,7 @@ const Lr = C.div`
       $bgMain: t,
       $bgAccent: l,
       children: [
-        /* @__PURE__ */ f.jsx(Fn, { title: o, titleColor: n }),
+        /* @__PURE__ */ f.jsx(Fn, { titleColor: n, children: o }),
         e
       ]
     }