@lightsparkdev/ui 1.1.5 → 1.1.6

package/dist/{chunk-J3TUZRIL.js → chunk-DG7KBY6O.js}

@@ -3627,6 +3627,41 @@ function getTypographyTypes(fontFamilies) {
             textDecoration: `${TEXT_DECORATION.none}`
           }
         },
+        [TypographyType.BodyStrong]: {
+          [TokenSize.Large]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["Bridge" /* Bridge */]["xl"]}`,
+            fontSize: `${FONT_SIZE["Bridge" /* Bridge */]["lg"]}`,
+            letterSpacing: `${LETTER_SPACING["Bridge" /* Bridge */].normal}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Medium]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["Bridge" /* Bridge */]["lg"]}`,
+            fontSize: `${FONT_SIZE["Bridge" /* Bridge */]["md"]}`,
+            letterSpacing: `${LETTER_SPACING["Bridge" /* Bridge */].normal}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Small]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["Bridge" /* Bridge */]["sm"]}`,
+            fontSize: `${FONT_SIZE["Bridge" /* Bridge */]["xs"]}`,
+            letterSpacing: `${LETTER_SPACING["Bridge" /* Bridge */].normal}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          }
+        },
         [TypographyType.Label]: {
           [TokenSize.Large]: {
             fontFamily: `${fontFamilies.main}`,
@@ -3909,6 +3944,41 @@ function getTypographyTypes(fontFamilies) {
             textDecoration: `${TEXT_DECORATION.none}`
           }
         },
+        [TypographyType.BodyStrong]: {
+          [TokenSize.Large]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["Bridge" /* Bridge */]["xl"]}`,
+            fontSize: `${FONT_SIZE["Bridge" /* Bridge */]["lg"]}`,
+            letterSpacing: `${LETTER_SPACING["Bridge" /* Bridge */].normal}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Medium]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["Bridge" /* Bridge */]["lg"]}`,
+            fontSize: `${FONT_SIZE["Bridge" /* Bridge */]["md"]}`,
+            letterSpacing: `${LETTER_SPACING["Bridge" /* Bridge */].normal}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Small]: {
+            fontFamily: `${fontFamilies.main}`,
+            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["Bridge" /* Bridge */]["sm"]}`,
+            fontSize: `${FONT_SIZE["Bridge" /* Bridge */]["xs"]}`,
+            letterSpacing: `${LETTER_SPACING["Bridge" /* Bridge */].normal}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.none}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          }
+        },
         [TypographyType.Label]: {
           [TokenSize.Large]: {
             fontFamily: `${fontFamilies.main}`,

package/dist/{chunk-GAIPWO4J.cjs → chunk-E3OYVLHH.cjs}

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkTRVU37HAcjs = require('./chunk-TRVU37HA.cjs');
+var _chunk3KX4AU6Jcjs = require('./chunk-3KX4AU6J.cjs');
 
 
-var _chunkGPBI55VOcjs = require('./chunk-GPBI55VO.cjs');
+var _chunk3OA4FINJcjs = require('./chunk-3OA4FINJ.cjs');
 
 // src/components/CurrencyAmount.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -78,7 +78,7 @@ function CurrencyAmount({
   }
   let content = formattedNumber;
   if (typography && typography.type) {
-    content = _chunkGPBI55VOcjs.renderTypography.call(void 0, typography.type, {
+    content = _chunk3OA4FINJcjs.renderTypography.call(void 0, typography.type, {
       size: typography.size,
       color: typography.color,
       children: formattedNumber
@@ -93,9 +93,9 @@ function CurrencyAmount({
 var CurrencyIcon = ({ unit }) => {
   switch (unit) {
     case _core.CurrencyUnit.BITCOIN:
-      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTRVU37HAcjs.Icon, { name: "BitcoinB", width: 8, verticalAlign: -2, mr: 2 });
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3KX4AU6Jcjs.Icon, { name: "BitcoinB", width: 8, verticalAlign: -2, mr: 2 });
     case _core.CurrencyUnit.SATOSHI:
-      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTRVU37HAcjs.Icon, { name: "Satoshi", width: 8, verticalAlign: -2, mr: 2 });
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3KX4AU6Jcjs.Icon, { name: "Satoshi", width: 8, verticalAlign: -2, mr: 2 });
     default:
       return null;
   }

package/dist/{chunk-GK2RSNWZ.js → chunk-EC3GMK4H.js}

@@ -1,13 +1,13 @@
-import {
-  Pill
-} from "./chunk-GDAJTPWM.js";
 import {
   InputSubtext,
   inputBlockStyle
-} from "./chunk-6VB5CUJJ.js";
+} from "./chunk-W7UBYHH4.js";
+import {
+  Pill
+} from "./chunk-7446HLUG.js";
 import {
   Icon
-} from "./chunk-ZSZGVHHS.js";
+} from "./chunk-JFKPUTCA.js";
 
 // src/components/FileInput.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-I4BK3LUQ.cjs → chunk-EFBH33GH.cjs}

@@ -1,18 +1,18 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkEQ6PZHMTcjs = require('./chunk-EQ6PZHMT.cjs');
+var _chunkPTLLFSPXcjs = require('./chunk-PTLLFSPX.cjs');
 
 
-var _chunkVT3J6XBJcjs = require('./chunk-VT3J6XBJ.cjs');
+var _chunkMKQVFO6Lcjs = require('./chunk-MKQVFO6L.cjs');
 
 
-var _chunkTRVU37HAcjs = require('./chunk-TRVU37HA.cjs');
+var _chunk3KX4AU6Jcjs = require('./chunk-3KX4AU6J.cjs');
 
 
-var _chunkZBJ5SGHGcjs = require('./chunk-ZBJ5SGHG.cjs');
+var _chunkJPVQC3NYcjs = require('./chunk-JPVQC3NY.cjs');
 
 
-var _chunkYIAN5J2Dcjs = require('./chunk-YIAN5J2D.cjs');
+var _chunk4NC6INKXcjs = require('./chunk-4NC6INKX.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 = _chunkEQ6PZHMTcjs.setDefaultReactNodesTypography.call(void 0, contentProp, {
+  const nodesWithTypography = _chunkPTLLFSPXcjs.setDefaultReactNodesTypography.call(void 0, contentProp, {
     default: defaultTypography
   });
-  const content = _chunkVT3J6XBJcjs.toReactNodes.call(void 0, nodesWithTypography);
+  const content = _chunkMKQVFO6Lcjs.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, 
-      _chunkTRVU37HAcjs.Icon,
+      _chunk3KX4AU6Jcjs.Icon,
       {
         name: icon.name,
         width: 20,
@@ -51,7 +51,7 @@ function Badge({
 var badgeSmVPadding = 2;
 var badgeSmHPadding = 6;
 var StyledBadge = _styled2.default.div`
-  ${({ size }) => _chunkZBJ5SGHGcjs.standardBorderRadius.call(void 0, size === "sm" ? 4 : 12)}
+  ${({ size }) => _chunkJPVQC3NYcjs.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 _chunkYIAN5J2Dcjs.getColor.call(void 0, theme, "red42a10");
+    return _chunk4NC6INKXcjs.getColor.call(void 0, theme, "red42a10");
   } else if (kind === "success") {
-    return _chunkYIAN5J2Dcjs.getColor.call(void 0, theme, "success");
+    return _chunk4NC6INKXcjs.getColor.call(void 0, theme, "success");
   } else {
-    return _chunkYIAN5J2Dcjs.getColor.call(void 0, theme, theme.badge.bg);
+    return _chunk4NC6INKXcjs.getColor.call(void 0, theme, theme.badge.bg);
   }
 }};
 `;

package/dist/{chunk-WSGCRJQT.js → chunk-EGKJJ3HO.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-YW4BJCOL.js";
 import {
   applyTypography
-} from "./chunk-SZADZZW3.js";
+} from "./chunk-2C6JCHWU.js";
 import {
   __objRest,
   __spreadProps,

package/dist/{chunk-H2ALRQN4.js → chunk-EJZ7JBMZ.js}

@@ -1,7 +1,7 @@
 import {
   firstChild,
   pxToRems
-} from "./chunk-Q3MTVY74.js";
+} from "./chunk-KQ4LSNOH.js";
 import {
   bp
 } from "./chunk-JSGRNWSB.js";

package/dist/{chunk-HD7PNWIS.js → chunk-ER7MXAA4.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-YW4BJCOL.js";
 import {
   applyTypography
-} from "./chunk-SZADZZW3.js";
+} from "./chunk-2C6JCHWU.js";
 import {
   __objRest,
   __spreadProps,

package/dist/{chunk-OGO5ZMAI.js → chunk-ERKHCYVF.js}

@@ -1,18 +1,18 @@
 import {
   setDefaultReactNodesTypography
-} from "./chunk-TYGUATM2.js";
+} from "./chunk-IUL4O2X4.js";
 import {
   toReactNodes
-} from "./chunk-BQEN763M.js";
+} from "./chunk-QM373UWV.js";
 import {
   Icon
-} from "./chunk-ZSZGVHHS.js";
+} from "./chunk-JFKPUTCA.js";
 import {
   standardBorderRadius
-} from "./chunk-ZD2DY4VO.js";
+} from "./chunk-CGK72IUW.js";
 import {
   getColor
-} from "./chunk-CQKSDNQF.js";
+} from "./chunk-5NZ22GSE.js";
 
 // src/components/Badge.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-YN5274BG.js → chunk-EXE7L6K4.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-YW4BJCOL.js";
 import {
   applyTypography
-} from "./chunk-SZADZZW3.js";
+} from "./chunk-2C6JCHWU.js";
 import {
   __objRest,
   __spreadProps,

package/dist/{chunk-K75CX7CY.cjs → chunk-EZHADRU2.cjs}

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunk7M62SDCKcjs = require('./chunk-7M62SDCK.cjs');
+var _chunk4NOTKSI7cjs = require('./chunk-4NOTKSI7.cjs');
 
 
-var _chunk37YZPWMFcjs = require('./chunk-37YZPWMF.cjs');
+var _chunkLHCUWKWLcjs = require('./chunk-LHCUWKWL.cjs');
 
 
 
@@ -22,8 +22,8 @@ var BooleanFilter = ({
   state,
   label
 }) => {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7M62SDCKcjs.Filter, { label, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunk37YZPWMFcjs.Radio,
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4NOTKSI7cjs.Filter, { label, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunkLHCUWKWLcjs.Radio,
     {
       radioOptions: [
         { label: "Yes" /* YES */ },

package/dist/{chunk-JTUJAZH3.js → chunk-F56GRF4Y.js}

@@ -1,15 +1,15 @@
 import {
   absoluteCenter
-} from "./chunk-Q3MTVY74.js";
+} from "./chunk-KQ4LSNOH.js";
 import {
   Icon
-} from "./chunk-ZSZGVHHS.js";
+} from "./chunk-JFKPUTCA.js";
 import {
   standardBorderRadius
-} from "./chunk-ZD2DY4VO.js";
+} from "./chunk-CGK72IUW.js";
 import {
   getColor
-} from "./chunk-CQKSDNQF.js";
+} from "./chunk-5NZ22GSE.js";
 import {
   colors
 } from "./chunk-DDUDWE23.js";

package/dist/{chunk-CCO72ORJ.cjs → chunk-FKNCDY3Z.cjs}

@@ -3,13 +3,13 @@
 var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
 
 
-var _chunkSRAWECJ4cjs = require('./chunk-SRAWECJ4.cjs');
+var _chunkWOQGGHYScjs = require('./chunk-WOQGGHYS.cjs');
 
 
-var _chunkTRVU37HAcjs = require('./chunk-TRVU37HA.cjs');
+var _chunk3KX4AU6Jcjs = require('./chunk-3KX4AU6J.cjs');
 
 
-var _chunkZBJ5SGHGcjs = require('./chunk-ZBJ5SGHG.cjs');
+var _chunkJPVQC3NYcjs = require('./chunk-JPVQC3NY.cjs');
 
 // src/components/Collapsible.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -54,7 +54,7 @@ function Collapsible({
         {
           isOpen,
           useCustomIcon: openIcon !== void 0 && closeIcon !== void 0,
-          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTRVU37HAcjs.Icon, { width: iconWidth, name: iconName })
+          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3KX4AU6Jcjs.Icon, { width: iconWidth, name: iconName })
         }
       )
     ] }),
