@lightsparkdev/ui 1.0.7 → 1.0.8

package/dist/{chunk-MXMS34PK.js → chunk-MK445W3F.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-E3FGOYEJ.js";
 import {
   toReactNodes
-} from "./chunk-XCEI3WIL.js";
+} from "./chunk-JZJQOZEN.js";
 import {
   Link
 } from "./chunk-34MTU3ER.js";
@@ -15,10 +15,10 @@ import {
 } from "./chunk-55OQPFLF.js";
 import {
   Icon
-} from "./chunk-UACBVBBE.js";
+} from "./chunk-QQTZ6DZL.js";
 import {
   getColor
-} from "./chunk-I4NIA4SD.js";
+} from "./chunk-W5I53DTZ.js";
 import {
   bp
 } from "./chunk-JSGRNWSB.js";

package/dist/chunk-MSBDBEM7.cjs

@@ -0,0 +1,59 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _chunkXIFM5AMTcjs = require('./chunk-XIFM5AMT.cjs');
+
+
+var _chunk4BXMY75Pcjs = require('./chunk-4BXMY75P.cjs');
+
+
+var _chunkBQG6DASDcjs = require('./chunk-BQG6DASD.cjs');
+
+
+var _chunkTRIJJTMXcjs = require('./chunk-TRIJJTMX.cjs');
+
+
+var _chunkRKBBY43Dcjs = require('./chunk-RKBBY43D.cjs');
+
+
+var _chunkVYKXX3SHcjs = require('./chunk-VYKXX3SH.cjs');
+
+
+var _chunkSEJXEWOJcjs = require('./chunk-SEJXEWOJ.cjs');
+
+
+var _chunk5O6LWFY4cjs = require('./chunk-5O6LWFY4.cjs');
+
+
+var _chunkLLVW7HU4cjs = require('./chunk-LLVW7HU4.cjs');
+
+
+var _chunkXZKD27Y2cjs = require('./chunk-XZKD27Y2.cjs');
+
+
+var _chunkLKKJVJCGcjs = require('./chunk-LKKJVJCG.cjs');
+
+// src/components/typography/renderTypography.tsx
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+var typographyMap = {
+  Display: _chunkRKBBY43Dcjs.Display,
+  Headline: _chunkLLVW7HU4cjs.Headline,
+  Title: _chunkVYKXX3SHcjs.Title,
+  Body: _chunkSEJXEWOJcjs.Body,
+  "Body Strong": _chunk5O6LWFY4cjs.BodyStrong,
+  Label: _chunkXZKD27Y2cjs.Label,
+  "Label Moderate": _chunkXIFM5AMTcjs.LabelModerate,
+  "Label Strong": _chunk4BXMY75Pcjs.LabelStrong,
+  Overline: _chunkBQG6DASDcjs.Overline,
+  Code: _chunkTRIJJTMXcjs.Code,
+  "Code Strong": _chunkTRIJJTMXcjs.Code
+};
+var renderTypography = (type, props) => {
+  const TypographyComponent = typographyMap[type];
+  const _a = props, { children } = _a, rest = _chunkLKKJVJCGcjs.__objRest.call(void 0, _a, ["children"]);
+  return _react2.default.createElement(TypographyComponent, rest, children);
+};
+
+
+
+
+exports.typographyMap = typographyMap; exports.renderTypography = renderTypography;

package/dist/{chunk-QBSDXGPZ.js → chunk-N5A5ZNNB.js}

