@lightsparkdev/ui 1.1.10 → 1.1.12

package/dist/{chunk-OPMC32ZY.cjs → chunk-J7CNU3P7.cjs}

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkDDGSFIWAcjs = require('./chunk-DDGSFIWA.cjs');
+var _chunkLC2U6HQScjs = require('./chunk-LC2U6HQS.cjs');
 
 
-var _chunkUFU3BYZOcjs = require('./chunk-UFU3BYZO.cjs');
+var _chunkMVYSTBT3cjs = require('./chunk-MVYSTBT3.cjs');
 
 
-var _chunkWF7Z2VITcjs = require('./chunk-WF7Z2VIT.cjs');
+var _chunkX6AJB6TLcjs = require('./chunk-X6AJB6TL.cjs');
 
 // src/components/InfoIconTooltip.tsx
 var _react = require('react');
@@ -16,17 +16,17 @@ function InfoIconTooltip({
   content,
   verticalAlign = "middle"
 }) {
-  const contentNodes = _chunkDDGSFIWAcjs.toReactNodes.call(void 0, content);
+  const contentNodes = _chunkMVYSTBT3cjs.toReactNodes.call(void 0, content);
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _react.Fragment, { children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       "div",
       {
         "data-tooltip-id": id,
         style: { display: "inline-flex", alignItems: "center", verticalAlign },
-        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWF7Z2VITcjs.Icon, { name: "Info", width: 12, ml: 4 })
+        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkX6AJB6TLcjs.Icon, { name: "Info", width: 12, ml: 4 })
       }
     ),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUFU3BYZOcjs.Tooltip, { id, render: () => contentNodes, clickable: true })
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLC2U6HQScjs.Tooltip, { id, render: () => contentNodes, clickable: true })
   ] });
 }
 

package/dist/chunk-JBH3MFO4.cjs

@@ -0,0 +1,26 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkMVYSTBT3cjs = require('./chunk-MVYSTBT3.cjs');
+
+
+
+var _chunkTUJE66PRcjs = require('./chunk-TUJE66PR.cjs');
+
+
+
+var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
+
+// src/components/typography/LabelStrong.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function LabelStrong(props) {
+  const propsWithDefaults = _chunkTUJE66PRcjs.getPropDefaults.call(void 0, props);
+  let reactNodes = props.children || null;
+  if (props.content) {
+    reactNodes = _chunkMVYSTBT3cjs.toReactNodes.call(void 0, props.content);
+  }
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTUJE66PRcjs.StyledLabelStrong, _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, propsWithDefaults), { children: reactNodes }));
+}
+
+
+
+exports.LabelStrong = LabelStrong;

package/dist/{chunk-QQDRBCBY.cjs → chunk-JFPLNGMQ.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunkZ6EUSUADcjs = require('./chunk-Z6EUSUAD.cjs');
+var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
 
 // src/styles/colors.tsx
 var neutral = {
@@ -31,7 +31,7 @@ var neutral = {
 };
 var darkGradient = "#1d1d1d linear-gradient(180deg, #090909 63.08%, #1d1d1d 100.52%)";
 var primary = "#FFF14E";
-var baseColors = _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, neutral), {
+var baseColors = _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, neutral), {
   // alpha variants
   "white-90": "#ffffffe5",
   "white-80": "#ffffffcc",
@@ -53,9 +53,11 @@ var baseColors = _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.
   "black-20": "#00000033",
   "black-10": "#0000001a",
   "black-04": "#0000000a",
+  "black-02": "#00000005",
   // gray scale
   "gray-040": "#fafaf9",
   "gray-050": "#f8f8f7",
+  "gray-075": "#F4F4F3",
   "gray-090": "#eeeeec",
   "gray-100": "#f0f0ee",
   "gray-200": "#deded9",
@@ -110,6 +112,7 @@ var baseColors = _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.
   blue50: "#2483D1",
   blue58: "#28BFFF",
   blue32: "#0052A4",
+  blue34: "#0071b9",
   blue90: "#0C3C6F",
   blue60: "#4CA1E7",
   // less than 50% saturated blue
@@ -139,12 +142,16 @@ var baseColors = _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.
   purple55: "#8B38DE",
   purple60: "#7366c5",
   // red
-  red50: "#E31A1A",
+  errorBackground: "#FEE2E1",
+  errorBackground2: "#FBE5E9",
+  errorText: "#E41C1B",
+  errorText2: "#D80027",
+  errorText3: "#FF4444",
+  red09: "#cc0909",
   red42a10: "#D800271A",
   red42a20: "#D800272D",
   red42a30: "#D800273F",
-  errorText: "#E41C1B",
-  errorBackground: "#FEE2E1",
+  red50: "#E31A1A",
   // yellow
   primary,
   warning: primary,

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

@@ -1,15 +1,15 @@
-import {
-  Label
-} from "./chunk-FTMB6R72.js";
 import {
   InfoIconTooltip
-} from "./chunk-LW7PUO7V.js";
+} from "./chunk-MMLF3WCN.js";
+import {
+  Label
+} from "./chunk-F5ARMTFS.js";
 import {
   link
 } from "./chunk-FZUV52PP.js";
 import {
   Icon
-} from "./chunk-DMPXNHDT.js";
+} from "./chunk-6UZRKYFG.js";
 import {
   addCommasToDigits
 } from "./chunk-HAC5YAGQ.js";