@@ -73,7 +73,7 @@ var StyledCollapsibleButton = _styled2.default.button`
   background: none;
   border: none;
   cursor: pointer;
-  ${_chunkZBJ5SGHGcjs.standardBorderRadius.call(void 0, 8)}
+  ${_chunkJPVQC3NYcjs.standardBorderRadius.call(void 0, 8)}
   padding: 0;
 `;
 var IconContainer = _styled2.default.div`
@@ -95,7 +95,7 @@ var CollapsingContainer = _styled2.default.div`
   ${(props) => props.isOpen ? `height: 100%; animation-name: fadeIn;` : `height: 0; animation-name: fadeOut;`}
   ${(props) => props.full ? `height: ${props.isOpen ? "100vh" : 0};` : ""}
 
-  ${_chunkSRAWECJ4cjs.overflowAutoWithoutScrollbars}
+  ${_chunkWOQGGHYScjs.overflowAutoWithoutScrollbars}
 
   @keyframes fadeIn {
     from {

package/dist/{chunk-LDIVRNOB.js → chunk-FVZAWCPT.js}

@@ -1,37 +1,37 @@
 import {
   StyledContentTable
-} from "./chunk-UYNHR6D3.js";
+} from "./chunk-KIXG4WKK.js";
 import {
   Spacing
 } from "./chunk-E5DUKMCU.js";
 import {
   overflowAutoWithoutScrollbars
-} from "./chunk-Q3MTVY74.js";
+} from "./chunk-KQ4LSNOH.js";
 import {
   standardBorderRadius
-} from "./chunk-ZD2DY4VO.js";
+} from "./chunk-CGK72IUW.js";
+import {
+  displaySelector
+} from "./chunk-RK3BVLBP.js";
 import {
   StyledTitle
-} from "./chunk-WSGCRJQT.js";
+} from "./chunk-EGKJJ3HO.js";
 import {
   StyledCode
-} from "./chunk-YN5274BG.js";
-import {
-  displaySelector
-} from "./chunk-JF4EKJHX.js";
+} from "./chunk-EXE7L6K4.js";
 import {
   StyledBody
-} from "./chunk-HD7PNWIS.js";
+} from "./chunk-ER7MXAA4.js";
 import {
   ALL_HEADLINE_SELECTORS,
   headlineSelector
-} from "./chunk-EDBAABPQ.js";
+} from "./chunk-OEBVENWE.js";
 import {
   select
 } from "./chunk-YMNSXZ5D.js";
 import {
   getTypographyString
-} from "./chunk-J3TUZRIL.js";
+} from "./chunk-DG7KBY6O.js";
 import {
   colors
 } from "./chunk-DDUDWE23.js";

