@lightsparkdev/ui 1.0.9 → 1.0.11

package/dist/{chunk-GFKY6YX2.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 _chunkVSBIQ3WKcjs = require('./chunk-VSBIQ3WK.cjs');
+var _chunkDOP5TYRDcjs = require('./chunk-DOP5TYRD.cjs');
 
 
 
 
 
 
-var _chunkNVVAOGNLcjs = require('./chunk-NVVAOGNL.cjs');
+var _chunkBCPM2M3Ycjs = require('./chunk-BCPM2M3Y.cjs');
 
 
-var _chunkUN4FMYEQcjs = require('./chunk-UN4FMYEQ.cjs');
+var _chunkWVBMQP6Ocjs = require('./chunk-WVBMQP6O.cjs');
 
 
-var _chunk7QXYBPSJcjs = require('./chunk-7QXYBPSJ.cjs');
+var _chunkA3WQPTLFcjs = require('./chunk-A3WQPTLF.cjs');
 
 
-var _chunk5OP23S3Qcjs = require('./chunk-5OP23S3Q.cjs');
+var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
-var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
+var _chunkUL73AXJPcjs = require('./chunk-UL73AXJP.cjs');
 
 
-var _chunkM72EXGIScjs = require('./chunk-M72EXGIS.cjs');
 
+var _chunkUMU7TYANcjs = require('./chunk-UMU7TYAN.cjs');
 
 
-var _chunkI6Y7IHF5cjs = require('./chunk-I6Y7IHF5.cjs');
+var _chunkOQEP7VDDcjs = require('./chunk-OQEP7VDD.cjs');
 
 
-var _chunk23NA5VW6cjs = require('./chunk-23NA5VW6.cjs');
+var _chunkSZSK5ISJcjs = require('./chunk-SZSK5ISJ.cjs');
 
 
-var _chunkJX6HEEEQcjs = require('./chunk-JX6HEEEQ.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, {}, _chunkNVVAOGNLcjs.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, _chunkI6Y7IHF5cjs.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, 
-      _chunkNVVAOGNLcjs.InputSubtext,
+      _chunkBCPM2M3Ycjs.InputSubtext,
       {
         text: props.error || props.hint,
         hasError,
         tooltipId: hintTooltipId
       }
     ),
-    props.hintTooltip ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5OP23S3Qcjs.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 }) => _chunkUN4FMYEQcjs.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`
-  ${_chunk23NA5VW6cjs.standardBorderRadius.call(void 0, 8)}
+  ${_chunkOQEP7VDDcjs.standardBorderRadius.call(void 0, 8)}
   position: relative;
 
   input {
     padding-right: 34px;
   }
 
-  & ${_chunkI6Y7IHF5cjs.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 ? _chunkJX6HEEEQcjs.getFontColor.call(void 0, theme, colorProp) : _chunkNVVAOGNLcjs.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`
-  ${_chunkNVVAOGNLcjs.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, _chunk7QXYBPSJcjs.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, _chunk7QXYBPSJcjs.UnstyledButton
   padding: 8px 10px;
 `;
 var TextInputLabel = _styled2.default.label`
-  ${_chunk23NA5VW6cjs.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: ${_chunkNVVAOGNLcjs.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: ${_chunkNVVAOGNLcjs.inputSpacingPx}px;
+    margin-top: ${_chunkBCPM2M3Ycjs.inputSpacingPx}px;
   }
 
   ${TextInputHalfRow.toString()} & + & {
     margin-top: 0;
   }
 
-  ${_chunkM72EXGIScjs.CheckboxContainer.toString()} + &,
-  ${_chunkVSBIQ3WKcjs.ToggleContainer.toString()} + &,
-  & + ${_chunkM72EXGIScjs.CheckboxContainer.toString()},
-  & + ${_chunkVSBIQ3WKcjs.ToggleContainer.toString()} {
-    margin-top: ${_chunkNVVAOGNLcjs.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-QHH6BGRE.js → chunk-OAU5Z4HG.js}

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

package/dist/{chunk-23NA5VW6.cjs → chunk-OQEP7VDD.cjs}

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkJX6HEEEQcjs = require('./chunk-JX6HEEEQ.cjs');
+var _chunk7EIZIKLRcjs = require('./chunk-7EIZIKLR.cjs');
 
 
 var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
 
 
-var _chunkO7USIZI6cjs = require('./chunk-O7USIZI6.cjs');
+var _chunkCFG65CGCcjs = require('./chunk-CFG65CGC.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: ${_chunkO7USIZI6cjs.darkGradient};
+  background: ${_chunkCFG65CGCcjs.darkGradient};
 `;
 var overlaySurfaceBorderColor = ({
   theme,
   important = false
 }) => _react.css`
-  border-color: ${_chunkJX6HEEEQcjs.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: ${_chunkJX6HEEEQcjs.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 })};
-  ${_chunkJX6HEEEQcjs.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-XWSMLTYM.js → chunk-OVQKO5XJ.js}

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

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

@@ -3,46 +3,46 @@
 var _chunk46AVXTFOcjs = require('./chunk-46AVXTFO.cjs');
 
 
-var _chunkGIZQB46Vcjs = require('./chunk-GIZQB46V.cjs');
+var _chunkIUVXBD5Jcjs = require('./chunk-IUVXBD5J.cjs');
 
 
-var _chunkGJZCJSPKcjs = require('./chunk-GJZCJSPK.cjs');
+var _chunkQZ7ENG5Kcjs = require('./chunk-QZ7ENG5K.cjs');
 
 
-var _chunkNVVAOGNLcjs = require('./chunk-NVVAOGNL.cjs');
+var _chunkBCPM2M3Ycjs = require('./chunk-BCPM2M3Y.cjs');
 
 
 
-var _chunkI2CMZUNCcjs = require('./chunk-I2CMZUNC.cjs');
+var _chunk4JVJ3TUUcjs = require('./chunk-4JVJ3TUU.cjs');
 
 
 
-var _chunkHJL7XPY3cjs = require('./chunk-HJL7XPY3.cjs');
+var _chunkQNKAOYT3cjs = require('./chunk-QNKAOYT3.cjs');
 
 
-var _chunk6VA4SAHQcjs = require('./chunk-6VA4SAHQ.cjs');
+var _chunkFDL4732Lcjs = require('./chunk-FDL4732L.cjs');
 
 
-var _chunkST3UQPZYcjs = require('./chunk-ST3UQPZY.cjs');
+var _chunkWVBMQP6Ocjs = require('./chunk-WVBMQP6O.cjs');
 
 
-var _chunk7QXYBPSJcjs = require('./chunk-7QXYBPSJ.cjs');
+var _chunk36SDWEWYcjs = require('./chunk-36SDWEWY.cjs');
 
 
-var _chunkLHXL6GOOcjs = require('./chunk-LHXL6GOO.cjs');
+var _chunkUMU7TYANcjs = require('./chunk-UMU7TYAN.cjs');
 
 
-var _chunkI6Y7IHF5cjs = require('./chunk-I6Y7IHF5.cjs');
 
+var _chunkOQEP7VDDcjs = require('./chunk-OQEP7VDD.cjs');
 
 
-var _chunk23NA5VW6cjs = require('./chunk-23NA5VW6.cjs');
+var _chunk6VA4SAHQcjs = require('./chunk-6VA4SAHQ.cjs');
 
 
 var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
 
 
-var _chunkO7USIZI6cjs = require('./chunk-O7USIZI6.cjs');
+var _chunkCFG65CGCcjs = require('./chunk-CFG65CGC.cjs');
 
 
 var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.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, _chunkHJL7XPY3cjs.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 = _chunkHJL7XPY3cjs.headingWithDefaults.call(void 0, {
+var PageSectionSubheading = _chunkQNKAOYT3cjs.headingWithDefaults.call(void 0, {
   type: "h4",
   mb: 32
 });
@@ -93,7 +93,7 @@ var PageSectionBoxActionColumn = ({
 ] });
 var StyledPageSectionBoxActionColumn = _styled2.default.div``;
 var PageSectionBoxActionColumnLabel = _styled2.default.div`
-  color: ${_chunkO7USIZI6cjs.colors.gray40};
+  color: ${_chunkCFG65CGCcjs.colors.gray40};
   font-weight: 500;
   margin: 0;
 `;
@@ -107,7 +107,7 @@ var PageSectionBoxActionColumnValue = _styled2.default.div`
 var PageSectionBoxActionColumnNoValue = _styled2.default.call(void 0, 
   PageSectionBoxActionColumnValue
 )`
-  color: ${_chunkO7USIZI6cjs.colors.gray80};
+  color: ${_chunkCFG65CGCcjs.colors.gray80};
   font-style: italic;
 `;
 function PageSectionBoxAction({
@@ -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, _chunkST3UQPZYcjs.Loading, { size: 12, center: false }) }) : icon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7QXYBPSJcjs.UnstyledButton, { onClick: icon.onClick, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkI6Y7IHF5cjs.Icon, { name: icon.name, width: 12, color: "mcNeutral" }) }) }) : dropdownItems ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkGJZCJSPKcjs.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, _chunkI6Y7IHF5cjs.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, _chunk7QXYBPSJcjs.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, 
-      _chunkGIZQB46Vcjs.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, _chunkI2CMZUNCcjs.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;
-      ${_chunkNVVAOGNLcjs.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: _chunkLHXL6GOOcjs.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;
-    ${_chunkNVVAOGNLcjs.standardBorderColor}
+    ${_chunkBCPM2M3Ycjs.standardBorderColor}
   }
 
-  ${_chunk23NA5VW6cjs.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;
-    ${_chunk23NA5VW6cjs.standardBorderRadius.call(void 0, 0)}
+    ${_chunkOQEP7VDDcjs.standardBorderRadius.call(void 0, 0)}
   }
 
   & > ${PageSectionBoxRow} {
     &:first-of-type {
-      ${_chunk23NA5VW6cjs.standardBorderRadius.call(void 0, [12, 12, 0, 0])}
+      ${_chunkOQEP7VDDcjs.standardBorderRadius.call(void 0, [12, 12, 0, 0])}
     }
 
     &:last-of-type {
-      ${_chunk23NA5VW6cjs.standardBorderRadius.call(void 0, [0, 0, 12, 12])}
+      ${_chunkOQEP7VDDcjs.standardBorderRadius.call(void 0, [0, 0, 12, 12])}
     }
 
     &:only-of-type {
-      ${_chunk23NA5VW6cjs.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;
-        ${_chunkNVVAOGNLcjs.standardBorderColor}
+        ${_chunkBCPM2M3Ycjs.standardBorderColor}
       }
     }
 
@@ -272,7 +272,7 @@ var StyledPageSectionBox = _styled2.default.div`
           &:not(:first-of-type) {
             border-left: 0 !important;
             border-top: solid 1px;
-            ${_chunkNVVAOGNLcjs.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 }) => _chunk23NA5VW6cjs.standardLineHeightEms * (lg ? 14 : 12) + _chunkI2CMZUNCcjs.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-LTVF3OV7.js → chunk-PGBN4QPX.js}

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