@lightsparkdev/ui 1.0.16 → 1.0.17

package/dist/{chunk-QSRMOU6L.js → chunk-C22GNNIM.js}

@@ -1,25 +1,25 @@
 import {
   TextInput
-} from "./chunk-IE3QUJRS.js";
-import {
-  Pill
-} from "./chunk-RC4SZRV5.js";
+} from "./chunk-SCB5GKFG.js";
 import {
   InputSubtext,
   inputBlockStyle
-} from "./chunk-LYQQBGMY.js";
+} from "./chunk-GHLNFY6T.js";
+import {
+  Pill
+} from "./chunk-PY2NQL2W.js";
+import {
+  useClipboard
+} from "./chunk-QHODHUW2.js";
 import {
   UnstyledButton
-} from "./chunk-WS4ZV4J2.js";
+} from "./chunk-GT2UW67L.js";
 import {
   Icon
-} from "./chunk-HOGSXW62.js";
+} from "./chunk-BV25DKRW.js";
 import {
   useBreakpoints
 } from "./chunk-JSGRNWSB.js";
-import {
-  useClipboard
-} from "./chunk-QHODHUW2.js";
 import {
   __async
 } from "./chunk-W7FAWX6T.js";

package/dist/{chunk-4J7R6IXE.cjs → chunk-C5P7KMPK.cjs}

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkQXYZAROGcjs = require('./chunk-QXYZAROG.cjs');
+var _chunkJBVSQGPYcjs = require('./chunk-JBVSQGPY.cjs');
 
 
 
-var _chunkZM4IBPV6cjs = require('./chunk-ZM4IBPV6.cjs');
+var _chunkT4PBRJFTcjs = require('./chunk-T4PBRJFT.cjs');
 
 
 
@@ -13,12 +13,12 @@ var _chunkZ6EUSUADcjs = require('./chunk-Z6EUSUAD.cjs');
 // src/components/typography/Title.tsx
 var _jsxruntime = require('@emotion/react/jsx-runtime');
 function Title(props) {
-  const propsWithDefaults = _chunkZM4IBPV6cjs.getPropDefaults.call(void 0, props);
+  const propsWithDefaults = _chunkT4PBRJFTcjs.getPropDefaults.call(void 0, props);
   let reactNodes = props.children || null;
   if (props.content) {
-    reactNodes = _chunkQXYZAROGcjs.toReactNodes.call(void 0, props.content);
+    reactNodes = _chunkJBVSQGPYcjs.toReactNodes.call(void 0, props.content);
   }
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZM4IBPV6cjs.StyledTitle, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, propsWithDefaults), { children: reactNodes }));
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkT4PBRJFTcjs.StyledTitle, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, propsWithDefaults), { children: reactNodes }));
 }
 
 

package/dist/{chunk-ZR5RJNK6.js → chunk-CEZHIXNR.js}

@@ -1,34 +1,34 @@
 import {
   Loading
-} from "./chunk-BLWXB3VF.js";
-import {
-  Tooltip
-} from "./chunk-R4QDF6BC.js";
+} from "./chunk-QETS33GL.js";
 import {
   UnstyledButton
-} from "./chunk-WS4ZV4J2.js";
+} from "./chunk-GT2UW67L.js";
+import {
+  Tooltip
+} from "./chunk-5JWZFCRU.js";
 import {
   Icon
-} from "./chunk-HOGSXW62.js";
+} from "./chunk-BV25DKRW.js";
 import {
   getFocusOutline
-} from "./chunk-WXQAFT6L.js";
+} from "./chunk-XDL2VYUF.js";
 import {
   Link
-} from "./chunk-MTV5UVUD.js";
+} from "./chunk-B7ROYPB4.js";
 import {
   renderTypography
-} from "./chunk-HH64IK4G.js";
+} from "./chunk-UU76LJDF.js";
 import {
   select
 } from "./chunk-YMNSXZ5D.js";
 import {
   applyTypography
-} from "./chunk-JQLRGNLP.js";
+} from "./chunk-TK5AT24W.js";
 import {
   getBackgroundColor,
   isThemeOrColorKey
-} from "./chunk-WFSTDMMY.js";
+} from "./chunk-DJOYSOXT.js";
 import {
   __objRest,
   __spreadProps,

package/dist/{chunk-CY4JQ5VD.js → chunk-CNUVS7PS.js}

@@ -1,9 +1,9 @@
 import {
   CopyToClipboardButton
-} from "./chunk-OUGULECC.js";
+} from "./chunk-3P5CYHL6.js";
 import {
   standardBorderRadius
-} from "./chunk-WXQAFT6L.js";
+} from "./chunk-XDL2VYUF.js";
 
 // src/components/SecretContainer.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-HSRKQLND.cjs → chunk-CSQOAPYZ.cjs}

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkQXYZAROGcjs = require('./chunk-QXYZAROG.cjs');
+var _chunkJBVSQGPYcjs = require('./chunk-JBVSQGPY.cjs');
 
 
 