@@ -3,40 +3,40 @@ import {
 } from "./chunk-JJC2AUQ3.js";
 import {
   TextButton
-} from "./chunk-7LT4PQQ7.js";
+} from "./chunk-DGS7USD6.js";
 import {
   Dropdown
-} from "./chunk-CBPPDWW7.js";
+} from "./chunk-ISVMIEHD.js";
 import {
   standardBorderColor
-} from "./chunk-OGJLMW37.js";
+} from "./chunk-RZMG2TID.js";
 import {
   Badge,
   badgeSmVPadding
-} from "./chunk-4ZEUQBJZ.js";
+} from "./chunk-SI63PJGM.js";
 import {
   toReactNodes
-} from "./chunk-XCEI3WIL.js";
+} from "./chunk-JZJQOZEN.js";
 import {
   Heading,
   headingWithDefaults
-} from "./chunk-FQIT2EG7.js";
+} from "./chunk-JSOZMOEJ.js";
 import {
   Loading
-} from "./chunk-7GCXP2EW.js";
+} from "./chunk-RT4SDUU6.js";
 import {
   select
 } from "./chunk-YMNSXZ5D.js";
 import {
   UnstyledButton
-} from "./chunk-H47HIU2F.js";
+} from "./chunk-E7RKIBJY.js";
 import {
   Icon
-} from "./chunk-UACBVBBE.js";
+} from "./chunk-QQTZ6DZL.js";
 import {
   standardBorderRadius,
   standardLineHeightEms
-} from "./chunk-GMM3LRXY.js";
+} from "./chunk-APUV4UN4.js";
 import {
   bp
 } from "./chunk-JSGRNWSB.js";

package/dist/{chunk-VYCK3QBC.cjs → chunk-NN23LWC7.cjs}

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkZJTRXOA5cjs = require('./chunk-ZJTRXOA5.cjs');
+var _chunkGCE3EVF6cjs = require('./chunk-GCE3EVF6.cjs');
 
 
-var _chunkUEG2PUK7cjs = require('./chunk-UEG2PUK7.cjs');
+var _chunkBOBYW7PPcjs = require('./chunk-BOBYW7PP.cjs');
 
 
 var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
@@ -11,16 +11,16 @@ var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
 
-var _chunkSODYHHOBcjs = require('./chunk-SODYHHOB.cjs');
+var _chunk4P7RPU32cjs = require('./chunk-4P7RPU32.cjs');
 
 
-var _chunkCB3IFR2Xcjs = require('./chunk-CB3IFR2X.cjs');
+var _chunkBY47I7ZPcjs = require('./chunk-BY47I7ZP.cjs');
 
 
-var _chunkMNAZ4BDQcjs = require('./chunk-MNAZ4BDQ.cjs');
+var _chunkPYL3O7AFcjs = require('./chunk-PYL3O7AF.cjs');
 
 
-var _chunkPDZ23BEDcjs = require('./chunk-PDZ23BED.cjs');
+var _chunkWTHHP7G2cjs = require('./chunk-WTHHP7G2.cjs');
 
 
 var _chunkKSKKC6C2cjs = require('./chunk-KSKKC6C2.cjs');
