@jobber/components 5.15.1 → 5.15.2-JOB-95931.4

package/dist/Markdown/index.cjs

@@ -1,16 +1,16 @@
 'use strict';
 
-var Markdown = require('../Markdown-NCdx8OwE.js');
+var Markdown = require('../Markdown-D7i-DUcB.js');
 require('react');
-require('../Text-2KfMzY44.js');
-require('../Typography-Dvt6Y6oW.js');
+require('../Text-ClMWx4Cx.js');
+require('../Typography-BeJOz_Y1.js');
 require('classnames');
-require('../Emphasis-WsZhLO6w.js');
-require('../Heading-BZzx2_Ly.js');
-require('../Content-DlW8giTp.js');
-require('../index-CgsM2MVm.js');
-require('../_commonjsHelpers-CGz0wU5l.js');
-require('../_polyfill-node.process-BX0TI53y.js');
+require('../Emphasis-CEyOpzY9.js');
+require('../Heading-DkxQEIIx.js');
+require('../Content-DGrm3a3s.js');
+require('../index-2iA-rJPu.js');
+require('../_commonjsHelpers-C2EDNFCo.js');
+require('../_polyfill-node.process-DQjgqiaS.js');
 
 
 

package/dist/Markdown/index.mjs

@@ -1,11 +1,11 @@
-export { M as Markdown } from '../Markdown-C63Ay9kn.js';
+export { M as Markdown } from '../Markdown-D9yWKcsX.js';
 import 'react';
-import '../Text-BrS9ow9D.js';
-import '../Typography-DKWlAbe5.js';
+import '../Text-BDvq1q6M.js';
+import '../Typography-Cgw6s7bq.js';
 import 'classnames';
-import '../Emphasis-DeT1GKzp.js';
-import '../Heading-B0_X2xCI.js';
-import '../Content-fymls6xY.js';
-import '../index-CyugoR8M.js';
-import '../_commonjsHelpers-DIRBjC_f.js';
-import '../_polyfill-node.process-ClhgfJfA.js';
+import '../Emphasis-o2YlTk42.js';
+import '../Heading-BCVMnz6f.js';
+import '../Content-BvHXJxPf.js';
+import '../index-DasfoNVi.js';
+import '../_commonjsHelpers-BhigmKrC.js';
+import '../_polyfill-node.process-aQpd869G.js';

package/dist/{Markdown-NCdx8OwE.js → Markdown-D7i-DUcB.js}

@@ -1,13 +1,13 @@
 'use strict';
 
 var React = require('react');
-var Text = require('./Text-2KfMzY44.js');
-var Emphasis = require('./Emphasis-WsZhLO6w.js');
-var Heading = require('./Heading-BZzx2_Ly.js');
-var Content = require('./Content-DlW8giTp.js');
-var index$3 = require('./index-CgsM2MVm.js');
-var _commonjsHelpers = require('./_commonjsHelpers-CGz0wU5l.js');
-var _polyfillNode_process = require('./_polyfill-node.process-BX0TI53y.js');
+var Text = require('./Text-ClMWx4Cx.js');
+var Emphasis = require('./Emphasis-CEyOpzY9.js');
+var Heading = require('./Heading-DkxQEIIx.js');
+var Content = require('./Content-DGrm3a3s.js');
+var index$3 = require('./index-2iA-rJPu.js');
+var _commonjsHelpers = require('./_commonjsHelpers-C2EDNFCo.js');
+var _polyfillNode_process = require('./_polyfill-node.process-DQjgqiaS.js');
 
 const protocols = ['http', 'https', 'mailto', 'tel'];
 

package/dist/{Markdown-C63Ay9kn.js → Markdown-D9yWKcsX.js}

@@ -1,11 +1,11 @@
 import React from 'react';
-import { T as Text } from './Text-BrS9ow9D.js';
-import { E as Emphasis } from './Emphasis-DeT1GKzp.js';
-import { H as Heading } from './Heading-B0_X2xCI.js';
-import { C as Content } from './Content-fymls6xY.js';
-import { P as PropTypes } from './index-CyugoR8M.js';
-import { g as getDefaultExportFromCjs } from './_commonjsHelpers-DIRBjC_f.js';
-import { b as browser$1 } from './_polyfill-node.process-ClhgfJfA.js';
+import { T as Text } from './Text-BDvq1q6M.js';
+import { E as Emphasis } from './Emphasis-o2YlTk42.js';
+import { H as Heading } from './Heading-BCVMnz6f.js';
+import { C as Content } from './Content-BvHXJxPf.js';
+import { P as PropTypes } from './index-DasfoNVi.js';
+import { g as getDefaultExportFromCjs } from './_commonjsHelpers-BhigmKrC.js';
+import { b as browser$1 } from './_polyfill-node.process-aQpd869G.js';
 
 const protocols = ['http', 'https', 'mailto', 'tel'];
 