-var _chunkLLGI7HWMcjs = require('./chunk-LLGI7HWM.cjs');
+var _chunk6ZGEOYFRcjs = require('./chunk-6ZGEOYFR.cjs');
 
 
 
@@ -13,12 +13,12 @@ var _chunkZ6EUSUADcjs = require('./chunk-Z6EUSUAD.cjs');
 // src/components/typography/Body.tsx
 var _jsxruntime = require('@emotion/react/jsx-runtime');
 function Body(props) {
-  const propsWithDefaults = _chunkLLGI7HWMcjs.getPropDefaults.call(void 0, props);
+  const propsWithDefaults = _chunk6ZGEOYFRcjs.getPropDefaults.call(void 0, props);
   let reactNodes = props.children || null;
   if (props.content) {
-    reactNodes = _chunkQXYZAROGcjs.toReactNodes.call(void 0, props.content);
+    reactNodes = _chunkJBVSQGPYcjs.toReactNodes.call(void 0, props.content);
   }
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLLGI7HWMcjs.StyledBody, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, propsWithDefaults), { children: reactNodes }));
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk6ZGEOYFRcjs.StyledBody, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, propsWithDefaults), { children: reactNodes }));
 }
 
 

package/dist/{chunk-KF2ZLWG4.cjs → chunk-CYINPDD3.cjs}

@@ -1,21 +1,21 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunk7QQBTG3Ocjs = require('./chunk-7QQBTG3O.cjs');
+var _chunkJZ3TGO3Dcjs = require('./chunk-JZ3TGO3D.cjs');
 
 
-var _chunkAPCRRZMTcjs = require('./chunk-APCRRZMT.cjs');
+var _chunkVAUZ4W4Ocjs = require('./chunk-VAUZ4W4O.cjs');
 
 
-var _chunkR5RXA5HTcjs = require('./chunk-R5RXA5HT.cjs');
+var _chunkXTQV7ZJ6cjs = require('./chunk-XTQV7ZJ6.cjs');
 
 
-var _chunkJA7KZV3Qcjs = require('./chunk-JA7KZV3Q.cjs');
+var _chunkFZBPLBNDcjs = require('./chunk-FZBPLBND.cjs');
 
 
-var _chunkTBZZXLAMcjs = require('./chunk-TBZZXLAM.cjs');
+var _chunkJA7KZV3Qcjs = require('./chunk-JA7KZV3Q.cjs');
 
 
-var _chunkJZ3TGO3Dcjs = require('./chunk-JZ3TGO3D.cjs');
+var _chunkTBZZXLAMcjs = require('./chunk-TBZZXLAM.cjs');
 
 
 
