@lightsparkdev/ui 1.1.7 → 1.1.9

package/dist/{chunk-BYPDI64L.js → chunk-IAQ33NAC.js}

@@ -1,32 +1,32 @@
 import {
   QRReader
-} from "./chunk-TJKJYY5O.js";
+} from "./chunk-N5DXBEET.js";
 import {
   FieldError,
   aboveFieldError,
   standardBorderColor
-} from "./chunk-ETT5SJWI.js";
-import {
-  pxToRems
-} from "./chunk-VGEA6GWH.js";
+} from "./chunk-Y6EGXS3L.js";
 import {
   Button
-} from "./chunk-DIPFMCPK.js";
+} from "./chunk-HXJIJX6N.js";
 import {
   UnstyledButton
-} from "./chunk-XTM7UKRH.js";
+} from "./chunk-Y6MK2KM4.js";
 import {
   z
 } from "./chunk-55OQPFLF.js";
+import {
+  pxToRems
+} from "./chunk-DAUERVKA.js";
 import {
   Icon
-} from "./chunk-ULBM562P.js";
+} from "./chunk-B25Y765K.js";
 import {
   standardBorderRadius
-} from "./chunk-WN3TOABH.js";
+} from "./chunk-FS5ZY6RP.js";
 import {
   colors
-} from "./chunk-5J7O4QVA.js";
+} from "./chunk-27AIQ3WT.js";
 
 // src/components/QRReaderButton.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-X5CL4OMU.js → chunk-II4WRTRP.js}

@@ -1,10 +1,10 @@
 import {
   toReactNodes
-} from "./chunk-5QARHWIH.js";
+} from "./chunk-BBA4F3CO.js";
 import {
   StyledLabelStrong,
   getPropDefaults
-} from "./chunk-CF2KZQK4.js";
+} from "./chunk-SEGGZR5X.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/{chunk-RTHO3IQU.js → chunk-IIBR64GF.js}

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

package/dist/{chunk-MN3AM7PV.js → chunk-IPQR3S24.js}

@@ -1,6 +1,6 @@
 import {
   Icon
-} from "./chunk-ULBM562P.js";
+} from "./chunk-B25Y765K.js";
 
 // src/components/ContentTable.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-M7TI65VD.cjs → chunk-IPX5SZVU.cjs}

@@ -6,7 +6,7 @@ var _chunkSFGLEWHWcjs = require('./chunk-SFGLEWHW.cjs');
 var _chunkB2MHM6CYcjs = require('./chunk-B2MHM6CY.cjs');
 
 
-var _chunkPV3W724Ecjs = require('./chunk-PV3W724E.cjs');
+var _chunk4NCWQQA2cjs = require('./chunk-4NCWQQA2.cjs');
 
 
 
@@ -24,7 +24,7 @@ function getPropDefaults(props) {
   return _chunkSFGLEWHWcjs.getPropDefaultsBase.call(void 0, props, { as: props.tag || "span" });
 }
 var StyledLabelStrong = _styled2.default.span`
-  ${({ theme, size, colorProp }) => _chunkPV3W724Ecjs.applyTypography.call(void 0, theme, "Label Strong", size, colorProp)}
+  ${({ theme, size, colorProp }) => _chunk4NCWQQA2cjs.applyTypography.call(void 0, theme, "Label Strong", size, colorProp)}
   ${_chunkB2MHM6CYcjs.typographyStyles}
 `;
 

package/dist/{chunk-NOJ5RJYF.js → chunk-IRKDJAVM.js}

@@ -3,13 +3,13 @@ import {
 } from "./chunk-E5DUKMCU.js";
 import {
   overflowAutoWithoutScrollbars
-} from "./chunk-VGEA6GWH.js";
+} from "./chunk-DAUERVKA.js";
 import {
   Icon
-} from "./chunk-ULBM562P.js";
+} from "./chunk-B25Y765K.js";
 import {
   standardBorderRadius
-} from "./chunk-WN3TOABH.js";
+} from "./chunk-FS5ZY6RP.js";
 
 // src/components/Collapsible.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-FWYZTTMO.js → chunk-ISGV3MEK.js}

@@ -1,10 +1,10 @@
 import {
   toReactNodes
-} from "./chunk-5QARHWIH.js";
+} from "./chunk-BBA4F3CO.js";
 import {
   StyledBody,
   getPropDefaults
-} from "./chunk-TZLVVAKZ.js";
+} from "./chunk-LB2TLBRA.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/{chunk-7PHETHJZ.cjs → chunk-ISSWG34J.cjs}