package/dist/Menu/index.cjs

@@ -1,22 +1,22 @@
 'use strict';
 
-var Menu = require('../Menu-ftQ006r5.js');
+var Menu = require('../Menu-BBegPFv2.js');
 require('react');
 require('classnames');
 require('framer-motion');
-require('../useOnKeyDown-GaqH3r3g.js');
-require('../useRefocusOnActivator-DgpIdgcw.js');
+require('../useOnKeyDown-592DmDGX.js');
+require('../useRefocusOnActivator-CDC1dWYb.js');
 require('react-popper');
-require('../useIsMounted-C504kr5G.js');
-require('../useSafeLayoutEffect-Cgw_vXHP.js');
+require('../useIsMounted-BmNUnJfa.js');
+require('../useSafeLayoutEffect-bMDPXSpI.js');
 require('react-dom');
-require('../useFocusTrap-DGEul5K_.js');
-require('../Button-B638__eg.js');
+require('../useFocusTrap-i2g6vOqh.js');
+require('../Button-I9WiKpzK.js');
 require('react-router-dom');
-require('../Icon-O_wTFhJt.js');
+require('../Icon-6XBJKf2A.js');
 require('@jobber/design');
-require('../Typography-Dvt6Y6oW.js');
-require('../useFormFieldFocus-D5xU6SZ6.js');
+require('../Typography-BeJOz_Y1.js');
+require('../useFormFieldFocus-Cp7qK_Oj.js');
 
 
 

package/dist/Menu/index.mjs

@@ -1,17 +1,17 @@
-export { M as Menu } from '../Menu-BXuQcKYi.js';
+export { M as Menu } from '../Menu-Bd4jDRaI.js';
 import 'react';
 import 'classnames';
 import 'framer-motion';
-import '../useOnKeyDown-BHKkJ7bL.js';
-import '../useRefocusOnActivator-DKdqq3UB.js';
+import '../useOnKeyDown-D6ZzXGwm.js';
+import '../useRefocusOnActivator-8qHQbbZR.js';
 import 'react-popper';
-import '../useIsMounted-CXcIWS6_.js';
-import '../useSafeLayoutEffect-BgfUuoyF.js';
+import '../useIsMounted-BmnEY7TN.js';
+import '../useSafeLayoutEffect-PUF6XCZJ.js';
 import 'react-dom';
-import '../useFocusTrap-DTZ6DVfy.js';
-import '../Button-DQqP_AfC.js';
+import '../useFocusTrap-CP-NTW8x.js';
+import '../Button-w0bFqF8B.js';
 import 'react-router-dom';
-import '../Icon-DKygzXRi.js';
+import '../Icon-DPdxUnVA.js';
 import '@jobber/design';
-import '../Typography-DKWlAbe5.js';
-import '../useFormFieldFocus-BmF-oiHJ.js';
+import '../Typography-Cgw6s7bq.js';
+import '../useFormFieldFocus-8xvu_EXm.js';

package/dist/{Menu-ftQ006r5.js → Menu-BBegPFv2.js}

@@ -3,16 +3,16 @@
 var React = require('react');
 var classnames = require('classnames');
 var framerMotion = require('framer-motion');
-var useOnKeyDown = require('./useOnKeyDown-GaqH3r3g.js');
-var useRefocusOnActivator = require('./useRefocusOnActivator-DgpIdgcw.js');
+var useOnKeyDown = require('./useOnKeyDown-592DmDGX.js');
+var useRefocusOnActivator = require('./useRefocusOnActivator-CDC1dWYb.js');
 var reactPopper = require('react-popper');
-var useIsMounted = require('./useIsMounted-C504kr5G.js');
+var useIsMounted = require('./useIsMounted-BmNUnJfa.js');
 var ReactDOM = require('react-dom');
