@lightsparkdev/ui 1.0.13 → 1.0.14

package/dist/{chunk-6SHQRZ3R.js → chunk-V7N6QTGN.js}

@@ -1,9 +1,9 @@
 import {
   absoluteCenter
-} from "./chunk-4ZUB5ENE.js";
+} from "./chunk-A4MP3LYH.js";
 import {
   Icon
-} from "./chunk-DV6LJQJW.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-KRBSW2BV.js → chunk-VCZVUR2T.js}

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

package/dist/{chunk-5ZYBL3NZ.cjs → chunk-VGAI5SFR.cjs}

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

package/dist/{chunk-6NTP7LPY.cjs → chunk-VHT3H5EZ.cjs}

@@ -9,16 +9,16 @@ var _chunk3JTH7BHIcjs = require('./chunk-3JTH7BHI.cjs');
 var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
-var _chunkSCLUBPNMcjs = require('./chunk-SCLUBPNM.cjs');
+var _chunkKTXJ54RRcjs = require('./chunk-KTXJ54RR.cjs');
 
 
-var _chunkORWZTMF2cjs = require('./chunk-ORWZTMF2.cjs');
+var _chunkZFJVBBROcjs = require('./chunk-ZFJVBBRO.cjs');
 
 
-var _chunkVUS3VIMScjs = require('./chunk-VUS3VIMS.cjs');
+var _chunk5YGED5IJcjs = require('./chunk-5YGED5IJ.cjs');
 
 
-var _chunk6DWDBCUJcjs = require('./chunk-6DWDBCUJ.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 = _chunkSCLUBPNMcjs.toReactNodes.call(void 0, content);
+    const contentNodes = _chunkKTXJ54RRcjs.toReactNodes.call(void 0, content);
     if (to) {
-      contentNode = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVUS3VIMScjs.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, _chunkORWZTMF2cjs.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 ? _chunk6DWDBCUJcjs.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 ${_chunk6DWDBCUJcjs.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-QSSB7724.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 _chunkAK6RCSDZcjs = require('./chunk-AK6RCSDZ.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 ? _chunkAK6RCSDZcjs.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-K3G4NMAH.js → chunk-VOCZMBTP.js}

@@ -3,24 +3,24 @@ import {
 } from "./chunk-VQVEZVAG.js";
 import {
   UnstyledButton
-} from "./chunk-ZP6BJB4X.js";
+} from "./chunk-I5WDNJY3.js";
 import {
   z
 } from "./chunk-55OQPFLF.js";
 import {
   Icon
-} from "./chunk-DV6LJQJW.js";
+} from "./chunk-RMZQSXO2.js";
 import {
   overlaySurface,
   standardBorderRadius,
   standardFocusOutline
-} from "./chunk-POGNK25N.js";
+} from "./chunk-RNCUEVKR.js";
 import {
   Link
-} from "./chunk-7VQUG3NG.js";
+} from "./chunk-UUKJNNJ5.js";
 import {
   themeOr
-} from "./chunk-N4C6SL6K.js";
+} from "./chunk-QNPCRFUV.js";
 import {
   bp
 } from "./chunk-JSGRNWSB.js";

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

@@ -4,10 +4,10 @@ var _chunkT7ZB3XF7cjs = require('./chunk-T7ZB3XF7.cjs');
 
 
 
