@lightsparkdev/ui 1.1.16 → 1.1.18

package/dist/{chunk-OPCV57I6.cjs → chunk-D3I2NNVL.cjs}

@@ -1,68 +1,68 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkZYC3AVIGcjs = require('./chunk-ZYC3AVIG.cjs');
+var _chunkLKCJYBQCcjs = require('./chunk-LKCJYBQC.cjs');
 
 
-var _chunk4HESAYFNcjs = require('./chunk-4HESAYFN.cjs');
+var _chunkJRMWIAG7cjs = require('./chunk-JRMWIAG7.cjs');
 
 
-var _chunk7777ZFRLcjs = require('./chunk-7777ZFRL.cjs');
+var _chunkJ45K2BETcjs = require('./chunk-J45K2BET.cjs');
 
 
-var _chunkYWJN4224cjs = require('./chunk-YWJN4224.cjs');
+var _chunk5IQ6G7A5cjs = require('./chunk-5IQ6G7A5.cjs');
 
 
-var _chunkWI6AYHRNcjs = require('./chunk-WI6AYHRN.cjs');
+var _chunkZHFUUGB4cjs = require('./chunk-ZHFUUGB4.cjs');
 
 
 
-var _chunkSG2KPTGOcjs = require('./chunk-SG2KPTGO.cjs');
+var _chunkS4722UITcjs = require('./chunk-S4722UIT.cjs');
 
 
-var _chunkIP6UQMJ7cjs = require('./chunk-IP6UQMJ7.cjs');
+var _chunkRLKT6N7Jcjs = require('./chunk-RLKT6N7J.cjs');
 
 
 var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
 
 
-var _chunkCR55KSPGcjs = require('./chunk-CR55KSPG.cjs');
+var _chunkGGPCU5XOcjs = require('./chunk-GGPCU5XO.cjs');
 
 
-var _chunkVIVS4Q34cjs = require('./chunk-VIVS4Q34.cjs');
+var _chunkFRDJP2ZRcjs = require('./chunk-FRDJP2ZR.cjs');
 
 
-var _chunkKAUJVYDVcjs = require('./chunk-KAUJVYDV.cjs');
+var _chunkI4RTWH7Kcjs = require('./chunk-I4RTWH7K.cjs');
 
 
-var _chunkVXCQN5B7cjs = require('./chunk-VXCQN5B7.cjs');
+var _chunkTN4YJFMDcjs = require('./chunk-TN4YJFMD.cjs');
 
 
-var _chunkJQAMMNYAcjs = require('./chunk-JQAMMNYA.cjs');
+var _chunk24X6QUDRcjs = require('./chunk-24X6QUDR.cjs');
 
 
 var _chunkCH2PLO6Fcjs = require('./chunk-CH2PLO6F.cjs');
 
 
-var _chunkRQYZJFW2cjs = require('./chunk-RQYZJFW2.cjs');
+var _chunkIDO7JKMIcjs = require('./chunk-IDO7JKMI.cjs');
 
 
-var _chunkHBHJ3IFPcjs = require('./chunk-HBHJ3IFP.cjs');
+var _chunkCH7LJMGNcjs = require('./chunk-CH7LJMGN.cjs');
 
 
 
 
 
 
-var _chunkBXREC2NYcjs = require('./chunk-BXREC2NY.cjs');
+var _chunkNFHQ3LH4cjs = require('./chunk-NFHQ3LH4.cjs');
 
 
-var _chunkTZ7XF6DBcjs = require('./chunk-TZ7XF6DB.cjs');
+var _chunkIN2QEMOTcjs = require('./chunk-IN2QEMOT.cjs');
 
 
 var _chunk6VA4SAHQcjs = require('./chunk-6VA4SAHQ.cjs');
 
 
-var _chunkEINUB4JIcjs = require('./chunk-EINUB4JI.cjs');
+var _chunkNNAUX3OGcjs = require('./chunk-NNAUX3OG.cjs');
 
 
 var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
@@ -234,12 +234,12 @@ function CardForm({
     },
     [onSubmit, disabled]
   );