@@ -8,22 +8,22 @@
 var _chunkCH2PLO6Fcjs = require('./chunk-CH2PLO6F.cjs');
 
 
-var _chunk45KIBOY3cjs = require('./chunk-45KIBOY3.cjs');
+var _chunk6O5XBDBFcjs = require('./chunk-6O5XBDBF.cjs');
 
 
-var _chunkRGAIYCT4cjs = require('./chunk-RGAIYCT4.cjs');
+var _chunkQW2HYBMPcjs = require('./chunk-QW2HYBMP.cjs');
 
 
-var _chunkY46K3DSAcjs = require('./chunk-Y46K3DSA.cjs');
+var _chunkEMQB3BO4cjs = require('./chunk-EMQB3BO4.cjs');
 
 
-var _chunkMJXCSZKAcjs = require('./chunk-MJXCSZKA.cjs');
+var _chunk4PZLEYONcjs = require('./chunk-4PZLEYON.cjs');
 
 
-var _chunkTDSRZFOFcjs = require('./chunk-TDSRZFOF.cjs');
+var _chunkM3TXRVC3cjs = require('./chunk-M3TXRVC3.cjs');
 
 
-var _chunkWPMYHFY7cjs = require('./chunk-WPMYHFY7.cjs');
+var _chunkRLSG4BCFcjs = require('./chunk-RLSG4BCF.cjs');
 
 
 var _chunkL3U3VIEJcjs = require('./chunk-L3U3VIEJ.cjs');
@@ -47,7 +47,7 @@ function toReactNodes(toReactNodesArg) {
       let content = text;
       if (_chunkCH2PLO6Fcjs.isTextNode.call(void 0, node) && node.typography) {
         const _a = node.typography, { type: typographyType } = _a, typographyProps = _chunkZ6EUSUADcjs.__objRest.call(void 0, _a, ["type"]);
-        content = _chunkWPMYHFY7cjs.renderTypography.call(void 0, typographyType, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, typographyProps), {
+        content = _chunkRLSG4BCFcjs.renderTypography.call(void 0, typographyType, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, typographyProps), {
           children: text
         }));
       } else {
@@ -58,16 +58,16 @@ function toReactNodes(toReactNodesArg) {
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _react.Fragment, { children: content }, `text-${i}-${text.substr(0, 20)}`)
       );
     } else if (_chunkCH2PLO6Fcjs.isLinkNode.call(void 0, node)) {
-      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTDSRZFOFcjs.Link, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, node.link), `link-${i}-${node.link.id}`);
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkM3TXRVC3cjs.Link, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, node.link), `link-${i}-${node.link.id}`);
     } else if (_chunkCH2PLO6Fcjs.isNextLinkNode.call(void 0, node)) {
       return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunk45KIBOY3cjs.NextLink,
+        _chunk6O5XBDBFcjs.NextLink,
         _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, node.nextLink),
         `next-link-${i}-${node.nextLink.id}`
       );
     } else if (_chunkCH2PLO6Fcjs.isIconNode.call(void 0, node)) {
       return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkMJXCSZKAcjs.Icon,
+        _chunk4PZLEYONcjs.Icon,
         _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, node.icon), {
           width: node.icon.width || 12
         }),
@@ -75,13 +75,13 @@ function toReactNodes(toReactNodesArg) {
       );
     } else if (_chunkCH2PLO6Fcjs.isCurrencyAmountNode.call(void 0, node)) {
       return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkY46K3DSAcjs.CurrencyAmount,
+        _chunkQW2HYBMPcjs.CurrencyAmount,
         _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, node.currencyAmount),
         `currency-amount-${i}-${node.currencyAmount.id}`
       );
     } else if (_chunkCH2PLO6Fcjs.isClipboardTextFieldNode.call(void 0, node)) {
       return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkRGAIYCT4cjs.ClipboardTextField,
+        _chunkEMQB3BO4cjs.ClipboardTextField,
         _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, node.clipboardTextField),
         `clipboard-text-field-${i}-${node.clipboardTextField.id}`
       );

package/dist/{chunk-3CR34KKQ.cjs → chunk-IZT3CLCY.cjs}

