@lightsparkdev/ui 1.0.9 → 1.0.10

package/dist/{chunk-UJLCYOEL.cjs → chunk-PW6MUX7N.cjs}

@@ -4,10 +4,10 @@ var _chunkT7ZB3XF7cjs = require('./chunk-T7ZB3XF7.cjs');
 
 
 
-var _chunk23NA5VW6cjs = require('./chunk-23NA5VW6.cjs');
+var _chunkDIMJISMHcjs = require('./chunk-DIMJISMH.cjs');
 
 
-var _chunkJX6HEEEQcjs = require('./chunk-JX6HEEEQ.cjs');
+var _chunkWKRK5OVEcjs = require('./chunk-WKRK5OVE.cjs');
 
 
 var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
@@ -22,7 +22,7 @@ var globalComponentStyles = ({ theme }) => _react.css`
   @import url("https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");
 
   html {
-    font-size: ${_chunk23NA5VW6cjs.rootFontSizeRems}rem;
+    font-size: ${_chunkDIMJISMHcjs.rootFontSizeRems}rem;
     color: ${theme.text};
 
     /* required for iOS https://bit.ly/3Q8syG8 */
@@ -52,7 +52,7 @@ var globalComponentStyles = ({ theme }) => _react.css`
 
   * {
     box-sizing: border-box;
-    line-height: ${_chunk23NA5VW6cjs.standardLineHeightEms}em;
+    line-height: ${_chunkDIMJISMHcjs.standardLineHeightEms}em;
   }
 
   code {
@@ -99,7 +99,7 @@ var globalComponentStyles = ({ theme }) => _react.css`
 `;
 function GlobalStyles() {
   const theme = _react.useTheme.call(void 0, );
-  const bg = _chunkJX6HEEEQcjs.useThemeBg.call(void 0, );
+  const bg = _chunkWKRK5OVEcjs.useThemeBg.call(void 0, );
   _react3.useEffect.call(void 0, () => {
     const documentHeight = () => {
       const doc = document.documentElement;

package/dist/{chunk-E32ZLOWY.js → chunk-PXY7XXMI.js}

@@ -1,18 +1,18 @@
 import {
   setDefaultReactNodesTypography
-} from "./chunk-JEPHI5VC.js";
+} from "./chunk-VVA3TL2D.js";
 import {
   toReactNodes
-} from "./chunk-NXSA7WNB.js";
+} from "./chunk-XSMF72UT.js";
 import {
   Icon
-} from "./chunk-K3DMPJSX.js";
+} from "./chunk-NGSQ2OOV.js";
 import {
   standardBorderRadius
-} from "./chunk-ZMK4RE5I.js";
+} from "./chunk-YZM4ALKD.js";
 import {
   getColor
-} from "./chunk-GZW6KBUI.js";
+} from "./chunk-O42E7NAG.js";
 
 // src/components/Badge.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-J4YI5GMY.cjs → chunk-QCTPBUWI.cjs}

@@ -1,6 +1,6 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/TwoArrowsDown.tsx
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/ArrowsDown.tsx
 var _jsxruntime = require('@emotion/react/jsx-runtime');