-  const formattedDescription = description ? _chunkVXCQN5B7cjs.toReactNodesWithTypographyMap.call(void 0, 
+  const formattedDescription = description ? _chunkTN4YJFMDcjs.toReactNodesWithTypographyMap.call(void 0, 
     description,
     defaultDescriptionTypographyMap,
     false
   ) : null;
-  const belowFormContentNodes = belowFormContent ? _chunkJQAMMNYAcjs.toReactNodes.call(void 0, belowFormContent) : null;
+  const belowFormContentNodes = belowFormContent ? _chunk24X6QUDRcjs.toReactNodes.call(void 0, belowFormContent) : null;
   const CardFormContentTarget = full ? CardFormContentFull : CardFormContent;
   const headerData = [
     aboveHeaderContent ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _react3.Fragment, { children: aboveHeaderContent }, "card-form-above-header") : null,
@@ -251,7 +251,7 @@ function CardForm({
         contentMarginTop,
         titleMarginLeft,
         children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkZYC3AVIGcjs.Headline,
+          _chunkLKCJYBQCcjs.Headline,
           {
             content: [
               title,
@@ -323,7 +323,7 @@ function CardForm({
   ] });
 }
 var StatusHeader = ({ content, onClick }) => {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StatusHeaderContainer, { onClick, children: _chunkJQAMMNYAcjs.toReactNodes.call(void 0, content) });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StatusHeaderContainer, { onClick, children: _chunk24X6QUDRcjs.toReactNodes.call(void 0, content) });
 };
 var StatusHeaderContainer = _styled2.default.div`
   display: flex;
@@ -375,6 +375,7 @@ var CardFormContentFull = _styled2.default.div`
   flex-direction: column;
   align-self: center;
   height: 100%;
+  width: 100%;
   padding-bottom: ${({ paddingBottom }) => paddingBottom != null ? paddingBottom : 0}px;
 `;
 var BelowCardFormContent = _styled2.default.div`
@@ -396,7 +397,7 @@ var CardFormButtonRow = _styled2.default.div`
   justify === "center" ? "center" : "left"
 )};
   margin-top: 32px;
-  ${_chunkCR55KSPGcjs.ButtonSelector.call(void 0, "* + ")} {
+  ${_chunkGGPCU5XOcjs.ButtonSelector.call(void 0, "* + ")} {
     margin-left: 10px;
   }
 
@@ -407,9 +408,9 @@ var CardFormButtonRow = _styled2.default.div`
 var fieldLabelMarginPx = 12;
 var CardFormFieldLabel = _styled2.default.label`
   display: block;
-  margin-top: ${_chunkSG2KPTGOcjs.inputSpacingPx}px;
+  margin-top: ${_chunkS4722UITcjs.inputSpacingPx}px;
   color: ${({ theme }) => theme.text};
-  font-size: ${_chunkHBHJ3IFPcjs.pxToRems.call(void 0, 14)};
+  font-size: ${_chunkCH7LJMGNcjs.pxToRems.call(void 0, 14)};
   font-weight: 700;
   & + * {
     margin-top: ${fieldLabelMarginPx}px;
@@ -422,7 +423,7 @@ var CardFormNearButtonColumn = _styled2.default.div`
   gap: ${_chunkZUAO4DW3cjs.Spacing.px.sm};
 `;
 function CardFormDataFieldValue({ text }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledCardFormDataFieldValue, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRQYZJFW2cjs.ClipboardTextField, { value: text, icon: true, iconSide: "right" }) });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledCardFormDataFieldValue, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIDO7JKMIcjs.ClipboardTextField, { value: text, icon: true, iconSide: "right" }) });
 }
 var StyledCardFormDataFieldValue = _styled2.default.div`
   margin-top: 4px;
@@ -459,13 +460,13 @@ var formInset = ({
     width: ${wide ? 700 : 408}px;
   `)}
 
-  ${graphicHeader || smDontAdjustWidth ? `width: 100%;` : _chunkBXREC2NYcjs.standardContentInset.smCSS}
+  ${graphicHeader || smDontAdjustWidth ? `width: 100%;` : _chunkNFHQ3LH4cjs.standardContentInset.smCSS}
 
   & ${CardFormFullWidth}, & ${CardFormFullTopContent} {
     ${smDontAdjustWidth ? "" : _chunkKW3JYLRIcjs.bp.sm(`
-      padding-right: ${_chunkBXREC2NYcjs.standardContentInset.smPx}px;
-      padding-left: ${_chunkBXREC2NYcjs.standardContentInset.smPx}px;
-      margin-left: -${_chunkBXREC2NYcjs.standardContentInset.smPx}px;
+      padding-right: ${_chunkNFHQ3LH4cjs.standardContentInset.smPx}px;
+      padding-left: ${_chunkNFHQ3LH4cjs.standardContentInset.smPx}px;
+      margin-left: -${_chunkNFHQ3LH4cjs.standardContentInset.smPx}px;
     `)}
 
     ${smDontAdjustWidth ? "" : _chunkKW3JYLRIcjs.bp.minSm(`
@@ -499,7 +500,7 @@ var StyledCardFormStyle = ({
   graphicHeader,
   statusHeader,
   formButtonTopMargin = 32,
-  selectMarginTop = _chunkSG2KPTGOcjs.inputSpacingPx,
+  selectMarginTop = _chunkS4722UITcjs.inputSpacingPx,
   smDontAdjustWidth = false
 }) => {
   return _react.css`
@@ -518,21 +519,21 @@ var StyledCardFormStyle = ({
     smDontAdjustWidth
   })}
 
-    ${shadow === "soft" ? _chunkBXREC2NYcjs.standardCardShadow : shadow === "hard" ? _chunkBXREC2NYcjs.standardCardShadowHard : ""}
+    ${shadow === "soft" ? _chunkNFHQ3LH4cjs.standardCardShadow : shadow === "hard" ? _chunkNFHQ3LH4cjs.standardCardShadowHard : ""}
 
     position: relative;
     height: 100%;
     border-style: solid;
     border-width: ${borderWidth}px;
-    border-color: ${_chunkEINUB4JIcjs.getColor.call(void 0, theme, borderColor)};
-    background-color: ${_chunkEINUB4JIcjs.getColor.call(void 0, theme, backgroundColor)};
+    border-color: ${_chunkNNAUX3OGcjs.getColor.call(void 0, theme, borderColor)};
+    background-color: ${_chunkNNAUX3OGcjs.getColor.call(void 0, theme, backgroundColor)};
 
     ${_chunkKW3JYLRIcjs.bp.sm(`
       box-shadow: none;
-      background-color: ${_chunkEINUB4JIcjs.getColor.call(void 0, theme, smBackgroundColor)};
+      background-color: ${_chunkNNAUX3OGcjs.getColor.call(void 0, theme, smBackgroundColor)};
       border-width: ${smBorderWidth}px;
       border-radius: ${statusHeader ? `${borderRadius}px ${borderRadius}px 0 0` : 0};
-      ${statusHeader ? `box-shadow: 0 -0.5px 0 0px ${_chunkEINUB4JIcjs.getColor.call(void 0, theme, borderColor)};` : ""}
+      ${statusHeader ? `box-shadow: 0 -0.5px 0 0px ${_chunkNNAUX3OGcjs.getColor.call(void 0, theme, borderColor)};` : ""}
     `)}
 
     ${_chunkKW3JYLRIcjs.bp.minSm(`
@@ -547,40 +548,40 @@ var StyledCardFormStyle = ({
       margin-top: 40px !important;
     }` : ""}
 
-    ${CardFormButtonRow}, ${_chunkIP6UQMJ7cjs.StyledButtonRowButton} {
-      ${_chunkCR55KSPGcjs.ButtonSelector.call(void 0, )} {
+    ${CardFormButtonRow}, ${_chunkRLKT6N7Jcjs.StyledButtonRowButton} {
+      ${_chunkGGPCU5XOcjs.ButtonSelector.call(void 0, )} {
         margin-top: 0;
       }
     }
 
-    ${_chunk4HESAYFNcjs.StyledSelect}, ${_chunkYWJN4224cjs.ToggleContainer} {
+    ${_chunkJRMWIAG7cjs.StyledSelect}, ${_chunk5IQ6G7A5cjs.ToggleContainer} {
       margin-top: ${selectMarginTop}px;
     }
 
     ${CardFormFieldLabel} {
-      margin-top: ${_chunkSG2KPTGOcjs.inputSpacingPx}px;
+      margin-top: ${_chunkS4722UITcjs.inputSpacingPx}px;
 
-      & + ${_chunk4HESAYFNcjs.StyledSelect} {
+      & + ${_chunkJRMWIAG7cjs.StyledSelect} {
         margin-top: ${fieldLabelMarginPx}px;
       }
     }
 
-    ${_chunk7777ZFRLcjs.TextInputHalfRow} > ${_chunk4HESAYFNcjs.StyledSelect} {
+    ${_chunkJ45K2BETcjs.TextInputHalfRow} > ${_chunkJRMWIAG7cjs.StyledSelect} {
       margin-top: 0;
     }
 
-    ${_chunkVIVS4Q34cjs.LoadingWrapper} {
+    ${_chunkFRDJP2ZRcjs.LoadingWrapper} {
       margin: 32px 0;
       * + * {
         margin-top: 0;
       }
     }
 
-    ${_chunkCR55KSPGcjs.ButtonSelector.call(void 0, )} ${_chunkVIVS4Q34cjs.LoadingWrapper} {
+    ${_chunkGGPCU5XOcjs.ButtonSelector.call(void 0, )} ${_chunkFRDJP2ZRcjs.LoadingWrapper} {
       margin: 0;
     }
 
-    ${_chunkWI6AYHRNcjs.StyledFileInput} {
+    ${_chunkZHFUUGB4cjs.StyledFileInput} {
       margin-top: 16px;
     }
 
@@ -589,8 +590,8 @@ var StyledCardFormStyle = ({
         margin-top: 24px;
       }
 
-      & > ${_chunkCR55KSPGcjs.ButtonSelector.call(void 0, )}, & > ${_chunk6VA4SAHQcjs.select.call(void 0, CardFormNearButtonColumn)} {
-        ${formButtonTopMargin !== void 0 ? `margin-top: ${formButtonTopMargin}px;` : _chunkSG2KPTGOcjs.formButtonTopMarginStyle}
+      & > ${_chunkGGPCU5XOcjs.ButtonSelector.call(void 0, )}, & > ${_chunk6VA4SAHQcjs.select.call(void 0, CardFormNearButtonColumn)} {
+        ${formButtonTopMargin !== void 0 ? `margin-top: ${formButtonTopMargin}px;` : _chunkS4722UITcjs.formButtonTopMarginStyle}
       }
     }
   `;
@@ -618,9 +619,9 @@ function CardFormTextWithLink({
   to
 }) {
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { css: { marginTop: "16px", fontWeight: "600" }, children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { css: _chunkBXREC2NYcjs.mcBold, children: text }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { css: _chunkNFHQ3LH4cjs.mcBold, children: text }),
     " ",
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTZ7XF6DBcjs.Link, { to, children: toText })
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIN2QEMOTcjs.Link, { to, children: toText })
   ] });
 }
 function CardFormCheckboxParagraph({
@@ -629,7 +630,7 @@ function CardFormCheckboxParagraph({
   checked
 }) {
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, StyledCardFormCheckboxParagraph, { children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkKAUJVYDVcjs.Checkbox, { checked, onChange, alignItems: "flex-start" }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkI4RTWH7Kcjs.Checkbox, { checked, onChange, alignItems: "flex-start" }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CardFormCheckboxParagraphText, { onClick: () => onChange(!checked), children })
   ] });
 }