@@ -1,18 +1,18 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkM7ADZ766cjs = require('./chunk-M7ADZ766.cjs');
+var _chunk6RWMAYHKcjs = require('./chunk-6RWMAYHK.cjs');
 
 
-var _chunk7PHETHJZcjs = require('./chunk-7PHETHJZ.cjs');
+var _chunkISSWG34Jcjs = require('./chunk-ISSWG34J.cjs');
 
 
-var _chunkMJXCSZKAcjs = require('./chunk-MJXCSZKA.cjs');
+var _chunk4PZLEYONcjs = require('./chunk-4PZLEYON.cjs');
 
 
-var _chunk7OVH56SPcjs = require('./chunk-7OVH56SP.cjs');
+var _chunkYSMG5R44cjs = require('./chunk-YSMG5R44.cjs');
 
 
-var _chunkCDAUKAQHcjs = require('./chunk-CDAUKAQH.cjs');
+var _chunkLL3KJ7DBcjs = require('./chunk-LL3KJ7DB.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 = _chunkM7ADZ766cjs.setDefaultReactNodesTypography.call(void 0, contentProp, {
+  const nodesWithTypography = _chunk6RWMAYHKcjs.setDefaultReactNodesTypography.call(void 0, contentProp, {
     default: defaultTypography
   });
-  const content = _chunk7PHETHJZcjs.toReactNodes.call(void 0, nodesWithTypography);
+  const content = _chunkISSWG34Jcjs.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, 
-      _chunkMJXCSZKAcjs.Icon,
+      _chunk4PZLEYONcjs.Icon,
       {
         name: icon.name,
         width: 20,
@@ -51,7 +51,7 @@ function Badge({
 var badgeSmVPadding = 2;
 var badgeSmHPadding = 6;
 var StyledBadge = _styled2.default.div`
-  ${({ size }) => _chunk7OVH56SPcjs.standardBorderRadius.call(void 0, size === "sm" ? 4 : 12)}
+  ${({ size }) => _chunkYSMG5R44cjs.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 _chunkCDAUKAQHcjs.getColor.call(void 0, theme, "red42a10");
+    return _chunkLL3KJ7DBcjs.getColor.call(void 0, theme, "red42a10");
   } else if (kind === "success") {
-    return _chunkCDAUKAQHcjs.getColor.call(void 0, theme, "success");
+    return _chunkLL3KJ7DBcjs.getColor.call(void 0, theme, "success");
   } else {
-    return _chunkCDAUKAQHcjs.getColor.call(void 0, theme, theme.badge.bg);
+    return _chunkLL3KJ7DBcjs.getColor.call(void 0, theme, theme.badge.bg);
   }
 }};
 `;

package/dist/{chunk-YIDZ3OLQ.js → chunk-J2GJE5NF.js}

@@ -1,6 +1,6 @@
 import {
   Icon
-} from "./chunk-ULBM562P.js";
+} from "./chunk-B25Y765K.js";
 
 // src/components/Loading.tsx
 import { useTheme } from "@emotion/react";

package/dist/{chunk-M3XFUYAI.cjs → chunk-JEVPAUBW.cjs}

@@ -1,15 +1,15 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunk7OVH56SPcjs = require('./chunk-7OVH56SP.cjs');
+var _chunkYSMG5R44cjs = require('./chunk-YSMG5R44.cjs');
 
 // src/styles/utils.tsx
 var _react = require('@emotion/react');
 function pxToRems(rems, asNum = false) {
-  const value = (rems / _chunk7OVH56SPcjs.rootFontSizePx).toFixed(6);
+  const value = (rems / _chunkYSMG5R44cjs.rootFontSizePx).toFixed(6);
   return asNum ? Number(value) : `${value}rem`;
 }
 function remsToPx(rems, asNum = false) {
-  const value = (_chunk7OVH56SPcjs.rootFontSizePx * rems).toFixed(6);
+  const value = (_chunkYSMG5R44cjs.rootFontSizePx * rems).toFixed(6);
   return asNum ? Number(value) : `${value}px`;
 }
 var extend = (...args) => _react.css.call(void 0, ...args);

package/dist/{chunk-GOS2N22U.cjs → chunk-JWQWKJL7.cjs}

@@ -3,37 +3,37 @@
 var _chunk46AVXTFOcjs = require('./chunk-46AVXTFO.cjs');
 
 
-var _chunk5Y7LOBLVcjs = require('./chunk-5Y7LOBLV.cjs');
+var _chunkUNLKBBSAcjs = require('./chunk-UNLKBBSA.cjs');
 
 
-var _chunkSIVR5ELDcjs = require('./chunk-SIVR5ELD.cjs');
+var _chunkL3ANMAP5cjs = require('./chunk-L3ANMAP5.cjs');
 
 
-var _chunkT2JYWOH2cjs = require('./chunk-T2JYWOH2.cjs');
+var _chunkBGDEQI7Ycjs = require('./chunk-BGDEQI7Y.cjs');
 
 
 
-var _chunk3CR34KKQcjs = require('./chunk-3CR34KKQ.cjs');
+var _chunkDCOJ2RN7cjs = require('./chunk-DCOJ2RN7.cjs');
 
 
-var _chunk7PHETHJZcjs = require('./chunk-7PHETHJZ.cjs');
+var _chunk6SW3YUOScjs = require('./chunk-6SW3YUOS.cjs');
 
 
+var _chunkBB4ZAFU4cjs = require('./chunk-BB4ZAFU4.cjs');
 
-var _chunkRLNRSFMMcjs = require('./chunk-RLNRSFMM.cjs');
 
 
-var _chunkUL33AOCCcjs = require('./chunk-UL33AOCC.cjs');
+var _chunkIZT3CLCYcjs = require('./chunk-IZT3CLCY.cjs');
 
 
-var _chunkA2GMDI24cjs = require('./chunk-A2GMDI24.cjs');
+var _chunkISSWG34Jcjs = require('./chunk-ISSWG34J.cjs');
 
 
-var _chunkMJXCSZKAcjs = require('./chunk-MJXCSZKA.cjs');
+var _chunk4PZLEYONcjs = require('./chunk-4PZLEYON.cjs');
 
 
 
-var _chunk7OVH56SPcjs = require('./chunk-7OVH56SP.cjs');
+var _chunkYSMG5R44cjs = require('./chunk-YSMG5R44.cjs');
 
 
 var _chunk6VA4SAHQcjs = require('./chunk-6VA4SAHQ.cjs');
@@ -42,7 +42,7 @@ var _chunk6VA4SAHQcjs = require('./chunk-6VA4SAHQ.cjs');
 var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
 
 
-var _chunk2J2ZDWLFcjs = require('./chunk-2J2ZDWLF.cjs');
+var _chunkBQ5MMYMPcjs = require('./chunk-BQ5MMYMP.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, _chunkRLNRSFMMcjs.Heading, { type: "h3", id: sectionId, mt: 0, mb: 40, children: title }) : null,
+    title ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDCOJ2RN7cjs.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 = _chunkRLNRSFMMcjs.headingWithDefaults.call(void 0, {
+var PageSectionSubheading = _chunkDCOJ2RN7cjs.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: ${_chunk2J2ZDWLFcjs.colors.gray40};
+  color: ${_chunkBQ5MMYMPcjs.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: ${_chunk2J2ZDWLFcjs.colors.gray80};
+  color: ${_chunkBQ5MMYMPcjs.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, _chunkUL33AOCCcjs.Loading, { size: 12, center: false }) }) : icon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA2GMDI24cjs.UnstyledButton, { onClick: icon.onClick, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMJXCSZKAcjs.Icon, { name: icon.name, width: 12, color: "mcNeutral" }) }) }) : dropdownItems ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkSIVR5ELDcjs.Dropdown,
+  return loading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk6SW3YUOScjs.Loading, { size: 12, center: false }) }) : icon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBB4ZAFU4cjs.UnstyledButton, { onClick: icon.onClick, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4PZLEYONcjs.Icon, { name: icon.name, width: 12, color: "mcNeutral" }) }) }) : dropdownItems ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunkL3ANMAP5cjs.Dropdown,
     {
       button: {
-        getContent: () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMJXCSZKAcjs.Icon, { name: "DotGrid1x3Horizontal", width: 16 })
+        getContent: () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4PZLEYONcjs.Icon, { name: "DotGrid1x3Horizontal", width: 16 })
       },
       dropdownItems
     }
