@lightsparkdev/ui 1.0.10 → 1.0.11

package/dist/{chunk-HHTHXSBF.js → chunk-NVLTKMR6.js}

@@ -18,7 +18,6 @@ var buttonsThemeBase = {
   defaultTypographyType: "Body Strong",
   defaultColor: "text",
   defaultBorderRadius: 32,
-  defaultBorderWidth: 1,
   defaultBackgroundColor: "bg",
   defaultBorderColor: "bg",
   defaultHoverBackgroundColor: "bg",
@@ -41,7 +40,6 @@ var defaultButtonsTheme = __spreadProps(__spreadValues({}, buttonsThemeBase), {
   kinds: {
     primary: {
       defaultColor: "bg",
-      defaultBorderWidth: 0,
       defaultBackgroundColor: "c9Neutral",
       defaultBorderColor: "c9Neutral",
       defaultHoverBackgroundColor: "c8Neutral",
@@ -49,7 +47,6 @@ var defaultButtonsTheme = __spreadProps(__spreadValues({}, buttonsThemeBase), {
     },
     ghost: {
       defaultBackgroundColor: "transparent",
-      defaultBorderWidth: 0,
       defaultHoverBackgroundColor: "transparent",
       defaultHoverBorderColor: "transparent",
       defaultPaddingsY: {

package/dist/{chunk-H7GCH36P.cjs → chunk-NXETPPGE.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunk4CFGJROVcjs = require('./chunk-4CFGJROV.cjs');
+var _chunkO64MW4Z4cjs = require('./chunk-O64MW4Z4.cjs');
 
 
 
@@ -102,7 +102,7 @@ function CommaNumberInput(props) {
     [valueWithCommas, onChange]
   );
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunk4CFGJROVcjs.TextInput,
+    _chunkO64MW4Z4cjs.TextInput,
     _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {
       placeholder: "Enter a number"
     }, rest), {

package/dist/{chunk-6AHBVQ2G.cjs → chunk-O25QSADF.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunk4CFGJROVcjs = require('./chunk-4CFGJROV.cjs');
+var _chunkO64MW4Z4cjs = require('./chunk-O64MW4Z4.cjs');
 
 
 
@@ -14,7 +14,7 @@ function SecretInput(_a) {
   var rest = _chunkYM5JDZDQcjs.__objRest.call(void 0, _a, []);
   const [showSecret, setShowSecret] = _react.useState.call(void 0, false);
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunk4CFGJROVcjs.TextInput,
+    _chunkO64MW4Z4cjs.TextInput,
     _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, rest), {
       type: showSecret ? void 0 : "password",
       onClickIcon: () => setShowSecret(!showSecret),

package/dist/{chunk-4CFGJROV.cjs → chunk-O64MW4Z4.cjs}

@@ -1,38 +1,38 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkXHLL5XVNcjs = require('./chunk-XHLL5XVN.cjs');
+var _chunkDOP5TYRDcjs = require('./chunk-DOP5TYRD.cjs');
 
 
 
 
 
 
-var _chunkJPRA3J5Ccjs = require('./chunk-JPRA3J5C.cjs');
+var _chunkBCPM2M3Ycjs = require('./chunk-BCPM2M3Y.cjs');
 
 
-var _chunkGEMBOYJDcjs = require('./chunk-GEMBOYJD.cjs');
+var _chunkWVBMQP6Ocjs = require('./chunk-WVBMQP6O.cjs');
 
 
-var _chunk4EK5RAZScjs = require('./chunk-4EK5RAZS.cjs');
+var _chunkA3WQPTLFcjs = require('./chunk-A3WQPTLF.cjs');
 
 
-var _chunk5MLMGZJGcjs = require('./chunk-5MLMGZJG.cjs');
+var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
-var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
+var _chunkUL73AXJPcjs = require('./chunk-UL73AXJP.cjs');
 
 
-var _chunkKEO4UBBQcjs = require('./chunk-KEO4UBBQ.cjs');
 
+var _chunkUMU7TYANcjs = require('./chunk-UMU7TYAN.cjs');
 
 
-var _chunkJMIYMECJcjs = require('./chunk-JMIYMECJ.cjs');
+var _chunkOQEP7VDDcjs = require('./chunk-OQEP7VDD.cjs');
 
 
-var _chunkDIMJISMHcjs = require('./chunk-DIMJISMH.cjs');
+var _chunkSZSK5ISJcjs = require('./chunk-SZSK5ISJ.cjs');
 
 
-var _chunkWKRK5OVEcjs = require('./chunk-WKRK5OVE.cjs');
+var _chunk7EIZIKLRcjs = require('./chunk-7EIZIKLR.cjs');
 
 
 
@@ -51,7 +51,7 @@ function withDefaults(textInputProps) {
     width: textInputProps.width || "full",
     type: textInputProps.type || "text",
     disabled: Boolean(textInputProps.disabled),
-    typography: _chunkYM5JDZDQcjs.__spreadValues.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, _chunkJPRA3J5Ccjs.defaultTextInputTypography), textInputProps.typography)
+    typography: _chunkYM5JDZDQcjs.__spreadValues.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, _chunkBCPM2M3Ycjs.defaultTextInputTypography), textInputProps.typography)
   });
 }
 function TextInput(textInputProps) {
@@ -148,7 +148,7 @@ function TextInput(textInputProps) {
           focused,
           hasValue: Boolean(props.value),
           colorProp: props.typography.color,
-          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJMIYMECJcjs.Icon, { name: props.icon.name, width: iconWidth })
+          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUMU7TYANcjs.Icon, { name: props.icon.name, width: iconWidth })
         }
       ),
       isIconRight ? null : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children: input })
@@ -174,18 +174,18 @@ function TextInput(textInputProps) {
     ),
     input,
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkJPRA3J5Ccjs.InputSubtext,
+      _chunkBCPM2M3Ycjs.InputSubtext,
       {
         text: props.error || props.hint,
         hasError,
         tooltipId: hintTooltipId
       }
     ),