-function TwoArrowsDown() {
+function ArrowsDown() {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     "svg",
     {
@@ -24,4 +24,4 @@ function TwoArrowsDown() {
 
 
 
-exports.TwoArrowsDown = TwoArrowsDown;
+exports.ArrowsDown = ArrowsDown;

package/dist/{chunk-YDTPEU32.cjs → chunk-QE67LKK5.cjs}

@@ -1,14 +1,15 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunk2ZRPJUTYcjs = require('./chunk-2ZRPJUTY.cjs');
+var _chunkWRZUCCQDcjs = require('./chunk-WRZUCCQD.cjs');
 
 
 var _chunk7PRNB5U5cjs = require('./chunk-7PRNB5U5.cjs');
 
 
-var _chunkO7USIZI6cjs = require('./chunk-O7USIZI6.cjs');
+var _chunkCFG65CGCcjs = require('./chunk-CFG65CGC.cjs');
 
 // src/router.tsx
+var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
 var _lodashes = require('lodash-es');
 var _react = require('react');
 
@@ -41,7 +42,7 @@ function replaceParams(to, params) {
   }
   return to;
 }
-function Link({
+function LinkBase({
   to,
   id,
   externalLink,
@@ -69,8 +70,8 @@ function Link({
     toStr += hash ? `#${hash}` : "";
   } else if (externalLink) {
     const definedExternalLink = externalLink;
-    if (!definedExternalLink.startsWith("http")) {
-      throw new Error("Link's externalLink must start with http");
+    if (!definedExternalLink.startsWith("http") && !definedExternalLink.startsWith("mailto:")) {
+      throw new Error("Link's externalLink must start with http or mailto:");
     }
     if (newTabProp === void 0) {
       newTab = true;
@@ -81,7 +82,7 @@ function Link({
   }
   let content = children;
   if (text) {
-    content = typography ? _chunk2ZRPJUTYcjs.renderTypography.call(void 0, typography.type, {
+    content = typography ? _chunkWRZUCCQDcjs.renderTypography.call(void 0, typography.type, {
       size: typography.size,
       color: typography.color,
       content: text
@@ -96,13 +97,14 @@ function Link({
       onClick,
       className,
       download: filename,
-      style: { color: blue ? _chunkO7USIZI6cjs.colors.blue43 : "inherit" },
+      style: { color: blue ? _chunkCFG65CGCcjs.colors.blue43 : "inherit" },
       target: newTab ? "_blank" : void 0,
       rel: newTab ? "noopener noreferrer" : void 0,
       children: content
     }
   );
 }
+var Link = _styled2.default.call(void 0, LinkBase)``;
 function Navigate({
   to,
   params,

package/dist/{chunk-3MFIXO6N.js → chunk-QWBJBEYT.js}

@@ -1,18 +1,18 @@
 import {
   LabelModerate
-} from "./chunk-NKLYOJV4.js";
+} from "./chunk-HOMUFDUQ.js";
 import {
   Spacing
 } from "./chunk-E5DUKMCU.js";
 import {
   textInputStyle
-} from "./chunk-W5NH2F3D.js";
+} from "./chunk-AXHFR6HR.js";
 import {
   z
 } from "./chunk-55OQPFLF.js";
 import {
   Icon
-} from "./chunk-K3DMPJSX.js";
+} from "./chunk-NGSQ2OOV.js";
 import {
   getTypographyString
 } from "./chunk-VASG2BKI.js";

package/dist/{chunk-U4Y4CF4A.js → chunk-R4JQUMCP.js}

@@ -1,6 +1,6 @@
 import {
   getFontColor
-} from "./chunk-GZW6KBUI.js";
+} from "./chunk-O42E7NAG.js";
 import {
   getTypographyString
 } from "./chunk-VASG2BKI.js";

package/dist/{chunk-XJP6PQIC.cjs → chunk-R74ZB3VR.cjs}

@@ -3,7 +3,7 @@
 var _chunkAGIM6BKCcjs = require('./chunk-AGIM6BKC.cjs');
 
 
-var _chunkSFTKSNEKcjs = require('./chunk-SFTKSNEK.cjs');
+var _chunkDISSWFSScjs = require('./chunk-DISSWFSS.cjs');
 
 // src/components/documentation/DocsHeadline.tsx
 var _react = require('react'); var _react2 = _interopRequireDefault(_react);
@@ -51,7 +51,7 @@ var DocsHeadline = ({
 }) => {
   const id = toKebabCase(getHeaderId(children));
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkSFTKSNEKcjs.StyledHeadline,
+    _chunkDISSWFSScjs.StyledHeadline,
     {
       as: heading,
       id,

package/dist/{chunk-UJKCQS5C.cjs → chunk-RRPNFKNW.cjs}

@@ -6,10 +6,10 @@ var _chunkOVJZVL57cjs = require('./chunk-OVJZVL57.cjs');
 var _chunk6VA4SAHQcjs = require('./chunk-6VA4SAHQ.cjs');
 
 
-var _chunkUN4FMYEQcjs = require('./chunk-UN4FMYEQ.cjs');
+var _chunkGEMBOYJDcjs = require('./chunk-GEMBOYJD.cjs');
 
 
-var _chunkUKMVD656cjs = require('./chunk-UKMVD656.cjs');
+var _chunkSEOJ475Zcjs = require('./chunk-SEOJ475Z.cjs');
 
 // src/components/typography/Display.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -28,7 +28,7 @@ var Display = ({
 }) => {
   let reactNodes = children || null;
   if (content) {
-    reactNodes = _chunkUKMVD656cjs.toReactNodesBase.call(void 0, content);
+    reactNodes = _chunkSEOJ475Zcjs.toReactNodesBase.call(void 0, content);
   }
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     StyledDisplay,
@@ -45,7 +45,7 @@ var Display = ({
   );
 };
 var StyledDisplay = _styled2.default.span`
-  ${({ theme, size, colorProp }) => _chunkUN4FMYEQcjs.applyTypography.call(void 0, theme, "Display", size, colorProp)}
+  ${({ theme, size, colorProp }) => _chunkGEMBOYJDcjs.applyTypography.call(void 0, theme, "Display", size, colorProp)}
   ${_chunkOVJZVL57cjs.typographyStyles}
 `;
 function displaySelector(element) {

package/dist/{chunk-3NCG3JGI.js → chunk-RSTCESAL.js}

@@ -1,12 +1,12 @@
 import {
   Tooltip
-} from "./chunk-GUGOSES5.js";
+} from "./chunk-2KHMKDGF.js";
 import {
   toReactNodes
-} from "./chunk-NXSA7WNB.js";
+} from "./chunk-XSMF72UT.js";
 import {
   Icon
-} from "./chunk-K3DMPJSX.js";
+} from "./chunk-NGSQ2OOV.js";
 
 // src/components/InfoIconTooltip.tsx
 import { Fragment } from "react";

package/dist/{chunk-YPNJVLQ6.js → chunk-RTDZGU5J.js}

@@ -2,28 +2,28 @@ import {
   extend,
   flexCenter,
   pxToRems
-} from "./chunk-IGZYEIQS.js";
+} from "./chunk-HEXTPM3C.js";
 import {
   UnstyledButton
-} from "./chunk-EYWGUIVP.js";
+} from "./chunk-WZJTXJM5.js";
 import {
   z
 } from "./chunk-55OQPFLF.js";
 import {
   toReactNodes
-} from "./chunk-NXSA7WNB.js";
+} from "./chunk-XSMF72UT.js";
 import {
   Icon
-} from "./chunk-K3DMPJSX.js";
+} from "./chunk-NGSQ2OOV.js";
 import {
   standardContentInset
-} from "./chunk-ZMK4RE5I.js";
+} from "./chunk-YZM4ALKD.js";
 import {
   themeOr
-} from "./chunk-GZW6KBUI.js";
+} from "./chunk-O42E7NAG.js";
 import {
   colors
-} from "./chunk-RTRS42I3.js";
+} from "./chunk-MN4NUSPL.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/{chunk-S5YPOGIA.js → chunk-RYS6JJEE.js}

@@ -1,9 +1,9 @@
 import {
   CopyToClipboardButton
-} from "./chunk-YFKVNM5L.js";
+} from "./chunk-GU46BAEF.js";
 import {
   standardBorderRadius
-} from "./chunk-ZMK4RE5I.js";
+} from "./chunk-YZM4ALKD.js";
 
 // src/components/SecretContainer.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-672ZI5XH.js → chunk-SAI5MDK3.js}

@@ -4,13 +4,13 @@ import {
 import {
   extend,
   lineClamp
-} from "./chunk-IGZYEIQS.js";
+} from "./chunk-HEXTPM3C.js";
 import {
   Icon
-} from "./chunk-K3DMPJSX.js";
+} from "./chunk-NGSQ2OOV.js";
 import {
   renderTypography
-} from "./chunk-5GLOHTP6.js";
+} from "./chunk-73ETEREG.js";
 import {
   elide
 } from "./chunk-EDN2QDCB.js";

package/dist/{chunk-UKMVD656.cjs → chunk-SEOJ475Z.cjs}

@@ -7,16 +7,16 @@
 var _chunk4WKQPWLIcjs = require('./chunk-4WKQPWLI.cjs');
 
 
-var _chunkJA26JNLKcjs = require('./chunk-JA26JNLK.cjs');
+var _chunkEKGTEPQHcjs = require('./chunk-EKGTEPQH.cjs');
 
 
-var _chunkN4HNDEUNcjs = require('./chunk-N4HNDEUN.cjs');
+var _chunkCBFA6RJWcjs = require('./chunk-CBFA6RJW.cjs');
 
 
-var _chunkI6Y7IHF5cjs = require('./chunk-I6Y7IHF5.cjs');
+var _chunkJMIYMECJcjs = require('./chunk-JMIYMECJ.cjs');
 
 
-var _chunkYDTPEU32cjs = require('./chunk-YDTPEU32.cjs');
+var _chunkQE67LKK5cjs = require('./chunk-QE67LKK5.cjs');
 
 
 
@@ -29,16 +29,16 @@ function toReactNodesBase(toReactNodesBaseArg) {
   const toReactNodesArray = _core.ensureArray.call(void 0, toReactNodesBaseArg);
   const reactNodes = toReactNodesArray.map((node, i) => {
     if (_chunk4WKQPWLIcjs.isLinkNode.call(void 0, node)) {
-      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYDTPEU32cjs.Link, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, node.link), `link-${i}-${node.link.id}`);
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkQE67LKK5cjs.Link, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, node.link), `link-${i}-${node.link.id}`);
     } else if (_chunk4WKQPWLIcjs.isNextLinkNode.call(void 0, node)) {
       return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkJA26JNLKcjs.NextLink,
+        _chunkEKGTEPQHcjs.NextLink,
         _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, node.nextLink),
         `next-link-${i}-${node.nextLink.id}`
       );
     } else if (_chunk4WKQPWLIcjs.isIconNode.call(void 0, node)) {
       return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkI6Y7IHF5cjs.Icon,
+        _chunkJMIYMECJcjs.Icon,
         _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, node.icon), {
           width: node.icon.width || 12
         }),