@@ -95,7 +95,7 @@ function ClipboardTextField({
     }, commonProps), {
       children: [
         icon && iconSide === "left" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkAPCRRZMTcjs.Icon,
+          _chunkXTQV7ZJ6cjs.Icon,
           {
             name: "Copy",
             width: lineHeight * 0.7,
@@ -105,7 +105,7 @@ function ClipboardTextField({
         ) : null,
         valueNode,
         icon && iconSide === "right" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkAPCRRZMTcjs.Icon,
+          _chunkXTQV7ZJ6cjs.Icon,
           {
             name: "Copy",
             width: lineHeight * 0.7,
@@ -141,11 +141,11 @@ var ClipboardTextFieldValue = _styled2.default.span`
   vertical-align: middle;
 
   ${({ addLineClamp, maxLines }) => addLineClamp && maxLines ? `
-        ${_chunk7QQBTG3Ocjs.lineClamp.call(void 0, maxLines).styles}
+        ${_chunkVAUZ4W4Ocjs.lineClamp.call(void 0, maxLines).styles}
         align-self: baseline;
       ` : ""}
 
-  ${({ theme, typography }) => _chunkR5RXA5HTcjs.applyTypography.call(void 0, 
+  ${({ theme, typography }) => _chunkFZBPLBNDcjs.applyTypography.call(void 0, 
   theme,
   (typography == null ? void 0 : typography.type) || "Body",
   (typography == null ? void 0 : typography.size) || "ExtraSmall",

package/dist/{chunk-SGYY2X64.js → chunk-D3O46OJV.js}

@@ -1,15 +1,15 @@
 import {
   Filter
-} from "./chunk-HZ7HFKGQ.js";
+} from "./chunk-DDBUFQHF.js";
 import {
   TextInput
-} from "./chunk-IE3QUJRS.js";
+} from "./chunk-SCB5GKFG.js";
 import {
   Spacing
 } from "./chunk-E5DUKMCU.js";
 import {
   Button
-} from "./chunk-ZR5RJNK6.js";
+} from "./chunk-CEZHIXNR.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/{chunk-ANA52S66.cjs → chunk-D74KW6MA.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkGUOIFRKDcjs = require('./chunk-GUOIFRKD.cjs');
+var _chunkM5KSMK7Lcjs = require('./chunk-M5KSMK7L.cjs');
 
 
 var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
@@ -30,7 +30,7 @@ function Radio({
         onChange: handleRadioClick
       }
     ),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGUOIFRKDcjs.Label, { children: option.label })
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkM5KSMK7Lcjs.Label, { children: option.label })
   ] }, option.label)) });
 }
 var RadioContainer = _styled2.default.div`

package/dist/{chunk-N7J7AL5A.js → chunk-DALFOB54.js}

@@ -3,16 +3,16 @@ import {
 } from "./chunk-JJC2AUQ3.js";
 import {
   TextButton
-} from "./chunk-26QSCM7Y.js";
+} from "./chunk-EB6CFGPX.js";
 import {
   IconContainer
-} from "./chunk-HOGSXW62.js";
-import {
-  colors
-} from "./chunk-HU2UCL6I.js";
+} from "./chunk-BV25DKRW.js";
 import {
   bp
 } from "./chunk-JSGRNWSB.js";
+import {
+  colors
+} from "./chunk-HU2UCL6I.js";
 
 // src/components/PageSection/PageSectionNav.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-HZ7HFKGQ.js → chunk-DDBUFQHF.js}

@@ -1,6 +1,6 @@
 import {
   LabelModerate
-} from "./chunk-3DA7JJ2P.js";
+} from "./chunk-V2SU7NNU.js";
 import {
   Spacing
 } from "./chunk-E5DUKMCU.js";

package/dist/{chunk-M4RUYLAQ.cjs → chunk-DEKDYZK5.cjs}

@@ -3,46 +3,46 @@
 var _chunk46AVXTFOcjs = require('./chunk-46AVXTFO.cjs');
 
 
-var _chunkPVHH6GZ4cjs = require('./chunk-PVHH6GZ4.cjs');
+var _chunkQ7QDKHFYcjs = require('./chunk-Q7QDKHFY.cjs');
 
 
-var _chunk2V6UQOXNcjs = require('./chunk-2V6UQOXN.cjs');
+var _chunkEIF3CC6Ncjs = require('./chunk-EIF3CC6N.cjs');
 
 
-var _chunkVS54P2UScjs = require('./chunk-VS54P2US.cjs');
+var _chunkE4MOQFMEcjs = require('./chunk-E4MOQFME.cjs');
 
 
 
-var _chunkE6TUMOMFcjs = require('./chunk-E6TUMOMF.cjs');
+var _chunkDVOTHQWXcjs = require('./chunk-DVOTHQWX.cjs');
 
 
+var _chunkJBVSQGPYcjs = require('./chunk-JBVSQGPY.cjs');
 
-var _chunk3IJSSGDEcjs = require('./chunk-3IJSSGDE.cjs');
 
 
-var _chunkQXYZAROGcjs = require('./chunk-QXYZAROG.cjs');
+var _chunkNESDPXHAcjs = require('./chunk-NESDPXHA.cjs');
 
 
-var _chunkBT2NS24Ucjs = require('./chunk-BT2NS24U.cjs');
+var _chunkIR56ZLYLcjs = require('./chunk-IR56ZLYL.cjs');
 
 
-var _chunkND4ZEWCYcjs = require('./chunk-ND4ZEWCY.cjs');
+var _chunkM2ZLCF6Pcjs = require('./chunk-M2ZLCF6P.cjs');
 
 
-var _chunkAPCRRZMTcjs = require('./chunk-APCRRZMT.cjs');
+var _chunkXTQV7ZJ6cjs = require('./chunk-XTQV7ZJ6.cjs');
 
 
 
-var _chunk2KKFVDUDcjs = require('./chunk-2KKFVDUD.cjs');
+var _chunkNWNESPGQcjs = require('./chunk-NWNESPGQ.cjs');
 
 
 var _chunk6VA4SAHQcjs = require('./chunk-6VA4SAHQ.cjs');
 
 
-var _chunkZBLXVPL4cjs = require('./chunk-ZBLXVPL4.cjs');
+var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
 
 
-var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
+var _chunkZBLXVPL4cjs = require('./chunk-ZBLXVPL4.cjs');
 
 
 var _chunkZ6EUSUADcjs = require('./chunk-Z6EUSUAD.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, _chunkE6TUMOMFcjs.Heading, { type: "h3", id: sectionId, mt: 0, mb: 40, children: title }) : null,
+    title ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNESDPXHAcjs.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 = _chunkE6TUMOMFcjs.headingWithDefaults.call(void 0, {
+var PageSectionSubheading = _chunkNESDPXHAcjs.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, _chunkBT2NS24Ucjs.Loading, { size: 12, center: false }) }) : icon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkND4ZEWCYcjs.UnstyledButton, { onClick: icon.onClick, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkAPCRRZMTcjs.Icon, { name: icon.name, width: 12, color: "mcNeutral" }) }) }) : dropdownItems ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunk2V6UQOXNcjs.Dropdown,
+  return loading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIR56ZLYLcjs.Loading, { size: 12, center: false }) }) : icon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkM2ZLCF6Pcjs.UnstyledButton, { onClick: icon.onClick, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXTQV7ZJ6cjs.Icon, { name: icon.name, width: 12, color: "mcNeutral" }) }) }) : dropdownItems ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunkEIF3CC6Ncjs.Dropdown,
     {
       button: {
-        getContent: () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkAPCRRZMTcjs.Icon, { name: "DotGrid1x3Horizontal", width: 16 })
+        getContent: () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXTQV7ZJ6cjs.Icon, { name: "DotGrid1x3Horizontal", width: 16 })
       },
       dropdownItems
     }