-    props.hintTooltip ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5MLMGZJGcjs.Tooltip, { id: hintTooltipId, content: props.hintTooltip, place: "right" }) : null
+    props.hintTooltip ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA3WQPTLFcjs.Tooltip, { id: hintTooltipId, content: props.hintTooltip, place: "right" }) : null
   ] });
 }
 var TextInputSelect = _styled2.default.select`
-  ${({ typography, theme }) => _chunkGEMBOYJDcjs.applyTypography.call(void 0, theme, typography.type, typography.size, typography.color)}
+  ${({ typography, theme }) => _chunkSZSK5ISJcjs.applyTypography.call(void 0, theme, typography.type, typography.size, typography.color)}
   position: absolute;
   z-index: ${_chunkZU72XWNEcjs.z.textInput + 1};
   border: none;
@@ -196,14 +196,14 @@ var TextInputSelect = _styled2.default.select`
   width: ${({ widthProp }) => `${widthProp}px`};
 `;
 var WithIcon = _styled2.default.div`
-  ${_chunkDIMJISMHcjs.standardBorderRadius.call(void 0, 8)}
+  ${_chunkOQEP7VDDcjs.standardBorderRadius.call(void 0, 8)}
   position: relative;
 
   input {
     padding-right: 34px;
   }
 
