@movable/ui 1.5.1 → 1.6.0

package/lib/components/surfaces/InkPaper.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { PaperProps } from '@mui/material/Paper';
 export type InkPaperProps = PaperProps & {
-    Header: string;
+    Header: string | JSX.Element;
     Description?: string;
     Icon?: JSX.Element;
     CTA?: JSX.Element;

package/lib/index.mjs

@@ -5664,7 +5664,7 @@ function yf({ Header: e, Description: r, Icon: t, CTA: n, children: o, ...i }) {
     flexBasis: "100%",
     overflow: "hidden",
     textOverflow: "ellipsis"
-  }, children: [y.jsx($o, { "data-test": "ink-paper-header", variant: "subtitle1", color: "text.primary", component: "strong", children: e }), r && y.jsx($o, { "data-test": "ink-paper-description", variant: "caption", color: "text.secondary", noWrap: !0, children: r })] }), n] }), o] });
+  }, children: [typeof e != "string" ? y.jsx(y.Fragment, { children: e }) : y.jsx($o, { "data-test": "ink-paper-header", variant: "subtitle1", color: "text.primary", component: "strong", fontWeight: 600, children: e }), r && y.jsx($o, { "data-test": "ink-paper-description", variant: "caption", color: "text.secondary", noWrap: !0, children: r })] }), n] }), o] });
 }
 const vf = ({ name: e, options: r, onChange: t, onBlur: n, value: o, ref: i, direction: a = "row", cardSx: s, fullWidth: l = !0 }) => y.jsx(Aa, { name: e, onChange: t, onBlur: n, value: o, ref: i, "aria-label": e, sx: { width: l ? "100%" : "fit-content" }, children: y.jsx(Fe, { direction: a, spacing: 2, children: r.map(({ value: u, icon: d, title: m, description: p, subDescription: E }) => y.jsx(Wo, { value: u, control: y.jsx($a, { sx: { display: "none" } }), sx: {
   width: l ? "100%" : "auto",