-  ) : isDelete ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkND4ZEWCYcjs.UnstyledButton, { css: { color: theme.mcNeutral }, onClick, children: "Delete" }) : label ? (
+  ) : isDelete ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkM2ZLCF6Pcjs.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, 
-      _chunkPVHH6GZ4cjs.TextButton,
+      _chunkQ7QDKHFYcjs.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, _chunk3IJSSGDEcjs.Badge, { content: titleBadge, ml: 4, kind: titleBadgeKind }) : null
+              titleBadge ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDVOTHQWXcjs.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;
-      ${_chunkVS54P2UScjs.standardBorderColor.call(void 0, { theme }).styles};
+      ${_chunkE4MOQFMEcjs.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: _chunkQXYZAROGcjs.toReactNodes.call(void 0, description) }),
+    description && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PageSectionBoxDescription, { children: _chunkJBVSQGPYcjs.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, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, action)) }) : null
   ] });
@@ -232,30 +232,30 @@ var StyledPageSectionBox = _styled2.default.div`
 
   & > ${PageSectionBoxRow}, & {
     border: 1px solid;
-    ${_chunkVS54P2UScjs.standardBorderColor}
+    ${_chunkE4MOQFMEcjs.standardBorderColor}
   }
 
-  ${_chunk2KKFVDUDcjs.standardBorderRadius.call(void 0, 8)}
+  ${_chunkNWNESPGQcjs.standardBorderRadius.call(void 0, 8)}
   padding: 16px;
 
   /* PageSectionBoxRow and PageSectionBoxColumn manage their own borders: */
   &:has(> ${PageSectionBoxRow}) {
     border: none;
     padding: 0;
-    ${_chunk2KKFVDUDcjs.standardBorderRadius.call(void 0, 0)}
+    ${_chunkNWNESPGQcjs.standardBorderRadius.call(void 0, 0)}
   }
 
   & > ${PageSectionBoxRow} {
     &:first-of-type {
-      ${_chunk2KKFVDUDcjs.standardBorderRadius.call(void 0, [12, 12, 0, 0])}
+      ${_chunkNWNESPGQcjs.standardBorderRadius.call(void 0, [12, 12, 0, 0])}
     }
 
     &:last-of-type {
-      ${_chunk2KKFVDUDcjs.standardBorderRadius.call(void 0, [0, 0, 12, 12])}
+      ${_chunkNWNESPGQcjs.standardBorderRadius.call(void 0, [0, 0, 12, 12])}
     }
 
     &:only-of-type {
-      ${_chunk2KKFVDUDcjs.standardBorderRadius.call(void 0, 12)}
+      ${_chunkNWNESPGQcjs.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;
-        ${_chunkVS54P2UScjs.standardBorderColor}
+        ${_chunkE4MOQFMEcjs.standardBorderColor}
       }
     }
 
@@ -277,7 +277,7 @@ var StyledPageSectionBox = _styled2.default.div`
           &:not(:first-of-type) {
             border-left: 0 !important;
             border-top: solid 1px;
-            ${_chunkVS54P2UScjs.standardBorderColor.call(void 0, { theme }).styles};
+            ${_chunkE4MOQFMEcjs.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 }) => _chunk2KKFVDUDcjs.standardLineHeightEms * (lg ? 14 : 12) + _chunk3IJSSGDEcjs.badgeSmVPadding * 2}px;
+  line-height: ${({ lg }) => _chunkNWNESPGQcjs.standardLineHeightEms * (lg ? 14 : 12) + _chunkDVOTHQWXcjs.badgeSmVPadding * 2}px;
 `;
 var PageSectionBoxDescription = _styled2.default.div`
   color: ${({ theme }) => theme.mcNeutral};