-  & ${_chunkJMIYMECJcjs.IconContainer.toString()} {
+  & ${_chunkUMU7TYANcjs.IconContainer.toString()} {
     z-index: ${_chunkZU72XWNEcjs.z.textInput + 1};
   }
 `;
@@ -217,10 +217,10 @@ var TextInputIconContainer = _styled2.default.div`
   display: flex;
   align-items: center;
   cursor: ${({ onClick }) => onClick ? "pointer" : "auto"};
-  color: ${({ focused, hasValue, theme, colorProp }) => focused || hasValue ? _chunkWKRK5OVEcjs.getFontColor.call(void 0, theme, colorProp) : _chunkJPRA3J5Ccjs.textInputPlaceholderColor.call(void 0, { theme })};
+  color: ${({ focused, hasValue, theme, colorProp }) => focused || hasValue ? _chunk7EIZIKLRcjs.getFontColor.call(void 0, theme, colorProp) : _chunkBCPM2M3Ycjs.textInputPlaceholderColor.call(void 0, { theme })};
 `;
 var Input = _styled2.default.input`
-  ${_chunkJPRA3J5Ccjs.textInputStyle};
+  ${_chunkBCPM2M3Ycjs.textInputStyle};
 
   // disable autofill styles in chrome https://stackoverflow.com/a/68240841/9808766
   &:-webkit-autofill,
@@ -243,7 +243,7 @@ var RightButtonAligner = _styled2.default.div`
   display: flex;
   align-items: center;
 `;
-var RightButton = _styled2.default.call(void 0, _chunk4EK5RAZScjs.UnstyledButton)`
+var RightButton = _styled2.default.call(void 0, _chunkWVBMQP6Ocjs.UnstyledButton)`
   border-radius: 4px;
   border: none;
   background-color: ${({ theme }) => theme.vlcNeutral};
@@ -253,7 +253,7 @@ var RightButton = _styled2.default.call(void 0, _chunk4EK5RAZScjs.UnstyledButton
   padding: 8px 10px;
 `;
 var TextInputLabel = _styled2.default.label`
-  ${_chunkDIMJISMHcjs.standardBorderRadius.call(void 0, 8)}
+  ${_chunkOQEP7VDDcjs.standardBorderRadius.call(void 0, 8)}
   font-size: 10px;
   position: absolute;
   z-index: ${_chunkZU72XWNEcjs.z.textInput + 1};
@@ -265,7 +265,7 @@ var TextInputLabel = _styled2.default.label`
   top: -10px;
 `;
 var TextInputHalfRow = _styled2.default.div`
-  margin-top: ${_chunkJPRA3J5Ccjs.inputSpacingPx}px;
+  margin-top: ${_chunkBCPM2M3Ycjs.inputSpacingPx}px;
   display: flex;
   justify-content: space-between;
   gap: 16px;
@@ -279,18 +279,18 @@ var StyledTextInput = _styled2.default.div`
 
   /* eg forms, should be left consistent: */
   & + & {
-    margin-top: ${_chunkJPRA3J5Ccjs.inputSpacingPx}px;
+    margin-top: ${_chunkBCPM2M3Ycjs.inputSpacingPx}px;
   }
 
   ${TextInputHalfRow.toString()} & + & {
     margin-top: 0;
   }
 
-  ${_chunkKEO4UBBQcjs.CheckboxContainer.toString()} + &,
-  ${_chunkXHLL5XVNcjs.ToggleContainer.toString()} + &,
-  & + ${_chunkKEO4UBBQcjs.CheckboxContainer.toString()},
-  & + ${_chunkXHLL5XVNcjs.ToggleContainer.toString()} {
-    margin-top: ${_chunkJPRA3J5Ccjs.inputSpacingPx}px;
+  ${_chunkUL73AXJPcjs.CheckboxContainer.toString()} + &,
+  ${_chunkDOP5TYRDcjs.ToggleContainer.toString()} + &,
+  & + ${_chunkUL73AXJPcjs.CheckboxContainer.toString()},
+  & + ${_chunkDOP5TYRDcjs.ToggleContainer.toString()} {
+    margin-top: ${_chunkBCPM2M3Ycjs.inputSpacingPx}px;
   }
 `;
 var InputContainer = _styled2.default.div`

package/dist/{chunk-DXQSKF7R.js → chunk-OAU5Z4HG.js}

@@ -1,6 +1,6 @@
 import {
   textInputStyle
-} from "./chunk-AXHFR6HR.js";
+} from "./chunk-UGHP4KVZ.js";
 
 // src/components/CodeInput/SingleCodeInput.tsx
 import { css, useTheme } from "@emotion/react";

package/dist/{chunk-DIMJISMH.cjs → chunk-OQEP7VDD.cjs}

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

@@ -1,6 +1,6 @@
 import {
   Label
-} from "./chunk-7D5HL6WZ.js";
+} from "./chunk-BYSPGS6B.js";
 import {
   Spacing
 } from "./chunk-E5DUKMCU.js";

package/dist/{chunk-SQEOBZOQ.cjs → chunk-PCIGHDWC.cjs}

@@ -3,40 +3,40 @@
 var _chunk46AVXTFOcjs = require('./chunk-46AVXTFO.cjs');
 
 
-var _chunkMJQOF3RScjs = require('./chunk-MJQOF3RS.cjs');
+var _chunkIUVXBD5Jcjs = require('./chunk-IUVXBD5J.cjs');
 
 
-var _chunkPFLKL4U5cjs = require('./chunk-PFLKL4U5.cjs');
+var _chunkQZ7ENG5Kcjs = require('./chunk-QZ7ENG5K.cjs');
 
 
-var _chunkJPRA3J5Ccjs = require('./chunk-JPRA3J5C.cjs');
+var _chunkBCPM2M3Ycjs = require('./chunk-BCPM2M3Y.cjs');
 
 
 
-var _chunkTMB4SEV7cjs = require('./chunk-TMB4SEV7.cjs');
+var _chunk4JVJ3TUUcjs = require('./chunk-4JVJ3TUU.cjs');
 
 
 
-var _chunkIP233XPHcjs = require('./chunk-IP233XPH.cjs');
+var _chunkQNKAOYT3cjs = require('./chunk-QNKAOYT3.cjs');
 
 
-var _chunk6VA4SAHQcjs = require('./chunk-6VA4SAHQ.cjs');
+var _chunkFDL4732Lcjs = require('./chunk-FDL4732L.cjs');
 
 
-var _chunkMWHLGPKOcjs = require('./chunk-MWHLGPKO.cjs');
+var _chunkWVBMQP6Ocjs = require('./chunk-WVBMQP6O.cjs');
 
 
-var _chunk4EK5RAZScjs = require('./chunk-4EK5RAZS.cjs');
+var _chunk36SDWEWYcjs = require('./chunk-36SDWEWY.cjs');
 
 
-var _chunkGDLQ54TNcjs = require('./chunk-GDLQ54TN.cjs');
+var _chunkUMU7TYANcjs = require('./chunk-UMU7TYAN.cjs');
 
 
-var _chunkJMIYMECJcjs = require('./chunk-JMIYMECJ.cjs');
 
+var _chunkOQEP7VDDcjs = require('./chunk-OQEP7VDD.cjs');
 
 
-var _chunkDIMJISMHcjs = require('./chunk-DIMJISMH.cjs');
+var _chunk6VA4SAHQcjs = require('./chunk-6VA4SAHQ.cjs');
 
 
 var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.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, _chunkIP233XPHcjs.Heading, { type: "h3", id: sectionId, mt: 0, mb: 40, children: title }) : null,
