@lightsparkdev/ui 1.0.12 → 1.0.14

package/dist/{chunk-YFRUEGET.cjs → chunk-SL5VIBXU.cjs}

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkBI43T24Bcjs = require('./chunk-BI43T24B.cjs');
+var _chunk5Y5GUICOcjs = require('./chunk-5Y5GUICO.cjs');
 
 
-var _chunkKYPG23A5cjs = require('./chunk-KYPG23A5.cjs');
+var _chunkOZ6V4UJ3cjs = require('./chunk-OZ6V4UJ3.cjs');
 
 
-var _chunkHCOW6636cjs = require('./chunk-HCOW6636.cjs');
+var _chunkF6XEXDWUcjs = require('./chunk-F6XEXDWU.cjs');
 
 
 
@@ -21,11 +21,11 @@ function BodyString(props) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledBody, _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, rest), { children }));
 }
 function getPropDefaults(props) {
-  return _chunkBI43T24Bcjs.getPropDefaultsBase.call(void 0, props, { as: props.tag || "span" });
+  return _chunk5Y5GUICOcjs.getPropDefaultsBase.call(void 0, props, { as: props.tag || "span" });
 }
 var StyledBody = _styled2.default.span`
-  ${({ theme, size, colorProp }) => _chunkHCOW6636cjs.applyTypography.call(void 0, theme, "Body", size, colorProp)}
-  ${_chunkKYPG23A5cjs.typographyStyles}
+  ${({ theme, size, colorProp }) => _chunkF6XEXDWUcjs.applyTypography.call(void 0, theme, "Body", size, colorProp)}
+  ${_chunkOZ6V4UJ3cjs.typographyStyles}
 `;
 
 

package/dist/{chunk-F22X3YUD.cjs → chunk-SLDZQZJX.cjs}

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkCBPXRCT4cjs = require('./chunk-CBPXRCT4.cjs');
+var _chunkKTXJ54RRcjs = require('./chunk-KTXJ54RR.cjs');
 
 
 
-var _chunkULIKCHGYcjs = require('./chunk-ULIKCHGY.cjs');
+var _chunkSKFWIFQWcjs = require('./chunk-SKFWIFQW.cjs');
 
 
 
@@ -13,12 +13,12 @@ var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
 // src/components/typography/Title.tsx
 var _jsxruntime = require('@emotion/react/jsx-runtime');
 function Title(props) {
-  const propsWithDefaults = _chunkULIKCHGYcjs.getPropDefaults.call(void 0, props);
+  const propsWithDefaults = _chunkSKFWIFQWcjs.getPropDefaults.call(void 0, props);
   let reactNodes = props.children || null;
   if (props.content) {
-    reactNodes = _chunkCBPXRCT4cjs.toReactNodes.call(void 0, props.content);
+    reactNodes = _chunkKTXJ54RRcjs.toReactNodes.call(void 0, props.content);
   }
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkULIKCHGYcjs.StyledTitle, _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, propsWithDefaults), { children: reactNodes }));
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSKFWIFQWcjs.StyledTitle, _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, propsWithDefaults), { children: reactNodes }));
 }
 
 

package/dist/{chunk-PWLKDT2K.js → chunk-SPIRL6S7.js}

@@ -1,9 +1,9 @@
 import {
   setDefaultReactNodesTypography
-} from "./chunk-RT7X3ZOO.js";
+} from "./chunk-6GJZZ2PX.js";
 import {
   toReactNodes
-} from "./chunk-SOGADTSR.js";
+} from "./chunk-3NZOR3KT.js";
 
 // src/components/Checkbox.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-TANQHQ2I.js → chunk-TBGADBO7.js}

@@ -1,12 +1,12 @@
 import {
   getPropDefaultsBase
-} from "./chunk-XJ3UGTYC.js";
+} from "./chunk-76FQY6HX.js";
 import {
   typographyStyles
-} from "./chunk-FKTI5NUC.js";
+} from "./chunk-BU6N4DJ3.js";
 import {
   applyTypography
-} from "./chunk-XTOBN7SG.js";
+} from "./chunk-XBZNPA3L.js";
 import {
   __objRest,
   __spreadProps,

package/dist/{chunk-ASI7Y3M5.js → chunk-TLG5FZQY.js}

@@ -1,9 +1,9 @@
 import {
   Icon
-} from "./chunk-OFZVJPBJ.js";
+} from "./chunk-RMZQSXO2.js";
 import {
   renderTypography
-} from "./chunk-OUVY3GFY.js";
+} from "./chunk-EFEPUABF.js";
 
 // src/components/CurrencyAmount.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-L6V3S6ZA.js → chunk-TSIPKEXK.js}