-  ) : isDelete ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA2GMDI24cjs.UnstyledButton, { css: { color: theme.mcNeutral }, onClick, children: "Delete" }) : label ? (
+  ) : isDelete ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBB4ZAFU4cjs.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, 
-      _chunk5Y7LOBLVcjs.TextButton,
+      _chunkUNLKBBSAcjs.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, _chunk3CR34KKQcjs.Badge, { content: titleBadge, ml: 4, kind: titleBadgeKind }) : null
+              titleBadge ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIZT3CLCYcjs.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;
-      ${_chunkT2JYWOH2cjs.standardBorderColor.call(void 0, { theme }).styles};
+      ${_chunkBGDEQI7Ycjs.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: _chunk7PHETHJZcjs.toReactNodes.call(void 0, description) }),
+    description && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PageSectionBoxDescription, { children: _chunkISSWG34Jcjs.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;
-    ${_chunkT2JYWOH2cjs.standardBorderColor}
+    ${_chunkBGDEQI7Ycjs.standardBorderColor}
   }
 
-  ${_chunk7OVH56SPcjs.standardBorderRadius.call(void 0, 8)}
+  ${_chunkYSMG5R44cjs.standardBorderRadius.call(void 0, 8)}
   padding: 16px;
 
   /* PageSectionBoxRow and PageSectionBoxColumn manage their own borders: */
   &:has(> ${PageSectionBoxRow}) {
     border: none;
     padding: 0;
-    ${_chunk7OVH56SPcjs.standardBorderRadius.call(void 0, 0)}
+    ${_chunkYSMG5R44cjs.standardBorderRadius.call(void 0, 0)}
   }
 
   & > ${PageSectionBoxRow} {
     &:first-of-type {
-      ${_chunk7OVH56SPcjs.standardBorderRadius.call(void 0, [12, 12, 0, 0])}
+      ${_chunkYSMG5R44cjs.standardBorderRadius.call(void 0, [12, 12, 0, 0])}
     }
 
     &:last-of-type {
-      ${_chunk7OVH56SPcjs.standardBorderRadius.call(void 0, [0, 0, 12, 12])}
+      ${_chunkYSMG5R44cjs.standardBorderRadius.call(void 0, [0, 0, 12, 12])}
     }
 
     &:only-of-type {
-      ${_chunk7OVH56SPcjs.standardBorderRadius.call(void 0, 12)}
+      ${_chunkYSMG5R44cjs.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;
-        ${_chunkT2JYWOH2cjs.standardBorderColor}
+        ${_chunkBGDEQI7Ycjs.standardBorderColor}
       }
     }
 
@@ -277,7 +277,7 @@ var StyledPageSectionBox = _styled2.default.div`
           &:not(:first-of-type) {
             border-left: 0 !important;
             border-top: solid 1px;
-            ${_chunkT2JYWOH2cjs.standardBorderColor.call(void 0, { theme }).styles};
+            ${_chunkBGDEQI7Ycjs.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 }) => _chunk7OVH56SPcjs.standardLineHeightEms * (lg ? 14 : 12) + _chunk3CR34KKQcjs.badgeSmVPadding * 2}px;
+  line-height: ${({ lg }) => _chunkYSMG5R44cjs.standardLineHeightEms * (lg ? 14 : 12) + _chunkIZT3CLCYcjs.badgeSmVPadding * 2}px;
 `;
 var PageSectionBoxDescription = _styled2.default.div`
   color: ${({ theme }) => theme.mcNeutral};

package/dist/{chunk-LMUH4IBQ.js → chunk-JZ3KHMCB.js}

@@ -1,15 +1,15 @@
-import {
-  TextIconAligner
-} from "./chunk-YE2E2BGP.js";
 import {
   UnstyledButton
-} from "./chunk-XTM7UKRH.js";
+} from "./chunk-Y6MK2KM4.js";
+import {
+  TextIconAligner
+} from "./chunk-AM2VWS5D.js";
 import {
   getFocusOutline
-} from "./chunk-WN3TOABH.js";
+} from "./chunk-FS5ZY6RP.js";
 import {
   Link
-} from "./chunk-Q3JHDXTD.js";
+} from "./chunk-5UPPV33W.js";
 import {
   elide
 } from "./chunk-HAC5YAGQ.js";

package/dist/{chunk-7QHKDLFZ.js → chunk-K2TZ4AYP.js}

@@ -1,6 +1,6 @@
 import {
   LabelModerate
-} from "./chunk-IWKBKK7I.js";
+} from "./chunk-OUJCEEMU.js";
 import {
   Spacing
 } from "./chunk-E5DUKMCU.js";

package/dist/{chunk-JL4OLGEE.js → chunk-K5UMREEM.js}

@@ -4,10 +4,10 @@ import {
 import {
   rootFontSizeRems,
   standardLineHeightEms
-} from "./chunk-WN3TOABH.js";
+} from "./chunk-FS5ZY6RP.js";
 import {
   useThemeBg
-} from "./chunk-E6PRWBTH.js";
+} from "./chunk-A2JXE76O.js";
 import {
   bp
 } from "./chunk-JSGRNWSB.js";

package/dist/{chunk-F2CW753A.js → chunk-K7L6HLGS.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-YW4BJCOL.js";
 import {
   applyTypography
-} from "./chunk-67GVLM7K.js";
+} from "./chunk-YBIDE35T.js";
 import {
   __objRest,
   __spreadProps,

package/dist/{chunk-G3XUFV6K.cjs → chunk-KB3OXVMV.cjs}

@@ -6,7 +6,7 @@ var _chunkSFGLEWHWcjs = require('./chunk-SFGLEWHW.cjs');
 var _chunkB2MHM6CYcjs = require('./chunk-B2MHM6CY.cjs');
 
 
-var _chunkPV3W724Ecjs = require('./chunk-PV3W724E.cjs');
+var _chunk4NCWQQA2cjs = require('./chunk-4NCWQQA2.cjs');
 
 
 
@@ -24,7 +24,7 @@ function getPropDefaults(props) {
   return _chunkSFGLEWHWcjs.getPropDefaultsBase.call(void 0, props, { as: props.tag || "span" });
 }
 var StyledBtn = _styled2.default.span`
-  ${({ theme, size, colorProp }) => _chunkPV3W724Ecjs.applyTypography.call(void 0, theme, "Btn", size, colorProp)}
+  ${({ theme, size, colorProp }) => _chunk4NCWQQA2cjs.applyTypography.call(void 0, theme, "Btn", size, colorProp)}
   ${_chunkB2MHM6CYcjs.typographyStyles}
 `;
 

package/dist/{chunk-RL7ARYRE.js → chunk-KCUSJWDZ.js}

@@ -4331,6 +4331,18 @@ function getTypographyTypes(fontFamilies) {
             textCase: `${TEXT_CASE.none}`,
             textDecoration: `${TEXT_DECORATION.none}`,
             fontFeatureSettings: '"ss01"'
+          },
+          [TokenSize.ExtraSmall]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Regular}`,
+            lineHeight: `${LINE_HEIGHTS["Nage" /* Nage */]["xs"]}`,
+            fontSize: `${FONT_SIZE["Nage" /* Nage */]["xs"]}`,
+            letterSpacing: `${LETTER_SPACING["Nage" /* Nage */].normal}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`,
+            fontFeatureSettings: '"ss01"'
           }
         },
         [TypographyType.BodyStrong]: {
@@ -4533,6 +4545,18 @@ function getTypographyTypes(fontFamilies) {
             textCase: `${TEXT_CASE.none}`,
             textDecoration: `${TEXT_DECORATION.none}`,
             fontFeatureSettings: '"ss01"'
+          },
+          [TokenSize.ExtraSmall]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Regular}`,
+            lineHeight: `${LINE_HEIGHTS["Nage" /* Nage */]["xs"]}`,
+            fontSize: `${FONT_SIZE["Nage" /* Nage */]["xs"]}`,
+            letterSpacing: `${LETTER_SPACING["Nage" /* Nage */].normal}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`,
+            fontFeatureSettings: '"ss01"'
           }
         },
         [TypographyType.Overline]: {
@@ -4775,6 +4799,18 @@ function getTypographyTypes(fontFamilies) {
             textCase: `${TEXT_CASE.none}`,
             textDecoration: `${TEXT_DECORATION.none}`,
             fontFeatureSettings: '"ss01"'
+          },
+          [TokenSize.ExtraSmall]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Regular}`,
+            lineHeight: `${LINE_HEIGHTS["Nage" /* Nage */]["xs"]}`,
+            fontSize: `${FONT_SIZE["Nage" /* Nage */]["xs"]}`,
+            letterSpacing: `${LETTER_SPACING["Nage" /* Nage */].normal}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`,
+            fontFeatureSettings: '"ss01"'
           }
         },
         [TypographyType.BodyStrong]: {
@@ -4965,6 +5001,18 @@ function getTypographyTypes(fontFamilies) {
             textCase: `${TEXT_CASE.none}`,
             textDecoration: `${TEXT_DECORATION.none}`,
             fontFeatureSettings: '"ss01"'
+          },
+          [TokenSize.ExtraSmall]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Regular}`,
+            lineHeight: `${LINE_HEIGHTS["Nage" /* Nage */]["xs"]}`,
+            fontSize: `${FONT_SIZE["Nage" /* Nage */]["xs"]}`,
+            letterSpacing: `${LETTER_SPACING["Nage" /* Nage */].normal}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`,
+            fontFeatureSettings: '"ss01"'
           }
         },
         [TypographyType.Overline]: {