+    title ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkQNKAOYT3cjs.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 = _chunkIP233XPHcjs.headingWithDefaults.call(void 0, {
+var PageSectionSubheading = _chunkQNKAOYT3cjs.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, _chunkMWHLGPKOcjs.Loading, { size: 12, center: false }) }) : icon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4EK5RAZScjs.UnstyledButton, { onClick: icon.onClick, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJMIYMECJcjs.Icon, { name: icon.name, width: 12, color: "mcNeutral" }) }) }) : dropdownItems ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkPFLKL4U5cjs.Dropdown,
+  return loading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFDL4732Lcjs.Loading, { size: 12, center: false }) }) : icon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWVBMQP6Ocjs.UnstyledButton, { onClick: icon.onClick, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUMU7TYANcjs.Icon, { name: icon.name, width: 12, color: "mcNeutral" }) }) }) : dropdownItems ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunkQZ7ENG5Kcjs.Dropdown,
     {
       button: {
-        getContent: () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJMIYMECJcjs.Icon, { name: "DotGrid1x3Horizontal", width: 16 })
+        getContent: () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUMU7TYANcjs.Icon, { name: "DotGrid1x3Horizontal", width: 16 })
       },
       dropdownItems
     }
-  ) : isDelete ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4EK5RAZScjs.UnstyledButton, { css: { color: theme.mcNeutral }, onClick, children: "Delete" }) : label ? (
+  ) : isDelete ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWVBMQP6Ocjs.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, 
-      _chunkMJQOF3RScjs.TextButton,
+      _chunkIUVXBD5Jcjs.TextButton,
       {
         leftIcon: icon,
         text: label,
@@ -161,7 +161,7 @@ var PageSectionBoxActionRow = ({
         title ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { children: [
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, PageSectionBoxTitle, { children: [
             title,
-            titleBadge ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTMB4SEV7cjs.Badge, { content: titleBadge, ml: 4 }) : null
+            titleBadge ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4JVJ3TUUcjs.Badge, { content: titleBadge, ml: 4 }) : null
           ] }),
           description ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PageSectionBoxDescription, { children: description }) : null
         ] }) : null,
@@ -197,7 +197,7 @@ var SPageSectionBoxActionRow = _styled2.default.div`
 
   ${({ separator, theme }) => separator && `
       border-top: 1px solid;
-      ${_chunkJPRA3J5Ccjs.standardBorderColor.call(void 0, { theme }).styles};
+      ${_chunkBCPM2M3Ycjs.standardBorderColor.call(void 0, { theme }).styles};
       padding-top: 32px;
     `}
 `;