@@ -1,6 +1,6 @@
 import {
   StatusIndicator
-} from "./chunk-4NYJ4H6P.js";
+} from "./chunk-2TOLXFJU.js";
 import {
   z
 } from "./chunk-55OQPFLF.js";

package/dist/{chunk-OPQ3OYOA.js → chunk-TTOEZCKH.js}

@@ -1,13 +1,13 @@
 import {
   Pill
-} from "./chunk-53EV2WQY.js";
+} from "./chunk-OYZBOVOL.js";
 import {
   InputSubtext,
   inputBlockStyle
-} from "./chunk-IAGH4CKJ.js";
+} from "./chunk-GEE2G7BL.js";
 import {
   Icon
-} from "./chunk-OFZVJPBJ.js";
+} from "./chunk-RMZQSXO2.js";
 
 // src/components/FileInput.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-KX3LU3EN.cjs → chunk-TYOYK7LF.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkGLSWZ36Ycjs = require('./chunk-GLSWZ36Y.cjs');
+var _chunkOEJWIKG7cjs = require('./chunk-OEJWIKG7.cjs');
 
 
 
@@ -14,7 +14,7 @@ function SecretInput(_a) {
   var rest = _chunkYM5JDZDQcjs.__objRest.call(void 0, _a, []);
   const [showSecret, setShowSecret] = _react.useState.call(void 0, false);
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkGLSWZ36Ycjs.TextInput,
+    _chunkOEJWIKG7cjs.TextInput,
     _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, rest), {
       type: showSecret ? void 0 : "password",
       onClickIcon: () => setShowSecret(!showSecret),

package/dist/{chunk-JDWL6PDJ.cjs → chunk-U6CIT7U5.cjs}

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkGMVP3EYXcjs = require('./chunk-GMVP3EYX.cjs');
+var _chunkXRNCL5CAcjs = require('./chunk-XRNCL5CA.cjs');
 
 
-var _chunkC6XJ7ZJFcjs = require('./chunk-C6XJ7ZJF.cjs');
+var _chunkCUOCAP4Wcjs = require('./chunk-CUOCAP4W.cjs');
 
 
 var _chunkJBCEOOZScjs = require('./chunk-JBCEOOZS.cjs');
@@ -47,7 +47,7 @@ function Toggle({
 var width = 44;
 var circleDim = 20;
 var circleOffset = 2;
-var ToggleButton = _styled2.default.call(void 0, _chunkGMVP3EYXcjs.UnstyledButton)`
+var ToggleButton = _styled2.default.call(void 0, _chunkXRNCL5CAcjs.UnstyledButton)`
   color: ${_chunkJBCEOOZScjs.colors.white};
   font-weight: 500;
   border-radius: 44px;
@@ -60,7 +60,7 @@ var ToggleButton = _styled2.default.call(void 0, _chunkGMVP3EYXcjs.UnstyledButto
   } else if (isOn) {
     return theme.success;
   }
-  return _chunkC6XJ7ZJFcjs.themeOr.call(void 0, theme.c1Neutral, theme.c4Neutral)({ theme });
+  return _chunkCUOCAP4Wcjs.themeOr.call(void 0, theme.c1Neutral, theme.c4Neutral)({ theme });
 }};
   position: relative;
   &:after {

package/dist/{chunk-HXNEBHAR.js → chunk-U6IOG5DK.js}

@@ -1,9 +1,9 @@
 import {
   standardBorderRadius
-} from "./chunk-4H7CTVLY.js";
+} from "./chunk-RNCUEVKR.js";
 import {
   themeOr
-} from "./chunk-HCKCJR5Y.js";
+} from "./chunk-QNPCRFUV.js";
 
 // src/components/ProgressBar.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-C6GQCKNT.cjs → chunk-UAMMPMCP.cjs}