-var useFocusTrap = require('./useFocusTrap-DGEul5K_.js');
-var Button = require('./Button-B638__eg.js');
-var Typography = require('./Typography-Dvt6Y6oW.js');
-var Icon = require('./Icon-O_wTFhJt.js');
-var useFormFieldFocus = require('./useFormFieldFocus-D5xU6SZ6.js');
+var useFocusTrap = require('./useFocusTrap-i2g6vOqh.js');
+var Button = require('./Button-I9WiKpzK.js');
+var Typography = require('./Typography-BeJOz_Y1.js');
+var Icon = require('./Icon-6XBJKf2A.js');
+var useFormFieldFocus = require('./useFormFieldFocus-Cp7qK_Oj.js');
 
 var useWindowDimensions$1 = {};
 

package/dist/{Menu-BXuQcKYi.js → Menu-Bd4jDRaI.js}

@@ -1,16 +1,16 @@
 import React, { useState, useRef, useId } from 'react';
 import classnames from 'classnames';
 import { AnimatePresence, motion } from 'framer-motion';
-import { u as useOnKeyDown_2 } from './useOnKeyDown-BHKkJ7bL.js';
-import { u as useRefocusOnActivator_2 } from './useRefocusOnActivator-DKdqq3UB.js';
+import { u as useOnKeyDown_2 } from './useOnKeyDown-D6ZzXGwm.js';
+import { u as useRefocusOnActivator_2 } from './useRefocusOnActivator-8qHQbbZR.js';
 import { usePopper } from 'react-popper';
-import { u as useIsMounted_2 } from './useIsMounted-CXcIWS6_.js';
+import { u as useIsMounted_2 } from './useIsMounted-BmnEY7TN.js';
 import ReactDOM from 'react-dom';
-import { u as useFocusTrap_2 } from './useFocusTrap-DTZ6DVfy.js';
-import { B as Button } from './Button-DQqP_AfC.js';
-import { T as Typography } from './Typography-DKWlAbe5.js';
-import { I as Icon } from './Icon-DKygzXRi.js';
-import { f as formFieldFocusAttribute } from './useFormFieldFocus-BmF-oiHJ.js';
+import { u as useFocusTrap_2 } from './useFocusTrap-CP-NTW8x.js';
+import { B as Button } from './Button-w0bFqF8B.js';
+import { T as Typography } from './Typography-Cgw6s7bq.js';
+import { I as Icon } from './Icon-DPdxUnVA.js';
+import { f as formFieldFocusAttribute } from './useFormFieldFocus-8xvu_EXm.js';
 
 var useWindowDimensions$1 = {};
 

package/dist/Modal/index.cjs

@@ -1,20 +1,20 @@
 'use strict';
 
-var Modal = require('../Modal-DapWNra3.js');
+var Modal = require('../Modal-CYYuRvVc.js');
 require('react');
 require('react-dom');
 require('classnames');
 require('framer-motion');
-require('../useRefocusOnActivator-DgpIdgcw.js');
-require('../useOnKeyDown-GaqH3r3g.js');
-require('../useFocusTrap-DGEul5K_.js');
-require('../Heading-BZzx2_Ly.js');
-require('../Typography-Dvt6Y6oW.js');
-require('../Button-B638__eg.js');
+require('../useRefocusOnActivator-CDC1dWYb.js');
+require('../useOnKeyDown-592DmDGX.js');
+require('../useFocusTrap-i2g6vOqh.js');
+require('../Heading-DkxQEIIx.js');
+require('../Typography-BeJOz_Y1.js');
+require('../Button-I9WiKpzK.js');
 require('react-router-dom');
-require('../Icon-O_wTFhJt.js');
+require('../Icon-6XBJKf2A.js');
 require('@jobber/design');
-require('../ButtonDismiss-CQOG0NdD.js');
+require('../ButtonDismiss-CUB3N5MP.js');
 
 
 

package/dist/Modal/index.mjs

@@ -1,15 +1,15 @@
-export { M as Modal } from '../Modal-uDNiSiGI.js';
+export { M as Modal } from '../Modal-DT35fkFS.js';
 import 'react';
 import 'react-dom';
 import 'classnames';
 import 'framer-motion';
-import '../useRefocusOnActivator-DKdqq3UB.js';
-import '../useOnKeyDown-BHKkJ7bL.js';
-import '../useFocusTrap-DTZ6DVfy.js';
-import '../Heading-B0_X2xCI.js';
-import '../Typography-DKWlAbe5.js';
-import '../Button-DQqP_AfC.js';
+import '../useRefocusOnActivator-8qHQbbZR.js';
+import '../useOnKeyDown-D6ZzXGwm.js';
+import '../useFocusTrap-CP-NTW8x.js';
+import '../Heading-BCVMnz6f.js';
+import '../Typography-Cgw6s7bq.js';
+import '../Button-w0bFqF8B.js';
 import 'react-router-dom';