@@ -649,7 +650,7 @@ var CardFormOption = ({
 ] });
 var StyledCardFormOption = _styled2.default.div`
   border: ${({ theme, selected }) => `${selected ? `2px solid ${theme.info}` : `1px solid ${theme.c1Neutral}`}`};
-  ${_chunkBXREC2NYcjs.standardBorderRadius.call(void 0, 8)}
+  ${_chunkNFHQ3LH4cjs.standardBorderRadius.call(void 0, 8)}
   cursor: pointer;
   margin-top: 10px;
   padding: ${({ selected }) => selected ? "15px" : "16px"};

package/dist/{chunk-ONGSY7SO.js → chunk-DAIKQEOW.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk-YMNSXZ5D.js";
 import {
   applyTypography
-} from "./chunk-GQD4IOTB.js";
+} from "./chunk-HUAZI5PV.js";
 import {
   __objRest,
   __spreadProps,

package/dist/{chunk-GYF4I2WK.js → chunk-DIIEHHSS.js}

@@ -5,25 +5,25 @@ import {
   FieldError,
   aboveFieldError,
   standardBorderColor
-} from "./chunk-YCSXA2KQ.js";
+} from "./chunk-LJJL3R4H.js";
 import {
   Button
-} from "./chunk-MD6BKUUZ.js";
+} from "./chunk-HPEJTNFY.js";
 import {
   UnstyledButton
-} from "./chunk-MMQON4EE.js";
+} from "./chunk-JJR6BLFQ.js";
 import {
   z
 } from "./chunk-55OQPFLF.js";
 import {
   pxToRems
-} from "./chunk-DG2PTSLJ.js";
+} from "./chunk-TZSN4RZE.js";
 import {
   Icon
-} from "./chunk-SYTKAZOH.js";
+} from "./chunk-THGCS55L.js";
 import {
   standardBorderRadius
-} from "./chunk-RURWLQBJ.js";
+} from "./chunk-6LWM35PR.js";
 import {
   colors
 } from "./chunk-4BTMZ2KB.js";

package/dist/{chunk-XZRTYWMQ.cjs → chunk-DP5HIE4H.cjs}

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkP6UMWA4Ccjs = require('./chunk-P6UMWA4C.cjs');
+var _chunkFPPZMC2Ccjs = require('./chunk-FPPZMC2C.cjs');
 
 
-var _chunkIP6UQMJ7cjs = require('./chunk-IP6UQMJ7.cjs');
+var _chunkRLKT6N7Jcjs = require('./chunk-RLKT6N7J.cjs');
 
 
 var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
@@ -11,7 +11,7 @@ var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
 
-var _chunkHBHJ3IFPcjs = require('./chunk-HBHJ3IFP.cjs');
+var _chunkCH7LJMGNcjs = require('./chunk-CH7LJMGN.cjs');
 
 
 
@@ -19,10 +19,10 @@ var _chunkHBHJ3IFPcjs = require('./chunk-HBHJ3IFP.cjs');
 
 
 
-var _chunkBXREC2NYcjs = require('./chunk-BXREC2NY.cjs');
+var _chunkNFHQ3LH4cjs = require('./chunk-NFHQ3LH4.cjs');
 
 
-var _chunkEINUB4JIcjs = require('./chunk-EINUB4JI.cjs');
+var _chunkNNAUX3OGcjs = require('./chunk-NNAUX3OG.cjs');
 
 
 
@@ -36,7 +36,10 @@ function CardPage(props) {
   const initiallyExpanded = _react.useRef.call(void 0, Boolean(props.expandRight));
   const [wasExpanded, setWasExpanded] = _react.useState.call(void 0, Boolean(props.expandRight));
   const bp2 = _chunkKW3JYLRIcjs.useBreakpoints.call(void 0, );
-  const header = props.title ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CardPageHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkP6UMWA4Ccjs.Heading, { type: "h1", m0: true, children: props.title }) }) : null;
+  const header = props.title ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, CardPageHeader, { children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFPPZMC2Ccjs.Heading, { type: "h1", m0: true, children: props.title }),
+    props.headerRightContent && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CardPageHeaderRight, { children: props.headerRightContent })
+  ] }) : null;
   _react.useEffect.call(void 0, () => {
     if (props.expandRight) {
       setWasExpanded(true);
@@ -53,7 +56,7 @@ function CardPage(props) {
       minContentHeight: props.minContentHeight,
       initiallyExpanded: initiallyExpanded.current,
       children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { css: props.minContentWidth ? _chunkHBHJ3IFPcjs.overflowAutoWithoutScrollbars : null, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { css: props.minContentWidth ? _chunkCH7LJMGNcjs.overflowAutoWithoutScrollbars : null, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
           CardPageContent,
           {
             hasPreHeaderContent: Boolean(props.preHeaderContent),
@@ -85,7 +88,7 @@ CardPage.defaultProps = {
 var CardPageFullContent = _styled2.default.div``;
 var CardPageFullWidth = _styled2.default.div``;
 var CardPageRightContentInner = _styled2.default.div`
