@lightsparkdev/ui 1.1.17 → 1.1.19

package/dist/{chunk-FL3CJSCW.cjs → chunk-JBTFECFQ.cjs}

@@ -4,10 +4,10 @@ var _chunkB6Y7HCBMcjs = require('./chunk-B6Y7HCBM.cjs');
 
 
 
-var _chunkGSQGDJAVcjs = require('./chunk-GSQGDJAV.cjs');
+var _chunkL2DITD7Rcjs = require('./chunk-L2DITD7R.cjs');
 
 
-var _chunkWZIDVP2Ucjs = require('./chunk-WZIDVP2U.cjs');
+var _chunk5DLGWFPFcjs = require('./chunk-5DLGWFPF.cjs');
 
 
 var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
@@ -17,6 +17,7 @@ var _react = require('@emotion/react');
 var _react3 = require('react');
 require('react-tooltip/dist/react-tooltip.css');
 require('./static/fonts.css');
+var import_meta = {};
 var _jsxruntime = require('@emotion/react/jsx-runtime');
 var getFontImport = (theme) => {
   let importStr = "";
@@ -48,48 +49,56 @@ var getFontImport = (theme) => {
   }
   return importStr;
 };
+var getFontsBase = () => {
+  try {
+    return `${import_meta.env.BASE_URL.replace(/\/$/, "")}/fonts`;
+  } catch (e) {
+    return "/fonts";
+  }
+};
 var getFontFaces = (theme) => {
   let fontFacesStr = "";
   if (theme.typography.fontFamilies.main === "SuisseIntl") {
+    const fontsBase = getFontsBase();
     fontFacesStr += `
       @font-face {
         font-family: "SuisseIntl";
-        src: url("/fonts/SuisseIntl-Light.woff2") format("woff2");
+        src: url("${fontsBase}/SuisseIntl-Light.woff2") format("woff2");
         font-weight: 300;
         font-style: normal;
         font-display: swap;
       }
       @font-face {
         font-family: "SuisseIntl";
-        src: url("/fonts/SuisseIntl-Regular.woff2") format("woff2");
+        src: url("${fontsBase}/SuisseIntl-Regular.woff2") format("woff2");
         font-weight: 400;
         font-style: normal;
         font-display: swap;
       }
       @font-face {
         font-family: "SuisseIntl";
-        src: url("/fonts/SuisseIntl-Book.woff2") format("woff2");
+        src: url("${fontsBase}/SuisseIntl-Book.woff2") format("woff2");
         font-weight: 450;
         font-style: normal;
         font-display: swap;
       }
       @font-face {
         font-family: "SuisseIntl";
-        src: url("/fonts/SuisseIntl-Medium.woff2") format("woff2");
+        src: url("${fontsBase}/SuisseIntl-Medium.woff2") format("woff2");
         font-weight: 500;
         font-style: normal;
         font-display: swap;
       }
       @font-face {
         font-family: "SuisseIntl";
-        src: url("/fonts/SuisseIntl-Semibold.woff2") format("woff2");
+        src: url("${fontsBase}/SuisseIntl-Semibold.woff2") format("woff2");
         font-weight: 600;
         font-style: normal;
         font-display: swap;
       }
       @font-face {
         font-family: "SuisseIntl";
-        src: url("/fonts/SuisseIntl-Bold.woff2") format("woff2");
+        src: url("${fontsBase}/SuisseIntl-Bold.woff2") format("woff2");
         font-weight: 700;
         font-style: normal;
         font-display: swap;
@@ -97,10 +106,11 @@ var getFontFaces = (theme) => {
     `;
   }
   if (theme.typography.fontFamilies.code === "SuisseIntl-Mono") {
+    const fontsBase = getFontsBase();
     fontFacesStr += `
       @font-face {
         font-family: "SuisseIntl-Mono";
-        src: url("/fonts/SuisseIntlMono-Regular.woff2") format("woff2");
+        src: url("${fontsBase}/SuisseIntlMono-Regular.woff2") format("woff2");
         font-weight: 400;
         font-style: normal;
         font-display: swap;
@@ -114,7 +124,7 @@ var globalComponentStyles = ({ theme }) => _react.css`
   ${getFontFaces(theme)};
 
   html {
-    font-size: ${_chunkGSQGDJAVcjs.rootFontSizeRems}rem;
+    font-size: ${_chunkL2DITD7Rcjs.rootFontSizeRems}rem;
     color: ${theme.text};
 
     /* required for iOS https://bit.ly/3Q8syG8 */
@@ -144,7 +154,7 @@ var globalComponentStyles = ({ theme }) => _react.css`
 
   * {
     box-sizing: border-box;
-    line-height: ${_chunkGSQGDJAVcjs.standardLineHeightEms}em;
+    line-height: ${_chunkL2DITD7Rcjs.standardLineHeightEms}em;
   }
 
   code {
@@ -191,7 +201,7 @@ var globalComponentStyles = ({ theme }) => _react.css`
 `;
 function GlobalStyles() {
   const theme = _react.useTheme.call(void 0, );
-  const bg = _chunkWZIDVP2Ucjs.useThemeBg.call(void 0, );
+  const bg = _chunk5DLGWFPFcjs.useThemeBg.call(void 0, );
   _react3.useEffect.call(void 0, () => {
     const documentHeight = () => {
       const doc = document.documentElement;

package/dist/{chunk-5RRDZUYN.cjs → chunk-JC7AOU66.cjs}

@@ -3,13 +3,13 @@
 var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
 
 
-var _chunkGJ4EVX5Ncjs = require('./chunk-GJ4EVX5N.cjs');
+var _chunkVXN2IQANcjs = require('./chunk-VXN2IQAN.cjs');
 
 
-var _chunk2MT546OVcjs = require('./chunk-2MT546OV.cjs');
+var _chunk6NL6Y5OXcjs = require('./chunk-6NL6Y5OX.cjs');
 
 
-var _chunkGSQGDJAVcjs = require('./chunk-GSQGDJAV.cjs');
+var _chunkL2DITD7Rcjs = require('./chunk-L2DITD7R.cjs');
 
 
 var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
@@ -36,7 +36,7 @@ function ButtonRow({
       bottomBorder,
       ml,
       children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledButtonRowButton, { className, children: buttons.map(
-        (button, idx) => button === "divider" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ButtonRowDivider, {}, idx) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGJ4EVX5Ncjs.Button, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, button), idx)
+        (button, idx) => button === "divider" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ButtonRowDivider, {}, idx) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk6NL6Y5OXcjs.Button, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, button), idx)
       ) })
     }
   );
@@ -52,9 +52,9 @@ var StyledButtonRow = _styled2.default.div`
             position: sticky;
             top: ${headerHeight}px;
             margin-top: 24px;
-            margin-left: -${_chunkGSQGDJAVcjs.standardContentInset.smPx}px;
-            width: calc(100% + ${_chunkGSQGDJAVcjs.standardContentInset.smPx * 2}px);
-            max-width: calc(100% + ${_chunkGSQGDJAVcjs.standardContentInset.smPx * 2}px);
+            margin-left: -${_chunkL2DITD7Rcjs.standardContentInset.smPx}px;
+            width: calc(100% + ${_chunkL2DITD7Rcjs.standardContentInset.smPx * 2}px);
+            max-width: calc(100% + ${_chunkL2DITD7Rcjs.standardContentInset.smPx * 2}px);
             z-index: 2;` : `position: relative;`}
         ${bottomBorder ? `
             &:before {
@@ -78,7 +78,7 @@ var ButtonRowDivider = _styled2.default.div`
   padding-left: 16px;
 `;
 var StyledButtonRowButton = _styled2.default.div`
-  ${_chunk2MT546OVcjs.overflowAutoWithoutScrollbars}
+  ${_chunkVXN2IQANcjs.overflowAutoWithoutScrollbars}
   background: ${({ theme }) => theme.bg};
   display: flex;
   position: relative;
@@ -91,7 +91,7 @@ var StyledButtonRowButton = _styled2.default.div`
   }
 
   ${_chunkKW3JYLRIcjs.bp.sm(`
-    padding: ${_chunkGSQGDJAVcjs.standardContentInset.smPx}px;
+    padding: ${_chunkL2DITD7Rcjs.standardContentInset.smPx}px;
   `)}
 `;
 

package/dist/{chunk-KY5ANFQH.js → chunk-JQF5B32K.js}

@@ -1,10 +1,10 @@
 import {
   toReactNodes
-} from "./chunk-2C4XFGJH.js";
+} from "./chunk-YDKHMGTJ.js";
 import {
   StyledCode,
   getPropDefaults
-} from "./chunk-JJCOC4HY.js";
+} from "./chunk-XSTIMAEC.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/chunk-JQXHTD72.cjs

@@ -0,0 +1,33 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }// src/components/CountryFlag/CountryFlagImg.tsx
+var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function CountryFlagImg({
+  countryCode,
+  height = 32,
+  flagUrls,
+  placeholderUrl
+}) {
+  const imgSrc = flagUrls[countryCode.toLowerCase()];
+  if (!imgSrc && !placeholderUrl) {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Placeholder, { style: { width: height, height } });
+  }
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    StyledCountryFlagImg,
+    {
+      alt: `${countryCode} country flag`,
+      src: imgSrc || placeholderUrl,
+      height
+    }
+  );
+}
+var StyledCountryFlagImg = _styled2.default.img`
+  border-radius: 999px;
+`;
+var Placeholder = _styled2.default.div`
+  border-radius: 999px;
+  background: #e0e0e0;
+`;
+
+
+
+exports.CountryFlagImg = CountryFlagImg;

package/dist/{chunk-QYXFVA4O.js → chunk-JYQ4GY63.js}

@@ -1,10 +1,10 @@
 import {
   UnstyledButton
-} from "./chunk-3A65FDXQ.js";
+} from "./chunk-JAKQ2K4G.js";
 import {
   getColor,
   themeOr
-} from "./chunk-V7XAF6D2.js";
+} from "./chunk-52MQ2ZDT.js";
 import {
   colors
 } from "./chunk-4BTMZ2KB.js";

package/dist/{chunk-RTJLPD5V.js → chunk-KDRDPL5B.js}

@@ -1,6 +1,6 @@
 import {
   Icon
-} from "./chunk-MNNK5Z6E.js";
+} from "./chunk-FSTORN5W.js";
 
 // src/components/Loading.tsx
 import { useTheme } from "@emotion/react";

package/dist/{chunk-DSTWBIG7.cjs → chunk-KHNI4BLB.cjs}

@@ -1,19 +1,19 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunk5OIBCVEDcjs = require('./chunk-5OIBCVED.cjs');
+var _chunkURPTEXFScjs = require('./chunk-URPTEXFS.cjs');
 
 
 
 var _chunkKS6GHRZIcjs = require('./chunk-KS6GHRZI.cjs');
 
 
-var _chunkGSQGDJAVcjs = require('./chunk-GSQGDJAV.cjs');
+var _chunkL2DITD7Rcjs = require('./chunk-L2DITD7R.cjs');
 
 
 var _chunkJA7KZV3Qcjs = require('./chunk-JA7KZV3Q.cjs');
 
 
-var _chunkWZIDVP2Ucjs = require('./chunk-WZIDVP2U.cjs');
+var _chunk5DLGWFPFcjs = require('./chunk-5DLGWFPF.cjs');
 
 // src/components/Icon/Icon.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -34,14 +34,14 @@ function Icon({
   verticalAlign = "middle",
   iconProps
 }) {
-  const IconComponent = _chunk5OIBCVEDcjs.iconMap[name];
-  const w = parseFloat((width / _chunkGSQGDJAVcjs.rootFontSizePx).toFixed(2));
+  const IconComponent = _chunkURPTEXFScjs.iconMap[name];
+  const w = parseFloat((width / _chunkL2DITD7Rcjs.rootFontSizePx).toFixed(2));
   const h = square ? w : "auto";
-  const mr = typeof mrProp === "number" ? `${parseFloat((mrProp / _chunkGSQGDJAVcjs.rootFontSizePx).toFixed(2))}em` : mrProp;
-  const ml = typeof mlProp === "number" ? `${parseFloat((mlProp / _chunkGSQGDJAVcjs.rootFontSizePx).toFixed(2))}em` : mlProp;
-  const mt = typeof mtProp === "number" ? `${parseFloat((mtProp / _chunkGSQGDJAVcjs.rootFontSizePx).toFixed(2))}em` : mtProp;
-  const mb = typeof mbProp === "number" ? `${parseFloat((mbProp / _chunkGSQGDJAVcjs.rootFontSizePx).toFixed(2))}em` : mbProp;
-  const va = typeof verticalAlign === "string" ? verticalAlign : parseFloat((verticalAlign / _chunkGSQGDJAVcjs.rootFontSizePx).toFixed(2));
+  const mr = typeof mrProp === "number" ? `${parseFloat((mrProp / _chunkL2DITD7Rcjs.rootFontSizePx).toFixed(2))}em` : mrProp;
+  const ml = typeof mlProp === "number" ? `${parseFloat((mlProp / _chunkL2DITD7Rcjs.rootFontSizePx).toFixed(2))}em` : mlProp;
+  const mt = typeof mtProp === "number" ? `${parseFloat((mtProp / _chunkL2DITD7Rcjs.rootFontSizePx).toFixed(2))}em` : mtProp;
+  const mb = typeof mbProp === "number" ? `${parseFloat((mbProp / _chunkL2DITD7Rcjs.rootFontSizePx).toFixed(2))}em` : mbProp;
+  const va = typeof verticalAlign === "string" ? verticalAlign : parseFloat((verticalAlign / _chunkL2DITD7Rcjs.rootFontSizePx).toFixed(2));
   const icon = _react2.default.createElement(IconComponent, iconProps, null);
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     IconContainer,
@@ -90,10 +90,10 @@ var IconContainer = _styled2.default.span`
 }}
 
   ${({ theme, fontColor }) => {
-  const color = _chunkWZIDVP2Ucjs.getFontColor.call(void 0, theme, fontColor, "inherit");
+  const color = _chunk5DLGWFPFcjs.getFontColor.call(void 0, theme, fontColor, "inherit");
   return `
     svg, path {
-      color: ${_chunkWZIDVP2Ucjs.getFontColor.call(void 0, theme, fontColor, "inherit")};
+      color: ${_chunk5DLGWFPFcjs.getFontColor.call(void 0, theme, fontColor, "inherit")};
 
       /* 
         Provide a way for an SVG to invert relative to a specified color for

package/dist/{chunk-I4WEHESF.cjs → chunk-KJLAK4NM.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkDSTWBIG7cjs = require('./chunk-DSTWBIG7.cjs');
+var _chunkKHNI4BLBcjs = require('./chunk-KHNI4BLB.cjs');
 
 // src/components/ContentTable.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -18,7 +18,7 @@ function ContentTable({
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "td", { children: row.title }),
       columns.map((column) => {
         const value = row[column.key];
-        return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "td", { children: value === true ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDSTWBIG7cjs.Icon, { name: "CheckmarkCircle", width: 16, color: "success" }) : value }, column.key);
+        return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "td", { children: value === true ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkKHNI4BLBcjs.Icon, { name: "CheckmarkCircle", width: 16, color: "success" }) : value }, column.key);
       })
     ] }, index)) })
   ] });

package/dist/{chunk-KP7LUPMU.js → chunk-KQT3Z6I7.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-YW4BJCOL.js";
 import {
   applyTypography
-} from "./chunk-I3KWQ42J.js";
+} from "./chunk-NCIEAYHX.js";
 import {
   __objRest,
   __spreadProps,

package/dist/{chunk-HR7H6SLW.js → chunk-KSSZXCJ6.js}

@@ -1,12 +1,12 @@
 import {
   Filter
-} from "./chunk-3OY2OJFQ.js";
+} from "./chunk-SV54TB3K.js";
 import {
   NumberInput_default
-} from "./chunk-YMYTHVW4.js";
+} from "./chunk-GNXFHKBM.js";
 import {
   ButtonRow
-} from "./chunk-6ZZPMIC2.js";
+} from "./chunk-XKHUOMPT.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/{chunk-EFUO4VCA.cjs → chunk-KZU5SADG.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkWZIDVP2Ucjs = require('./chunk-WZIDVP2U.cjs');
+var _chunk5DLGWFPFcjs = require('./chunk-5DLGWFPF.cjs');
 
 
 var _chunkCC4HS72Dcjs = require('./chunk-CC4HS72D.cjs');
@@ -11,7 +11,7 @@ var applyTypography = (theme, typographyType, size, color = "inherit", applyToAl
   return `
     ${selector} {
       ${_chunkCC4HS72Dcjs.getTypographyString.call(void 0, theme, typographyType, size)};
-      color: ${_chunkWZIDVP2Ucjs.getFontColor.call(void 0, theme, color)};
+      color: ${_chunk5DLGWFPFcjs.getFontColor.call(void 0, theme, color)};
     }
   `;
 };

package/dist/{chunk-GSQGDJAV.cjs → chunk-L2DITD7R.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkWZIDVP2Ucjs = require('./chunk-WZIDVP2U.cjs');
+var _chunk5DLGWFPFcjs = require('./chunk-5DLGWFPF.cjs');
 
 
 var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
@@ -115,7 +115,7 @@ var overlaySurfaceBorderColor = ({
   theme,
   important = false
 }) => _react.css`
-  border-color: ${_chunkWZIDVP2Ucjs.themeOr.call(void 0, theme.c1Neutral, theme.c3Neutral)({ theme })}
+  border-color: ${_chunk5DLGWFPFcjs.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: ${_chunkWZIDVP2Ucjs.themeOr.call(void 0, theme.bg, theme.c1Neutral)({ theme })}
+  background-color: ${_chunk5DLGWFPFcjs.themeOr.call(void 0, theme.bg, theme.c1Neutral)({ theme })}
     ${important ? "!important" : ""};
   ${border ? `border: 0.5px solid ${important ? "!important" : ""};` : ""}
   ${overlaySurfaceBorderColor({ theme, important })};
-  ${_chunkWZIDVP2Ucjs.themeOr.call(void 0, 
+  ${_chunk5DLGWFPFcjs.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-CWO637N3.cjs → chunk-LAKFTS65.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkS6OGIIJCcjs = require('./chunk-S6OGIIJC.cjs');
+var _chunkGGV45LN2cjs = require('./chunk-GGV45LN2.cjs');
 
 
 
@@ -90,7 +90,7 @@ function toReactNodesWithTypographyMap(nodesArg, nodesTypographyMap, replaceExis
     nodesTypographyMap,
     replaceExistingTypography
   );
-  const nodes = _chunkS6OGIIJCcjs.toReactNodes.call(void 0, nodesWithTypography);
+  const nodes = _chunkGGV45LN2cjs.toReactNodes.call(void 0, nodesWithTypography);
   return nodes;
 }
 function setDefaultReactNodesTypography(nodesArg, setDefaultReactNodesTypographyArg) {

package/dist/{chunk-DGR27Y2A.js → chunk-LINHR4UU.js}

@@ -1,10 +1,10 @@
 import {
   toReactNodes
-} from "./chunk-2C4XFGJH.js";
+} from "./chunk-YDKHMGTJ.js";
 import {
   StyledOverline,
   getPropDefaults
-} from "./chunk-QGZXH6TR.js";
+} from "./chunk-SYYDCXR5.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/{chunk-2DWMQH3W.cjs → chunk-LOLAMBIL.cjs}

@@ -3,37 +3,37 @@
 var _chunk46AVXTFOcjs = require('./chunk-46AVXTFO.cjs');
 
 
-var _chunk7662CURDcjs = require('./chunk-7662CURD.cjs');
+var _chunkSXMPLDMIcjs = require('./chunk-SXMPLDMI.cjs');
 
 
-var _chunkVASSEH55cjs = require('./chunk-VASSEH55.cjs');
+var _chunkLQAUBXGCcjs = require('./chunk-LQAUBXGC.cjs');
 
 
-var _chunkWDTLFMRWcjs = require('./chunk-WDTLFMRW.cjs');
+var _chunkBZD34V76cjs = require('./chunk-BZD34V76.cjs');
 
 
 
-var _chunkDLJDS3PPcjs = require('./chunk-DLJDS3PP.cjs');
+var _chunkBFIQJEU4cjs = require('./chunk-BFIQJEU4.cjs');
 
 
-var _chunkKNOF6XGCcjs = require('./chunk-KNOF6XGC.cjs');
+var _chunkGGV45LN2cjs = require('./chunk-GGV45LN2.cjs');
 
 
-var _chunkOIVMDDPCcjs = require('./chunk-OIVMDDPC.cjs');
 
+var _chunkVI3JUH3Pcjs = require('./chunk-VI3JUH3P.cjs');
 
 
-var _chunkQ4I5RD7Gcjs = require('./chunk-Q4I5RD7G.cjs');
+var _chunkYSMELLDKcjs = require('./chunk-YSMELLDK.cjs');
 
 
-var _chunkS6OGIIJCcjs = require('./chunk-S6OGIIJC.cjs');
+var _chunkQN7ZRGAOcjs = require('./chunk-QN7ZRGAO.cjs');
 
 
-var _chunkDSTWBIG7cjs = require('./chunk-DSTWBIG7.cjs');
+var _chunkKHNI4BLBcjs = require('./chunk-KHNI4BLB.cjs');
 
 
 
-var _chunkGSQGDJAVcjs = require('./chunk-GSQGDJAV.cjs');
+var _chunkL2DITD7Rcjs = require('./chunk-L2DITD7R.cjs');
 
 
 var _chunk6VA4SAHQcjs = require('./chunk-6VA4SAHQ.cjs');
@@ -59,7 +59,7 @@ function PageSection({
   headerOffset = 0
 }) {
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, StyledPageSection, { scrollMarginTop: headerOffset + _chunk46AVXTFOcjs.pageSectionScrollOffset, children: [
-    title ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDLJDS3PPcjs.Heading, { type: "h3", id: sectionId, mt: 0, mb: 40, children: title }) : null,
+    title ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVI3JUH3Pcjs.Heading, { type: "h3", id: sectionId, mt: 0, mb: 40, children: title }) : null,
     children
   ] });
 }
@@ -79,7 +79,7 @@ var StyledPageSection = _styled2.default.div`
     scroll-margin-top: ${({ scrollMarginTop }) => scrollMarginTop}px !important;
   }
 `;
-var PageSectionSubheading = _chunkDLJDS3PPcjs.headingWithDefaults.call(void 0, {
+var PageSectionSubheading = _chunkVI3JUH3Pcjs.headingWithDefaults.call(void 0, {
   type: "h4",
   mb: 32
 });
@@ -121,18 +121,18 @@ function PageSectionBoxAction({
   toParams
 }) {
   const theme = _react.useTheme.call(void 0, );
-  return loading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkKNOF6XGCcjs.Loading, { size: 12, center: false }) }) : icon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkOIVMDDPCcjs.UnstyledButton, { onClick: icon.onClick, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDSTWBIG7cjs.Icon, { name: icon.name, width: 12, color: "mcNeutral" }) }) }) : dropdownItems ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkVASSEH55cjs.Dropdown,
+  return loading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYSMELLDKcjs.Loading, { size: 12, center: false }) }) : icon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkQN7ZRGAOcjs.UnstyledButton, { onClick: icon.onClick, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkKHNI4BLBcjs.Icon, { name: icon.name, width: 12, color: "mcNeutral" }) }) }) : dropdownItems ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunkLQAUBXGCcjs.Dropdown,
     {
       button: {
-        getContent: () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDSTWBIG7cjs.Icon, { name: "DotGrid1x3Horizontal", width: 16 })
+        getContent: () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkKHNI4BLBcjs.Icon, { name: "DotGrid1x3Horizontal", width: 16 })
       },
       dropdownItems
     }