package/dist/{chunk-45Z5PIHF.js → chunk-JNNPTENW.js}

@@ -1,14 +1,14 @@
 import {
   SatoshiInputLabel
-} from "./chunk-SFWWGAGK.js";
+} from "./chunk-JMMQIRWX.js";
 import {
   NumberInput_default
-} from "./chunk-M7P5MYNB.js";
+} from "./chunk-I23RZ2XE.js";
 import {
   __objRest,
   __spreadProps,
   __spreadValues
-} from "./chunk-W7FAWX6T.js";
+} from "./chunk-CWMXXUWU.js";
 
 // src/components/SatoshiInput.tsx
 import { Fragment } from "react";

package/dist/{chunk-GH54P25B.cjs → chunk-JOIBGT3Q.cjs}

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkCDFVRIETcjs = require('./chunk-CDFVRIET.cjs');
+var _chunkUGCZQJT6cjs = require('./chunk-UGCZQJT6.cjs');
 
 
 var _chunkJA7KZV3Qcjs = require('./chunk-JA7KZV3Q.cjs');
 
 
-var _chunkQQDRBCBYcjs = require('./chunk-QQDRBCBY.cjs');
+var _chunkJFPLNGMQcjs = require('./chunk-JFPLNGMQ.cjs');
 
 // src/router.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -85,7 +85,7 @@ var LinkBase = _react.forwardRef.call(void 0,
     }
     let content = children;
     if (text) {
-      content = typography ? _chunkCDFVRIETcjs.renderTypography.call(void 0, typography.type, {
+      content = typography ? _chunkUGCZQJT6cjs.renderTypography.call(void 0, typography.type, {
         size: typography.size,
         color: typography.color,
         children: text,
@@ -101,7 +101,7 @@ var LinkBase = _react.forwardRef.call(void 0,
         onClick,
         className,
         download: filename,
-        style: { color: blue ? _chunkQQDRBCBYcjs.colors.blue43 : "inherit" },
+        style: { color: blue ? _chunkJFPLNGMQcjs.colors.blue43 : "inherit" },
         target: newTab ? "_blank" : void 0,
         rel: newTab ? "noopener noreferrer" : void 0,
         ref,

package/dist/chunk-JR3WW6PK.cjs

@@ -0,0 +1,26 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkMVYSTBT3cjs = require('./chunk-MVYSTBT3.cjs');
+
+
+
+var _chunkOC3UMDU6cjs = require('./chunk-OC3UMDU6.cjs');
+
+
+
+var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
+
+// src/components/typography/Btn.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function Btn(props) {
+  const propsWithDefaults = _chunkOC3UMDU6cjs.getPropDefaults.call(void 0, props);
+  let reactNodes = props.children || null;
+  if (props.content) {
+    reactNodes = _chunkMVYSTBT3cjs.toReactNodes.call(void 0, props.content);
+  }
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkOC3UMDU6cjs.StyledBtn, _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, propsWithDefaults), { children: reactNodes }));
+}
+
+
+
+exports.Btn = Btn;

package/dist/{chunk-SNSG4HBQ.cjs → chunk-JR6JLVEZ.cjs}

@@ -1,11 +1,11 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkRSHN4K6Ncjs = require('./chunk-RSHN4K6N.cjs');
+var _chunkRZ24JAMPcjs = require('./chunk-RZ24JAMP.cjs');
 
 // src/components/UnstyledButton.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
 var UnstyledButton = _styled2.default.button`
-  ${_chunkRSHN4K6Ncjs.standardFocusOutline}
+  ${_chunkRZ24JAMPcjs.standardFocusOutline}
   font-family: ${({ theme }) => theme.typography.fontFamilies.main};
   appearance: none;
   background: transparent;

package/dist/{chunk-MQIRWNSG.js → chunk-JUCCA6SI.js}

@@ -1,17 +1,17 @@
 import {
   getPropDefaultsBase
-} from "./chunk-LEMT5P3Z.js";
+} from "./chunk-YQNDIDC2.js";
 import {
   typographyStyles
 } from "./chunk-YW4BJCOL.js";
 import {
   applyTypography
-} from "./chunk-2C7DZIDY.js";
+} from "./chunk-HXEOFTXC.js";
 import {
   __objRest,
   __spreadProps,
   __spreadValues
-} from "./chunk-W7FAWX6T.js";
+} from "./chunk-CWMXXUWU.js";
 
 // src/components/typography/base/Overline.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-3VHSE7WI.js → chunk-JVDFBPBW.js}

@@ -9,7 +9,7 @@ function LogoMark() {
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
       children: [
-        /* @__PURE__ */ jsx("g", { "clip-path": "url(#clip0_3819_118352)", children: /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx("g", { clipPath: "url(#clip0_3819_118352)", children: /* @__PURE__ */ jsx(
           "path",
           {
             d: "M7.9385 114.229L71.4483 72.9849H-0.000732422L27.671 55.0147H91.1787V13.7721L112.385 0.00062561V46.4003L162.628 13.772L195.622 13.772L132.114 55.0147H203.567L175.895 72.9849H112.385V114.229L91.1787 128V81.5986L40.9328 114.229H7.9385Z",

package/dist/{chunk-6S6CYFEK.js → chunk-JW4F6DBU.js}

@@ -1,14 +1,14 @@
 import {
   toReactNodes
-} from "./chunk-OYIPFTQC.js";
+} from "./chunk-W5YKSN4C.js";
 import {
   StyledDisplay,
   getPropDefaults
-} from "./chunk-DKKSEGTF.js";
+} from "./chunk-WCUUWGOC.js";
 import {
   __spreadProps,
   __spreadValues
-} from "./chunk-W7FAWX6T.js";
+} from "./chunk-CWMXXUWU.js";
 
 // src/components/typography/Display.tsx
 import { jsx } from "@emotion/react/jsx-runtime";

package/dist/{chunk-ZNW4LHJE.cjs → chunk-JXB6Y7EV.cjs}

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkW3THU56Ecjs = require('./chunk-W3THU56E.cjs');
+var _chunkMYY7ZXGMcjs = require('./chunk-MYY7ZXGM.cjs');
 
 
-var _chunkRSHN4K6Ncjs = require('./chunk-RSHN4K6N.cjs');
+var _chunkRZ24JAMPcjs = require('./chunk-RZ24JAMP.cjs');
 
 // src/components/SecretContainer.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -22,12 +22,12 @@ function SecretContainer(props) {
         children: props.secret
       }
     ),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkW3THU56Ecjs.CopyToClipboardButton, { value: props.secret, isSm: true, ml: 4 })
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMYY7ZXGMcjs.CopyToClipboardButton, { value: props.secret, isSm: true, ml: 4 })
   ] }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledSecretContainer, { hasSecret: false, children: "There are no tokens associated with this account" });
 }
 var StyledSecretContainer = _styled2.default.div`
   background-color: ${({ theme, hasSecret, success }) => hasSecret ? success ? theme.success : theme.c05Neutral : theme.bg};
-  ${_chunkRSHN4K6Ncjs.standardBorderRadius.call(void 0, 8)}
+  ${_chunkRZ24JAMPcjs.standardBorderRadius.call(void 0, 8)}
   padding: 18px 20px;
   color: ${({ theme, success }) => success ? theme.hcNeutral : theme.text};
   border: solid 1px

package/dist/{chunk-2W4UASAE.js → chunk-JZ6J2SFP.js}

@@ -1,6 +1,6 @@
 import {
   Label
-} from "./chunk-IT6Y66F5.js";
+} from "./chunk-L4HEQZN5.js";
 import {
   Spacing
 } from "./chunk-E5DUKMCU.js";

package/dist/{chunk-EGLQSBC4.cjs → chunk-K2D64XWW.cjs}

@@ -1,30 +1,30 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkSFGLEWHWcjs = require('./chunk-SFGLEWHW.cjs');
+var _chunkU6XO2EF4cjs = require('./chunk-U6XO2EF4.cjs');
 
 
 var _chunkB2MHM6CYcjs = require('./chunk-B2MHM6CY.cjs');
 
 
-var _chunkEDMCWD63cjs = require('./chunk-EDMCWD63.cjs');
+var _chunk5BOF3LWDcjs = require('./chunk-5BOF3LWD.cjs');
 
 
 
 
-var _chunkZ6EUSUADcjs = require('./chunk-Z6EUSUAD.cjs');
+var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
 
 // src/components/typography/base/BodyStrong.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
 var _jsxruntime = require('@emotion/react/jsx-runtime');
 function BodyStrongString(props) {
-  const _a = getPropDefaults(props), { children } = _a, rest = _chunkZ6EUSUADcjs.__objRest.call(void 0, _a, ["children"]);
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledBodyStrong, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, rest), { children }));
+  const _a = getPropDefaults(props), { children } = _a, rest = _chunkYM5JDZDQcjs.__objRest.call(void 0, _a, ["children"]);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledBodyStrong, _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, rest), { children }));
 }
 function getPropDefaults(props) {
-  return _chunkSFGLEWHWcjs.getPropDefaultsBase.call(void 0, props, { as: props.tag || "span" });
+  return _chunkU6XO2EF4cjs.getPropDefaultsBase.call(void 0, props, { as: props.tag || "span" });
 }
 var StyledBodyStrong = _styled2.default.span`
-  ${({ theme, size, colorProp }) => _chunkEDMCWD63cjs.applyTypography.call(void 0, theme, "Body Strong", size, colorProp)}
+  ${({ theme, size, colorProp }) => _chunk5BOF3LWDcjs.applyTypography.call(void 0, theme, "Body Strong", size, colorProp)}
   ${_chunkB2MHM6CYcjs.typographyStyles}
 `;
 