package/dist/{chunk-MUQNW4XB.js → chunk-FY3CBRJO.js}

@@ -1,10 +1,10 @@
 import {
   toReactNodes
-} from "./chunk-BQEN763M.js";
+} from "./chunk-QM373UWV.js";
 import {
   StyledBody,
   getPropDefaults
-} from "./chunk-HD7PNWIS.js";
+} from "./chunk-ER7MXAA4.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/{chunk-A5422TL5.js → chunk-GF5WIJNC.js}

@@ -1,25 +1,25 @@
 import {
   TextInput
-} from "./chunk-ABPBF6Q3.js";
-import {
-  Pill
-} from "./chunk-GDAJTPWM.js";
+} from "./chunk-ZMWRX6F3.js";
 import {
   InputSubtext,
   inputBlockStyle
-} from "./chunk-6VB5CUJJ.js";
+} from "./chunk-W7UBYHH4.js";
+import {
+  Pill
+} from "./chunk-7446HLUG.js";
+import {
+  useClipboard
+} from "./chunk-QHODHUW2.js";
 import {
   UnstyledButton
-} from "./chunk-3ZO5BP6W.js";
+} from "./chunk-LAYWVYBF.js";
 import {
   Icon
-} from "./chunk-ZSZGVHHS.js";
+} from "./chunk-JFKPUTCA.js";
 import {
   useBreakpoints
 } from "./chunk-JSGRNWSB.js";