@@ -46,7 +46,7 @@ function toReactNodesBase(toReactNodesBaseArg) {
       );
     } else if (_chunk4WKQPWLIcjs.isCurrencyAmountNode.call(void 0, node)) {
       return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkN4HNDEUNcjs.CurrencyAmount,
+        _chunkCBFA6RJWcjs.CurrencyAmount,
         _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, node.currencyAmount),
         `currency-amount-${i}-${node.currencyAmount.id}`
       );

package/dist/{chunk-JT3HYZXJ.cjs → chunk-SMVLBX2D.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkSDECQB2Ocjs = require('./chunk-SDECQB2O.cjs');
+var _chunk6RG56REScjs = require('./chunk-6RG56RES.cjs');
 
 
 var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
@@ -13,7 +13,7 @@ var Filter = ({
   children
 }) => {
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, Container, { children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, FilterHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSDECQB2Ocjs.LabelModerate, { children: `Filter by ${label}` }) }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, FilterHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk6RG56REScjs.LabelModerate, { children: `Filter by ${label}` }) }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, FilterBody, { children })
   ] });
 };

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

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

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

@@ -3,46 +3,46 @@
 var _chunk46AVXTFOcjs = require('./chunk-46AVXTFO.cjs');
 
 
-var _chunkGIZQB46Vcjs = require('./chunk-GIZQB46V.cjs');
+var _chunkMJQOF3RScjs = require('./chunk-MJQOF3RS.cjs');
 
 
-var _chunkGJZCJSPKcjs = require('./chunk-GJZCJSPK.cjs');
+var _chunkPFLKL4U5cjs = require('./chunk-PFLKL4U5.cjs');
 
 
-var _chunkNVVAOGNLcjs = require('./chunk-NVVAOGNL.cjs');
+var _chunkJPRA3J5Ccjs = require('./chunk-JPRA3J5C.cjs');
 
 
 
