@lightsparkdev/ui 1.0.9 → 1.0.10

package/dist/{chunk-ZO52GP5Z.cjs → chunk-6IU4OQOC.cjs}

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

package/dist/{chunk-24MZEHRM.js → chunk-6P2AYPAD.js}

@@ -1,9 +1,9 @@
 import {
   Icon
-} from "./chunk-K3DMPJSX.js";
+} from "./chunk-NGSQ2OOV.js";
 import {
   renderTypography
-} from "./chunk-5GLOHTP6.js";
+} from "./chunk-73ETEREG.js";
 
 // src/components/CurrencyAmount.tsx
 import styled from "@emotion/styled";
@@ -23,10 +23,11 @@ function CurrencyAmount({
   fullPrecision = false,
   id,
   ml = 0,
-  typography
+  typography,
+  centsPerBtc
 }) {
   const unit = displayUnit;
-  const amountMap = isCurrencyMap(amount) ? amount : mapCurrencyAmount(amount);
+  const amountMap = isCurrencyMap(amount) ? amount : mapCurrencyAmount(amount, centsPerBtc);
   const value = amountMap[unit];
   const defaultFormattedNumber = amountMap.formatted[unit];
   let formattedNumber = defaultFormattedNumber;

package/dist/{chunk-SDECQB2O.cjs → chunk-6RG56RES.cjs}

@@ -3,10 +3,10 @@
 var _chunkOVJZVL57cjs = require('./chunk-OVJZVL57.cjs');
 
 
-var _chunkUN4FMYEQcjs = require('./chunk-UN4FMYEQ.cjs');
+var _chunkGEMBOYJDcjs = require('./chunk-GEMBOYJD.cjs');
 
 
-var _chunkUKMVD656cjs = require('./chunk-UKMVD656.cjs');
+var _chunkSEOJ475Zcjs = require('./chunk-SEOJ475Z.cjs');
 
 // src/components/typography/LabelModerate.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -23,7 +23,7 @@ var LabelModerate = ({
 }) => {
   let reactNodes = children || null;
   if (content) {
-    reactNodes = _chunkUKMVD656cjs.toReactNodesBase.call(void 0, content);
+    reactNodes = _chunkSEOJ475Zcjs.toReactNodesBase.call(void 0, content);
   }
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     StyledLabelModerate,
@@ -39,7 +39,7 @@ var LabelModerate = ({
   );
 };
 var StyledLabelModerate = _styled2.default.span`
-  ${({ theme, size, colorProp }) => _chunkUN4FMYEQcjs.applyTypography.call(void 0, theme, "Label Moderate", size, colorProp)}
+  ${({ theme, size, colorProp }) => _chunkGEMBOYJDcjs.applyTypography.call(void 0, theme, "Label Moderate", size, colorProp)}
   ${_chunkOVJZVL57cjs.typographyStyles}
 `;
 

package/dist/{chunk-2HIH3J6K.js → chunk-72JQQKA7.js}

@@ -7,17 +7,17 @@ import {
   textInputPadding,
   textInputPaddingPx,
   textInputPlaceholderColor
-} from "./chunk-W5NH2F3D.js";
+} from "./chunk-AXHFR6HR.js";
 import {
   z
 } from "./chunk-55OQPFLF.js";
 import {
   Icon
-} from "./chunk-K3DMPJSX.js";
+} from "./chunk-NGSQ2OOV.js";
 import {
   getColor,
   themeOr
-} from "./chunk-GZW6KBUI.js";
+} from "./chunk-O42E7NAG.js";
 import {
   __objRest,
   __spreadProps,

package/dist/{chunk-UDKRYLGK.cjs → chunk-753ZXPCO.cjs}

@@ -15,7 +15,7 @@ function ArrowUpRightCircleFill() {
           fillRule: "evenodd",
           clipRule: "evenodd",
           d: "M20 1.25C30.3553 1.25 38.75 9.64468 38.75 20C38.75 30.3553 30.3553 38.75 20 38.75C9.64468 38.75 1.25 30.3553 1.25 20C1.25 9.64468 9.64468 1.25 20 1.25ZM15.4392 12.4122C14.8869 12.4122 14.4392 12.8599 14.4392 13.4122C14.4392 13.9644 14.8869 14.4122 15.4392 14.4122H24.1736L12.7051 25.8807C12.3146 26.2713 12.3146 26.9044 12.7051 27.2949C13.0956 27.6855 13.7288 27.6855 14.1193 27.2949L25.5879 15.8263V24.5608C25.5879 25.1131 26.0356 25.5608 26.5879 25.5608C27.1402 25.5608 27.5879 25.1131 27.5879 24.5608V13.4122C27.5879 12.8599 27.1402 12.4122 26.5879 12.4122H15.4392Z",
-          fill: "black"
+          fill: "currentColor"
         }
       )
     }

