@lightsparkdev/ui 1.1.8 → 1.1.10

package/dist/{chunk-SCFWV7ZL.cjs → chunk-PVZ3NHCP.cjs}

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkEC2UGHQ6cjs = require('./chunk-EC2UGHQ6.cjs');
+var _chunkDDGSFIWAcjs = require('./chunk-DDGSFIWA.cjs');
 
 
 
-var _chunkZYHUGCHMcjs = require('./chunk-ZYHUGCHM.cjs');
+var _chunkHPMPD35Vcjs = require('./chunk-HPMPD35V.cjs');
 
 
 
@@ -13,12 +13,12 @@ var _chunkZ6EUSUADcjs = require('./chunk-Z6EUSUAD.cjs');
 // src/components/typography/Code.tsx
 var _jsxruntime = require('@emotion/react/jsx-runtime');
 function Code(props) {
-  const propsWithDefaults = _chunkZYHUGCHMcjs.getPropDefaults.call(void 0, props);
+  const propsWithDefaults = _chunkHPMPD35Vcjs.getPropDefaults.call(void 0, props);
   let reactNodes = props.children || null;
   if (props.content) {
-    reactNodes = _chunkEC2UGHQ6cjs.toReactNodes.call(void 0, props.content);
+    reactNodes = _chunkDDGSFIWAcjs.toReactNodes.call(void 0, props.content);
   }
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZYHUGCHMcjs.StyledCode, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, propsWithDefaults), { children: reactNodes }));
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHPMPD35Vcjs.StyledCode, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, propsWithDefaults), { children: reactNodes }));
 }
 
 

package/dist/{chunk-JBB32P4Q.cjs → chunk-PXDYQ6O4.cjs}

@@ -3,7 +3,7 @@
 var _chunkAGIM6BKCcjs = require('./chunk-AGIM6BKC.cjs');
 
 
-var _chunkPSZDKHGGcjs = require('./chunk-PSZDKHGG.cjs');
+var _chunkMQYA7D6Fcjs = require('./chunk-MQYA7D6F.cjs');
 
 // src/components/documentation/DocsHeadline.tsx
 var _react = require('react'); var _react2 = _interopRequireDefault(_react);
@@ -54,7 +54,7 @@ var DocsHeadline = ({
 }) => {
   const id = toKebabCase(getHeaderId(children));
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkPSZDKHGGcjs.StyledHeadline,
+    _chunkMQYA7D6Fcjs.StyledHeadline,
     {
       as: heading,
       id,

package/dist/{chunk-GZYMMXWI.js → chunk-PXZPOJRA.js}

@@ -1,10 +1,10 @@
 import {
   toReactNodes
-} from "./chunk-R44KNXWJ.js";
+} from "./chunk-OYIPFTQC.js";
 import {
   StyledCode,
   getPropDefaults
-} from "./chunk-R5TACHAR.js";
+} from "./chunk-CKO5XQTU.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/{chunk-JWHEHYZ5.cjs → chunk-Q4PPWLDC.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkC3FY5BQCcjs = require('./chunk-C3FY5BQC.cjs');
+var _chunkAEJ7VTL4cjs = require('./chunk-AEJ7VTL4.cjs');
 
 // src/components/CodeInput/SingleCodeInput.tsx
 var _react = require('@emotion/react');