@@ -215,7 +215,7 @@ function PageSectionBox({
   children
 }) {
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, StyledPageSectionBox, { children: [
-    description && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PageSectionBoxDescription, { children: _chunkGDLQ54TNcjs.toReactNodes.call(void 0, description) }),
+    description && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PageSectionBoxDescription, { children: _chunk36SDWEWYcjs.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
   ] });
@@ -227,30 +227,30 @@ var StyledPageSectionBox = _styled2.default.div`
 
   & > ${PageSectionBoxRow}, & {
     border: 1px solid;
-    ${_chunkJPRA3J5Ccjs.standardBorderColor}
+    ${_chunkBCPM2M3Ycjs.standardBorderColor}
   }
 
-  ${_chunkDIMJISMHcjs.standardBorderRadius.call(void 0, 8)}
+  ${_chunkOQEP7VDDcjs.standardBorderRadius.call(void 0, 8)}
   padding: 16px;
 
   /* PageSectionBoxRow and PageSectionBoxColumn manage their own borders: */
   &:has(> ${PageSectionBoxRow}) {
     border: none;
     padding: 0;
-    ${_chunkDIMJISMHcjs.standardBorderRadius.call(void 0, 0)}
+    ${_chunkOQEP7VDDcjs.standardBorderRadius.call(void 0, 0)}
   }
 
   & > ${PageSectionBoxRow} {
     &:first-of-type {
-      ${_chunkDIMJISMHcjs.standardBorderRadius.call(void 0, [12, 12, 0, 0])}
+      ${_chunkOQEP7VDDcjs.standardBorderRadius.call(void 0, [12, 12, 0, 0])}
     }
 
     &:last-of-type {
-      ${_chunkDIMJISMHcjs.standardBorderRadius.call(void 0, [0, 0, 12, 12])}
+      ${_chunkOQEP7VDDcjs.standardBorderRadius.call(void 0, [0, 0, 12, 12])}
     }
 
     &:only-of-type {
-      ${_chunkDIMJISMHcjs.standardBorderRadius.call(void 0, 12)}
+      ${_chunkOQEP7VDDcjs.standardBorderRadius.call(void 0, 12)}
     }
 
     &:not(:last-of-type) {
@@ -262,7 +262,7 @@ var StyledPageSectionBox = _styled2.default.div`
       ${_chunkKW3JYLRIcjs.bp.sm(`padding: 16px;`)}
       &:not(:first-of-type) {
         border-left: solid 1px;
-        ${_chunkJPRA3J5Ccjs.standardBorderColor}
+        ${_chunkBCPM2M3Ycjs.standardBorderColor}
       }
     }
 
@@ -272,7 +272,7 @@ var StyledPageSectionBox = _styled2.default.div`
           &:not(:first-of-type) {
             border-left: 0 !important;
             border-top: solid 1px;
-            ${_chunkJPRA3J5Ccjs.standardBorderColor.call(void 0, { theme }).styles};
+            ${_chunkBCPM2M3Ycjs.standardBorderColor.call(void 0, { theme }).styles};
           }
         }
       `)}
@@ -283,7 +283,7 @@ var PageSectionBoxTitle = _styled2.default.div`
   align-items: center;
   font-size: ${({ lg }) => lg ? 14 : 12}px;
   font-weight: 600;
-  line-height: ${({ lg }) => _chunkDIMJISMHcjs.standardLineHeightEms * (lg ? 14 : 12) + _chunkTMB4SEV7cjs.badgeSmVPadding * 2}px;
+  line-height: ${({ lg }) => _chunkOQEP7VDDcjs.standardLineHeightEms * (lg ? 14 : 12) + _chunk4JVJ3TUUcjs.badgeSmVPadding * 2}px;
 `;
 var PageSectionBoxDescription = _styled2.default.div`
   color: ${({ theme }) => theme.mcNeutral};

package/dist/{chunk-SPZKZUAH.js → chunk-PGBN4QPX.js}

@@ -1,12 +1,12 @@
 import {
   setDefaultReactNodesTypography
-} from "./chunk-VVA3TL2D.js";
+} from "./chunk-JZ2MJO3Z.js";
 import {
   toReactNodes
-} from "./chunk-XSMF72UT.js";
+} from "./chunk-2I22MYIY.js";
 import {
   Icon
-} from "./chunk-NGSQ2OOV.js";
+} from "./chunk-NCLVA6JY.js";
 
 // src/components/TextIconAligner.tsx
 import { jsx, jsxs } from "@emotion/react/jsx-runtime";