-import '../Icon-DKygzXRi.js';
+import '../Icon-DPdxUnVA.js';
 import '@jobber/design';
-import '../ButtonDismiss-Dg7KEo6F.js';
+import '../ButtonDismiss-BwfmrrsW.js';

package/dist/{Modal-DapWNra3.js → Modal-CYYuRvVc.js}

@@ -4,12 +4,12 @@ var React = require('react');
 var ReactDOM = require('react-dom');
 var classnames = require('classnames');
 var framerMotion = require('framer-motion');
-var useRefocusOnActivator = require('./useRefocusOnActivator-DgpIdgcw.js');
-var useOnKeyDown = require('./useOnKeyDown-GaqH3r3g.js');
-var useFocusTrap = require('./useFocusTrap-DGEul5K_.js');
-var Heading = require('./Heading-BZzx2_Ly.js');
-var Button = require('./Button-B638__eg.js');
-var ButtonDismiss = require('./ButtonDismiss-CQOG0NdD.js');
+var useRefocusOnActivator = require('./useRefocusOnActivator-CDC1dWYb.js');
+var useOnKeyDown = require('./useOnKeyDown-592DmDGX.js');
+var useFocusTrap = require('./useFocusTrap-i2g6vOqh.js');
+var Heading = require('./Heading-DkxQEIIx.js');
+var Button = require('./Button-I9WiKpzK.js');
+var ButtonDismiss = require('./ButtonDismiss-CUB3N5MP.js');
 
 var styles = {"container":"QGRLFHPoV5E-","overlay":"_4WzGOMUGj5I-","modal":"WLId2NJBQcQ-","header":"wjrPpIUNNrk-","closeButton":"rKvigUnOyYE-","actionBar":"_62c8HLZFwvs-","leftAction":"Xl1Ptn-P9Ew-","rightAction":"p2s7GtpoZz0-"};
 

package/dist/{Modal-uDNiSiGI.js → Modal-DT35fkFS.js}

@@ -2,12 +2,12 @@ import React from 'react';
 import ReactDOM from 'react-dom';
 import classnames from 'classnames';
 import { AnimatePresence, motion } from 'framer-motion';
-import { u as useRefocusOnActivator_2 } from './useRefocusOnActivator-DKdqq3UB.js';
-import { u as useOnKeyDown_2 } from './useOnKeyDown-BHKkJ7bL.js';
-import { u as useFocusTrap_2 } from './useFocusTrap-DTZ6DVfy.js';
-import { H as Heading } from './Heading-B0_X2xCI.js';
-import { B as Button } from './Button-DQqP_AfC.js';
-import { B as ButtonDismiss } from './ButtonDismiss-Dg7KEo6F.js';
+import { u as useRefocusOnActivator_2 } from './useRefocusOnActivator-8qHQbbZR.js';
+import { u as useOnKeyDown_2 } from './useOnKeyDown-D6ZzXGwm.js';
+import { u as useFocusTrap_2 } from './useFocusTrap-CP-NTW8x.js';
+import { H as Heading } from './Heading-BCVMnz6f.js';
+import { B as Button } from './Button-w0bFqF8B.js';
+import { B as ButtonDismiss } from './ButtonDismiss-BwfmrrsW.js';
 
 var styles = {"container":"QGRLFHPoV5E-","overlay":"_4WzGOMUGj5I-","modal":"WLId2NJBQcQ-","header":"wjrPpIUNNrk-","closeButton":"rKvigUnOyYE-","actionBar":"_62c8HLZFwvs-","leftAction":"Xl1Ptn-P9Ew-","rightAction":"p2s7GtpoZz0-"};
 

package/dist/MultiSelect/index.cjs

@@ -1,15 +1,15 @@
 'use strict';
 
-var MultiSelect = require('../MultiSelect-DSjyx3Jc.js');
+var MultiSelect = require('../MultiSelect-Dgvs5zB9.js');
 require('react');
 require('classnames');
-require('../Checkbox-B0LORXtX.js');
-require('../tslib.es6-ZT2gjWO1.js');
+require('../Checkbox-CZmIwg-S.js');
+require('../tslib.es6-CyV5PTod.js');
 require('react-hook-form');
-require('../Icon-O_wTFhJt.js');
+require('../Icon-6XBJKf2A.js');
 require('@jobber/design');