package/dist/{chunk-4MZNGM5R.js → chunk-7D5HL6WZ.js}

@@ -3,10 +3,10 @@ import {
 } from "./chunk-X5SBSJ3Z.js";
 import {
   applyTypography
-} from "./chunk-U4Y4CF4A.js";
+} from "./chunk-R4JQUMCP.js";
 import {
   toReactNodesBase
-} from "./chunk-HQO3PIAY.js";
+} from "./chunk-DILTUDQN.js";
 
 // src/components/typography/Label.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-UJ6CKXOV.js → chunk-7H74ZBRC.js}

@@ -1,9 +1,9 @@
 import {
   setDefaultReactNodesTypography
-} from "./chunk-JEPHI5VC.js";
+} from "./chunk-VVA3TL2D.js";
 import {
   toReactNodes
-} from "./chunk-NXSA7WNB.js";
+} from "./chunk-XSMF72UT.js";
 
 // src/components/Checkbox.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-UQ4RW6PE.js → chunk-7HGSAPSN.js}

@@ -1,18 +1,18 @@
 import {
   CopyToClipboardButton
-} from "./chunk-YFKVNM5L.js";
+} from "./chunk-GU46BAEF.js";
 import {
   overflowAutoWithoutScrollbars
-} from "./chunk-IGZYEIQS.js";
+} from "./chunk-HEXTPM3C.js";
 import {
   standardBorderRadius
-} from "./chunk-ZMK4RE5I.js";
+} from "./chunk-YZM4ALKD.js";
 import {
   themeOr
-} from "./chunk-GZW6KBUI.js";
+} from "./chunk-O42E7NAG.js";
 import {
   colors
-} from "./chunk-RTRS42I3.js";
+} from "./chunk-MN4NUSPL.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/{chunk-PPHIMPON.cjs → chunk-7JJQGMWT.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkIBVONPMCcjs = require('./chunk-IBVONPMC.cjs');
+var _chunkW5GHORWNcjs = require('./chunk-W5GHORWN.cjs');
 
 
 var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