@@ -31,7 +31,7 @@ function SingleCodeInput({
   const theme = _react.useTheme.call(void 0, );
   const defaultCSS = _react.css.call(void 0, 
     `
-      ${_chunkC3FY5BQCcjs.textInputStyle.call(void 0, {
+      ${_chunkAEJ7VTL4cjs.textInputStyle.call(void 0, {
       theme,
       disabled: Boolean(disabled),
       hasError: false,

package/dist/{chunk-QQF6HQ36.cjs → chunk-QDNMORXW.cjs}

@@ -12,7 +12,7 @@ var _chunkTUV3P3ALcjs = require('./chunk-TUV3P3AL.cjs');
 var _chunkGRLGEEELcjs = require('./chunk-GRLGEEEL.cjs');
 
 
-var _chunkVIWGXUAHcjs = require('./chunk-VIWGXUAH.cjs');
+var _chunkQXBPQDZ2cjs = require('./chunk-QXBPQDZ2.cjs');
 
 
 var _chunkCS3NUOE2cjs = require('./chunk-CS3NUOE2.cjs');
@@ -641,7 +641,7 @@ _chunkZ6EUSUADcjs.__export.call(void 0, icons_exports, {
   Uma: () => _chunk2W2RDGG3cjs.Uma,
   UmaBridgeLoading: () => _chunkTUV3P3ALcjs.UmaBridgeLoading,
   UmaBridgeLoadingTransparent: () => _chunkGRLGEEELcjs.UmaBridgeLoadingTransparent,
-  UmaPaymentLoadingSpinner: () => _chunkVIWGXUAHcjs.UmaPaymentLoadingSpinner,
+  UmaPaymentLoadingSpinner: () => _chunkQXBPQDZ2cjs.UmaPaymentLoadingSpinner,
   Upload: () => _chunkCS3NUOE2cjs.Upload,
   Wallet: () => _chunkP2WDNYAZcjs.Wallet,
   WalletSDKIcon: () => _chunk3RJBB7Q6cjs.WalletSDKIcon,

package/dist/{chunk-ZUR732HU.js → chunk-QJEZ6WCN.js}

@@ -1,10 +1,10 @@
 import {
   toReactNodes
-} from "./chunk-R44KNXWJ.js";
+} from "./chunk-OYIPFTQC.js";
 import {
   StyledHeadline,
   getPropDefaults
-} from "./chunk-V774KTFA.js";
+} from "./chunk-3FHPHO5S.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/{chunk-2J2ZDWLF.cjs → chunk-QQDRBCBY.cjs}

@@ -54,6 +54,7 @@ var baseColors = _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.
   "black-10": "#0000001a",
   "black-04": "#0000000a",
   // gray scale
+  "gray-040": "#fafaf9",
   "gray-050": "#f8f8f7",
   "gray-090": "#eeeeec",
   "gray-100": "#f0f0ee",
@@ -110,6 +111,7 @@ var baseColors = _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.
   blue58: "#28BFFF",
   blue32: "#0052A4",
   blue90: "#0C3C6F",
+  blue60: "#4CA1E7",
   // less than 50% saturated blue
   grayBlue5: "#0c0d0f",
   grayBlue9: "#16171A",

package/dist/{chunk-VPKNBXN2.js → chunk-QVFTNYER.js}

@@ -1,9 +1,9 @@
 import {
   central_exports
-} from "./chunk-HZV7IOF7.js";
+} from "./chunk-GFPPR2UY.js";
 import {
   icons_exports
-} from "./chunk-CEUN2LON.js";
+} from "./chunk-RXADLJME.js";
 import {
   __spreadValues
 } from "./chunk-W7FAWX6T.js";

package/dist/chunk-QXBPQDZ2.cjs

@@ -0,0 +1,33 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/UmaPaymentLoadingSpinner.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function UmaPaymentLoadingSpinner({
+  strokeWidth = "3",
+  strokeLinecap = "round"
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "svg", { viewBox: "0 0 88 88", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "ellipse",
+      {
+        cx: "43.9983",
+        cy: "43.9994",
+        rx: "38.4983",
+        ry: "38.4994",
+        stroke: "#EBEEF2",
+        strokeWidth
+      }
+    ),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "path",
+      {
+        d: "M82.5072 43.9994C82.5072 37.9238 81.0693 31.9344 78.3111 26.521C75.5529 21.1076 71.5528 16.4239 66.6376 12.8527C61.7225 9.28158 56.032 6.92443 50.0314 5.974C44.0308 5.02356 37.8904 5.50683 32.1123 7.3843",
+        stroke: "currentColor",
+        strokeWidth,
+        strokeLinecap
+      }
+    )
+  ] });
+}
+
+
+
+exports.UmaPaymentLoadingSpinner = UmaPaymentLoadingSpinner;

package/dist/{chunk-ALBMXUVF.cjs → chunk-QYMXXB6X.cjs}

@@ -3,7 +3,7 @@
 var _chunk4XPAKKBScjs = require('./chunk-4XPAKKBS.cjs');
 
 
-var _chunk7EJGVZAAcjs = require('./chunk-7EJGVZAA.cjs');
+var _chunkILBP4CTUcjs = require('./chunk-ILBP4CTU.cjs');
 
 
 
@@ -86,7 +86,7 @@ function PhoneInput({
   const isValidPhone = formatter.isValid();
   const error = !isValidPhone && wasBlurred ? "Please enter a valid phone number." : void 0;
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunk7EJGVZAAcjs.TextInput,
+    _chunkILBP4CTUcjs.TextInput,
     {
       select: {
         options,

package/dist/{chunk-QYPDI7GE.js → chunk-R4FLAFIG.js}

@@ -1,18 +1,18 @@
 import {
   absoluteCenter
-} from "./chunk-AGHCD2FL.js";
+} from "./chunk-FAWI3ZGU.js";
 import {
   Icon
-} from "./chunk-U6AUAZQA.js";
+} from "./chunk-DMPXNHDT.js";
 import {
   standardBorderRadius
-} from "./chunk-33BECMKR.js";
+} from "./chunk-HGZGGJQB.js";
 import {
   getColor
-} from "./chunk-2JNM2KTT.js";
+} from "./chunk-VAH342U2.js";
 import {
   colors
-} from "./chunk-5J7O4QVA.js";
+} from "./chunk-MIIIUXV6.js";
 import {
   __spreadValues
 } from "./chunk-W7FAWX6T.js";

package/dist/{chunk-DSG76UY6.cjs → chunk-RKH2QFA7.cjs}

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkEC2UGHQ6cjs = require('./chunk-EC2UGHQ6.cjs');
+var _chunkDDGSFIWAcjs = require('./chunk-DDGSFIWA.cjs');
 
 
 
-var _chunkTOXR46LHcjs = require('./chunk-TOXR46LH.cjs');
+var _chunkJ7HZA7ZFcjs = require('./chunk-J7HZA7ZF.cjs');
 
 
 
@@ -13,12 +13,12 @@ var _chunkZ6EUSUADcjs = require('./chunk-Z6EUSUAD.cjs');
 // src/components/typography/LabelModerate.tsx
 var _jsxruntime = require('@emotion/react/jsx-runtime');
 function LabelModerate(props) {
-  const propsWithDefaults = _chunkTOXR46LHcjs.getPropDefaults.call(void 0, props);
+  const propsWithDefaults = _chunkJ7HZA7ZFcjs.getPropDefaults.call(void 0, props);
   let reactNodes = props.children || null;
   if (props.content) {
-    reactNodes = _chunkEC2UGHQ6cjs.toReactNodes.call(void 0, props.content);
+    reactNodes = _chunkDDGSFIWAcjs.toReactNodes.call(void 0, props.content);
   }
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTOXR46LHcjs.StyledLabelModerate, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, propsWithDefaults), { children: reactNodes }));
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJ7HZA7ZFcjs.StyledLabelModerate, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, propsWithDefaults), { children: reactNodes }));
 }
 
 

package/dist/{chunk-T426IS64.js → chunk-RO7YTILY.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-55OQPFLF.js";
 import {
   overlaySurface
-} from "./chunk-33BECMKR.js";
+} from "./chunk-HGZGGJQB.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/{chunk-UL22WLXR.cjs → chunk-RSHN4K6N.cjs}

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkLPTWQ2KPcjs = require('./chunk-LPTWQ2KP.cjs');
+var _chunkOBHJBBPCcjs = require('./chunk-OBHJBBPC.cjs');
 
 
 var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
 
 
-var _chunk2J2ZDWLFcjs = require('./chunk-2J2ZDWLF.cjs');
+var _chunkQQDRBCBYcjs = require('./chunk-QQDRBCBY.cjs');
 
 // src/styles/common.tsx
 var _react = require('@emotion/react');
@@ -109,13 +109,13 @@ var Subtext = _styled2.default.div`
   ${subtext}
 `;
 var darkGradientBg = _react.css`
-  background: ${_chunk2J2ZDWLFcjs.darkGradient};
+  background: ${_chunkQQDRBCBYcjs.darkGradient};
 `;
 var overlaySurfaceBorderColor = ({
   theme,
   important = false
 }) => _react.css`
-  border-color: ${_chunkLPTWQ2KPcjs.themeOr.call(void 0, theme.c1Neutral, theme.c3Neutral)({ theme })}
+  border-color: ${_chunkOBHJBBPCcjs.themeOr.call(void 0, theme.c1Neutral, theme.c3Neutral)({ theme })}
     ${important ? "!important" : ""};
 `;
 var overlaySurface = ({
@@ -123,11 +123,11 @@ var overlaySurface = ({
   important = false,
   border = true
 }) => _react.css`
-  background-color: ${_chunkLPTWQ2KPcjs.themeOr.call(void 0, theme.bg, theme.c1Neutral)({ theme })}
+  background-color: ${_chunkOBHJBBPCcjs.themeOr.call(void 0, theme.bg, theme.c1Neutral)({ theme })}
     ${important ? "!important" : ""};
   ${border ? `border: 0.5px solid ${important ? "!important" : ""};` : ""}
   ${overlaySurfaceBorderColor({ theme, important })};
-  ${_chunkLPTWQ2KPcjs.themeOr.call(void 0, 
+  ${_chunkOBHJBBPCcjs.themeOr.call(void 0, 
   `box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.08), 0px 1px 4px rgba(0, 0, 0, 0.1) ${important ? "!important" : ""};`,
   ""
 )({ theme })}

package/dist/chunk-RTNPCJGQ.js

@@ -0,0 +1,23 @@
+// src/icons/central/Checkmark2.tsx
+import { jsx } from "@emotion/react/jsx-runtime";
+function Checkmark2({
+  strokeWidth = "1.5",
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
+  return /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx(
+    "path",
+    {
+      d: "M4 14.6757L9.40541 19.1351L20 4.86487",
+      stroke: "currentColor",
+      strokeWidth,
+      strokeLinecap,
+      strokeLinejoin,
+      vectorEffect: "non-scaling-stroke"
+    }
+  ) });
+}
+
+export {
+  Checkmark2
+};

package/dist/{chunk-CEUN2LON.js → chunk-RXADLJME.js}

@@ -12,7 +12,7 @@ import {
 } from "./chunk-ML27YGLI.js";
 import {
   UmaPaymentLoadingSpinner
-} from "./chunk-FB7UCOKY.js";
+} from "./chunk-VN2OMB76.js";
 import {
   Upload
 } from "./chunk-6B3T5X4O.js";

package/dist/chunk-S3UDDV4H.cjs

@@ -0,0 +1,34 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/central/People.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function People({
+  strokeWidth = "1.5",
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "path",
+      {
+        d: "M15.749 6.5C15.749 8.57107 14.0701 10.25 11.999 10.25C9.92795 10.25 8.24902 8.57107 8.24902 6.5C8.24902 4.42893 9.92795 2.75 11.999 2.75C14.0701 2.75 15.749 4.42893 15.749 6.5Z",
+        stroke: "currentColor",
+        strokeWidth,
+        strokeLinejoin,
+        vectorEffect: "non-scaling-stroke"
+      }
+    ),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "path",
+      {
+        d: "M11.9985 13.25C8.20293 13.25 5.43245 15.7735 4.67009 19.1657C4.54089 19.7406 5.0077 20.25 5.59696 20.25H18.4001C18.9894 20.25 19.4562 19.7406 19.327 19.1657C18.5646 15.7735 15.7941 13.25 11.9985 13.25Z",
+        stroke: "currentColor",
+        strokeWidth,
+        strokeLinejoin,
+        vectorEffect: "non-scaling-stroke"
+      }
+    )
+  ] });
+}
+
+
+
+exports.People = People;