package/dist/{chunk-JXTK5PZC.cjs → chunk-DS3NOKLZ.cjs}

@@ -3,19 +3,19 @@
 var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
 
 
-var _chunk2U6C2FAGcjs = require('./chunk-2U6C2FAG.cjs');
+var _chunkL6XBCODScjs = require('./chunk-L6XBCODS.cjs');
 
 
-var _chunkND4ZEWCYcjs = require('./chunk-ND4ZEWCY.cjs');
+var _chunkM2ZLCF6Pcjs = require('./chunk-M2ZLCF6P.cjs');
 
 
 var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
-var _chunkAPCRRZMTcjs = require('./chunk-APCRRZMT.cjs');
+var _chunkXTQV7ZJ6cjs = require('./chunk-XTQV7ZJ6.cjs');
 
 
-var _chunk2KKFVDUDcjs = require('./chunk-2KKFVDUD.cjs');
+var _chunkNWNESPGQcjs = require('./chunk-NWNESPGQ.cjs');
 
 
 var _chunkZBLXVPL4cjs = require('./chunk-ZBLXVPL4.cjs');
@@ -101,7 +101,7 @@ var Drawer = (props) => {
         children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, DrawerInnerContainer, { kind: props.kind, padding: props.padding, children: [
           props.grabber && !props.nonDismissable && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Grabber, { onClick: handleClose, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, GrabberBar, {}) }),
           props.handleBack && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, BackButtonContainer, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunk2U6C2FAGcjs.Button,
+            _chunkL6XBCODScjs.Button,
             {
               onClick: props.handleBack,
               icon: { name: "ChevronLeft" },
@@ -109,7 +109,7 @@ var Drawer = (props) => {
               size: "Small"
             }
           ) }),
-          props.closeButton && !props.nonDismissable && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CloseButtonContainer, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CloseButton, { onClick: handleClose, type: "button", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkAPCRRZMTcjs.Icon, { name: "Close", width: 10 }) }) }),
+          props.closeButton && !props.nonDismissable && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CloseButtonContainer, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CloseButton, { onClick: handleClose, type: "button", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXTQV7ZJ6cjs.Icon, { name: "Close", width: 10 }) }) }),
           props.children
         ] })
       }
@@ -220,8 +220,8 @@ var CloseButtonContainer = _styled2.default.div`
     line-height: 14px;
   }
 `;
-var CloseButton = _styled2.default.call(void 0, _chunkND4ZEWCYcjs.UnstyledButton)`
-  ${_chunk2KKFVDUDcjs.standardFocusOutline}
+var CloseButton = _styled2.default.call(void 0, _chunkM2ZLCF6Pcjs.UnstyledButton)`
+  ${_chunkNWNESPGQcjs.standardFocusOutline}
   width: 24px;
   height: 24px;
   justify-self: flex-end;