@@ -173,7 +173,7 @@ function Toasts({
     const fromCurrent = i === currentToastIndex ? 0 : currentToastIndex - i;
     const movingToCurrent = currentToast.isHiding && i === currentToastIndex - 1;
     const hidingFromCurrent = currentToast.isHiding ? fromCurrent - 1 : fromCurrent;
-    const textNode = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: toast.text ? _chunkZJTRXOA5cjs.toReactNodes.call(void 0, toast.text) : null });
+    const textNode = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: toast.text ? _chunkGCE3EVF6cjs.toReactNodes.call(void 0, toast.text) : null });
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _react.Fragment, { children: _reactdom2.default.createPortal(
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
         StyledToast,
@@ -196,9 +196,9 @@ function Toasts({
           children: [
             textNode,
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunkUEG2PUK7cjs.UnstyledButton,
+              _chunkBOBYW7PPcjs.UnstyledButton,
               {
-                css: _chunkSODYHHOBcjs.extend.call(void 0, _chunkSODYHHOBcjs.flexCenter, {
+                css: _chunk4P7RPU32cjs.extend.call(void 0, _chunk4P7RPU32cjs.flexCenter, {
                   position: "absolute",
                   right: "5px",
                   top: "-1px",
@@ -207,7 +207,7 @@ function Toasts({
                   outlineColor: `${_chunkKSKKC6C2cjs.colors.white} !important`
                 }),
                 onClick: () => hideToast(toast.id),
-                children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCB3IFR2Xcjs.Icon, { name: "Close", width: 9 })
+                children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBY47I7ZPcjs.Icon, { name: "Close", width: 9 })
               }
             )
           ]
@@ -224,12 +224,12 @@ var minScale = 0.95;
 var StyledToast = _styled2.default.div`
   position: fixed;
   z-index: ${_chunkZU72XWNEcjs.z.toast};
-  line-height: ${_chunkSODYHHOBcjs.pxToRems.call(void 0, 16)};
+  line-height: ${_chunk4P7RPU32cjs.pxToRems.call(void 0, 16)};
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
   font-weight: 500;
-  background-color: ${({ isCurrent, movingToCurrent }) => isCurrent || movingToCurrent ? _chunkKSKKC6C2cjs.colors.blue43 : _chunkPDZ23BEDcjs.themeOr.call(void 0, "#2A50B2", _chunkKSKKC6C2cjs.colors.blue43)};
+  background-color: ${({ isCurrent, movingToCurrent }) => isCurrent || movingToCurrent ? _chunkKSKKC6C2cjs.colors.blue43 : _chunkWTHHP7G2cjs.themeOr.call(void 0, "#2A50B2", _chunkKSKKC6C2cjs.colors.blue43)};
   color: rgba(255, 255, 255, 0);
   padding: 16px 24px;
   ${({ duration }) => !duration && "padding-right: 50px;"}
@@ -244,7 +244,7 @@ var StyledToast = _styled2.default.div`
   transform: translateX(-50%);
   text-overflow: ellipsis;
   overflow: hidden;
-  max-width: calc(100% - ${_chunkMNAZ4BDQcjs.standardContentInset.smPx * 2}px);
+  max-width: calc(100% - ${_chunkPYL3O7AFcjs.standardContentInset.smPx * 2}px);
 
   max-height: ${beginHeightPx}px;
   width: 0px;

package/dist/{chunk-3O67L2QO.cjs → chunk-NNTGGG2C.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkQR6XKKRKcjs = require('./chunk-QR6XKKRK.cjs');
+var _chunkKLC2OBTGcjs = require('./chunk-KLC2OBTG.cjs');
 
 // src/components/CodeInput/SingleCodeInput.tsx
 var _react = require('@emotion/react');
@@ -31,7 +31,7 @@ function SingleCodeInput({
   const theme = _react.useTheme.call(void 0, );
   const defaultCSS = _react.css.call(void 0, 
     `
-      ${_chunkQR6XKKRKcjs.textInputStyle.call(void 0, {
+      ${_chunkKLC2OBTGcjs.textInputStyle.call(void 0, {
       theme,
       disabled: Boolean(disabled),
       hasError: false

package/dist/{chunk-V74OSV6N.cjs → chunk-NPTHZ6KR.cjs}

@@ -6,21 +6,21 @@ var _chunkT7ZB3XF7cjs = require('./chunk-T7ZB3XF7.cjs');
 var _chunkQCJWZRIPcjs = require('./chunk-QCJWZRIP.cjs');
 
 
-var _chunkUEG2PUK7cjs = require('./chunk-UEG2PUK7.cjs');
+var _chunkBOBYW7PPcjs = require('./chunk-BOBYW7PP.cjs');
 
 
 var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
-var _chunkCB3IFR2Xcjs = require('./chunk-CB3IFR2X.cjs');
+var _chunkBY47I7ZPcjs = require('./chunk-BY47I7ZP.cjs');
 
 
 
 
-var _chunkMNAZ4BDQcjs = require('./chunk-MNAZ4BDQ.cjs');
+var _chunkPYL3O7AFcjs = require('./chunk-PYL3O7AF.cjs');
 
 
-var _chunkPDZ23BEDcjs = require('./chunk-PDZ23BED.cjs');
+var _chunkWTHHP7G2cjs = require('./chunk-WTHHP7G2.cjs');
 
 
 var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
@@ -266,9 +266,9 @@ var DropdownFooter = _styled2.default.div`
   margin-top: 16px;
 `;
 var DropdownItems = _styled2.default.ul`
-  ${_chunkMNAZ4BDQcjs.overlaySurface}
-  color: ${({ theme }) => _chunkPDZ23BEDcjs.themeOr.call(void 0, theme.c6Neutral, theme.c8Neutral)};
-  ${_chunkMNAZ4BDQcjs.standardBorderRadius.call(void 0, 8)}
+  ${_chunkPYL3O7AFcjs.overlaySurface}
+  color: ${({ theme }) => _chunkWTHHP7G2cjs.themeOr.call(void 0, theme.c6Neutral, theme.c8Neutral)};
+  ${_chunkPYL3O7AFcjs.standardBorderRadius.call(void 0, 8)}
   padding: 12px 0;
   visibility: ${({ isOpen }) => isOpen ? "visible" : "hidden"};
   position: fixed;
@@ -287,7 +287,7 @@ function DropdownItem({
   const theme = _react.useTheme.call(void 0, );
   const dropdownItemIcon = dropdownItem.getIcon && dropdownItem.getIcon({ dropdownItem, theme });
   const dropdownItemIconNode = dropdownItemIcon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkCB3IFR2Xcjs.Icon,
+    _chunkBY47I7ZPcjs.Icon,
     {
       name: dropdownItemIcon.name,
       width: dropdownItemIcon.width || 12,
@@ -330,8 +330,8 @@ function DropdownItem({
     }
   );
 }
-var DropdownButton = _styled2.default.call(void 0, _chunkUEG2PUK7cjs.UnstyledButton)`
-  ${_chunkMNAZ4BDQcjs.standardFocusOutline}
+var DropdownButton = _styled2.default.call(void 0, _chunkBOBYW7PPcjs.UnstyledButton)`
+  ${_chunkPYL3O7AFcjs.standardFocusOutline}
 `;
 var dropdownItemStyle = ({ selected, theme }) => `
   background-color: ${selected ? theme.primary : "transparent"};
@@ -356,7 +356,7 @@ var cssProp = ({
   selected
 }) => _react.css`
   ${dropdownItemStyle({ theme, selected: Boolean(selected) })}
-  ${_chunkMNAZ4BDQcjs.standardFocusOutline.call(void 0, { theme })}
+  ${_chunkPYL3O7AFcjs.standardFocusOutline.call(void 0, { theme })}
 `;
 function DropdownItemLink(props) {
   const theme = _react.useTheme.call(void 0, );
@@ -369,7 +369,7 @@ function DropdownItemLink(props) {
 }
 var DropdownItemDiv = _styled2.default.div`
   ${dropdownItemStyle}
-  ${_chunkMNAZ4BDQcjs.standardFocusOutline}
+  ${_chunkPYL3O7AFcjs.standardFocusOutline}
 `;
 
 

package/dist/{chunk-Q4BUF3EO.cjs → chunk-O7UTME4V.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkSODYHHOBcjs = require('./chunk-SODYHHOB.cjs');
+var _chunk4P7RPU32cjs = require('./chunk-4P7RPU32.cjs');
 
 // src/components/StatusIndicator.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -15,7 +15,7 @@ function StatusIndicator({
 }
 var StyledStatusIndicator = _styled2.default.div`
   color: ${({ theme, color }) => theme[color]};
-  font-size: ${({ size }) => _chunkSODYHHOBcjs.pxToRems.call(void 0, size)};
+  font-size: ${({ size }) => _chunk4P7RPU32cjs.pxToRems.call(void 0, size)};
   font-weight: ${({ fontWeight }) => fontWeight};
 `;
 

package/dist/{chunk-KH5NEXIW.js → chunk-ONE4Q37F.js}

@@ -1,12 +1,12 @@
 import {
   UnstyledButton
-} from "./chunk-H47HIU2F.js";
+} from "./chunk-E7RKIBJY.js";
 import {
   standardLineHeightEms
-} from "./chunk-GMM3LRXY.js";
+} from "./chunk-APUV4UN4.js";
 import {
   themeOr
-} from "./chunk-I4NIA4SD.js";
+} from "./chunk-W5I53DTZ.js";
 import {
   colors
 } from "./chunk-REL56P3K.js";

package/dist/{chunk-7NAL5XO6.cjs → chunk-PBD4TY4L.cjs}

@@ -1,13 +1,13 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkANP2OU53cjs = require('./chunk-ANP2OU53.cjs');
+var _chunkKMFK2MOBcjs = require('./chunk-KMFK2MOB.cjs');
 
 
 
-var _chunkQR6XKKRKcjs = require('./chunk-QR6XKKRK.cjs');
+var _chunkKLC2OBTGcjs = require('./chunk-KLC2OBTG.cjs');
 
 
-var _chunkCB3IFR2Xcjs = require('./chunk-CB3IFR2X.cjs');
+var _chunkBY47I7ZPcjs = require('./chunk-BY47I7ZP.cjs');
 
 // src/components/FileInput.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -59,7 +59,7 @@ function FileInput({
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, StyledFileInputContainer, { children: [
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, StyledFileInput, { hasValidFileSet: Boolean(fileName && fileContent), children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "label", { htmlFor: name, children: fileName && fileContent ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkANP2OU53cjs.Pill,
+        _chunkKMFK2MOBcjs.Pill,
         {
           text: fileName,
           cursor: "pointer",
@@ -67,7 +67,7 @@ function FileInput({
           onDeleteFromKeyboard: handleRemoveFile
         }
       ) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _react.Fragment, { children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCB3IFR2Xcjs.Icon, { name: "Upload", width: 26, tutorialStep: 6 }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBY47I7ZPcjs.Icon, { name: "Upload", width: 26, tutorialStep: 6 }),
         "Upload ",
         filePurpose || "",
         " file"
@@ -82,7 +82,7 @@ function FileInput({
         }
       )
     ] }),
-    fileErrorMsg ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkQR6XKKRKcjs.InputSubtext, { text: fileErrorMsg, hasError: true }) : null
+    fileErrorMsg ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkKLC2OBTGcjs.InputSubtext, { text: fileErrorMsg, hasError: true }) : null
   ] });
 }
 var StyledFileInputContainer = _styled2.default.div``;
@@ -94,7 +94,7 @@ var StyledFileInput = _styled2.default.div`
   label {
     display: block;
     cursor: pointer;
-    ${({ theme, hasValidFileSet }) => _chunkQR6XKKRKcjs.inputBlockStyle.call(void 0, { theme, hasValue: hasValidFileSet, hasError: false })}
+    ${({ theme, hasValidFileSet }) => _chunkKLC2OBTGcjs.inputBlockStyle.call(void 0, { theme, hasValue: hasValidFileSet, hasError: false })}
   }
 `;
 

package/dist/{chunk-5WZ7X43P.cjs → chunk-PDDHDR54.cjs}

@@ -3,40 +3,40 @@
 var _chunk46AVXTFOcjs = require('./chunk-46AVXTFO.cjs');
 
 
-var _chunkCRVO2CALcjs = require('./chunk-CRVO2CAL.cjs');
+var _chunkGWCVYEJGcjs = require('./chunk-GWCVYEJG.cjs');
 
 
-var _chunkV74OSV6Ncjs = require('./chunk-V74OSV6N.cjs');
+var _chunkNPTHZ6KRcjs = require('./chunk-NPTHZ6KR.cjs');
 
 
-var _chunkQR6XKKRKcjs = require('./chunk-QR6XKKRK.cjs');
+var _chunkKLC2OBTGcjs = require('./chunk-KLC2OBTG.cjs');
 
 
 
-var _chunkJ4BWIY7Mcjs = require('./chunk-J4BWIY7M.cjs');
+var _chunk2C4Z2X45cjs = require('./chunk-2C4Z2X45.cjs');
 
 
-var _chunkZJTRXOA5cjs = require('./chunk-ZJTRXOA5.cjs');
+var _chunkGCE3EVF6cjs = require('./chunk-GCE3EVF6.cjs');
 
 
 
-var _chunkH24ZXPN3cjs = require('./chunk-H24ZXPN3.cjs');
+var _chunkFRASE266cjs = require('./chunk-FRASE266.cjs');
 
 
-var _chunkXZG2GZWIcjs = require('./chunk-XZG2GZWI.cjs');
+var _chunkBD3WXMLEcjs = require('./chunk-BD3WXMLE.cjs');
 
 
 var _chunk6VA4SAHQcjs = require('./chunk-6VA4SAHQ.cjs');
 
 
-var _chunkUEG2PUK7cjs = require('./chunk-UEG2PUK7.cjs');
+var _chunkBOBYW7PPcjs = require('./chunk-BOBYW7PP.cjs');
 
 
-var _chunkCB3IFR2Xcjs = require('./chunk-CB3IFR2X.cjs');
+var _chunkBY47I7ZPcjs = require('./chunk-BY47I7ZP.cjs');
 
 
 
-var _chunkMNAZ4BDQcjs = require('./chunk-MNAZ4BDQ.cjs');
+var _chunkPYL3O7AFcjs = require('./chunk-PYL3O7AF.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, _chunkH24ZXPN3cjs.Heading, { type: "h3", id: sectionId, mt: 0, mb: 40, children: title }) : null,
+    title ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFRASE266cjs.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 = _chunkH24ZXPN3cjs.headingWithDefaults.call(void 0, {
+var PageSectionSubheading = _chunkFRASE266cjs.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, _chunkXZG2GZWIcjs.Loading, { size: 12, center: false }) }) : icon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUEG2PUK7cjs.UnstyledButton, { onClick: icon.onClick, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCB3IFR2Xcjs.Icon, { name: icon.name, width: 12, color: "mcNeutral" }) }) }) : dropdownItems ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkV74OSV6Ncjs.Dropdown,
+  return loading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBD3WXMLEcjs.Loading, { size: 12, center: false }) }) : icon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBOBYW7PPcjs.UnstyledButton, { onClick: icon.onClick, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBY47I7ZPcjs.Icon, { name: icon.name, width: 12, color: "mcNeutral" }) }) }) : dropdownItems ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunkNPTHZ6KRcjs.Dropdown,
     {
       button: {
-        getContent: () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCB3IFR2Xcjs.Icon, { name: "DotGrid1x3Horizontal", width: 16 })
+        getContent: () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBY47I7ZPcjs.Icon, { name: "DotGrid1x3Horizontal", width: 16 })
       },
       dropdownItems
     }