-require('../Text-2KfMzY44.js');
-require('../Typography-Dvt6Y6oW.js');
+require('../Text-ClMWx4Cx.js');
+require('../Typography-BeJOz_Y1.js');
 
 
 

package/dist/MultiSelect/index.mjs

@@ -1,10 +1,10 @@
-export { M as MultiSelect } from '../MultiSelect-BgenjIYr.js';
+export { M as MultiSelect } from '../MultiSelect-DND9SgvQ.js';
 import 'react';
 import 'classnames';
-import '../Checkbox-Dho2gaFN.js';
-import '../tslib.es6-2tceTRo0.js';
+import '../Checkbox-CioTpx9P.js';
+import '../tslib.es6-DZQtziZ1.js';
 import 'react-hook-form';
-import '../Icon-DKygzXRi.js';
+import '../Icon-DPdxUnVA.js';
 import '@jobber/design';
-import '../Text-BrS9ow9D.js';
-import '../Typography-DKWlAbe5.js';
+import '../Text-BDvq1q6M.js';
+import '../Typography-Cgw6s7bq.js';

package/dist/{MultiSelect-BgenjIYr.js → MultiSelect-DND9SgvQ.js}

@@ -1,8 +1,8 @@
 import React, { useState, useRef, useCallback, useEffect } from 'react';
 import classnames from 'classnames';
-import { C as Checkbox } from './Checkbox-Dho2gaFN.js';
-import { T as Text } from './Text-BrS9ow9D.js';
-import { I as Icon } from './Icon-DKygzXRi.js';
+import { C as Checkbox } from './Checkbox-CioTpx9P.js';
+import { T as Text } from './Text-BDvq1q6M.js';
+import { I as Icon } from './Icon-DPdxUnVA.js';
 
 var styles$1 = {"multiSelectContainer":"D-J03az6XL4-","multiSelect":"EzNdHgwsT40-","active":"bu7HWKRu6HI-","small":"eQ6yfQg6zLc-","large":"pM-ts4-QMZY-"};
 

package/dist/{MultiSelect-DSjyx3Jc.js → MultiSelect-Dgvs5zB9.js}

@@ -2,9 +2,9 @@
 
 var React = require('react');
 var classnames = require('classnames');
-var Checkbox = require('./Checkbox-B0LORXtX.js');
-var Text = require('./Text-2KfMzY44.js');
-var Icon = require('./Icon-O_wTFhJt.js');
+var Checkbox = require('./Checkbox-CZmIwg-S.js');
+var Text = require('./Text-ClMWx4Cx.js');
+var Icon = require('./Icon-6XBJKf2A.js');
 
 var styles$1 = {"multiSelectContainer":"D-J03az6XL4-","multiSelect":"EzNdHgwsT40-","active":"bu7HWKRu6HI-","small":"eQ6yfQg6zLc-","large":"pM-ts4-QMZY-"};
 