-  ${_chunkHBHJ3IFPcjs.flexCenter}
+  ${_chunkCH7LJMGNcjs.flexCenter}
   height: 100%;
   padding: 150px 25px;
   ${({ hasRightContent }) => hasRightContent && `justify-content: space-evenly;`}
@@ -94,7 +97,7 @@ var CardPageRightContent = _styled2.default.div`
   display: flex;
   position: relative;
   ${CardPageRightContentInner} {
-    ${_chunkBXREC2NYcjs.darkGradientBg};
+    ${_chunkNFHQ3LH4cjs.darkGradientBg};
     position: relative;
     height: calc(100% + 80px);
     margin-top: -40px;
@@ -104,15 +107,15 @@ var CardPageRightContent = _styled2.default.div`
     width: 100%;
 
     ${_chunkKW3JYLRIcjs.bp.minSm(`
-      ${_chunkBXREC2NYcjs.standardBorderRadius.call(void 0, [0, _chunkBXREC2NYcjs.cardBorderRadiusPx, _chunkBXREC2NYcjs.cardBorderRadiusPx, 0])};
+      ${_chunkNFHQ3LH4cjs.standardBorderRadius.call(void 0, [0, _chunkNFHQ3LH4cjs.cardBorderRadiusPx, _chunkNFHQ3LH4cjs.cardBorderRadiusPx, 0])};
     `)}
   }
 `;
 var vCardPaddingPx = 40;
 var expandTiming = `0.65s ease-in-out`;
 var CardPageContainer = _styled2.default.div`
