@lightsparkdev/ui 1.1.9 → 1.1.10

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

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

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

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkBGDEQI7Ycjs = require('./chunk-BGDEQI7Y.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, 
     `
-      ${_chunkBGDEQI7Ycjs.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-A6WK7ZNT.js → chunk-QJEZ6WCN.js}

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

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

@@ -111,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-S7ERJ2LC.js → chunk-QVFTNYER.js}

@@ -1,9 +1,9 @@
 import {
   central_exports
-} from "./chunk-G5COXKAE.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-RBC4LVDM.cjs → chunk-QYMXXB6X.cjs}

@@ -3,7 +3,7 @@
 var _chunk4XPAKKBScjs = require('./chunk-4XPAKKBS.cjs');
 
 
-var _chunkAPVWQQCAcjs = require('./chunk-APVWQQCA.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, 
-    _chunkAPVWQQCAcjs.TextInput,
+    _chunkILBP4CTUcjs.TextInput,
     {
       select: {
         options,

package/dist/{chunk-5LBC2FKO.js → chunk-R4FLAFIG.js}

@@ -1,18 +1,18 @@
 import {
   absoluteCenter
-} from "./chunk-DAUERVKA.js";
+} from "./chunk-FAWI3ZGU.js";
 import {
   Icon
-} from "./chunk-B25Y765K.js";
+} from "./chunk-DMPXNHDT.js";
 import {
   standardBorderRadius
-} from "./chunk-FS5ZY6RP.js";
+} from "./chunk-HGZGGJQB.js";
 import {
   getColor
-} from "./chunk-A2JXE76O.js";
+} from "./chunk-VAH342U2.js";
 import {
   colors
-} from "./chunk-27AIQ3WT.js";
+} from "./chunk-MIIIUXV6.js";
 import {
   __spreadValues
 } from "./chunk-W7FAWX6T.js";

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

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkISSWG34Jcjs = require('./chunk-ISSWG34J.cjs');
+var _chunkDDGSFIWAcjs = require('./chunk-DDGSFIWA.cjs');
 
 
 
-var _chunkA7LVUXXDcjs = require('./chunk-A7LVUXXD.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 = _chunkA7LVUXXDcjs.getPropDefaults.call(void 0, props);
+  const propsWithDefaults = _chunkJ7HZA7ZFcjs.getPropDefaults.call(void 0, props);
   let reactNodes = props.children || null;
   if (props.content) {
-    reactNodes = _chunkISSWG34Jcjs.toReactNodes.call(void 0, props.content);
+    reactNodes = _chunkDDGSFIWAcjs.toReactNodes.call(void 0, props.content);
   }
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA7LVUXXDcjs.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-TAOQJX3O.js → chunk-RO7YTILY.js}

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

package/dist/{chunk-YSMG5R44.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 _chunkLL3KJ7DBcjs = require('./chunk-LL3KJ7DB.cjs');
+var _chunkOBHJBBPCcjs = require('./chunk-OBHJBBPC.cjs');
 
 
 var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
 
 
-var _chunkBQ5MMYMPcjs = require('./chunk-BQ5MMYMP.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: ${_chunkBQ5MMYMPcjs.darkGradient};
+  background: ${_chunkQQDRBCBYcjs.darkGradient};
 `;
 var overlaySurfaceBorderColor = ({
   theme,
   important = false
 }) => _react.css`
-  border-color: ${_chunkLL3KJ7DBcjs.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: ${_chunkLL3KJ7DBcjs.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 })};
-  ${_chunkLL3KJ7DBcjs.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-AFMW2YGX.js → chunk-SEL2XGBO.js}

@@ -1,12 +1,12 @@
 import {
   Filter
-} from "./chunk-K2TZ4AYP.js";
+} from "./chunk-LAIAW5BT.js";
 import {
   NumberInput_default
-} from "./chunk-TVZNNAM2.js";
+} from "./chunk-M7P5MYNB.js";
 import {
   ButtonRow
-} from "./chunk-6I36YUWQ.js";
+} from "./chunk-VHHLWRJS.js";
 import {
   __spreadProps,
   __spreadValues

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

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

package/dist/{chunk-G6S4IK3Y.cjs → chunk-SGG54BO5.cjs}

@@ -4,10 +4,10 @@ var _chunkB6Y7HCBMcjs = require('./chunk-B6Y7HCBM.cjs');
 
 
 
-var _chunkYSMG5R44cjs = require('./chunk-YSMG5R44.cjs');
+var _chunkRSHN4K6Ncjs = require('./chunk-RSHN4K6N.cjs');
 
 
-var _chunkLL3KJ7DBcjs = require('./chunk-LL3KJ7DB.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: ${_chunkYSMG5R44cjs.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: ${_chunkYSMG5R44cjs.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 = _chunkLL3KJ7DBcjs.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-2XYDNDNO.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 _chunkDCOJ2RN7cjs = require('./chunk-DCOJ2RN7.cjs');
+var _chunkKU2ZI6TIcjs = require('./chunk-KU2ZI6TI.cjs');
 
 
-var _chunkBWMLMQPIcjs = require('./chunk-BWMLMQPI.cjs');
+var _chunkTXDLUYVGcjs = require('./chunk-TXDLUYVG.cjs');
 
 
-var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
+var _chunkMFKERIW4cjs = require('./chunk-MFKERIW4.cjs');
 
 
-var _chunkJEVPAUBWcjs = require('./chunk-JEVPAUBW.cjs');
+var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
 
@@ -19,10 +19,10 @@ var _chunkJEVPAUBWcjs = require('./chunk-JEVPAUBW.cjs');
 
 
 
-var _chunkYSMG5R44cjs = require('./chunk-YSMG5R44.cjs');
+var _chunkRSHN4K6Ncjs = require('./chunk-RSHN4K6N.cjs');
 
 
-var _chunkLL3KJ7DBcjs = require('./chunk-LL3KJ7DB.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, _chunkDCOJ2RN7cjs.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 ? _chunkJEVPAUBWcjs.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`
-  ${_chunkJEVPAUBWcjs.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} {
-    ${_chunkYSMG5R44cjs.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(`
-      ${_chunkYSMG5R44cjs.standardBorderRadius.call(void 0, [0, _chunkYSMG5R44cjs.cardBorderRadiusPx, _chunkYSMG5R44cjs.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`
-  ${_chunkYSMG5R44cjs.standardContentInset.css}
-  ${({ theme }) => _chunkLL3KJ7DBcjs.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`
   `)}
 
   & > * {
-    ${_chunkYSMG5R44cjs.standardContentInset.css}
+    ${_chunkRSHN4K6Ncjs.standardContentInset.css}
   }
 
   & ${CardPageFullContent}, & ${CardPageFullWidth} {
     ${_chunkKW3JYLRIcjs.bp.sm(`
-      width: calc(100% + ${_chunkYSMG5R44cjs.standardContentInset.smPx * 2}px);
-      margin-left: -${_chunkYSMG5R44cjs.standardContentInset.smPx}px;
+      width: calc(100% + ${_chunkRSHN4K6Ncjs.standardContentInset.smPx * 2}px);
+      margin-left: -${_chunkRSHN4K6Ncjs.standardContentInset.smPx}px;
     `)}
 
     ${_chunkKW3JYLRIcjs.bp.minSmMaxLg(`
-      width: calc(100% + ${_chunkYSMG5R44cjs.standardContentInset.minSmMaxLgPx * 2}px);
-      margin-left: -${_chunkYSMG5R44cjs.standardContentInset.minSmMaxLgPx}px;
+      width: calc(100% + ${_chunkRSHN4K6Ncjs.standardContentInset.minSmMaxLgPx * 2}px);
+      margin-left: -${_chunkRSHN4K6Ncjs.standardContentInset.minSmMaxLgPx}px;
     `)}
 
     ${_chunkKW3JYLRIcjs.bp.lg(`
-      width: calc(100% + ${_chunkYSMG5R44cjs.standardContentInset.lgPx * 2}px);
-      margin-left: -${_chunkYSMG5R44cjs.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(`
-    ${_chunkYSMG5R44cjs.standardCardShadow.styles};
+    ${_chunkRSHN4K6Ncjs.standardCardShadow.styles};
     padding: ${vCardPaddingPx}px 0;
-    ${_chunkYSMG5R44cjs.standardBorderRadius.call(void 0, _chunkYSMG5R44cjs.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% - ${_chunkYSMG5R44cjs.standardContentInset.minSmMaxLgPx * 2}px);
-          margin-left: ${_chunkYSMG5R44cjs.standardContentInset.minSmMaxLgPx}px;
+          width: calc(100% - ${_chunkRSHN4K6Ncjs.standardContentInset.minSmMaxLgPx * 2}px);
+          margin-left: ${_chunkRSHN4K6Ncjs.standardContentInset.minSmMaxLgPx}px;
         `)}
         ${_chunkKW3JYLRIcjs.bp.lg(`
-          width: calc(100% - ${_chunkYSMG5R44cjs.standardContentInset.lgPx * 3}px);
-          margin-left: ${_chunkYSMG5R44cjs.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: ${_chunkYSMG5R44cjs.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: ${_chunkJEVPAUBWcjs.size.px14};
-  line-height: ${_chunkJEVPAUBWcjs.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(${_chunkBWMLMQPIcjs.StyledButtonRow}) {
-    margin-top: ${_chunkYSMG5R44cjs.headingContentMarginPx}px !important;
+  & + *:not(${CardPageSubtitle}):not(${_chunkTXDLUYVGcjs.StyledButtonRow}) {
+    margin-top: ${_chunkRSHN4K6Ncjs.headingContentMarginPx}px !important;
   }
 
   & + ${CardPageSubtitle} {
     margin-top: 5px;
   }
 
-  & + ${_chunkBWMLMQPIcjs.StyledButtonRow} {
+  & + ${_chunkTXDLUYVGcjs.StyledButtonRow} {
     margin-top: 16px;
   }
 `;

package/dist/{chunk-HXJIJX6N.js → chunk-SIPHI6JZ.js}

@@ -1,34 +1,34 @@
 import {
   Loading
-} from "./chunk-J2GJE5NF.js";
-import {
-  Tooltip
-} from "./chunk-TAOQJX3O.js";
+} from "./chunk-YNCTWF7N.js";
 import {
   UnstyledButton
-} from "./chunk-Y6MK2KM4.js";
+} from "./chunk-5NUOBJXP.js";
+import {
+  Tooltip
+} from "./chunk-RO7YTILY.js";
 import {
   Icon
-} from "./chunk-B25Y765K.js";
+} from "./chunk-DMPXNHDT.js";
 import {
   getFocusOutline
-} from "./chunk-FS5ZY6RP.js";
+} from "./chunk-HGZGGJQB.js";
 import {
   Link
-} from "./chunk-5UPPV33W.js";
+} from "./chunk-SWMGDTQN.js";
 import {
   renderTypography
-} from "./chunk-CKXMWKGL.js";
+} from "./chunk-KAMBSKAE.js";
 import {
   select
 } from "./chunk-YMNSXZ5D.js";
 import {
   applyTypography
-} from "./chunk-YBIDE35T.js";
+} from "./chunk-2C7DZIDY.js";
 import {
   getBackgroundColor,
   isThemeOrColorKey
-} from "./chunk-A2JXE76O.js";
+} from "./chunk-VAH342U2.js";
 import {
   __objRest,
   __spreadProps,