-var _chunkI2CMZUNCcjs = require('./chunk-I2CMZUNC.cjs');
+var _chunkTMB4SEV7cjs = require('./chunk-TMB4SEV7.cjs');
 
 
 
-var _chunkHJL7XPY3cjs = require('./chunk-HJL7XPY3.cjs');
+var _chunkIP233XPHcjs = require('./chunk-IP233XPH.cjs');
 
 
 var _chunk6VA4SAHQcjs = require('./chunk-6VA4SAHQ.cjs');
 
 
-var _chunkST3UQPZYcjs = require('./chunk-ST3UQPZY.cjs');
+var _chunkMWHLGPKOcjs = require('./chunk-MWHLGPKO.cjs');
 
 
-var _chunk7QXYBPSJcjs = require('./chunk-7QXYBPSJ.cjs');
+var _chunk4EK5RAZScjs = require('./chunk-4EK5RAZS.cjs');
 
 
-var _chunkLHXL6GOOcjs = require('./chunk-LHXL6GOO.cjs');
+var _chunkGDLQ54TNcjs = require('./chunk-GDLQ54TN.cjs');
 
 
-var _chunkI6Y7IHF5cjs = require('./chunk-I6Y7IHF5.cjs');
+var _chunkJMIYMECJcjs = require('./chunk-JMIYMECJ.cjs');
 
 
 