@@ -8,7 +8,11 @@ function Flex({
   column = false,
   children,
   onClick,
-  as = "div"
+  as = "div",
+  overflow,
+  whiteSpace,
+  mr,
+  ml
 }) {
   const justify = justifyProp ? justifyProp : center ? "center" : "flex-start";
   const align = alignProp ? alignProp : center ? "center" : "flex-start";
@@ -21,17 +25,26 @@ function Flex({
       as,
       onClick,
       cursorProp: onClick ? "pointer" : "unset",
+      overflowProp: overflow,
+      whiteSpace,
+      mr,
+      ml,
       children
     }
   );
 }
 var StyledFlex = _styled2.default.div`
   display: flex;
+  text-overflow: ellipsis;
 
   ${({ column }) => column && `flex-direction: column;`}
   ${({ justify }) => `justify-content: ${justify};`}
   ${({ align }) => `align-items: ${align};`}
   ${({ cursorProp }) => `cursor: ${cursorProp};`}
+  ${({ overflowProp }) => overflowProp ? `overflow: ${overflowProp}; max-width: 100%;` : ""}
+  ${({ whiteSpace }) => whiteSpace ? `white-space: ${whiteSpace};` : ""}
+  ${({ mr }) => mr ? `margin-right: ${typeof mr === "number" ? `${mr}px` : mr};` : ""}
+  ${({ ml }) => ml ? `margin-left: ${typeof ml === "number" ? `${ml}px` : ml};` : ""}
 `;
 
 

package/dist/{chunk-MSP3QRA4.js → chunk-UGLDWKDQ.js}

@@ -2,11 +2,11 @@ import {
   standardBorderRadius,
   standardCardShadow,
   standardContentInset
-} from "./chunk-4H7CTVLY.js";
+} from "./chunk-RNCUEVKR.js";
 import {
   isDark,
   themeOr
-} from "./chunk-HCKCJR5Y.js";
+} from "./chunk-QNPCRFUV.js";
 
 // src/components/Table/TableEmptyState.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-IJUGHSUV.cjs → chunk-UJJGQNGE.cjs}

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkCBPXRCT4cjs = require('./chunk-CBPXRCT4.cjs');
+var _chunkKTXJ54RRcjs = require('./chunk-KTXJ54RR.cjs');
 
 
 
-var _chunkTPTRQKV2cjs = require('./chunk-TPTRQKV2.cjs');
+var _chunkJ5AZWLJZcjs = require('./chunk-J5AZWLJZ.cjs');
 
 
 
@@ -13,12 +13,12 @@ var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
 // src/components/typography/LabelStrong.tsx
 var _jsxruntime = require('@emotion/react/jsx-runtime');
 function LabelStrong(props) {
-  const propsWithDefaults = _chunkTPTRQKV2cjs.getPropDefaults.call(void 0, props);
+  const propsWithDefaults = _chunkJ5AZWLJZcjs.getPropDefaults.call(void 0, props);
   let reactNodes = props.children || null;
   if (props.content) {
-    reactNodes = _chunkCBPXRCT4cjs.toReactNodes.call(void 0, props.content);
+    reactNodes = _chunkKTXJ54RRcjs.toReactNodes.call(void 0, props.content);
   }
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTPTRQKV2cjs.StyledLabelStrong, _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, propsWithDefaults), { children: reactNodes }));
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJ5AZWLJZcjs.StyledLabelStrong, _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, propsWithDefaults), { children: reactNodes }));
 }
 
 

package/dist/{chunk-HRNYKB2C.js → chunk-UNZTDJ63.js}

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

package/dist/{chunk-KFFGSG6N.js → chunk-UP5BXY7S.js}

@@ -3,19 +3,19 @@ import {
 } from "./chunk-E5DUKMCU.js";
 import {
   Button
-} from "./chunk-WUPMVX4G.js";
+} from "./chunk-4EXNT44R.js";
 import {
   UnstyledButton
-} from "./chunk-HGKK6OQJ.js";
+} from "./chunk-I5WDNJY3.js";
 import {
   z
 } from "./chunk-55OQPFLF.js";
 import {
   Icon
-} from "./chunk-OFZVJPBJ.js";
+} from "./chunk-RMZQSXO2.js";
 import {
   standardFocusOutline
-} from "./chunk-4H7CTVLY.js";
+} from "./chunk-RNCUEVKR.js";
 import {
   colors
 } from "./chunk-HO7LVJ3R.js";