-import {
-  useClipboard
-} from "./chunk-QHODHUW2.js";
 import {
   __async
 } from "./chunk-W7FAWX6T.js";

package/dist/{chunk-CPH4WSLH.js → chunk-GOHN32QB.js}

@@ -1,10 +1,10 @@
 import {
   toReactNodes
-} from "./chunk-BQEN763M.js";
+} from "./chunk-QM373UWV.js";
 import {
   StyledBodyStrong,
   getPropDefaults
-} from "./chunk-IHVWNXDR.js";
+} from "./chunk-N33URDIV.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/{chunk-4PJCAUTR.js → chunk-GRQLEMZ4.js}

@@ -1,15 +1,15 @@
 import {
   CopyToClipboardButton
-} from "./chunk-YCV4BBJW.js";
+} from "./chunk-NTL4YTDH.js";
 import {
   overflowAutoWithoutScrollbars
-} from "./chunk-Q3MTVY74.js";
+} from "./chunk-KQ4LSNOH.js";
 import {
   standardBorderRadius
-} from "./chunk-ZD2DY4VO.js";
+} from "./chunk-CGK72IUW.js";
 import {
   themeOr
-} from "./chunk-CQKSDNQF.js";
+} from "./chunk-5NZ22GSE.js";
 import {
   colors
 } from "./chunk-DDUDWE23.js";