-var _chunk23NA5VW6cjs = require('./chunk-23NA5VW6.cjs');
+var _chunkDIMJISMHcjs = require('./chunk-DIMJISMH.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, _chunkIP233XPHcjs.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 = _chunkIP233XPHcjs.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, _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,
     {
       button: {
-        getContent: () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkI6Y7IHF5cjs.Icon, { name: "DotGrid1x3Horizontal", width: 16 })
+        getContent: () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJMIYMECJcjs.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, _chunk4EK5RAZScjs.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,
+      _chunkMJQOF3RScjs.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, _chunkTMB4SEV7cjs.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};
+      ${_chunkJPRA3J5Ccjs.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: _chunkGDLQ54TNcjs.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}
+    ${_chunkJPRA3J5Ccjs.standardBorderColor}
   }
 
-  ${_chunk23NA5VW6cjs.standardBorderRadius.call(void 0, 8)}
+  ${_chunkDIMJISMHcjs.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)}
+    ${_chunkDIMJISMHcjs.standardBorderRadius.call(void 0, 0)}
   }
 
   & > ${PageSectionBoxRow} {
     &:first-of-type {
-      ${_chunk23NA5VW6cjs.standardBorderRadius.call(void 0, [12, 12, 0, 0])}
+      ${_chunkDIMJISMHcjs.standardBorderRadius.call(void 0, [12, 12, 0, 0])}
     }
 
     &:last-of-type {
-      ${_chunk23NA5VW6cjs.standardBorderRadius.call(void 0, [0, 0, 12, 12])}
+      ${_chunkDIMJISMHcjs.standardBorderRadius.call(void 0, [0, 0, 12, 12])}
     }
 
     &:only-of-type {
-      ${_chunk23NA5VW6cjs.standardBorderRadius.call(void 0, 12)}
+      ${_chunkDIMJISMHcjs.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}
+        ${_chunkJPRA3J5Ccjs.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};
+            ${_chunkJPRA3J5Ccjs.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 }) => _chunkDIMJISMHcjs.standardLineHeightEms * (lg ? 14 : 12) + _chunkTMB4SEV7cjs.badgeSmVPadding * 2}px;
 `;
 var PageSectionBoxDescription = _styled2.default.div`
   color: ${({ theme }) => theme.mcNeutral};

package/dist/{chunk-PZKJ4CZW.cjs → chunk-SZNCRT6T.cjs}

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunk5OP23S3Qcjs = require('./chunk-5OP23S3Q.cjs');
+var _chunk5MLMGZJGcjs = require('./chunk-5MLMGZJG.cjs');
 
 
-var _chunkLHXL6GOOcjs = require('./chunk-LHXL6GOO.cjs');
+var _chunkGDLQ54TNcjs = require('./chunk-GDLQ54TN.cjs');
 
 
-var _chunkI6Y7IHF5cjs = require('./chunk-I6Y7IHF5.cjs');
+var _chunkJMIYMECJcjs = require('./chunk-JMIYMECJ.cjs');
 
 // src/components/InfoIconTooltip.tsx
 var _react = require('react');
@@ -16,17 +16,17 @@ function InfoIconTooltip({
   content,
   verticalAlign = "middle"
 }) {
-  const contentNodes = _chunkLHXL6GOOcjs.toReactNodes.call(void 0, content);
+  const contentNodes = _chunkGDLQ54TNcjs.toReactNodes.call(void 0, content);
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _react.Fragment, { children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       "div",
       {
         "data-tooltip-id": id,
         style: { display: "inline-flex", alignItems: "center", verticalAlign },
-        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkI6Y7IHF5cjs.Icon, { name: "Info", width: 12, ml: 4 })
+        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJMIYMECJcjs.Icon, { name: "Info", width: 12, ml: 4 })
       }
     ),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5OP23S3Qcjs.Tooltip, { id, render: () => contentNodes, clickable: true })
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5MLMGZJGcjs.Tooltip, { id, render: () => contentNodes, clickable: true })
   ] });
 }
 

package/dist/{chunk-ZQGKRDIF.js → chunk-TBB3GUOK.js}

@@ -1,6 +1,6 @@
 import {
   renderTypography
-} from "./chunk-5GLOHTP6.js";
+} from "./chunk-73ETEREG.js";
 import {
   __async
 } from "./chunk-CWMXXUWU.js";