-var _chunkD262WAOVcjs = require('./chunk-D262WAOV.cjs');
+var _chunkRUDXRW4Rcjs = require('./chunk-RUDXRW4R.cjs');
 
 
-var _chunk6DWDBCUJcjs = require('./chunk-6DWDBCUJ.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: ${_chunkD262WAOVcjs.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: ${_chunkD262WAOVcjs.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 = _chunk6DWDBCUJcjs.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-A2YT7NTW.cjs → chunk-VUQD265N.cjs}

@@ -3,10 +3,10 @@
 var _chunk5Y5GUICOcjs = require('./chunk-5Y5GUICO.cjs');
 
 
-var _chunkUBC75VRUcjs = require('./chunk-UBC75VRU.cjs');
+var _chunkOZ6V4UJ3cjs = require('./chunk-OZ6V4UJ3.cjs');
 
 
-var _chunkQK32JW3Ncjs = require('./chunk-QK32JW3N.cjs');
+var _chunkF6XEXDWUcjs = require('./chunk-F6XEXDWU.cjs');
 
 
 
@@ -24,8 +24,8 @@ function getPropDefaults(props) {
   return _chunk5Y5GUICOcjs.getPropDefaultsBase.call(void 0, props, { as: props.tag || "span" });
 }
 var StyledOverline = _styled2.default.span`
-  ${({ theme, size, colorProp }) => _chunkQK32JW3Ncjs.applyTypography.call(void 0, theme, "Overline", size, colorProp)}
-  ${_chunkUBC75VRUcjs.typographyStyles}
+  ${({ theme, size, colorProp }) => _chunkF6XEXDWUcjs.applyTypography.call(void 0, theme, "Overline", size, colorProp)}
+  ${_chunkOZ6V4UJ3cjs.typographyStyles}
 `;
 
 

package/dist/{chunk-PYIUJCOB.cjs → chunk-VZRQZIUV.cjs}

@@ -1,16 +1,16 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkZWH3ABG3cjs = require('./chunk-ZWH3ABG3.cjs');
+var _chunkNSUGNTKScjs = require('./chunk-NSUGNTKS.cjs');
 
 
-var _chunkSCLUBPNMcjs = require('./chunk-SCLUBPNM.cjs');
+var _chunkKTXJ54RRcjs = require('./chunk-KTXJ54RR.cjs');
 
 
 
-var _chunk6DWDBCUJcjs = require('./chunk-6DWDBCUJ.cjs');
+var _chunkCUOCAP4Wcjs = require('./chunk-CUOCAP4W.cjs');
 
 
-var _chunkSZKZWADNcjs = require('./chunk-SZKZWADN.cjs');
+var _chunkBP7JY5RTcjs = require('./chunk-BP7JY5RT.cjs');
 
 // src/components/PendingValue.tsx
 var _react = require('@emotion/react');
@@ -46,11 +46,11 @@ function PendingValue({
     currencyAmount: defaultTypography,
     clipboardTextField: defaultTypography
   };
-  const nodesWithTypography = _chunkZWH3ABG3cjs.setDefaultReactNodesTypography.call(void 0, 
+  const nodesWithTypography = _chunkNSUGNTKScjs.setDefaultReactNodesTypography.call(void 0, 
     contentProp,
     defaultTypographyMap
   );
-  const content = _chunkSCLUBPNMcjs.toReactNodes.call(void 0, nodesWithTypography);
+  const content = _chunkKTXJ54RRcjs.toReactNodes.call(void 0, nodesWithTypography);
   const contentNode = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     StyledPendingValueContent,
     {
@@ -83,11 +83,11 @@ function PendingValue({
     ),
     fullSizePending ? contentNode : null
   ] });
-  return forceTheme ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _react.ThemeProvider, { theme: _chunk6DWDBCUJcjs.themes[forceTheme], children: nodes }) : nodes;
+  return forceTheme ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _react.ThemeProvider, { theme: _chunkCUOCAP4Wcjs.themes[forceTheme], children: nodes }) : nodes;
 }
 var StyledPendingValueBgOuter = _styled2.default.div`
   position: relative;
-  height: ${({ typographyType, typographySize, theme }) => _chunkSZKZWADNcjs.getLineHeightForTypographyType.call(void 0, typographyType, typographySize, theme)};
+  height: ${({ typographyType, typographySize, theme }) => _chunkBP7JY5RTcjs.getLineHeightForTypographyType.call(void 0, typographyType, typographySize, theme)};
 
   ${({ widthProp, hasContent }) => widthProp && !hasContent ? `width: ${widthProp}px;` : "width: 100%;"}
   overflow: hidden;
@@ -113,7 +113,7 @@ var StyledPendingValueContent = _styled2.default.div`
   z-index: 1;
   overflow: hidden;
 
-  height: ${({ typographyType, typographySize, theme }) => _chunkSZKZWADNcjs.getLineHeightForTypographyType.call(void 0, typographyType, typographySize, theme)};
+  height: ${({ typographyType, typographySize, theme }) => _chunkBP7JY5RTcjs.getLineHeightForTypographyType.call(void 0, typographyType, typographySize, theme)};
 `;
 var vSpacing = 2;
 var StyledPendingValueBg = _styled2.default.div`