package/dist/{chunk-NCM5HYV3.cjs → chunk-GSJQ4GYX.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkSRAWECJ4cjs = require('./chunk-SRAWECJ4.cjs');
+var _chunkWOQGGHYScjs = require('./chunk-WOQGGHYS.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 }) => _chunkSRAWECJ4cjs.pxToRems.call(void 0, size)};
+  font-size: ${({ size }) => _chunkWOQGGHYScjs.pxToRems.call(void 0, size)};
   font-weight: ${({ fontWeight }) => fontWeight};
 `;
 

package/dist/{chunk-OL5J5J7F.cjs → chunk-GSPF2RXK.cjs}

@@ -9,7 +9,7 @@ var _chunkB2MHM6CYcjs = require('./chunk-B2MHM6CY.cjs');
 var _chunk6VA4SAHQcjs = require('./chunk-6VA4SAHQ.cjs');
 
 
-var _chunkCLCU75BPcjs = require('./chunk-CLCU75BP.cjs');
+var _chunkMIEMA7HOcjs = require('./chunk-MIEMA7HO.cjs');
 
 
 
@@ -28,7 +28,7 @@ function getPropDefaults(props) {
   return _chunkSFGLEWHWcjs.getPropDefaultsBase.call(void 0, props, { as: props.heading || "h1" });
 }
 var StyledHeadline = _styled2.default.span`
-  ${({ theme, size, colorProp }) => _chunkCLCU75BPcjs.applyTypography.call(void 0, theme, "Headline", size, colorProp)}
+  ${({ theme, size, colorProp }) => _chunkMIEMA7HOcjs.applyTypography.call(void 0, theme, "Headline", size, colorProp)}
   ${_chunkB2MHM6CYcjs.typographyStyles}
 `;
 function headlineSelector(heading) {

package/dist/{chunk-4FWBLOAU.cjs → chunk-HAA6KFGN.cjs}

@@ -1,15 +1,15 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkSLTSSCKDcjs = require('./chunk-SLTSSCKD.cjs');
+var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
 
 
-var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
+var _chunkWOQGGHYScjs = require('./chunk-WOQGGHYS.cjs');
 
 
-var _chunkSRAWECJ4cjs = require('./chunk-SRAWECJ4.cjs');
+var _chunkXZO7WVZPcjs = require('./chunk-XZO7WVZP.cjs');
 
 
-var _chunkZBJ5SGHGcjs = require('./chunk-ZBJ5SGHG.cjs');
+var _chunkJPVQC3NYcjs = require('./chunk-JPVQC3NY.cjs');
 
 
 var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
@@ -36,7 +36,7 @@ function ButtonRow({
       bottomBorder,
       ml,
       children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledButtonRowButton, { className, children: buttons.map(
-        (button, idx) => button === "divider" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ButtonRowDivider, {}, idx) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSLTSSCKDcjs.Button, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, button), idx)
+        (button, idx) => button === "divider" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ButtonRowDivider, {}, idx) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXZO7WVZPcjs.Button, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, button), idx)
       ) })
     }
   );
@@ -52,9 +52,9 @@ var StyledButtonRow = _styled2.default.div`
             position: sticky;
             top: ${headerHeight}px;
             margin-top: 24px;
-            margin-left: -${_chunkZBJ5SGHGcjs.standardContentInset.smPx}px;
-            width: calc(100% + ${_chunkZBJ5SGHGcjs.standardContentInset.smPx * 2}px);
-            max-width: calc(100% + ${_chunkZBJ5SGHGcjs.standardContentInset.smPx * 2}px);
+            margin-left: -${_chunkJPVQC3NYcjs.standardContentInset.smPx}px;
+            width: calc(100% + ${_chunkJPVQC3NYcjs.standardContentInset.smPx * 2}px);
+            max-width: calc(100% + ${_chunkJPVQC3NYcjs.standardContentInset.smPx * 2}px);
             z-index: 2;` : `position: relative;`}
         ${bottomBorder ? `
             &:before {
@@ -78,7 +78,7 @@ var ButtonRowDivider = _styled2.default.div`
   padding-left: 16px;
 `;
 var StyledButtonRowButton = _styled2.default.div`
-  ${_chunkSRAWECJ4cjs.overflowAutoWithoutScrollbars}
+  ${_chunkWOQGGHYScjs.overflowAutoWithoutScrollbars}
   background: ${({ theme }) => theme.bg};
   display: flex;
   position: relative;
@@ -91,7 +91,7 @@ var StyledButtonRowButton = _styled2.default.div`
   }
 
   ${_chunkKW3JYLRIcjs.bp.sm(`
-    padding: ${_chunkZBJ5SGHGcjs.standardContentInset.smPx}px;
+    padding: ${_chunkJPVQC3NYcjs.standardContentInset.smPx}px;
   `)}
 `;
 

package/dist/{chunk-GFAPK2FE.cjs → chunk-HG3DMZQL.cjs}

@@ -6,7 +6,7 @@ var _chunkSFGLEWHWcjs = require('./chunk-SFGLEWHW.cjs');
 var _chunkB2MHM6CYcjs = require('./chunk-B2MHM6CY.cjs');
 
 
-var _chunkCLCU75BPcjs = require('./chunk-CLCU75BP.cjs');
+var _chunkMIEMA7HOcjs = require('./chunk-MIEMA7HO.cjs');
 
 
 
@@ -24,7 +24,7 @@ function getPropDefaults(props) {
   return _chunkSFGLEWHWcjs.getPropDefaultsBase.call(void 0, props, { as: props.tag || "span" });
 }
 var StyledBodyStrong = _styled2.default.span`
-  ${({ theme, size, colorProp }) => _chunkCLCU75BPcjs.applyTypography.call(void 0, theme, "Body Strong", size, colorProp)}
+  ${({ theme, size, colorProp }) => _chunkMIEMA7HOcjs.applyTypography.call(void 0, theme, "Body Strong", size, colorProp)}
   ${_chunkB2MHM6CYcjs.typographyStyles}
 `;
 

package/dist/{chunk-QYXDIEKT.cjs → chunk-HGTZATB7.cjs}

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkVT3J6XBJcjs = require('./chunk-VT3J6XBJ.cjs');
+var _chunkMKQVFO6Lcjs = require('./chunk-MKQVFO6L.cjs');
 
 
 
-var _chunkPNDMUZ5Fcjs = require('./chunk-PNDMUZ5F.cjs');
+var _chunkL26VPLJJcjs = require('./chunk-L26VPLJJ.cjs');
 
 
 
@@ -13,12 +13,12 @@ var _chunkZ6EUSUADcjs = require('./chunk-Z6EUSUAD.cjs');
 // src/components/typography/Overline.tsx
 var _jsxruntime = require('@emotion/react/jsx-runtime');
 function Overline(props) {
-  const propsWithDefaults = _chunkPNDMUZ5Fcjs.getPropDefaults.call(void 0, props);
+  const propsWithDefaults = _chunkL26VPLJJcjs.getPropDefaults.call(void 0, props);
   let reactNodes = props.children || null;
   if (props.content) {
-    reactNodes = _chunkVT3J6XBJcjs.toReactNodes.call(void 0, props.content);
+    reactNodes = _chunkMKQVFO6Lcjs.toReactNodes.call(void 0, props.content);
   }
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPNDMUZ5Fcjs.StyledOverline, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, propsWithDefaults), { children: reactNodes }));
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkL26VPLJJcjs.StyledOverline, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, propsWithDefaults), { children: reactNodes }));
 }
 
 

package/dist/{chunk-WHWGAZWV.js → chunk-HVE3RY6J.js}

@@ -1,9 +1,9 @@
-import {
-  TextInput
-} from "./chunk-ABPBF6Q3.js";
 import {
   useNumberInput
-} from "./chunk-43MZQA56.js";
+} from "./chunk-T6Q43UMB.js";
+import {
+  TextInput
+} from "./chunk-ZMWRX6F3.js";
 import {
   __objRest,
   __spreadProps,