package/dist/{chunk-W7JGP24B.cjs → chunk-US257WB2.cjs}

@@ -1,13 +1,13 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkFTTZSNVVcjs = require('./chunk-FTTZSNVV.cjs');
+var _chunkF4XOUFVScjs = require('./chunk-F4XOUFVS.cjs');
 
 
 
-var _chunkLQ7N5FRYcjs = require('./chunk-LQ7N5FRY.cjs');
+var _chunk3QEUCAATcjs = require('./chunk-3QEUCAAT.cjs');
 
 
-var _chunkRROZ5XYPcjs = require('./chunk-RROZ5XYP.cjs');
+var _chunkZFJVBBROcjs = require('./chunk-ZFJVBBRO.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, 
-        _chunkFTTZSNVVcjs.Pill,
+        _chunkF4XOUFVScjs.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, _chunkRROZ5XYPcjs.Icon, { name: "Upload", width: 26, tutorialStep: 6 }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZFJVBBROcjs.Icon, { name: "Upload", width: 26, tutorialStep: 6 }),
         "Upload ",
         filePurpose || "",
         " file"
@@ -82,7 +82,7 @@ function FileInput({
         }
       )
     ] }),
-    fileErrorMsg ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLQ7N5FRYcjs.InputSubtext, { text: fileErrorMsg, hasError: true }) : null
+    fileErrorMsg ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3QEUCAATcjs.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 }) => _chunkLQ7N5FRYcjs.inputBlockStyle.call(void 0, { theme, hasValue: hasValidFileSet, hasError: false })}
+    ${({ theme, hasValidFileSet }) => _chunk3QEUCAATcjs.inputBlockStyle.call(void 0, { theme, hasValue: hasValidFileSet, hasError: false })}
   }
 `;
 

package/dist/{chunk-PVEDEZJZ.js → chunk-UUKJNNJ5.js}

@@ -1,6 +1,6 @@
 import {
   renderTypography
-} from "./chunk-OUVY3GFY.js";
+} from "./chunk-EFEPUABF.js";
 import {
   isString
 } from "./chunk-EDN2QDCB.js";

package/dist/{chunk-M4345TMD.js → chunk-V7N6QTGN.js}

@@ -1,9 +1,9 @@
 import {
   absoluteCenter
-} from "./chunk-AV62WHL7.js";
+} from "./chunk-A4MP3LYH.js";
 import {
   Icon
-} from "./chunk-OFZVJPBJ.js";
+} from "./chunk-RMZQSXO2.js";
 import {
   colors
 } from "./chunk-HO7LVJ3R.js";
@@ -64,7 +64,7 @@ function QRCode({
         isCentered,
         border,
         animated,
-        children: /* @__PURE__ */ jsx(Icon, { name: "LogoOnCircle", width: 30 })
+        children: /* @__PURE__ */ jsx(Icon, { name: "LogoOnCircle", width: 30, ml: "auto", mr: "auto" })
       }
     ) }) }),
     children

package/dist/{chunk-ZDKHSLBB.js → chunk-VCZVUR2T.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-5KSG5D3I.js";
 import {
   TextInput
-} from "./chunk-4RHUIDWO.js";
+} from "./chunk-M5VGKEOK.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/{chunk-LTAR34WV.cjs → chunk-VGAI5SFR.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkLQ7N5FRYcjs = require('./chunk-LQ7N5FRY.cjs');
+var _chunk3QEUCAATcjs = require('./chunk-3QEUCAAT.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, 
     `