-  ) : isDelete ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUEG2PUK7cjs.UnstyledButton, { css: { color: theme.mcNeutral }, onClick, children: "Delete" }) : label ? (
+  ) : isDelete ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBOBYW7PPcjs.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, 
-      _chunkCRVO2CALcjs.TextButton,
+      _chunkGWCVYEJGcjs.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, _chunkJ4BWIY7Mcjs.Badge, { content: titleBadge, ml: 4 }) : null
+            titleBadge ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2C4Z2X45cjs.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;
-      ${_chunkQR6XKKRKcjs.standardBorderColor.call(void 0, { theme }).styles};
+      ${_chunkKLC2OBTGcjs.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: _chunkZJTRXOA5cjs.toReactNodes.call(void 0, description) }),
+    description && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PageSectionBoxDescription, { children: _chunkGCE3EVF6cjs.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, _chunkLKKJVJCGcjs.__spreadValues.call(void 0, {}, action)) }) : null
   ] });
@@ -227,30 +227,30 @@ var StyledPageSectionBox = _styled2.default.div`
 
   & > ${PageSectionBoxRow}, & {
     border: 1px solid;
-    ${_chunkQR6XKKRKcjs.standardBorderColor}
+    ${_chunkKLC2OBTGcjs.standardBorderColor}
   }
 
-  ${_chunkMNAZ4BDQcjs.standardBorderRadius.call(void 0, 8)}
+  ${_chunkPYL3O7AFcjs.standardBorderRadius.call(void 0, 8)}
   padding: 16px;
 
   /* PageSectionBoxRow and PageSectionBoxColumn manage their own borders: */
   &:has(> ${PageSectionBoxRow}) {
     border: none;
     padding: 0;
-    ${_chunkMNAZ4BDQcjs.standardBorderRadius.call(void 0, 0)}
+    ${_chunkPYL3O7AFcjs.standardBorderRadius.call(void 0, 0)}
   }
 
   & > ${PageSectionBoxRow} {
     &:first-of-type {
-      ${_chunkMNAZ4BDQcjs.standardBorderRadius.call(void 0, [12, 12, 0, 0])}
+      ${_chunkPYL3O7AFcjs.standardBorderRadius.call(void 0, [12, 12, 0, 0])}
     }
 
     &:last-of-type {
-      ${_chunkMNAZ4BDQcjs.standardBorderRadius.call(void 0, [0, 0, 12, 12])}
+      ${_chunkPYL3O7AFcjs.standardBorderRadius.call(void 0, [0, 0, 12, 12])}
     }
 
     &:only-of-type {
-      ${_chunkMNAZ4BDQcjs.standardBorderRadius.call(void 0, 12)}
+      ${_chunkPYL3O7AFcjs.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;
-        ${_chunkQR6XKKRKcjs.standardBorderColor}
+        ${_chunkKLC2OBTGcjs.standardBorderColor}
       }
     }
 
@@ -272,7 +272,7 @@ var StyledPageSectionBox = _styled2.default.div`
           &:not(:first-of-type) {
             border-left: 0 !important;
             border-top: solid 1px;
-            ${_chunkQR6XKKRKcjs.standardBorderColor.call(void 0, { theme }).styles};
+            ${_chunkKLC2OBTGcjs.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 }) => _chunkMNAZ4BDQcjs.standardLineHeightEms * (lg ? 14 : 12) + _chunkJ4BWIY7Mcjs.badgeSmVPadding * 2}px;
+  line-height: ${({ lg }) => _chunkPYL3O7AFcjs.standardLineHeightEms * (lg ? 14 : 12) + _chunk2C4Z2X45cjs.badgeSmVPadding * 2}px;
 `;
 var PageSectionBoxDescription = _styled2.default.div`
   color: ${({ theme }) => theme.mcNeutral};