package/dist/{Option-DMCf5Yq3.js → Option-Bs-TcPC9.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var FormField = require('./FormField-mFAghN-y.js');
+var FormField = require('./FormField-DZON4qpL.js');
 
 function Select(props) {
     return React.createElement(FormField.FormField, Object.assign({ type: "select" }, props));

package/dist/{Option-CdJ6KzRM.js → Option-D6q6wSoo.js}

@@ -1,5 +1,5 @@
 import React from 'react';
-import { F as FormField } from './FormField-BF2nWc-I.js';
+import { F as FormField } from './FormField-B1pc7Wxt.js';
 
 function Select(props) {
     return React.createElement(FormField, Object.assign({ type: "select" }, props));

package/dist/Page/Page.d.ts

@@ -8,6 +8,11 @@ interface PageFoundationProps {
      * Title of the page.
      */
     readonly title: string;
+    /**
+     * TitleMetaData component to be displayed
+     * next to the title.
+     */
+    readonly titleMetaData?: ReactNode;
     /**
      * Subtitle of the page.
      */
@@ -55,5 +60,5 @@ interface PageWithIntroProps extends PageFoundationProps {
     readonly externalIntroLinks?: boolean;
 }
 export type PageProps = XOR<PageFoundationProps, PageWithIntroProps>;
-export declare function Page({ title, intro, externalIntroLinks, subtitle, children, width, primaryAction, secondaryAction, moreActionsMenu, }: PageProps): JSX.Element;
+export declare function Page({ title, titleMetaData, intro, externalIntroLinks, subtitle, children, width, primaryAction, secondaryAction, moreActionsMenu, }: PageProps): JSX.Element;
 export {};

package/dist/Page/index.cjs

@@ -1,36 +1,36 @@
 'use strict';
 
-var Page = require('../Page-S6f36Fjt.js');
+var Page = require('../Page-eYdWpxJp.js');
 require('react');
 require('classnames');
-require('../useResizeObserver-SgWM6rhW.js');
-require('../_commonjsHelpers-CGz0wU5l.js');
-require('../throttle-yBf9hpVn.js');
-require('../debounce-CfUh0oTX.js');
-require('../isObjectLike-CKF_-OFc.js');
-require('../isSymbol-y6dVs2r2.js');
-require('../Heading-BZzx2_Ly.js');
-require('../Typography-Dvt6Y6oW.js');
-require('../Text-2KfMzY44.js');
-require('../Content-DlW8giTp.js');
-require('../Markdown-NCdx8OwE.js');
-require('../Emphasis-WsZhLO6w.js');
-require('../index-CgsM2MVm.js');
-require('../_polyfill-node.process-BX0TI53y.js');
-require('../Button-B638__eg.js');
+require('../useResizeObserver-DgCrXCqs.js');
+require('../_commonjsHelpers-C2EDNFCo.js');
+require('../throttle-DhhWXaTB.js');
+require('../debounce-C6eIHGBp.js');
+require('../isObjectLike-D3o1bGX4.js');
+require('../isSymbol-Cb9M4mlu.js');
+require('../Heading-DkxQEIIx.js');
+require('../Typography-BeJOz_Y1.js');
+require('../Text-ClMWx4Cx.js');
+require('../Content-DGrm3a3s.js');
+require('../Markdown-D7i-DUcB.js');
+require('../Emphasis-CEyOpzY9.js');
+require('../index-2iA-rJPu.js');
+require('../_polyfill-node.process-DQjgqiaS.js');
+require('../Button-I9WiKpzK.js');
 require('react-router-dom');
-require('../Icon-O_wTFhJt.js');
+require('../Icon-6XBJKf2A.js');
 require('@jobber/design');
-require('../Menu-ftQ006r5.js');
+require('../Menu-BBegPFv2.js');
 require('framer-motion');
-require('../useOnKeyDown-GaqH3r3g.js');
-require('../useRefocusOnActivator-DgpIdgcw.js');
+require('../useOnKeyDown-592DmDGX.js');
+require('../useRefocusOnActivator-CDC1dWYb.js');
 require('react-popper');
-require('../useIsMounted-C504kr5G.js');
-require('../useSafeLayoutEffect-Cgw_vXHP.js');
+require('../useIsMounted-BmNUnJfa.js');
+require('../useSafeLayoutEffect-bMDPXSpI.js');
 require('react-dom');
-require('../useFocusTrap-DGEul5K_.js');
-require('../useFormFieldFocus-D5xU6SZ6.js');
+require('../useFocusTrap-i2g6vOqh.js');
+require('../useFormFieldFocus-Cp7qK_Oj.js');
 
 
 

package/dist/Page/index.mjs

@@ -1,31 +1,31 @@
-export { P as Page } from '../Page-BK5X3Saq.js';
+export { P as Page } from '../Page-DYBkSS8c.js';
 import 'react';
 import 'classnames';
-import '../useResizeObserver-BM5O5Q2C.js';
-import '../_commonjsHelpers-DIRBjC_f.js';
-import '../throttle-C3MuLiqm.js';
-import '../debounce-CAVfdTLA.js';
-import '../isObjectLike-i-0OqkfK.js';
-import '../isSymbol-tJehMQfH.js';
-import '../Heading-B0_X2xCI.js';
-import '../Typography-DKWlAbe5.js';
-import '../Text-BrS9ow9D.js';
-import '../Content-fymls6xY.js';
-import '../Markdown-C63Ay9kn.js';
-import '../Emphasis-DeT1GKzp.js';
-import '../index-CyugoR8M.js';
-import '../_polyfill-node.process-ClhgfJfA.js';
-import '../Button-DQqP_AfC.js';
+import '../useResizeObserver-C9o-3S6a.js';
+import '../_commonjsHelpers-BhigmKrC.js';
+import '../throttle-z3JJ-osn.js';
+import '../debounce-6TAT4YvR.js';
+import '../isObjectLike-B0t9cxZM.js';
+import '../isSymbol-D_lHa6Mk.js';
+import '../Heading-BCVMnz6f.js';
+import '../Typography-Cgw6s7bq.js';
+import '../Text-BDvq1q6M.js';
+import '../Content-BvHXJxPf.js';
+import '../Markdown-D9yWKcsX.js';
+import '../Emphasis-o2YlTk42.js';
+import '../index-DasfoNVi.js';
+import '../_polyfill-node.process-aQpd869G.js';
+import '../Button-w0bFqF8B.js';
 import 'react-router-dom';
-import '../Icon-DKygzXRi.js';
+import '../Icon-DPdxUnVA.js';
 import '@jobber/design';
-import '../Menu-BXuQcKYi.js';
+import '../Menu-Bd4jDRaI.js';
 import 'framer-motion';
-import '../useOnKeyDown-BHKkJ7bL.js';
-import '../useRefocusOnActivator-DKdqq3UB.js';
+import '../useOnKeyDown-D6ZzXGwm.js';
+import '../useRefocusOnActivator-8qHQbbZR.js';
 import 'react-popper';
-import '../useIsMounted-CXcIWS6_.js';
-import '../useSafeLayoutEffect-BgfUuoyF.js';
+import '../useIsMounted-BmnEY7TN.js';
+import '../useSafeLayoutEffect-PUF6XCZJ.js';
 import 'react-dom';
-import '../useFocusTrap-DTZ6DVfy.js';
-import '../useFormFieldFocus-BmF-oiHJ.js';
+import '../useFocusTrap-CP-NTW8x.js';
+import '../useFormFieldFocus-8xvu_EXm.js';

package/dist/{Page-BK5X3Saq.js → Page-DYBkSS8c.js}

@@ -1,18 +1,18 @@
 import React from 'react';
 import classnames from 'classnames';
-import { u as useResizeObserver } from './useResizeObserver-BM5O5Q2C.js';
-import { H as Heading } from './Heading-B0_X2xCI.js';
-import { T as Text } from './Text-BrS9ow9D.js';
-import { C as Content } from './Content-fymls6xY.js';
-import { M as Markdown } from './Markdown-C63Ay9kn.js';
-import { B as Button } from './Button-DQqP_AfC.js';
-import { M as Menu } from './Menu-BXuQcKYi.js';
-import { E as Emphasis } from './Emphasis-DeT1GKzp.js';
+import { u as useResizeObserver } from './useResizeObserver-C9o-3S6a.js';
+import { H as Heading } from './Heading-BCVMnz6f.js';
+import { T as Text } from './Text-BDvq1q6M.js';
+import { C as Content } from './Content-BvHXJxPf.js';
+import { M as Markdown } from './Markdown-D9yWKcsX.js';
+import { B as Button } from './Button-w0bFqF8B.js';
+import { M as Menu } from './Menu-Bd4jDRaI.js';
+import { E as Emphasis } from './Emphasis-o2YlTk42.js';
 
-var styles = {"page":"pVEdXlwstrc-","fill":"_9r84iz--C5M-","standard":"_0LO26JFXU9g-","narrow":"KiMIF8eFbuE-","titleBar":"GCeQrLFyml4-","actionGroup":"KP-BTjB82iQ-","large":"GuFU-PgC1j4-","medium":"qiwlkB5pxkA-","small":"CbPnpIk7-EE-","primaryAction":"E5FEsck9zwg-","actionButton":"Sn3-wJuNCqk-","subtitle":"_9ZKFDK2jL80-"};
+var styles = {"page":"pVEdXlwstrc-","fill":"_9r84iz--C5M-","standard":"_0LO26JFXU9g-","narrow":"KiMIF8eFbuE-","titleBar":"GCeQrLFyml4-","titleRow":"Rwavr8hZaCg-","actionGroup":"KP-BTjB82iQ-","large":"GuFU-PgC1j4-","medium":"qiwlkB5pxkA-","small":"CbPnpIk7-EE-","primaryAction":"E5FEsck9zwg-","actionButton":"Sn3-wJuNCqk-","subtitle":"_9ZKFDK2jL80-"};
 
 // eslint-disable-next-line max-statements
-function Page({ title, intro, externalIntroLinks, subtitle, children, width = "standard", primaryAction, secondaryAction, moreActionsMenu = [], }) {
+function Page({ title, titleMetaData, intro, externalIntroLinks, subtitle, children, width = "standard", primaryAction, secondaryAction, moreActionsMenu = [], }) {
     const pageStyles = classnames(styles.page, styles[width]);
     const [titleBarRef, { width: titleBarWidth = useResizeObserver.Breakpoints.large }] = useResizeObserver.useResizeObserver();
     const titleBarClasses = classnames(styles.titleBar, {
@@ -36,7 +36,9 @@ function Page({ title, intro, externalIntroLinks, subtitle, children, width = "s
             React.createElement(Content, null,
                 React.createElement("div", { className: titleBarClasses, ref: titleBarRef },
                     React.createElement("div", null,
-                        React.createElement(Heading, { level: 1 }, title),
+                        React.createElement("div", { className: styles.titleRow },
+                            React.createElement(Heading, { level: 1 }, title),
+                            titleMetaData),
                         subtitle && (React.createElement("div", { className: styles.subtitle },
                             React.createElement(Text, { size: "large", variation: "subdued" },
                                 React.createElement(Emphasis, { variation: "bold" },

package/dist/{Page-S6f36Fjt.js → Page-eYdWpxJp.js}

@@ -2,19 +2,19 @@
 
 var React = require('react');
 var classnames = require('classnames');
-var useResizeObserver = require('./useResizeObserver-SgWM6rhW.js');
-var Heading = require('./Heading-BZzx2_Ly.js');
-var Text = require('./Text-2KfMzY44.js');
-var Content = require('./Content-DlW8giTp.js');
-var Markdown = require('./Markdown-NCdx8OwE.js');
-var Button = require('./Button-B638__eg.js');
-var Menu = require('./Menu-ftQ006r5.js');
-var Emphasis = require('./Emphasis-WsZhLO6w.js');
+var useResizeObserver = require('./useResizeObserver-DgCrXCqs.js');
+var Heading = require('./Heading-DkxQEIIx.js');
+var Text = require('./Text-ClMWx4Cx.js');
+var Content = require('./Content-DGrm3a3s.js');
+var Markdown = require('./Markdown-D7i-DUcB.js');
+var Button = require('./Button-I9WiKpzK.js');
+var Menu = require('./Menu-BBegPFv2.js');
+var Emphasis = require('./Emphasis-CEyOpzY9.js');
 
-var styles = {"page":"pVEdXlwstrc-","fill":"_9r84iz--C5M-","standard":"_0LO26JFXU9g-","narrow":"KiMIF8eFbuE-","titleBar":"GCeQrLFyml4-","actionGroup":"KP-BTjB82iQ-","large":"GuFU-PgC1j4-","medium":"qiwlkB5pxkA-","small":"CbPnpIk7-EE-","primaryAction":"E5FEsck9zwg-","actionButton":"Sn3-wJuNCqk-","subtitle":"_9ZKFDK2jL80-"};
+var styles = {"page":"pVEdXlwstrc-","fill":"_9r84iz--C5M-","standard":"_0LO26JFXU9g-","narrow":"KiMIF8eFbuE-","titleBar":"GCeQrLFyml4-","titleRow":"Rwavr8hZaCg-","actionGroup":"KP-BTjB82iQ-","large":"GuFU-PgC1j4-","medium":"qiwlkB5pxkA-","small":"CbPnpIk7-EE-","primaryAction":"E5FEsck9zwg-","actionButton":"Sn3-wJuNCqk-","subtitle":"_9ZKFDK2jL80-"};
 
 // eslint-disable-next-line max-statements
-function Page({ title, intro, externalIntroLinks, subtitle, children, width = "standard", primaryAction, secondaryAction, moreActionsMenu = [], }) {
+function Page({ title, titleMetaData, intro, externalIntroLinks, subtitle, children, width = "standard", primaryAction, secondaryAction, moreActionsMenu = [], }) {
     const pageStyles = classnames(styles.page, styles[width]);
     const [titleBarRef, { width: titleBarWidth = useResizeObserver.useResizeObserver.Breakpoints.large }] = useResizeObserver.useResizeObserver.useResizeObserver();
     const titleBarClasses = classnames(styles.titleBar, {
@@ -38,7 +38,9 @@ function Page({ title, intro, externalIntroLinks, subtitle, children, width = "s
             React.createElement(Content.Content, null,
                 React.createElement("div", { className: titleBarClasses, ref: titleBarRef },
                     React.createElement("div", null,
-                        React.createElement(Heading.Heading, { level: 1 }, title),
+                        React.createElement("div", { className: styles.titleRow },
+                            React.createElement(Heading.Heading, { level: 1 }, title),
+                            titleMetaData),
                         subtitle && (React.createElement("div", { className: styles.subtitle },
                             React.createElement(Text.Text, { size: "large", variation: "subdued" },
                                 React.createElement(Emphasis.Emphasis, { variation: "bold" },