@lightsparkdev/ui 1.1.18 → 1.1.19

package/dist/{chunk-RLKT6N7J.cjs → chunk-JC7AOU66.cjs}

@@ -3,13 +3,13 @@
 var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
 
 
-var _chunkGGPCU5XOcjs = require('./chunk-GGPCU5XO.cjs');
+var _chunkVXN2IQANcjs = require('./chunk-VXN2IQAN.cjs');
 
 
-var _chunkCH7LJMGNcjs = require('./chunk-CH7LJMGN.cjs');
+var _chunk6NL6Y5OXcjs = require('./chunk-6NL6Y5OX.cjs');
 
 
-var _chunkNFHQ3LH4cjs = require('./chunk-NFHQ3LH4.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, _chunkGGPCU5XOcjs.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: -${_chunkNFHQ3LH4cjs.standardContentInset.smPx}px;
-            width: calc(100% + ${_chunkNFHQ3LH4cjs.standardContentInset.smPx * 2}px);
-            max-width: calc(100% + ${_chunkNFHQ3LH4cjs.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`
-  ${_chunkCH7LJMGNcjs.overflowAutoWithoutScrollbars}
+  ${_chunkVXN2IQANcjs.overflowAutoWithoutScrollbars}
   background: ${({ theme }) => theme.bg};
   display: flex;
   position: relative;
@@ -91,7 +91,7 @@ var StyledButtonRowButton = _styled2.default.div`
   }
 
   ${_chunkKW3JYLRIcjs.bp.sm(`
-    padding: ${_chunkNFHQ3LH4cjs.standardContentInset.smPx}px;
+    padding: ${_chunkL2DITD7Rcjs.standardContentInset.smPx}px;
   `)}
 `;
 

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

@@ -1,10 +1,10 @@
 import {
   toReactNodes
-} from "./chunk-JGQA7X73.js";
+} from "./chunk-YDKHMGTJ.js";
 import {
   StyledCode,
   getPropDefaults
-} from "./chunk-TH35ZLYM.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-N2QNU7DE.js → chunk-JYQ4GY63.js}

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

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

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

package/dist/{chunk-WUHIPLEU.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 _chunkCJB6X6H4cjs = require('./chunk-CJB6X6H4.cjs');
+var _chunkURPTEXFScjs = require('./chunk-URPTEXFS.cjs');
 
 
 
 var _chunkKS6GHRZIcjs = require('./chunk-KS6GHRZI.cjs');
 
 
-var _chunkNFHQ3LH4cjs = require('./chunk-NFHQ3LH4.cjs');
+var _chunkL2DITD7Rcjs = require('./chunk-L2DITD7R.cjs');
 
 
 var _chunkJA7KZV3Qcjs = require('./chunk-JA7KZV3Q.cjs');
 
 
-var _chunkNNAUX3OGcjs = require('./chunk-NNAUX3OG.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 = _chunkCJB6X6H4cjs.iconMap[name];
-  const w = parseFloat((width / _chunkNFHQ3LH4cjs.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 / _chunkNFHQ3LH4cjs.rootFontSizePx).toFixed(2))}em` : mrProp;
-  const ml = typeof mlProp === "number" ? `${parseFloat((mlProp / _chunkNFHQ3LH4cjs.rootFontSizePx).toFixed(2))}em` : mlProp;
-  const mt = typeof mtProp === "number" ? `${parseFloat((mtProp / _chunkNFHQ3LH4cjs.rootFontSizePx).toFixed(2))}em` : mtProp;
-  const mb = typeof mbProp === "number" ? `${parseFloat((mbProp / _chunkNFHQ3LH4cjs.rootFontSizePx).toFixed(2))}em` : mbProp;
-  const va = typeof verticalAlign === "string" ? verticalAlign : parseFloat((verticalAlign / _chunkNFHQ3LH4cjs.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 = _chunkNNAUX3OGcjs.getFontColor.call(void 0, theme, fontColor, "inherit");
+  const color = _chunk5DLGWFPFcjs.getFontColor.call(void 0, theme, fontColor, "inherit");
   return `
     svg, path {
-      color: ${_chunkNNAUX3OGcjs.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-XFZDDRUF.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 _chunkWUHIPLEUcjs = require('./chunk-WUHIPLEU.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, _chunkWUHIPLEUcjs.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-GT3YATJG.js → chunk-KQT3Z6I7.js}

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

package/dist/{chunk-7QIU6RZM.js → chunk-KSSZXCJ6.js}

@@ -1,12 +1,12 @@
 import {
   Filter
-} from "./chunk-M2JUIDYJ.js";
+} from "./chunk-SV54TB3K.js";
 import {
   NumberInput_default
-} from "./chunk-J4APIUYK.js";
+} from "./chunk-GNXFHKBM.js";
 import {
   ButtonRow
-} from "./chunk-TWXZHMQ2.js";
+} from "./chunk-XKHUOMPT.js";
 import {
   __spreadProps,
   __spreadValues

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

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkNNAUX3OGcjs = require('./chunk-NNAUX3OG.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: ${_chunkNNAUX3OGcjs.getFontColor.call(void 0, theme, color)};
+      color: ${_chunk5DLGWFPFcjs.getFontColor.call(void 0, theme, color)};
     }
   `;
 };

package/dist/{chunk-NFHQ3LH4.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 _chunkNNAUX3OGcjs = require('./chunk-NNAUX3OG.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: ${_chunkNNAUX3OGcjs.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: ${_chunkNNAUX3OGcjs.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 })};
-  ${_chunkNNAUX3OGcjs.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-TN4YJFMD.cjs → chunk-LAKFTS65.cjs}

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

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

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

package/dist/{chunk-HFPZZ65O.cjs → chunk-LOLAMBIL.cjs}

@@ -3,37 +3,37 @@
 var _chunk46AVXTFOcjs = require('./chunk-46AVXTFO.cjs');
 
 
-var _chunkR27RYNHUcjs = require('./chunk-R27RYNHU.cjs');
+var _chunkSXMPLDMIcjs = require('./chunk-SXMPLDMI.cjs');
 
 
-var _chunk6XGIDHEMcjs = require('./chunk-6XGIDHEM.cjs');
+var _chunkLQAUBXGCcjs = require('./chunk-LQAUBXGC.cjs');
 
 
-var _chunkS4722UITcjs = require('./chunk-S4722UIT.cjs');
+var _chunkBZD34V76cjs = require('./chunk-BZD34V76.cjs');
 
 
 
-var _chunkFPPZMC2Ccjs = require('./chunk-FPPZMC2C.cjs');
+var _chunkBFIQJEU4cjs = require('./chunk-BFIQJEU4.cjs');
 
 
-var _chunkFRDJP2ZRcjs = require('./chunk-FRDJP2ZR.cjs');
+var _chunkGGV45LN2cjs = require('./chunk-GGV45LN2.cjs');
 
 
-var _chunkY7PBSDLPcjs = require('./chunk-Y7PBSDLP.cjs');
 
+var _chunkVI3JUH3Pcjs = require('./chunk-VI3JUH3P.cjs');
 
 
-var _chunkE7P2JZFZcjs = require('./chunk-E7P2JZFZ.cjs');
+var _chunkYSMELLDKcjs = require('./chunk-YSMELLDK.cjs');
 
 
-var _chunk24X6QUDRcjs = require('./chunk-24X6QUDR.cjs');
+var _chunkQN7ZRGAOcjs = require('./chunk-QN7ZRGAO.cjs');
 
 
-var _chunkWUHIPLEUcjs = require('./chunk-WUHIPLEU.cjs');
+var _chunkKHNI4BLBcjs = require('./chunk-KHNI4BLB.cjs');
 
 
 
-var _chunkNFHQ3LH4cjs = require('./chunk-NFHQ3LH4.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, _chunkFPPZMC2Ccjs.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 = _chunkFPPZMC2Ccjs.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, _chunkFRDJP2ZRcjs.Loading, { size: 12, center: false }) }) : icon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkY7PBSDLPcjs.UnstyledButton, { onClick: icon.onClick, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWUHIPLEUcjs.Icon, { name: icon.name, width: 12, color: "mcNeutral" }) }) }) : dropdownItems ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunk6XGIDHEMcjs.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, _chunkWUHIPLEUcjs.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, _chunkY7PBSDLPcjs.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, 
-      _chunkR27RYNHUcjs.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, _chunkE7P2JZFZcjs.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;
-      ${_chunkS4722UITcjs.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: _chunk24X6QUDRcjs.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;
-    ${_chunkS4722UITcjs.standardBorderColor}
+    ${_chunkBZD34V76cjs.standardBorderColor}
   }
 
-  ${_chunkNFHQ3LH4cjs.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;
-    ${_chunkNFHQ3LH4cjs.standardBorderRadius.call(void 0, 0)}
+    ${_chunkL2DITD7Rcjs.standardBorderRadius.call(void 0, 0)}
   }
 
   & > ${PageSectionBoxRow} {
     &:first-of-type {
-      ${_chunkNFHQ3LH4cjs.standardBorderRadius.call(void 0, [12, 12, 0, 0])}
+      ${_chunkL2DITD7Rcjs.standardBorderRadius.call(void 0, [12, 12, 0, 0])}
     }
 
     &:last-of-type {
-      ${_chunkNFHQ3LH4cjs.standardBorderRadius.call(void 0, [0, 0, 12, 12])}
+      ${_chunkL2DITD7Rcjs.standardBorderRadius.call(void 0, [0, 0, 12, 12])}
     }
 
     &:only-of-type {
-      ${_chunkNFHQ3LH4cjs.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;
-        ${_chunkS4722UITcjs.standardBorderColor}
+        ${_chunkBZD34V76cjs.standardBorderColor}
       }
     }
 
@@ -277,7 +277,7 @@ var StyledPageSectionBox = _styled2.default.div`
           &:not(:first-of-type) {
             border-left: 0 !important;
             border-top: solid 1px;
-            ${_chunkS4722UITcjs.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 }) => _chunkNFHQ3LH4cjs.standardLineHeightEms * (lg ? 14 : 12) + _chunkE7P2JZFZcjs.badgeSmVPadding * 2}px;
+  line-height: ${({ lg }) => _chunkL2DITD7Rcjs.standardLineHeightEms * (lg ? 14 : 12) + _chunkBFIQJEU4cjs.badgeSmVPadding * 2}px;
 `;
 var PageSectionBoxDescription = _styled2.default.div`
   color: ${({ theme }) => theme.mcNeutral};

package/dist/{chunk-6XGIDHEM.cjs → chunk-LQAUBXGC.cjs}

@@ -1,47 +1,47 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkI2VF5EBNcjs = require('./chunk-I2VF5EBN.cjs');
+var _chunkB6Y7HCBMcjs = require('./chunk-B6Y7HCBM.cjs');
 
 
-var _chunk5IQ6G7A5cjs = require('./chunk-5IQ6G7A5.cjs');
+var _chunkKL5ZQSVOcjs = require('./chunk-KL5ZQSVO.cjs');
 
 
-var _chunkB6Y7HCBMcjs = require('./chunk-B6Y7HCBM.cjs');
+var _chunkV7HFLVNDcjs = require('./chunk-V7HFLVND.cjs');
 
 
-var _chunkEZUXCJOHcjs = require('./chunk-EZUXCJOH.cjs');
+var _chunkFGJTIWFXcjs = require('./chunk-FGJTIWFX.cjs');
 
 
-var _chunkGGPCU5XOcjs = require('./chunk-GGPCU5XO.cjs');
+var _chunkEZUXCJOHcjs = require('./chunk-EZUXCJOH.cjs');
 
 
-var _chunkY7PBSDLPcjs = require('./chunk-Y7PBSDLP.cjs');
+var _chunkGGV45LN2cjs = require('./chunk-GGV45LN2.cjs');
 
 
-var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
+var _chunk6NL6Y5OXcjs = require('./chunk-6NL6Y5OX.cjs');
 
 
-var _chunk24X6QUDRcjs = require('./chunk-24X6QUDR.cjs');
+var _chunkQN7ZRGAOcjs = require('./chunk-QN7ZRGAO.cjs');
 
 
-var _chunkWUHIPLEUcjs = require('./chunk-WUHIPLEU.cjs');
+var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
+var _chunkKHNI4BLBcjs = require('./chunk-KHNI4BLB.cjs');
 
 
-var _chunkNFHQ3LH4cjs = require('./chunk-NFHQ3LH4.cjs');
 
 
-var _chunkIN2QEMOTcjs = require('./chunk-IN2QEMOT.cjs');
+var _chunkL2DITD7Rcjs = require('./chunk-L2DITD7R.cjs');
 
 
-var _chunkNNAUX3OGcjs = require('./chunk-NNAUX3OG.cjs');
+var _chunkB2XWLOIRcjs = require('./chunk-B2XWLOIR.cjs');
 
 
-var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
+var _chunk5DLGWFPFcjs = require('./chunk-5DLGWFPF.cjs');
 
 
-var _chunkKL5ZQSVOcjs = require('./chunk-KL5ZQSVO.cjs');
+var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
 
 
 
@@ -263,7 +263,7 @@ function Dropdown({
   } else if ("getContent" in button) {
     buttonNode = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, UnstyledDropdownButton, _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, commonUnstyledButtonProps), { children: button.getContent({ isOpen, theme }) }));
   } else {
-    buttonNode = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGGPCU5XOcjs.Button, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, button), commonButtonProps));
+    buttonNode = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk6NL6Y5OXcjs.Button, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, button), commonButtonProps));
   }
   const containerCSS = getCSS && getCSS({ isOpen, theme });
   const dropdownItemsCSS = getDropdownItemsCSS && getDropdownItemsCSS({ isOpen, theme });
@@ -327,9 +327,9 @@ var DropdownFooter = _styled2.default.div`
   `}
 `;
 var DropdownItems = _styled2.default.ul`
-  ${_chunkNFHQ3LH4cjs.overlaySurface}
-  color: ${({ theme }) => _chunkNNAUX3OGcjs.themeOr.call(void 0, theme.c6Neutral, theme.c8Neutral)};
-  ${({ borderRadius }) => _chunkNFHQ3LH4cjs.standardBorderRadius.call(void 0, borderRadius)}
+  ${_chunkL2DITD7Rcjs.overlaySurface}
+  color: ${({ theme }) => _chunk5DLGWFPFcjs.themeOr.call(void 0, theme.c6Neutral, theme.c8Neutral)};
+  ${({ borderRadius }) => _chunkL2DITD7Rcjs.standardBorderRadius.call(void 0, borderRadius)}
   ${({ hasItems }) => hasItems ? "padding: 12px 0;" : "padding: 0;"}
   visibility: ${({ isOpen }) => isOpen ? "visible" : "hidden"};
   position: fixed;
@@ -352,7 +352,7 @@ function DropdownItem({
   const iconSide = dropdownItem.iconSide || "left";
   const dropdownItemIcon = dropdownItem.getIcon && dropdownItem.getIcon({ dropdownItem, theme });
   const dropdownItemIconNode = dropdownItemIcon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkWUHIPLEUcjs.Icon,
+    _chunkKHNI4BLBcjs.Icon,
     {
       name: dropdownItemIcon.name,
       width: dropdownItemIcon.width || 12,
@@ -373,10 +373,10 @@ function DropdownItem({
   const iconAndLabel = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
     iconSide === "left" && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
       dropdownItemIconNode,
-      _chunk24X6QUDRcjs.toReactNodes.call(void 0, dropdownItem.label)
+      _chunkGGV45LN2cjs.toReactNodes.call(void 0, dropdownItem.label)
     ] }),
     iconSide === "right" && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkEZUXCJOHcjs.Flex, { justify: "space-between", align: "center", width: "100%", children: [
-      _chunk24X6QUDRcjs.toReactNodes.call(void 0, dropdownItem.label),
+      _chunkGGV45LN2cjs.toReactNodes.call(void 0, dropdownItem.label),
       dropdownItemIconNode
     ] })
   ] });
@@ -398,7 +398,7 @@ function DropdownItem({
   if (dropdownItem.toggle) {
     return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, DropdownItemDiv, { selected: false, css: cssProp2, withHoverColor: false, children: [
       iconAndLabel,
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { css: { marginLeft: "auto" }, children: "options" in dropdownItem.toggle ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkI2VF5EBNcjs.MultiToggle, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, dropdownItem.toggle)) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5IQ6G7A5cjs.Toggle, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, dropdownItem.toggle)) })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { css: { marginLeft: "auto" }, children: "options" in dropdownItem.toggle ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkV7HFLVNDcjs.MultiToggle, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, dropdownItem.toggle)) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFGJTIWFXcjs.Toggle, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, dropdownItem.toggle)) })
     ] });
   }
   if (dropdownItem.subDropdown) {
@@ -441,8 +441,8 @@ function DropdownItem({
     }
   );
 }
-var UnstyledDropdownButton = _styled2.default.call(void 0, _chunkY7PBSDLPcjs.UnstyledButton)`
-  ${_chunkNFHQ3LH4cjs.standardFocusOutline}
+var UnstyledDropdownButton = _styled2.default.call(void 0, _chunkQN7ZRGAOcjs.UnstyledButton)`
+  ${_chunkL2DITD7Rcjs.standardFocusOutline}
 `;
 var dropdownItemStyle = ({
   theme,
@@ -473,12 +473,12 @@ var cssProp = ({
   selected
 }) => _react.css`
   ${dropdownItemStyle({ theme, selected: Boolean(selected) })}
-  ${_chunkNFHQ3LH4cjs.standardFocusOutline.call(void 0, { theme })}
+  ${_chunkL2DITD7Rcjs.standardFocusOutline.call(void 0, { theme })}
 `;
 function DropdownItemLink(props) {
   const theme = _react.useTheme.call(void 0, );
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkIN2QEMOTcjs.Link,
+    _chunkB2XWLOIRcjs.Link,
     _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, props), {
       css: cssProp({ theme, selected: Boolean(props.selected) })
     })
@@ -486,7 +486,7 @@ function DropdownItemLink(props) {
 }
 var DropdownItemDiv = _styled2.default.div`
   ${dropdownItemStyle}
-  ${_chunkNFHQ3LH4cjs.standardFocusOutline}
+  ${_chunkL2DITD7Rcjs.standardFocusOutline}
 `;