package/dist/{chunk-3IJSSGDE.cjs → chunk-DVOTHQWX.cjs}

@@ -1,18 +1,18 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunk2DFPQHNPcjs = require('./chunk-2DFPQHNP.cjs');
+var _chunkPIMOLSBMcjs = require('./chunk-PIMOLSBM.cjs');
 
 
-var _chunkQXYZAROGcjs = require('./chunk-QXYZAROG.cjs');
+var _chunkJBVSQGPYcjs = require('./chunk-JBVSQGPY.cjs');
 
 
-var _chunkAPCRRZMTcjs = require('./chunk-APCRRZMT.cjs');
+var _chunkXTQV7ZJ6cjs = require('./chunk-XTQV7ZJ6.cjs');
 
 
-var _chunk2KKFVDUDcjs = require('./chunk-2KKFVDUD.cjs');
+var _chunkNWNESPGQcjs = require('./chunk-NWNESPGQ.cjs');
 
 
-var _chunkEUDYMZXOcjs = require('./chunk-EUDYMZXO.cjs');
+var _chunkN63HBX3Vcjs = require('./chunk-N63HBX3V.cjs');
 
 // src/components/Badge.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -32,13 +32,13 @@ function Badge({
     size: (typographyProp == null ? void 0 : typographyProp.size) || "Small",
     color: (typographyProp == null ? void 0 : typographyProp.color) || (kind === "danger" ? "danger" : kind === "success" ? "white" : "text")
   };
-  const nodesWithTypography = _chunk2DFPQHNPcjs.setDefaultReactNodesTypography.call(void 0, contentProp, {
+  const nodesWithTypography = _chunkPIMOLSBMcjs.setDefaultReactNodesTypography.call(void 0, contentProp, {
     default: defaultTypography
   });
-  const content = _chunkQXYZAROGcjs.toReactNodes.call(void 0, nodesWithTypography);
+  const content = _chunkJBVSQGPYcjs.toReactNodes.call(void 0, nodesWithTypography);
   return contentProp ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, StyledBadge, { kind, ml, mr, size, block, children: [
     icon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkAPCRRZMTcjs.Icon,
+      _chunkXTQV7ZJ6cjs.Icon,
       {
         name: icon.name,
         width: 20,
@@ -51,7 +51,7 @@ function Badge({
 var badgeSmVPadding = 2;
 var badgeSmHPadding = 6;
 var StyledBadge = _styled2.default.div`
-  ${({ size }) => _chunk2KKFVDUDcjs.standardBorderRadius.call(void 0, size === "sm" ? 4 : 12)}
+  ${({ size }) => _chunkNWNESPGQcjs.standardBorderRadius.call(void 0, size === "sm" ? 4 : 12)}
   ${({ ml }) => ml === 0 ? "" : `margin-left: ${ml}px;`}
   ${({ mr }) => mr === 0 ? "" : `margin-right: ${mr}px;`}
 
@@ -61,11 +61,11 @@ var StyledBadge = _styled2.default.div`
   padding: ${({ size }) => size === "sm" ? `${badgeSmVPadding}px ${badgeSmHPadding}px` : "12px 16px"};
   background-color: ${({ theme, kind }) => {
   if (kind === "danger") {
-    return _chunkEUDYMZXOcjs.getColor.call(void 0, theme, "red42a10");
+    return _chunkN63HBX3Vcjs.getColor.call(void 0, theme, "red42a10");
   } else if (kind === "success") {
-    return _chunkEUDYMZXOcjs.getColor.call(void 0, theme, "success");
+    return _chunkN63HBX3Vcjs.getColor.call(void 0, theme, "success");
   } else {
-    return _chunkEUDYMZXOcjs.getColor.call(void 0, theme, theme.badge.bg);
+    return _chunkN63HBX3Vcjs.getColor.call(void 0, theme, theme.badge.bg);
   }
 }};
 `;

package/dist/{chunk-RPVAAPIZ.js → chunk-DXHQ5NZR.js}

@@ -1,10 +1,10 @@
 import {
   toReactNodes
-} from "./chunk-C3PR3QMX.js";
+} from "./chunk-SJ2MVP3F.js";
 import {
   StyledCode,
   getPropDefaults
-} from "./chunk-JFXIPKS5.js";
+} from "./chunk-YCWLYE6N.js";
 import {
   __spreadProps,
   __spreadValues