package/dist/{chunk-27TVNUBD.js → chunk-PFYBJXL5.js}

@@ -1,10 +1,10 @@
 import {
   setDefaultReactNodesTypography,
   toReactNodes
-} from "./chunk-XCEI3WIL.js";
+} from "./chunk-JZJQOZEN.js";
 import {
   Icon
-} from "./chunk-UACBVBBE.js";
+} from "./chunk-QQTZ6DZL.js";
 
 // src/components/TextIconAligner.tsx
 import { jsx, jsxs } from "@emotion/react/jsx-runtime";

package/dist/{chunk-MNAZ4BDQ.cjs → chunk-PYL3O7AF.cjs}

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

@@ -1,16 +1,16 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkXKHTSGK3cjs = require('./chunk-XKHTSGK3.cjs');
+var _chunkEM7O6Y3Mcjs = require('./chunk-EM7O6Y3M.cjs');
 
 
-var _chunkPDZ23BEDcjs = require('./chunk-PDZ23BED.cjs');
+var _chunkWTHHP7G2cjs = require('./chunk-WTHHP7G2.cjs');
 
 // src/components/LightsparkProvider.tsx
 var _react = require('@emotion/react');
 var _jsxruntime = require('@emotion/react/jsx-runtime');
 function LightsparkProvider({ children }) {
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _react.ThemeProvider, { theme: _chunkPDZ23BEDcjs.themes.light, children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXKHTSGK3cjs.GlobalStyles, {}),
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _react.ThemeProvider, { theme: _chunkWTHHP7G2cjs.themes.light, children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkEM7O6Y3Mcjs.GlobalStyles, {}),
     children
   ] });
 }