package/dist/{chunk-2HQSZODW.js → chunk-K5UHJL5S.js}

@@ -3,37 +3,37 @@ import {
 } from "./chunk-JJC2AUQ3.js";
 import {
   TextButton
-} from "./chunk-3EC5GIFU.js";
+} from "./chunk-E4NORVJR.js";
 import {
   Dropdown
-} from "./chunk-C4X6HNCA.js";
+} from "./chunk-I6KZ6OZC.js";
 import {
   standardBorderColor
-} from "./chunk-FTMB6R72.js";
-import {
-  Badge,
-  badgeSmVPadding
-} from "./chunk-UYK4J3ZE.js";
-import {
-  toReactNodes
-} from "./chunk-OYIPFTQC.js";
+} from "./chunk-F5ARMTFS.js";
 import {
   Heading,
   headingWithDefaults
-} from "./chunk-XZD67M3O.js";
+} from "./chunk-3QKAPUNJ.js";
 import {
   Loading
-} from "./chunk-YNCTWF7N.js";
+} from "./chunk-C2CVRXBV.js";
 import {
   UnstyledButton
-} from "./chunk-5NUOBJXP.js";
+} from "./chunk-DTJWFL32.js";
+import {
+  Badge,
+  badgeSmVPadding
+} from "./chunk-SCMVBUX6.js";
+import {
+  toReactNodes
+} from "./chunk-W5YKSN4C.js";
 import {
   Icon
-} from "./chunk-DMPXNHDT.js";
+} from "./chunk-6UZRKYFG.js";
 import {
   standardBorderRadius,
   standardLineHeightEms
-} from "./chunk-HGZGGJQB.js";
+} from "./chunk-F5UEJLZY.js";
 import {
   select
 } from "./chunk-YMNSXZ5D.js";