package/dist/{chunk-AIHJ6BXO.js → chunk-SEL2XGBO.js}

@@ -1,12 +1,12 @@
 import {
   Filter
-} from "./chunk-YH2OXGVI.js";
+} from "./chunk-LAIAW5BT.js";
 import {
   NumberInput_default
-} from "./chunk-5YGFRMWK.js";
+} from "./chunk-M7P5MYNB.js";
 import {
   ButtonRow
-} from "./chunk-KRYOR3UG.js";
+} from "./chunk-VHHLWRJS.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/{chunk-DFTKVCPP.js → chunk-SFWWGAGK.js}

@@ -1,15 +1,15 @@
-import {
-  InfoIconTooltip
-} from "./chunk-OFRPVBSP.js";
 import {
   Label
-} from "./chunk-B5EUALP4.js";
+} from "./chunk-FTMB6R72.js";
+import {
+  InfoIconTooltip
+} from "./chunk-LW7PUO7V.js";
 import {
   link
 } from "./chunk-FZUV52PP.js";
 import {
   Icon
-} from "./chunk-U6AUAZQA.js";
+} from "./chunk-DMPXNHDT.js";
 import {
   addCommasToDigits
 } from "./chunk-HAC5YAGQ.js";

package/dist/{chunk-7SEIVOIB.cjs → chunk-SGG54BO5.cjs}