-  ${_chunkBXREC2NYcjs.standardContentInset.css}
-  ${({ theme }) => _chunkEINUB4JIcjs.themeOr.call(void 0, `background-color: ${theme.bg}`, "transparent")({ theme })};
+  ${_chunkNFHQ3LH4cjs.standardContentInset.css}
+  ${({ theme }) => _chunkNNAUX3OGcjs.themeOr.call(void 0, `background-color: ${theme.bg}`, "transparent")({ theme })};
   position: relative;
   z-index: ${_chunkZU72XWNEcjs.z.card};
 
@@ -125,23 +128,23 @@ var CardPageContainer = _styled2.default.div`
   `)}
 
   & > * {
-    ${_chunkBXREC2NYcjs.standardContentInset.css}
+    ${_chunkNFHQ3LH4cjs.standardContentInset.css}
   }
 
   & ${CardPageFullContent}, & ${CardPageFullWidth} {
     ${_chunkKW3JYLRIcjs.bp.sm(`
-      width: calc(100% + ${_chunkBXREC2NYcjs.standardContentInset.smPx * 2}px);
-      margin-left: -${_chunkBXREC2NYcjs.standardContentInset.smPx}px;
+      width: calc(100% + ${_chunkNFHQ3LH4cjs.standardContentInset.smPx * 2}px);
+      margin-left: -${_chunkNFHQ3LH4cjs.standardContentInset.smPx}px;
     `)}
 
     ${_chunkKW3JYLRIcjs.bp.minSmMaxLg(`
-      width: calc(100% + ${_chunkBXREC2NYcjs.standardContentInset.minSmMaxLgPx * 2}px);
-      margin-left: -${_chunkBXREC2NYcjs.standardContentInset.minSmMaxLgPx}px;
+      width: calc(100% + ${_chunkNFHQ3LH4cjs.standardContentInset.minSmMaxLgPx * 2}px);
+      margin-left: -${_chunkNFHQ3LH4cjs.standardContentInset.minSmMaxLgPx}px;
     `)}
 
     ${_chunkKW3JYLRIcjs.bp.lg(`
-      width: calc(100% + ${_chunkBXREC2NYcjs.standardContentInset.lgPx * 2}px);
-      margin-left: -${_chunkBXREC2NYcjs.standardContentInset.lgPx}px;
+      width: calc(100% + ${_chunkNFHQ3LH4cjs.standardContentInset.lgPx * 2}px);
+      margin-left: -${_chunkNFHQ3LH4cjs.standardContentInset.lgPx}px;
     `)}
   }
 