@@ -30,7 +30,7 @@ function Radio({
         onChange: handleRadioClick
       }
     ),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIBVONPMCcjs.Label, { children: option.label })
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkW5GHORWNcjs.Label, { children: option.label })
   ] }, option.label)) });
 }
 var RadioContainer = _styled2.default.div`

package/dist/{chunk-ONSMYN3L.js → chunk-7K2QTWCN.js}

@@ -3,16 +3,16 @@ import {
 } from "./chunk-JJC2AUQ3.js";
 import {
   TextButton
-} from "./chunk-PFBJ4FWY.js";
+} from "./chunk-AEL6DM2K.js";
 import {
   IconContainer
-} from "./chunk-K3DMPJSX.js";
+} from "./chunk-NGSQ2OOV.js";
 import {
   bp
 } from "./chunk-JSGRNWSB.js";
 import {
   colors
-} from "./chunk-RTRS42I3.js";
+} from "./chunk-MN4NUSPL.js";
 
 // src/components/PageSection/PageSectionNav.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-3XWROTDT.cjs → chunk-7LOKZM7V.cjs}

@@ -3,35 +3,35 @@
 var _chunk6VA4SAHQcjs = require('./chunk-6VA4SAHQ.cjs');
 
 
-var _chunkST3UQPZYcjs = require('./chunk-ST3UQPZY.cjs');
+var _chunkMWHLGPKOcjs = require('./chunk-MWHLGPKO.cjs');
 
 
-var _chunkUN4FMYEQcjs = require('./chunk-UN4FMYEQ.cjs');
+var _chunkGEMBOYJDcjs = require('./chunk-GEMBOYJD.cjs');
 
 
-var _chunk7QXYBPSJcjs = require('./chunk-7QXYBPSJ.cjs');
+var _chunk4EK5RAZScjs = require('./chunk-4EK5RAZS.cjs');
 
 
-var _chunk5OP23S3Qcjs = require('./chunk-5OP23S3Q.cjs');
+var _chunk5MLMGZJGcjs = require('./chunk-5MLMGZJG.cjs');
 
 
-var _chunkI6Y7IHF5cjs = require('./chunk-I6Y7IHF5.cjs');
+var _chunkJMIYMECJcjs = require('./chunk-JMIYMECJ.cjs');
 
 
-var _chunk23NA5VW6cjs = require('./chunk-23NA5VW6.cjs');
+var _chunkDIMJISMHcjs = require('./chunk-DIMJISMH.cjs');
 
 
 
-var _chunkJX6HEEEQcjs = require('./chunk-JX6HEEEQ.cjs');
+var _chunkWKRK5OVEcjs = require('./chunk-WKRK5OVE.cjs');
 
 
 var _chunkDCQM7IVKcjs = require('./chunk-DCQM7IVK.cjs');
 
 
-var _chunkYDTPEU32cjs = require('./chunk-YDTPEU32.cjs');
+var _chunkQE67LKK5cjs = require('./chunk-QE67LKK5.cjs');
 
 
-var _chunk2ZRPJUTYcjs = require('./chunk-2ZRPJUTY.cjs');
+var _chunkWRZUCCQDcjs = require('./chunk-WRZUCCQD.cjs');
 
 
 
@@ -83,11 +83,11 @@ function resolveBackgroundColorKey(theme, kind, defaultKey) {
   var _a;
   const defaultBackgroundColorKey = (_a = theme.buttons.kinds[kind]) == null ? void 0 : _a[defaultKey];
   let backgroundColorKey = defaultBackgroundColorKey;
-  if (!backgroundColorKey && _chunkJX6HEEEQcjs.isThemeOrColorKey.call(void 0, kind)) {
+  if (!backgroundColorKey && _chunkWKRK5OVEcjs.isThemeOrColorKey.call(void 0, kind)) {
     backgroundColorKey = kind;
   }
   const defaultBackgroundColor = theme.buttons[defaultKey];
-  const backgroundColor = _chunkJX6HEEEQcjs.getBackgroundColor.call(void 0, 
+  const backgroundColor = _chunkWKRK5OVEcjs.getBackgroundColor.call(void 0, 
     theme,
     backgroundColorKey,
     defaultBackgroundColor
@@ -203,7 +203,7 @@ function Button(props) {
         text,
         typography,
         kind,
-        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkST3UQPZYcjs.Loading, { size: iconSize, center: false, kind: loadingKind })
+        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMWHLGPKOcjs.Loading, { size: iconSize, center: false, kind: loadingKind })
       }
     );
   } else if (icon) {
@@ -214,7 +214,7 @@ function Button(props) {
         text,
         typography,
         kind,
-        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkI6Y7IHF5cjs.Icon, { name: icon, width: iconSize, color: typography.color })
+        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJMIYMECJcjs.Icon, { name: icon, width: iconSize, color: typography.color })
       }
     );
   }
@@ -237,7 +237,7 @@ function Button(props) {
                 textOverflow: "ellipsis",
                 overflow: "hidden"
               },
-              children: _chunk2ZRPJUTYcjs.renderTypography.call(void 0, typography.type, {
+              children: _chunkWRZUCCQDcjs.renderTypography.call(void 0, typography.type, {
                 content: text,
                 color: typography.color,
                 size
@@ -248,7 +248,7 @@ function Button(props) {
         ]
       })
     ),
-    tooltipText ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5OP23S3Qcjs.Tooltip, { id: tooltipId.current, content: tooltipText }) : null
+    tooltipText ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5MLMGZJGcjs.Tooltip, { id: tooltipId.current, content: tooltipText }) : null
   ] });
   const isSingleCharRoundButton = Boolean(text && text.length === 1 && !icon);
   const commonProps = {
@@ -316,7 +316,7 @@ var buttonStyle = ({
 
     ${zIndex && `z-index: ${zIndex};`}
 
-    ${_chunkUN4FMYEQcjs.applyTypography.call(void 0, 
+    ${_chunkGEMBOYJDcjs.applyTypography.call(void 0, 
     theme,
     typography.type,
     typography.size,
@@ -324,7 +324,7 @@ var buttonStyle = ({
   )}
 
     &:focus-visible {
-      outline: ${_chunk23NA5VW6cjs.getFocusOutline.call(void 0, { theme })};
+      outline: ${_chunkDIMJISMHcjs.getFocusOutline.call(void 0, { theme })};
       /* Slightly different offset for buttons so the outline is visible: */
       outline-offset: 0px;
     }
@@ -360,7 +360,7 @@ var buttonStyle = ({
 var ButtonIcon = _styled2.default.div`
   ${({ iconSide, kind, typography }) => `${iconSide}: ${getPaddingX(typography.size, kind, false)}px;`}
 `;
-var StyledButton = _styled2.default.call(void 0, _chunk7QXYBPSJcjs.UnstyledButton)`
+var StyledButton = _styled2.default.call(void 0, _chunk4EK5RAZScjs.UnstyledButton)`
   ${(props) => buttonStyle(props)}
 `;
 var ButtonLink = _styled2.default.call(void 0, LinkWithoutTypography)`
@@ -373,7 +373,7 @@ var ButtonSelector = (prepend = "", append = "") => `${prepend}*:is(${_chunk6VA4
   ButtonHrefLink
 )})${append}`;
 function LinkWithoutTypography(props) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYDTPEU32cjs.Link, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, props));
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkQE67LKK5cjs.Link, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, props));
 }
 
 

package/dist/{chunk-F465UN3N.js → chunk-7MHIAUWU.js}

@@ -1,22 +1,22 @@
 import {
   Pill
-} from "./chunk-O7EVPXE5.js";
+} from "./chunk-LUA7C7Z6.js";
 import {
   useClipboard
 } from "./chunk-NFQP7P3D.js";
 import {
   TextInput
-} from "./chunk-6EXTHISM.js";
+} from "./chunk-G3FLE2PL.js";
 import {
   InputSubtext,
   inputBlockStyle
-} from "./chunk-W5NH2F3D.js";
+} from "./chunk-AXHFR6HR.js";
 import {
   UnstyledButton
-} from "./chunk-EYWGUIVP.js";
+} from "./chunk-WZJTXJM5.js";
 import {
   Icon
-} from "./chunk-K3DMPJSX.js";
+} from "./chunk-NGSQ2OOV.js";
 import {
   useBreakpoints
 } from "./chunk-JSGRNWSB.js";

package/dist/{chunk-AB5PAZDV.js → chunk-A7BCCSEC.js}

@@ -1,13 +1,13 @@
 import {
   setDefaultReactNodesTypography
-} from "./chunk-JEPHI5VC.js";
+} from "./chunk-VVA3TL2D.js";
 import {
   toReactNodes
-} from "./chunk-NXSA7WNB.js";
+} from "./chunk-XSMF72UT.js";
 import {
   themeOrWithKey,
   themes
-} from "./chunk-GZW6KBUI.js";
+} from "./chunk-O42E7NAG.js";
 import {
   getLineHeightForTypographyType
 } from "./chunk-VASG2BKI.js";

package/dist/{chunk-PFBJ4FWY.js → chunk-AEL6DM2K.js}

@@ -1,15 +1,15 @@
 import {
   TextIconAligner
-} from "./chunk-LTVF3OV7.js";
+} from "./chunk-SPZKZUAH.js";
 import {
   UnstyledButton
-} from "./chunk-EYWGUIVP.js";
+} from "./chunk-WZJTXJM5.js";
 import {
   getFocusOutline
-} from "./chunk-ZMK4RE5I.js";
+} from "./chunk-YZM4ALKD.js";
 import {
   Link
-} from "./chunk-ELHOJIVP.js";
+} from "./chunk-HJQIDDKT.js";
 import {
   elide
 } from "./chunk-EDN2QDCB.js";
@@ -43,7 +43,7 @@ function TextButton({
   let rightIconProp = rightIcon;
   if (typeof rightIcon === "undefined" && typeof leftIcon === "undefined") {
     rightIconProp = {
-      name: "RightArrow"
+      name: "ArrowRight"
     };
   }
   const defaultIconColor = iconMatchTextColor ? void 0 : "mcNeutral";

package/dist/{chunk-AOBHSOUN.js → chunk-AIP5ENLX.js}

@@ -4,10 +4,10 @@ import {
 import {
   rootFontSizeRems,
   standardLineHeightEms
-} from "./chunk-ZMK4RE5I.js";
+} from "./chunk-YZM4ALKD.js";
 import {
   useThemeBg
-} from "./chunk-GZW6KBUI.js";
+} from "./chunk-O42E7NAG.js";
 import {
   bp
 } from "./chunk-JSGRNWSB.js";

package/dist/{chunk-VNWCUVYQ.cjs → chunk-ANXJRCTV.cjs}

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