@@ -4,10 +4,10 @@ var _chunkB6Y7HCBMcjs = require('./chunk-B6Y7HCBM.cjs');
 
 
 
-var _chunkUL22WLXRcjs = require('./chunk-UL22WLXR.cjs');
+var _chunkRSHN4K6Ncjs = require('./chunk-RSHN4K6N.cjs');
 
 
-var _chunkLPTWQ2KPcjs = require('./chunk-LPTWQ2KP.cjs');
+var _chunkOBHJBBPCcjs = require('./chunk-OBHJBBPC.cjs');
 
 
 var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
@@ -114,7 +114,7 @@ var globalComponentStyles = ({ theme }) => _react.css`
   ${getFontFaces(theme)};
 
   html {
-    font-size: ${_chunkUL22WLXRcjs.rootFontSizeRems}rem;
+    font-size: ${_chunkRSHN4K6Ncjs.rootFontSizeRems}rem;
     color: ${theme.text};
 
     /* required for iOS https://bit.ly/3Q8syG8 */
@@ -144,7 +144,7 @@ var globalComponentStyles = ({ theme }) => _react.css`
 
   * {
     box-sizing: border-box;
-    line-height: ${_chunkUL22WLXRcjs.standardLineHeightEms}em;
+    line-height: ${_chunkRSHN4K6Ncjs.standardLineHeightEms}em;
   }
 
   code {
@@ -191,7 +191,7 @@ var globalComponentStyles = ({ theme }) => _react.css`
 `;
 function GlobalStyles() {
   const theme = _react.useTheme.call(void 0, );
-  const bg = _chunkLPTWQ2KPcjs.useThemeBg.call(void 0, );
+  const bg = _chunkOBHJBBPCcjs.useThemeBg.call(void 0, );
   _react3.useEffect.call(void 0, () => {
     const documentHeight = () => {
       const doc = document.documentElement;

package/dist/{chunk-WJMVZDWR.cjs → chunk-SGTENCGP.cjs}

@@ -1,17 +1,17 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkYDDRP7G7cjs = require('./chunk-YDDRP7G7.cjs');
+var _chunkKU2ZI6TIcjs = require('./chunk-KU2ZI6TI.cjs');
 
 
-var _chunkIDFM6UQ2cjs = require('./chunk-IDFM6UQ2.cjs');
+var _chunkTXDLUYVGcjs = require('./chunk-TXDLUYVG.cjs');
 
 
-var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
+var _chunkMFKERIW4cjs = require('./chunk-MFKERIW4.cjs');
 
 
-var _chunkUMXCOSIJcjs = require('./chunk-UMXCOSIJ.cjs');
+var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
 
@@ -19,10 +19,10 @@ var _chunkUMXCOSIJcjs = require('./chunk-UMXCOSIJ.cjs');
 
 
 
-var _chunkUL22WLXRcjs = require('./chunk-UL22WLXR.cjs');
+var _chunkRSHN4K6Ncjs = require('./chunk-RSHN4K6N.cjs');
 
 
-var _chunkLPTWQ2KPcjs = require('./chunk-LPTWQ2KP.cjs');
+var _chunkOBHJBBPCcjs = require('./chunk-OBHJBBPC.cjs');
 
 
 
@@ -36,7 +36,7 @@ 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, _chunkYDDRP7G7cjs.Heading, { type: "h1", m0: true, children: props.title }) }) : null;
+  const header = props.title ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CardPageHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkKU2ZI6TIcjs.Heading, { type: "h1", m0: true, children: props.title }) }) : null;
   _react.useEffect.call(void 0, () => {
     if (props.expandRight) {
       setWasExpanded(true);
@@ -53,7 +53,7 @@ function CardPage(props) {
       minContentHeight: props.minContentHeight,
       initiallyExpanded: initiallyExpanded.current,
       children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { css: props.minContentWidth ? _chunkUMXCOSIJcjs.overflowAutoWithoutScrollbars : null, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { css: props.minContentWidth ? _chunkMFKERIW4cjs.overflowAutoWithoutScrollbars : null, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
           CardPageContent,
           {
             hasPreHeaderContent: Boolean(props.preHeaderContent),
@@ -85,7 +85,7 @@ CardPage.defaultProps = {
 var CardPageFullContent = _styled2.default.div``;
 var CardPageFullWidth = _styled2.default.div``;
 var CardPageRightContentInner = _styled2.default.div`
-  ${_chunkUMXCOSIJcjs.flexCenter}
+  ${_chunkMFKERIW4cjs.flexCenter}
   height: 100%;
   padding: 150px 25px;
   ${({ hasRightContent }) => hasRightContent && `justify-content: space-evenly;`}
@@ -94,7 +94,7 @@ var CardPageRightContent = _styled2.default.div`
   display: flex;
   position: relative;
   ${CardPageRightContentInner} {
-    ${_chunkUL22WLXRcjs.darkGradientBg};
+    ${_chunkRSHN4K6Ncjs.darkGradientBg};
     position: relative;
     height: calc(100% + 80px);
     margin-top: -40px;
@@ -104,15 +104,15 @@ var CardPageRightContent = _styled2.default.div`
     width: 100%;
 
     ${_chunkKW3JYLRIcjs.bp.minSm(`
-      ${_chunkUL22WLXRcjs.standardBorderRadius.call(void 0, [0, _chunkUL22WLXRcjs.cardBorderRadiusPx, _chunkUL22WLXRcjs.cardBorderRadiusPx, 0])};
+      ${_chunkRSHN4K6Ncjs.standardBorderRadius.call(void 0, [0, _chunkRSHN4K6Ncjs.cardBorderRadiusPx, _chunkRSHN4K6Ncjs.cardBorderRadiusPx, 0])};
     `)}
   }
 `;
 var vCardPaddingPx = 40;
 var expandTiming = `0.65s ease-in-out`;
 var CardPageContainer = _styled2.default.div`
-  ${_chunkUL22WLXRcjs.standardContentInset.css}
-  ${({ theme }) => _chunkLPTWQ2KPcjs.themeOr.call(void 0, `background-color: ${theme.bg}`, "transparent")({ theme })};
+  ${_chunkRSHN4K6Ncjs.standardContentInset.css}
+  ${({ theme }) => _chunkOBHJBBPCcjs.themeOr.call(void 0, `background-color: ${theme.bg}`, "transparent")({ theme })};
   position: relative;
   z-index: ${_chunkZU72XWNEcjs.z.card};
 
@@ -125,23 +125,23 @@ var CardPageContainer = _styled2.default.div`
   `)}
 
   & > * {
-    ${_chunkUL22WLXRcjs.standardContentInset.css}
+    ${_chunkRSHN4K6Ncjs.standardContentInset.css}
   }
 
   & ${CardPageFullContent}, & ${CardPageFullWidth} {
     ${_chunkKW3JYLRIcjs.bp.sm(`
-      width: calc(100% + ${_chunkUL22WLXRcjs.standardContentInset.smPx * 2}px);
-      margin-left: -${_chunkUL22WLXRcjs.standardContentInset.smPx}px;
+      width: calc(100% + ${_chunkRSHN4K6Ncjs.standardContentInset.smPx * 2}px);
+      margin-left: -${_chunkRSHN4K6Ncjs.standardContentInset.smPx}px;
     `)}
 
     ${_chunkKW3JYLRIcjs.bp.minSmMaxLg(`
-      width: calc(100% + ${_chunkUL22WLXRcjs.standardContentInset.minSmMaxLgPx * 2}px);
-      margin-left: -${_chunkUL22WLXRcjs.standardContentInset.minSmMaxLgPx}px;
+      width: calc(100% + ${_chunkRSHN4K6Ncjs.standardContentInset.minSmMaxLgPx * 2}px);
+      margin-left: -${_chunkRSHN4K6Ncjs.standardContentInset.minSmMaxLgPx}px;
     `)}
 
     ${_chunkKW3JYLRIcjs.bp.lg(`
-      width: calc(100% + ${_chunkUL22WLXRcjs.standardContentInset.lgPx * 2}px);
-      margin-left: -${_chunkUL22WLXRcjs.standardContentInset.lgPx}px;
+      width: calc(100% + ${_chunkRSHN4K6Ncjs.standardContentInset.lgPx * 2}px);
+      margin-left: -${_chunkRSHN4K6Ncjs.standardContentInset.lgPx}px;
     `)}
   }
 
@@ -160,9 +160,9 @@ var CardPageContainer = _styled2.default.div`
   }
 
   ${_chunkKW3JYLRIcjs.bp.minSm(`
-    ${_chunkUL22WLXRcjs.standardCardShadow.styles};
+    ${_chunkRSHN4K6Ncjs.standardCardShadow.styles};
     padding: ${vCardPaddingPx}px 0;
-    ${_chunkUL22WLXRcjs.standardBorderRadius.call(void 0, _chunkUL22WLXRcjs.cardBorderRadiusPx)}
+    ${_chunkRSHN4K6Ncjs.standardBorderRadius.call(void 0, _chunkRSHN4K6Ncjs.cardBorderRadiusPx)}
   `)}
 
   &:not(:last-child) {
@@ -224,12 +224,12 @@ var CardPageContainer = _styled2.default.div`
 
       &:first-of-type > * {
         ${_chunkKW3JYLRIcjs.bp.minSmMaxLg(`
-          width: calc(100% - ${_chunkUL22WLXRcjs.standardContentInset.minSmMaxLgPx * 2}px);
-          margin-left: ${_chunkUL22WLXRcjs.standardContentInset.minSmMaxLgPx}px;
+          width: calc(100% - ${_chunkRSHN4K6Ncjs.standardContentInset.minSmMaxLgPx * 2}px);
+          margin-left: ${_chunkRSHN4K6Ncjs.standardContentInset.minSmMaxLgPx}px;
         `)}
         ${_chunkKW3JYLRIcjs.bp.lg(`
-          width: calc(100% - ${_chunkUL22WLXRcjs.standardContentInset.lgPx * 3}px);
-          margin-left: ${_chunkUL22WLXRcjs.standardContentInset.lgPx}px;
+          width: calc(100% - ${_chunkRSHN4K6Ncjs.standardContentInset.lgPx * 3}px);
+          margin-left: ${_chunkRSHN4K6Ncjs.standardContentInset.lgPx}px;
         `)}
       }
     }
@@ -255,7 +255,7 @@ var CardPageContainer = _styled2.default.div`
             ${initiallyExpanded ? "" : `animation: rightSideExpand ${expandTiming};`}
             margin: 0%;
             & > ${CardPageRightContentInner.toString()} {
-              border-radius: ${_chunkUL22WLXRcjs.cardBorderRadiusPx}px !important;
+              border-radius: ${_chunkRSHN4K6Ncjs.cardBorderRadiusPx}px !important;
             }
           `) : wasExpanded ? _chunkKW3JYLRIcjs.bp.minSm(`
             width: 50%;
@@ -265,8 +265,8 @@ var CardPageContainer = _styled2.default.div`
 `;
 var CardPageSubtitle = _styled2.default.p`
   color: ${({ theme }) => theme.mcNeutral};
-  font-size: ${_chunkUMXCOSIJcjs.size.px14};
-  line-height: ${_chunkUMXCOSIJcjs.size.px18};
+  font-size: ${_chunkMFKERIW4cjs.size.px14};
+  line-height: ${_chunkMFKERIW4cjs.size.px18};
   font-weight: 600;
   margin: 0;
 `;
@@ -277,15 +277,15 @@ var CardPageHeader = _styled2.default.div`
   justify-content: space-between;
   position: relative;
 
-  & + *:not(${CardPageSubtitle}):not(${_chunkIDFM6UQ2cjs.StyledButtonRow}) {
-    margin-top: ${_chunkUL22WLXRcjs.headingContentMarginPx}px !important;
+  & + *:not(${CardPageSubtitle}):not(${_chunkTXDLUYVGcjs.StyledButtonRow}) {
+    margin-top: ${_chunkRSHN4K6Ncjs.headingContentMarginPx}px !important;
   }
 
   & + ${CardPageSubtitle} {
     margin-top: 5px;
   }
 
-  & + ${_chunkIDFM6UQ2cjs.StyledButtonRow} {
+  & + ${_chunkTXDLUYVGcjs.StyledButtonRow} {
     margin-top: 16px;
   }
 `;