@@ -160,9 +163,9 @@ var CardPageContainer = _styled2.default.div`
   }
 
   ${_chunkKW3JYLRIcjs.bp.minSm(`
-    ${_chunkBXREC2NYcjs.standardCardShadow.styles};
+    ${_chunkNFHQ3LH4cjs.standardCardShadow.styles};
     padding: ${vCardPaddingPx}px 0;
-    ${_chunkBXREC2NYcjs.standardBorderRadius.call(void 0, _chunkBXREC2NYcjs.cardBorderRadiusPx)}
+    ${_chunkNFHQ3LH4cjs.standardBorderRadius.call(void 0, _chunkNFHQ3LH4cjs.cardBorderRadiusPx)}
   `)}
 
   &:not(:last-child) {
@@ -224,12 +227,12 @@ var CardPageContainer = _styled2.default.div`
 
       &:first-of-type > * {
         ${_chunkKW3JYLRIcjs.bp.minSmMaxLg(`
-          width: calc(100% - ${_chunkBXREC2NYcjs.standardContentInset.minSmMaxLgPx * 2}px);
-          margin-left: ${_chunkBXREC2NYcjs.standardContentInset.minSmMaxLgPx}px;
+          width: calc(100% - ${_chunkNFHQ3LH4cjs.standardContentInset.minSmMaxLgPx * 2}px);
+          margin-left: ${_chunkNFHQ3LH4cjs.standardContentInset.minSmMaxLgPx}px;
         `)}
         ${_chunkKW3JYLRIcjs.bp.lg(`
-          width: calc(100% - ${_chunkBXREC2NYcjs.standardContentInset.lgPx * 3}px);
-          margin-left: ${_chunkBXREC2NYcjs.standardContentInset.lgPx}px;
+          width: calc(100% - ${_chunkNFHQ3LH4cjs.standardContentInset.lgPx * 3}px);
+          margin-left: ${_chunkNFHQ3LH4cjs.standardContentInset.lgPx}px;
         `)}
       }
     }