-  ) : isDelete ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkOIVMDDPCcjs.UnstyledButton, { css: { color: theme.mcNeutral }, onClick, children: "Delete" }) : label ? (
+  ) : isDelete ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkQN7ZRGAOcjs.UnstyledButton, { css: { color: theme.mcNeutral }, onClick, children: "Delete" }) : label ? (
     /* Extra div for proper default alignment inside flex contexts */
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunk7662CURDcjs.TextButton,
+      _chunkSXMPLDMIcjs.TextButton,
       {
         leftIcon: icon,
         text: label,
@@ -164,7 +164,7 @@ var PageSectionBoxActionRow = ({
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, PageSectionBoxTitle, { children: [
             /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { children: [
               title,
-              titleBadge ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkQ4I5RD7Gcjs.Badge, { content: titleBadge, ml: 4, kind: titleBadgeKind }) : null
+              titleBadge ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBFIQJEU4cjs.Badge, { content: titleBadge, ml: 4, kind: titleBadgeKind }) : null
             ] }),
             titleRightContent
           ] }),
@@ -202,7 +202,7 @@ var SPageSectionBoxActionRow = _styled2.default.div`
 
   ${({ separator, theme }) => separator && `
       border-top: 1px solid;
-      ${_chunkWDTLFMRWcjs.standardBorderColor.call(void 0, { theme }).styles};
+      ${_chunkBZD34V76cjs.standardBorderColor.call(void 0, { theme }).styles};
       padding-top: 32px;
     `}
 `;