@@ -42,10 +42,10 @@ import {
 } from "./chunk-JSGRNWSB.js";
 import {
   colors
-} from "./chunk-MIIIUXV6.js";
+} from "./chunk-XT5NXF55.js";
 import {
   __spreadValues
-} from "./chunk-W7FAWX6T.js";
+} from "./chunk-CWMXXUWU.js";
 
 // src/components/PageSection/PageSection.tsx
 import { useTheme } from "@emotion/react";

package/dist/{chunk-NBYTATDG.js → chunk-KQP42G2Z.js}

@@ -1,9 +1,9 @@
 import {
   renderTypography
-} from "./chunk-KAMBSKAE.js";
+} from "./chunk-MNWCPDWF.js";
 import {
   __async
-} from "./chunk-W7FAWX6T.js";
+} from "./chunk-CWMXXUWU.js";
 
 // src/utils/NextLink.tsx
 import {

package/dist/{chunk-DORBQICL.cjs → chunk-KUCQASJB.cjs}

@@ -9,7 +9,7 @@ function NubankLogo() {
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
       children: [
-        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "g", { "clip-path": "url(#clip0_6775_256125)", children: [
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "g", { clipPath: "url(#clip0_6775_256125)", children: [
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
             "path",
             {

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

@@ -1,17 +1,17 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkKU2ZI6TIcjs = require('./chunk-KU2ZI6TI.cjs');
+var _chunkP3MWWSTDcjs = require('./chunk-P3MWWSTD.cjs');
 
 
-var _chunkTXDLUYVGcjs = require('./chunk-TXDLUYVG.cjs');
+var _chunkQPWUPYZ4cjs = require('./chunk-QPWUPYZ4.cjs');
 
 
+var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
-var _chunkMFKERIW4cjs = require('./chunk-MFKERIW4.cjs');
 
 
-var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
+var _chunkFVBFDZEScjs = require('./chunk-FVBFDZES.cjs');
 
 
 
@@ -19,10 +19,10 @@ var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
 
-var _chunkRSHN4K6Ncjs = require('./chunk-RSHN4K6N.cjs');
+var _chunkRZ24JAMPcjs = require('./chunk-RZ24JAMP.cjs');
 
 
-var _chunkOBHJBBPCcjs = require('./chunk-OBHJBBPC.cjs');
+var _chunkR5SHOMBXcjs = require('./chunk-R5SHOMBX.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, _chunkKU2ZI6TIcjs.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, _chunkP3MWWSTDcjs.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 ? _chunkMFKERIW4cjs.overflowAutoWithoutScrollbars : null, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { css: props.minContentWidth ? _chunkFVBFDZEScjs.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`
-  ${_chunkMFKERIW4cjs.flexCenter}
+  ${_chunkFVBFDZEScjs.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} {
-    ${_chunkRSHN4K6Ncjs.darkGradientBg};
+    ${_chunkRZ24JAMPcjs.darkGradientBg};
     position: relative;
     height: calc(100% + 80px);
     margin-top: -40px;
@@ -104,15 +104,15 @@ var CardPageRightContent = _styled2.default.div`
     width: 100%;
 
     ${_chunkKW3JYLRIcjs.bp.minSm(`
-      ${_chunkRSHN4K6Ncjs.standardBorderRadius.call(void 0, [0, _chunkRSHN4K6Ncjs.cardBorderRadiusPx, _chunkRSHN4K6Ncjs.cardBorderRadiusPx, 0])};
+      ${_chunkRZ24JAMPcjs.standardBorderRadius.call(void 0, [0, _chunkRZ24JAMPcjs.cardBorderRadiusPx, _chunkRZ24JAMPcjs.cardBorderRadiusPx, 0])};
     `)}
   }
 `;
 var vCardPaddingPx = 40;
 var expandTiming = `0.65s ease-in-out`;
 var CardPageContainer = _styled2.default.div`
-  ${_chunkRSHN4K6Ncjs.standardContentInset.css}
-  ${({ theme }) => _chunkOBHJBBPCcjs.themeOr.call(void 0, `background-color: ${theme.bg}`, "transparent")({ theme })};
+  ${_chunkRZ24JAMPcjs.standardContentInset.css}
+  ${({ theme }) => _chunkR5SHOMBXcjs.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`
   `)}
 
   & > * {
-    ${_chunkRSHN4K6Ncjs.standardContentInset.css}
+    ${_chunkRZ24JAMPcjs.standardContentInset.css}
   }
 
   & ${CardPageFullContent}, & ${CardPageFullWidth} {
     ${_chunkKW3JYLRIcjs.bp.sm(`
-      width: calc(100% + ${_chunkRSHN4K6Ncjs.standardContentInset.smPx * 2}px);
-      margin-left: -${_chunkRSHN4K6Ncjs.standardContentInset.smPx}px;
+      width: calc(100% + ${_chunkRZ24JAMPcjs.standardContentInset.smPx * 2}px);
+      margin-left: -${_chunkRZ24JAMPcjs.standardContentInset.smPx}px;
     `)}
 
     ${_chunkKW3JYLRIcjs.bp.minSmMaxLg(`
-      width: calc(100% + ${_chunkRSHN4K6Ncjs.standardContentInset.minSmMaxLgPx * 2}px);
-      margin-left: -${_chunkRSHN4K6Ncjs.standardContentInset.minSmMaxLgPx}px;
+      width: calc(100% + ${_chunkRZ24JAMPcjs.standardContentInset.minSmMaxLgPx * 2}px);
+      margin-left: -${_chunkRZ24JAMPcjs.standardContentInset.minSmMaxLgPx}px;
     `)}
 
     ${_chunkKW3JYLRIcjs.bp.lg(`
-      width: calc(100% + ${_chunkRSHN4K6Ncjs.standardContentInset.lgPx * 2}px);
-      margin-left: -${_chunkRSHN4K6Ncjs.standardContentInset.lgPx}px;
+      width: calc(100% + ${_chunkRZ24JAMPcjs.standardContentInset.lgPx * 2}px);
+      margin-left: -${_chunkRZ24JAMPcjs.standardContentInset.lgPx}px;
     `)}
   }
 
@@ -160,9 +160,9 @@ var CardPageContainer = _styled2.default.div`
   }
 
   ${_chunkKW3JYLRIcjs.bp.minSm(`
-    ${_chunkRSHN4K6Ncjs.standardCardShadow.styles};
+    ${_chunkRZ24JAMPcjs.standardCardShadow.styles};
     padding: ${vCardPaddingPx}px 0;
-    ${_chunkRSHN4K6Ncjs.standardBorderRadius.call(void 0, _chunkRSHN4K6Ncjs.cardBorderRadiusPx)}
+    ${_chunkRZ24JAMPcjs.standardBorderRadius.call(void 0, _chunkRZ24JAMPcjs.cardBorderRadiusPx)}
   `)}
 
   &:not(:last-child) {
@@ -224,12 +224,12 @@ var CardPageContainer = _styled2.default.div`
 
       &:first-of-type > * {
         ${_chunkKW3JYLRIcjs.bp.minSmMaxLg(`
-          width: calc(100% - ${_chunkRSHN4K6Ncjs.standardContentInset.minSmMaxLgPx * 2}px);
-          margin-left: ${_chunkRSHN4K6Ncjs.standardContentInset.minSmMaxLgPx}px;
+          width: calc(100% - ${_chunkRZ24JAMPcjs.standardContentInset.minSmMaxLgPx * 2}px);
+          margin-left: ${_chunkRZ24JAMPcjs.standardContentInset.minSmMaxLgPx}px;
         `)}
         ${_chunkKW3JYLRIcjs.bp.lg(`
-          width: calc(100% - ${_chunkRSHN4K6Ncjs.standardContentInset.lgPx * 3}px);
-          margin-left: ${_chunkRSHN4K6Ncjs.standardContentInset.lgPx}px;
+          width: calc(100% - ${_chunkRZ24JAMPcjs.standardContentInset.lgPx * 3}px);
+          margin-left: ${_chunkRZ24JAMPcjs.standardContentInset.lgPx}px;
         `)}
       }
     }
@@ -255,7 +255,7 @@ var CardPageContainer = _styled2.default.div`
             ${initiallyExpanded ? "" : `animation: rightSideExpand ${expandTiming};`}
             margin: 0%;
             & > ${CardPageRightContentInner.toString()} {
-              border-radius: ${_chunkRSHN4K6Ncjs.cardBorderRadiusPx}px !important;
+              border-radius: ${_chunkRZ24JAMPcjs.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: ${_chunkMFKERIW4cjs.size.px14};
-  line-height: ${_chunkMFKERIW4cjs.size.px18};
+  font-size: ${_chunkFVBFDZEScjs.size.px14};
+  line-height: ${_chunkFVBFDZEScjs.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(${_chunkTXDLUYVGcjs.StyledButtonRow}) {
-    margin-top: ${_chunkRSHN4K6Ncjs.headingContentMarginPx}px !important;
+  & + *:not(${CardPageSubtitle}):not(${_chunkQPWUPYZ4cjs.StyledButtonRow}) {
+    margin-top: ${_chunkRZ24JAMPcjs.headingContentMarginPx}px !important;
   }
 
   & + ${CardPageSubtitle} {
     margin-top: 5px;
   }
 
-  & + ${_chunkTXDLUYVGcjs.StyledButtonRow} {
+  & + ${_chunkQPWUPYZ4cjs.StyledButtonRow} {
     margin-top: 16px;
   }
 `;