@@ -255,7 +258,7 @@ var CardPageContainer = _styled2.default.div`
             ${initiallyExpanded ? "" : `animation: rightSideExpand ${expandTiming};`}
             margin: 0%;
             & > ${CardPageRightContentInner.toString()} {
-              border-radius: ${_chunkBXREC2NYcjs.cardBorderRadiusPx}px !important;
+              border-radius: ${_chunkNFHQ3LH4cjs.cardBorderRadiusPx}px !important;
             }
           `) : wasExpanded ? _chunkKW3JYLRIcjs.bp.minSm(`
             width: 50%;
@@ -265,8 +268,8 @@ var CardPageContainer = _styled2.default.div`
 `;
 var CardPageSubtitle = _styled2.default.p`
   color: ${({ theme }) => theme.mcNeutral};
-  font-size: ${_chunkHBHJ3IFPcjs.size.px14};
-  line-height: ${_chunkHBHJ3IFPcjs.size.px18};
+  font-size: ${_chunkCH7LJMGNcjs.size.px14};
+  line-height: ${_chunkCH7LJMGNcjs.size.px18};
   font-weight: 600;
   margin: 0;
 `;
@@ -277,18 +280,22 @@ var CardPageHeader = _styled2.default.div`
   justify-content: space-between;
   position: relative;
 
-  & + *:not(${CardPageSubtitle}):not(${_chunkIP6UQMJ7cjs.StyledButtonRow}) {
-    margin-top: ${_chunkBXREC2NYcjs.headingContentMarginPx}px !important;
+  & + *:not(${CardPageSubtitle}):not(${_chunkRLKT6N7Jcjs.StyledButtonRow}) {
+    margin-top: ${_chunkNFHQ3LH4cjs.headingContentMarginPx}px !important;
   }
 
   & + ${CardPageSubtitle} {
     margin-top: 5px;
   }
 
-  & + ${_chunkIP6UQMJ7cjs.StyledButtonRow} {
+  & + ${_chunkRLKT6N7Jcjs.StyledButtonRow} {
     margin-top: 16px;
   }
 `;
+var CardPageHeaderRight = _styled2.default.div`
+  display: flex;
+  align-items: center;
+`;
 var CardPageContent = _styled2.default.div`
   ${({
   maxContentWidth,

package/dist/{chunk-T5E4NQMH.cjs → chunk-E3WRCZM6.cjs}

@@ -6,7 +6,7 @@ var _chunkU6XO2EF4cjs = require('./chunk-U6XO2EF4.cjs');
 var _chunkB2MHM6CYcjs = require('./chunk-B2MHM6CY.cjs');
 
 
-var _chunkG6GE2K3Lcjs = require('./chunk-G6GE2K3L.cjs');
+var _chunkTUIKHIRHcjs = require('./chunk-TUIKHIRH.cjs');
 
 
 
@@ -24,7 +24,7 @@ function getPropDefaults(props) {
   return _chunkU6XO2EF4cjs.getPropDefaultsBase.call(void 0, props, { as: props.tag || "span" });
 }
 var StyledOverline = _styled2.default.span`
-  ${({ theme, size, colorProp }) => _chunkG6GE2K3Lcjs.applyTypography.call(void 0, theme, "Overline", size, colorProp)}
+  ${({ theme, size, colorProp }) => _chunkTUIKHIRHcjs.applyTypography.call(void 0, theme, "Overline", size, colorProp)}
   ${_chunkB2MHM6CYcjs.typographyStyles}
 `;
 

package/dist/{chunk-BGXTU6U5.cjs → chunk-E5FIL3LW.cjs}

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkJQAMMNYAcjs = require('./chunk-JQAMMNYA.cjs');
+var _chunk24X6QUDRcjs = require('./chunk-24X6QUDR.cjs');
 
 
 
-var _chunkFPYDX3EEcjs = require('./chunk-FPYDX3EE.cjs');
+var _chunkFWDEJU4Tcjs = require('./chunk-FWDEJU4T.cjs');
 
 
 
@@ -13,12 +13,12 @@ var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
 // src/components/typography/Body.tsx
 var _jsxruntime = require('@emotion/react/jsx-runtime');
 function Body(props) {
-  const propsWithDefaults = _chunkFPYDX3EEcjs.getPropDefaults.call(void 0, props);
+  const propsWithDefaults = _chunkFWDEJU4Tcjs.getPropDefaults.call(void 0, props);
   let reactNodes = props.children || null;
   if (props.content) {
-    reactNodes = _chunkJQAMMNYAcjs.toReactNodes.call(void 0, props.content);
+    reactNodes = _chunk24X6QUDRcjs.toReactNodes.call(void 0, props.content);
   }
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFPYDX3EEcjs.StyledBody, _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, propsWithDefaults), { children: reactNodes }));
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFWDEJU4Tcjs.StyledBody, _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, propsWithDefaults), { children: reactNodes }));
 }
 
 