@@ -220,7 +220,7 @@ function PageSectionBox({
   children
 }) {
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, StyledPageSectionBox, { children: [
-    description && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PageSectionBoxDescription, { children: _chunkS6OGIIJCcjs.toReactNodes.call(void 0, description) }),
+    description && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PageSectionBoxDescription, { children: _chunkGGV45LN2cjs.toReactNodes.call(void 0, description) }),
     children,
     (action == null ? void 0 : action.label) ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { css: { marginTop: "12px" }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PageSectionBoxAction, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, action)) }) : null
   ] });
@@ -232,30 +232,30 @@ var StyledPageSectionBox = _styled2.default.div`
 
   & > ${PageSectionBoxRow}, & {
     border: 1px solid;
-    ${_chunkWDTLFMRWcjs.standardBorderColor}
+    ${_chunkBZD34V76cjs.standardBorderColor}
   }
 
-  ${_chunkGSQGDJAVcjs.standardBorderRadius.call(void 0, 8)}
+  ${_chunkL2DITD7Rcjs.standardBorderRadius.call(void 0, 8)}
   padding: 16px;
 
   /* PageSectionBoxRow and PageSectionBoxColumn manage their own borders: */
   &:has(> ${PageSectionBoxRow}) {
     border: none;
     padding: 0;
-    ${_chunkGSQGDJAVcjs.standardBorderRadius.call(void 0, 0)}
+    ${_chunkL2DITD7Rcjs.standardBorderRadius.call(void 0, 0)}
   }
 
   & > ${PageSectionBoxRow} {
     &:first-of-type {
-      ${_chunkGSQGDJAVcjs.standardBorderRadius.call(void 0, [12, 12, 0, 0])}
+      ${_chunkL2DITD7Rcjs.standardBorderRadius.call(void 0, [12, 12, 0, 0])}
     }
 
     &:last-of-type {
-      ${_chunkGSQGDJAVcjs.standardBorderRadius.call(void 0, [0, 0, 12, 12])}
+      ${_chunkL2DITD7Rcjs.standardBorderRadius.call(void 0, [0, 0, 12, 12])}
     }
 
     &:only-of-type {
-      ${_chunkGSQGDJAVcjs.standardBorderRadius.call(void 0, 12)}
+      ${_chunkL2DITD7Rcjs.standardBorderRadius.call(void 0, 12)}
     }
 
     &:not(:last-of-type) {
@@ -267,7 +267,7 @@ var StyledPageSectionBox = _styled2.default.div`
       ${_chunkKW3JYLRIcjs.bp.sm(`padding: 16px;`)}
       &:not(:first-of-type) {
         border-left: solid 1px;
-        ${_chunkWDTLFMRWcjs.standardBorderColor}
+        ${_chunkBZD34V76cjs.standardBorderColor}
       }
     }
 
@@ -277,7 +277,7 @@ var StyledPageSectionBox = _styled2.default.div`
           &:not(:first-of-type) {
             border-left: 0 !important;
             border-top: solid 1px;
-            ${_chunkWDTLFMRWcjs.standardBorderColor.call(void 0, { theme }).styles};
+            ${_chunkBZD34V76cjs.standardBorderColor.call(void 0, { theme }).styles};
           }
         }
       `)}
@@ -290,7 +290,7 @@ var PageSectionBoxTitle = _styled2.default.div`
   justify-content: space-between;
   font-size: ${({ lg }) => lg ? 14 : 12}px;
   font-weight: 600;
-  line-height: ${({ lg }) => _chunkGSQGDJAVcjs.standardLineHeightEms * (lg ? 14 : 12) + _chunkQ4I5RD7Gcjs.badgeSmVPadding * 2}px;
+  line-height: ${({ lg }) => _chunkL2DITD7Rcjs.standardLineHeightEms * (lg ? 14 : 12) + _chunkBFIQJEU4cjs.badgeSmVPadding * 2}px;
 `;
 var PageSectionBoxDescription = _styled2.default.div`
   color: ${({ theme }) => theme.mcNeutral};