-      ${_chunkLQ7N5FRYcjs.textInputStyle.call(void 0, {
+      ${_chunk3QEUCAATcjs.textInputStyle.call(void 0, {
       theme,
       disabled: Boolean(disabled),
       hasError: false

package/dist/{chunk-RYUBADKE.js → chunk-VGRW2DQS.js}

@@ -1,6 +1,6 @@
 import {
   icons_exports
-} from "./chunk-RNDP3523.js";
+} from "./chunk-AOQHDR27.js";
 import {
   __spreadValues
 } from "./chunk-CWMXXUWU.js";

package/dist/{chunk-ISJUDEVT.cjs → chunk-VHT3H5EZ.cjs}

@@ -9,16 +9,16 @@ var _chunk3JTH7BHIcjs = require('./chunk-3JTH7BHI.cjs');
 var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
-var _chunkCBPXRCT4cjs = require('./chunk-CBPXRCT4.cjs');
+var _chunkKTXJ54RRcjs = require('./chunk-KTXJ54RR.cjs');
 
 
-var _chunkRROZ5XYPcjs = require('./chunk-RROZ5XYP.cjs');
+var _chunkZFJVBBROcjs = require('./chunk-ZFJVBBRO.cjs');
 
 
-var _chunkRBWRQTGBcjs = require('./chunk-RBWRQTGB.cjs');
+var _chunk5YGED5IJcjs = require('./chunk-5YGED5IJ.cjs');
 
 
-var _chunkC6XJ7ZJFcjs = require('./chunk-C6XJ7ZJF.cjs');
+var _chunkCUOCAP4Wcjs = require('./chunk-CUOCAP4W.cjs');
 
 
 var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
@@ -62,11 +62,11 @@ function Banner({
   }, [onHeightChange, rect == null ? void 0 : rect.height]);
   let contentNode = null;
   if (content) {
-    const contentNodes = _chunkCBPXRCT4cjs.toReactNodes.call(void 0, content);
+    const contentNodes = _chunkKTXJ54RRcjs.toReactNodes.call(void 0, content);
     if (to) {
-      contentNode = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRBWRQTGBcjs.Link, { to, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, BannerFlexInnerContent, { children: [
+      contentNode = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5YGED5IJcjs.Link, { to, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, BannerFlexInnerContent, { children: [
         contentNodes,
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRROZ5XYPcjs.Icon, { name: "ArrowRight", width: 12, ml: 6 })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZFJVBBROcjs.Icon, { name: "ArrowRight", width: 12, ml: 6 })
       ] }) });
     } else {
       contentNode = contentNodes;
@@ -136,12 +136,12 @@ var StyledBanner = _styled2.default.div`
   z-index: ${_chunkZU72XWNEcjs.z.notificationBanner};
   color: ${_chunkJBCEOOZScjs.colors.white};
   font-weight: 500;
-  background-color: ${({ colorProp, theme }) => colorProp ? _chunkC6XJ7ZJFcjs.getColor.call(void 0, theme, colorProp) : "none"};
+  background-color: ${({ colorProp, theme }) => colorProp ? _chunkCUOCAP4Wcjs.getColor.call(void 0, theme, colorProp) : "none"};
   display: flex;
   justify-content: ${({ hasSideContent }) => hasSideContent ? "space-between" : "center"};
   align-items: center;
   padding: ${({ hPadding }) => `0 ${hPadding}px`};
-  ${({ borderColor, theme }) => borderColor ? `border-bottom: 1px solid ${_chunkC6XJ7ZJFcjs.getColor.call(void 0, theme, borderColor)};` : ""}
+  ${({ borderColor, theme }) => borderColor ? `border-bottom: 1px solid ${_chunkCUOCAP4Wcjs.getColor.call(void 0, theme, borderColor)};` : ""}
 
   ${({ borderProgress }) => {
   if (typeof borderProgress === "number") {

package/dist/{chunk-AJW2KEMX.cjs → chunk-VMCDM6SK.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }
 
-var _chunk3DZBJFI6cjs = require('./chunk-3DZBJFI6.cjs');
+var _chunkLVYTRVPJcjs = require('./chunk-LVYTRVPJ.cjs');
 
 
 var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
@@ -37,7 +37,7 @@ function NextLink({
   const InternalNextLink = NextLinkRef.current;
   let content = children;
   if (text) {
-    content = typography ? _chunk3DZBJFI6cjs.renderTypography.call(void 0, typography.type, {
+    content = typography ? _chunkLVYTRVPJcjs.renderTypography.call(void 0, typography.type, {
       size: typography.size,
       color: typography.color,
       children: text

package/dist/{chunk-IVR625TW.js → chunk-VOCZMBTP.js}

@@ -3,24 +3,24 @@ import {
 } from "./chunk-VQVEZVAG.js";
 import {
   UnstyledButton
-} from "./chunk-HGKK6OQJ.js";
+} from "./chunk-I5WDNJY3.js";
 import {
   z
 } from "./chunk-55OQPFLF.js";
 import {
   Icon
-} from "./chunk-OFZVJPBJ.js";
+} from "./chunk-RMZQSXO2.js";
 import {
   overlaySurface,
   standardBorderRadius,
   standardFocusOutline
-} from "./chunk-4H7CTVLY.js";
+} from "./chunk-RNCUEVKR.js";
 import {
   Link
-} from "./chunk-PVEDEZJZ.js";
+} from "./chunk-UUKJNNJ5.js";
 import {
   themeOr
-} from "./chunk-HCKCJR5Y.js";
+} from "./chunk-QNPCRFUV.js";
 import {
   bp
 } from "./chunk-JSGRNWSB.js";

package/dist/{chunk-MPLG4K2N.cjs → chunk-VT467EST.cjs}

@@ -4,10 +4,10 @@ var _chunkT7ZB3XF7cjs = require('./chunk-T7ZB3XF7.cjs');
 
 
 
-var _chunkSWQDRB3Acjs = require('./chunk-SWQDRB3A.cjs');
+var _chunkRUDXRW4Rcjs = require('./chunk-RUDXRW4R.cjs');
 
 
-var _chunkC6XJ7ZJFcjs = require('./chunk-C6XJ7ZJF.cjs');
+var _chunkCUOCAP4Wcjs = require('./chunk-CUOCAP4W.cjs');
 
 
 var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
@@ -23,6 +23,7 @@ var getFontImport = (theme) => {
     case "Inter":
       return `@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');`;
     case "Manrope":
+    case "Montserrat":
       return `@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");`;
     default:
       return "";
@@ -32,7 +33,7 @@ var globalComponentStyles = ({ theme }) => _react.css`
   ${getFontImport(theme)};
 
   html {
-    font-size: ${_chunkSWQDRB3Acjs.rootFontSizeRems}rem;
+    font-size: ${_chunkRUDXRW4Rcjs.rootFontSizeRems}rem;
     color: ${theme.text};
 
     /* required for iOS https://bit.ly/3Q8syG8 */
@@ -62,7 +63,7 @@ var globalComponentStyles = ({ theme }) => _react.css`
 
   * {
     box-sizing: border-box;
-    line-height: ${_chunkSWQDRB3Acjs.standardLineHeightEms}em;
+    line-height: ${_chunkRUDXRW4Rcjs.standardLineHeightEms}em;
   }
 
   code {
@@ -109,7 +110,7 @@ var globalComponentStyles = ({ theme }) => _react.css`
 `;
 function GlobalStyles() {
   const theme = _react.useTheme.call(void 0, );
-  const bg = _chunkC6XJ7ZJFcjs.useThemeBg.call(void 0, );
+  const bg = _chunkCUOCAP4Wcjs.useThemeBg.call(void 0, );
   _react3.useEffect.call(void 0, () => {
     const documentHeight = () => {
       const doc = document.documentElement;

package/dist/{chunk-UH6CSXBF.cjs → chunk-VUQD265N.cjs}

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkBI43T24Bcjs = require('./chunk-BI43T24B.cjs');
+var _chunk5Y5GUICOcjs = require('./chunk-5Y5GUICO.cjs');
 
 
-var _chunkKYPG23A5cjs = require('./chunk-KYPG23A5.cjs');
+var _chunkOZ6V4UJ3cjs = require('./chunk-OZ6V4UJ3.cjs');
 
 
-var _chunkHCOW6636cjs = require('./chunk-HCOW6636.cjs');
+var _chunkF6XEXDWUcjs = require('./chunk-F6XEXDWU.cjs');
 
 
 
@@ -21,11 +21,11 @@ function OverlineString(props) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledOverline, _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, rest), { children }));
 }
 function getPropDefaults(props) {
-  return _chunkBI43T24Bcjs.getPropDefaultsBase.call(void 0, props, { as: props.tag || "span" });
+  return _chunk5Y5GUICOcjs.getPropDefaultsBase.call(void 0, props, { as: props.tag || "span" });
 }
 var StyledOverline = _styled2.default.span`
-  ${({ theme, size, colorProp }) => _chunkHCOW6636cjs.applyTypography.call(void 0, theme, "Overline", size, colorProp)}
-  ${_chunkKYPG23A5cjs.typographyStyles}
+  ${({ theme, size, colorProp }) => _chunkF6XEXDWUcjs.applyTypography.call(void 0, theme, "Overline", size, colorProp)}
+  ${_chunkOZ6V4UJ3cjs.typographyStyles}
 `;