@@ -139,9 +139,9 @@ var StyledPendingValueBg = _styled2.default.div`
 
   background: linear-gradient(
     90deg,
-    ${_chunk6DWDBCUJcjs.themeOrWithKey.call(void 0, "c05Neutral", "c25Neutral")} 0%,
-    ${_chunk6DWDBCUJcjs.themeOrWithKey.call(void 0, "c1Neutral", "c3Neutral")} 50%,
-    ${_chunk6DWDBCUJcjs.themeOrWithKey.call(void 0, "c05Neutral", "c25Neutral")} 100%
+    ${_chunkCUOCAP4Wcjs.themeOrWithKey.call(void 0, "c05Neutral", "c25Neutral")} 0%,
+    ${_chunkCUOCAP4Wcjs.themeOrWithKey.call(void 0, "c1Neutral", "c3Neutral")} 50%,
+    ${_chunkCUOCAP4Wcjs.themeOrWithKey.call(void 0, "c05Neutral", "c25Neutral")} 100%
   );
 
   background-size: 200% 100%;

package/dist/{chunk-R2ARHEHI.js → chunk-WFPQQOTV.js}

@@ -1,9 +1,9 @@
 import {
   Filter
-} from "./chunk-6DCFPU4Z.js";
+} from "./chunk-UNZTDJ63.js";
 import {
   Radio
-} from "./chunk-D6NRWNCU.js";
+} from "./chunk-BD7HXDLN.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/{chunk-JNOQPXET.js → chunk-WHVL4GU5.js}

@@ -1,10 +1,10 @@
 import {
   toReactNodes
-} from "./chunk-TS7Y6L2D.js";
+} from "./chunk-3NZOR3KT.js";
 import {
   StyledDisplay,
   getPropDefaults
-} from "./chunk-WY3ZN7KY.js";
+} from "./chunk-RUM5LV7O.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/{chunk-E36KSEQZ.cjs → chunk-WIIDMFXR.cjs}

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

package/dist/{chunk-GWXXKISU.cjs → chunk-WLNH323O.cjs}

@@ -1,15 +1,15 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkQTRXP6AUcjs = require('./chunk-QTRXP6AU.cjs');
+var _chunk22OKXUZAcjs = require('./chunk-22OKXUZA.cjs');
 
 
 var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
 
 
-var _chunk3NRRDBJNcjs = require('./chunk-3NRRDBJN.cjs');
+var _chunkOEJWIKG7cjs = require('./chunk-OEJWIKG7.cjs');
 
 
-var _chunkQ2CWG22Bcjs = require('./chunk-Q2CWG22B.cjs');
+var _chunkRSAWZM47cjs = require('./chunk-RSAWZM47.cjs');
 
 
 
@@ -82,7 +82,7 @@ var IdFilter = ({
   };
   const appliedValueButtons = (_a = state.appliedValues) == null ? void 0 : _a.map((value) => {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkQ2CWG22Bcjs.Button,
+      _chunkRSAWZM47cjs.Button,
       {
         kind: "primary",
         size: "ExtraSmall",
@@ -102,8 +102,8 @@ var IdFilter = ({
     );
   });
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkQTRXP6AUcjs.Filter, { label, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunk3NRRDBJNcjs.TextInput,
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk22OKXUZAcjs.Filter, { label, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkOEJWIKG7cjs.TextInput,
       {
         placeholder: placeholder || "",
         onChange: handleChange,

package/dist/{chunk-JL3FMHHA.cjs → chunk-X6FYQTZ6.cjs}

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkLH7M4OGRcjs = require('./chunk-LH7M4OGR.cjs');
+var _chunkQ4RAJLKPcjs = require('./chunk-Q4RAJLKP.cjs');
 
 
-var _chunkSCLUBPNMcjs = require('./chunk-SCLUBPNM.cjs');
+var _chunkKTXJ54RRcjs = require('./chunk-KTXJ54RR.cjs');
 
 
-var _chunkORWZTMF2cjs = require('./chunk-ORWZTMF2.cjs');
+var _chunkZFJVBBROcjs = require('./chunk-ZFJVBBRO.cjs');
 
 // src/components/InfoIconTooltip.tsx
 var _react = require('react');
@@ -16,17 +16,17 @@ function InfoIconTooltip({
   content,
   verticalAlign = "middle"
 }) {
-  const contentNodes = _chunkSCLUBPNMcjs.toReactNodes.call(void 0, content);
+  const contentNodes = _chunkKTXJ54RRcjs.toReactNodes.call(void 0, content);
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _react.Fragment, { children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       "div",
       {
         "data-tooltip-id": id,
         style: { display: "inline-flex", alignItems: "center", verticalAlign },
-        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkORWZTMF2cjs.Icon, { name: "Info", width: 12, ml: 4 })
+        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZFJVBBROcjs.Icon, { name: "Info", width: 12, ml: 4 })
       }
     ),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLH7M4OGRcjs.Tooltip, { id, render: () => contentNodes, clickable: true })
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkQ4RAJLKPcjs.Tooltip, { id, render: () => contentNodes, clickable: true })
   ] });
 }
 

package/dist/{chunk-PYKAAA4T.js → chunk-XADWD755.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-55OQPFLF.js";
 import {
   overlaySurface
-} from "./chunk-POGNK25N.js";
+} from "./chunk-RNCUEVKR.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/{chunk-TLFK5GBE.js → chunk-XBZNPA3L.js}

@@ -1,9 +1,9 @@
 import {
   getFontColor
-} from "./chunk-N4C6SL6K.js";
+} from "./chunk-QNPCRFUV.js";
 import {
   getTypographyString
-} from "./chunk-AZSSORPU.js";
+} from "./chunk-EWNQ3Z3L.js";
 
 // src/styles/typography.tsx
 var applyTypography = (theme, typographyType, size, color = "inherit", applyToAll = true) => {

package/dist/{chunk-75PYS7WZ.js → chunk-XDZPMJZG.js}

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