package/dist/{chunk-HL3QLH3U.js → chunk-E7F456RP.js}

@@ -1,6 +1,6 @@
 import {
   pxToRems
-} from "./chunk-DG2PTSLJ.js";
+} from "./chunk-TZSN4RZE.js";
 
 // src/components/StatusIndicator.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-HZTYSFYD.cjs → chunk-E7P2JZFZ.cjs}

@@ -1,18 +1,18 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkVXCQN5B7cjs = require('./chunk-VXCQN5B7.cjs');
+var _chunkTN4YJFMDcjs = require('./chunk-TN4YJFMD.cjs');
 
 
-var _chunkJQAMMNYAcjs = require('./chunk-JQAMMNYA.cjs');
+var _chunk24X6QUDRcjs = require('./chunk-24X6QUDR.cjs');
 
 
-var _chunkRC7657RRcjs = require('./chunk-RC7657RR.cjs');
+var _chunkWUHIPLEUcjs = require('./chunk-WUHIPLEU.cjs');
 
 
-var _chunkBXREC2NYcjs = require('./chunk-BXREC2NY.cjs');
+var _chunkNFHQ3LH4cjs = require('./chunk-NFHQ3LH4.cjs');
 
 
-var _chunkEINUB4JIcjs = require('./chunk-EINUB4JI.cjs');
+var _chunkNNAUX3OGcjs = require('./chunk-NNAUX3OG.cjs');
 
 // src/components/Badge.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -32,13 +32,13 @@ function Badge({
     size: (typographyProp == null ? void 0 : typographyProp.size) || "Small",
     color: (typographyProp == null ? void 0 : typographyProp.color) || (kind === "danger" ? "danger" : kind === "success" ? "white" : "text")
   };
-  const nodesWithTypography = _chunkVXCQN5B7cjs.setDefaultReactNodesTypography.call(void 0, contentProp, {
+  const nodesWithTypography = _chunkTN4YJFMDcjs.setDefaultReactNodesTypography.call(void 0, contentProp, {
     default: defaultTypography
   });
-  const content = _chunkJQAMMNYAcjs.toReactNodes.call(void 0, nodesWithTypography);
+  const content = _chunk24X6QUDRcjs.toReactNodes.call(void 0, nodesWithTypography);
   return contentProp ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, StyledBadge, { kind, ml, mr, size, block, children: [
     icon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkRC7657RRcjs.Icon,
+      _chunkWUHIPLEUcjs.Icon,
       {
         name: icon.name,
         width: 20,
@@ -51,7 +51,7 @@ function Badge({
 var badgeSmVPadding = 2;
 var badgeSmHPadding = 6;
 var StyledBadge = _styled2.default.div`
-  ${({ size }) => _chunkBXREC2NYcjs.standardBorderRadius.call(void 0, size === "sm" ? 4 : 12)}
+  ${({ size }) => _chunkNFHQ3LH4cjs.standardBorderRadius.call(void 0, size === "sm" ? 4 : 12)}
   ${({ ml }) => ml === 0 ? "" : `margin-left: ${ml}px;`}
   ${({ mr }) => mr === 0 ? "" : `margin-right: ${mr}px;`}
 
@@ -61,11 +61,11 @@ var StyledBadge = _styled2.default.div`
   padding: ${({ size }) => size === "sm" ? `${badgeSmVPadding}px ${badgeSmHPadding}px` : "12px 16px"};
   background-color: ${({ theme, kind }) => {
   if (kind === "danger") {
-    return _chunkEINUB4JIcjs.getColor.call(void 0, theme, "red42a10");
+    return _chunkNNAUX3OGcjs.getColor.call(void 0, theme, "red42a10");
   } else if (kind === "success") {
-    return _chunkEINUB4JIcjs.getColor.call(void 0, theme, "success");
+    return _chunkNNAUX3OGcjs.getColor.call(void 0, theme, "success");
   } else {
-    return _chunkEINUB4JIcjs.getColor.call(void 0, theme, theme.badge.bg);
+    return _chunkNNAUX3OGcjs.getColor.call(void 0, theme, theme.badge.bg);
   }
 }};
 `;