@lightsparkdev/ui 1.0.7 → 1.0.9

package/dist/chunk-VC743SV7.cjs

@@ -0,0 +1,53 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkPZKJ4CZWcjs = require('./chunk-PZKJ4CZW.cjs');
+
+
+var _chunkNVVAOGNLcjs = require('./chunk-NVVAOGNL.cjs');
+
+
+var _chunk4WKQPWLIcjs = require('./chunk-4WKQPWLI.cjs');
+
+
+var _chunkI6Y7IHF5cjs = require('./chunk-I6Y7IHF5.cjs');
+
+
+var _chunk7PRNB5U5cjs = require('./chunk-7PRNB5U5.cjs');
+
+// src/components/SatoshiInputLabel.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function SatoshiInputLabel({
+  text,
+  availableSats,
+  showTooltip = true
+}) {
+  const availableSatsTooltipNode = showTooltip ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkNVVAOGNLcjs.Label, { style: { display: "inline-flex", margin: "0 0 0 3px" }, children: [
+    "available",
+    " ",
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkPZKJ4CZWcjs.InfoIconTooltip,
+      {
+        id: "available-balance-tooltip",
+        content: [
+          "Your available balance may differ from your total balance due to operational funds being held on the Lightning Network. ",
+          _chunk4WKQPWLIcjs.link.call(void 0, {
+            text: "Learn more",
+            externalLink: "https://docs.lightspark.com/lightspark-sdk/api-reference/types/Balances"
+          })
+        ]
+      }
+    )
+  ] }) : null;
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkNVVAOGNLcjs.Label, { children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: text }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: availableSats !== void 0 && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkI6Y7IHF5cjs.Icon, { name: "Satoshi", width: 8, mr: 4, verticalAlign: -2 }),
+      _chunk7PRNB5U5cjs.addCommasToDigits.call(void 0, Math.floor(availableSats)),
+      availableSatsTooltipNode
+    ] }) })
+  ] });
+}
+
+
+
+exports.SatoshiInputLabel = SatoshiInputLabel;

package/dist/{chunk-WI6IO34N.cjs → chunk-VF6BYQHD.cjs}

@@ -1,13 +1,13 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunk3O67L2QOcjs = require('./chunk-3O67L2QO.cjs');
+var _chunkVNWCUVYQcjs = require('./chunk-VNWCUVYQ.cjs');
 
 
-var _chunkQR6XKKRKcjs = require('./chunk-QR6XKKRK.cjs');
+var _chunkNVVAOGNLcjs = require('./chunk-NVVAOGNL.cjs');
 
 
 
-var _chunkLKKJVJCGcjs = require('./chunk-LKKJVJCG.cjs');
+var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
 
 // src/components/CodeInput/CodeInput.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -59,8 +59,8 @@ function CodeInput({
     [getInputId, autoFocus]
   );
   const [inputState, setInputState] = _react.useState.call(void 0, 
-    Array(codeLength).fill(0).reduce((acc, item, i) => {
-      return _chunkLKKJVJCGcjs.__spreadProps.call(void 0, _chunkLKKJVJCGcjs.__spreadValues.call(void 0, {}, acc), {
+    Array(codeLength).fill(0).reduce((acc, _, i) => {
+      return _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, acc), {
         [getInputId(i)]: {
           value: ""
         }
@@ -141,10 +141,10 @@ function CodeInput({
         return;
       }
       if (event.key === "Backspace" && (event.metaKey || event.ctrlKey || event.altKey)) {
-        replaceEntireState = _chunkLKKJVJCGcjs.__spreadValues.call(void 0, {}, inputState);
+        replaceEntireState = _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, inputState);
         Object.keys(replaceEntireState).forEach((inputId2) => {
           const newState2 = replaceEntireState;
-          newState2[inputId2] = _chunkLKKJVJCGcjs.__spreadProps.call(void 0, _chunkLKKJVJCGcjs.__spreadValues.call(void 0, {}, newState2[inputId2]), {
+          newState2[inputId2] = _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, newState2[inputId2]), {
             value: ""
           });
         });
@@ -175,7 +175,7 @@ function CodeInput({
         nextInputRef.focus();
         nextInputRef.select();
       }
-      const newState = replaceEntireState ? replaceEntireState : _chunkLKKJVJCGcjs.__spreadProps.call(void 0, _chunkLKKJVJCGcjs.__spreadValues.call(void 0, {}, inputState), {
+      const newState = replaceEntireState ? replaceEntireState : _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, inputState), {
         [inputId]: { value }
       });
       const code = codeFromInputState(newState);
@@ -195,10 +195,10 @@ function CodeInput({
         return;
       }
       const inputValues = text.split("");
-      const newState = _chunkLKKJVJCGcjs.__spreadValues.call(void 0, {}, inputState);
+      const newState = _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, inputState);
       inputValues.forEach((value, i) => {
         const inputId = getInputId(i);
-        newState[inputId] = _chunkLKKJVJCGcjs.__spreadProps.call(void 0, _chunkLKKJVJCGcjs.__spreadValues.call(void 0, {}, newState[inputId]), {
+        newState[inputId] = _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, newState[inputId]), {
           value
         });
       });
@@ -241,7 +241,7 @@ function CodeInput({
     const inputId = getInputId(i);
     inputs.push(
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunk3O67L2QOcjs.SingleCodeInput,
+        _chunkVNWCUVYQcjs.SingleCodeInput,
         {
           value: inputState[inputId].value,
           id: inputId,
@@ -252,8 +252,8 @@ function CodeInput({
             if (_reactdevicedetect.isMobileSafari && event.nativeEvent instanceof CustomEvent) {
               autofillValuesRef.current += event.target.value;
               if (autofillValuesRef.current.length === codeLength) {
-                const newState = Array(codeLength).fill(0).reduce((acc, item, i2) => {
-                  return _chunkLKKJVJCGcjs.__spreadProps.call(void 0, _chunkLKKJVJCGcjs.__spreadValues.call(void 0, {}, acc), {
+                const newState = Array(codeLength).fill(0).reduce((acc, _, i2) => {
+                  return _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, acc), {
                     [getInputId(i2)]: {
                       value: autofillValuesRef.current[i2]
                     }
@@ -266,8 +266,8 @@ function CodeInput({
                 autofillValuesRef.current = "";
               }
             } else if (_reactdevicedetect.isMobile && _reactdevicedetect.isChrome && event.target.value.length === codeLength) {
-              const newState = Array(codeLength).fill(0).reduce((acc, item, i2) => {
-                return _chunkLKKJVJCGcjs.__spreadProps.call(void 0, _chunkLKKJVJCGcjs.__spreadValues.call(void 0, {}, acc), {
+              const newState = Array(codeLength).fill(0).reduce((acc, _, i2) => {
+                return _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, acc), {
                   [getInputId(i2)]: {
                     value: event.target.value[i2]
                   }
@@ -316,7 +316,7 @@ var CodeInputGroup = _styled2.default.div`
 var CodeInputGroupSeparator = _styled2.default.div`
   width: ${separatorWidth}px;
   height: 4px;
-  background-color: ${_chunkQR6XKKRKcjs.textInputBorderColor};
+  background-color: ${_chunkNVVAOGNLcjs.textInputBorderColor};
   border-radius: 2px;
   margin: 0 ${separatorMargin}px;
 `;

package/dist/{chunk-MXR7SFIZ.js → chunk-VKVJMZXL.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-2NT4RAQ3.js";
 import {
   StyledHeadline
-} from "./chunk-WONQPE5P.js";
+} from "./chunk-ZFXEYU7P.js";
 
 // src/components/documentation/DocsHeadline.tsx
 import React from "react";
@@ -58,6 +58,8 @@ var DocsHeadline = ({
       size,
       colorProp: color,
       displayProp: "block",
+      hideOverflow: false,
+      block: true,
       children
     }
   );

package/dist/{chunk-3O67L2QO.cjs → chunk-VNWCUVYQ.cjs}

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

package/dist/{chunk-PGULRMMV.cjs → chunk-VSBIQ3WK.cjs}

@@ -1,15 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkUEG2PUK7cjs = require('./chunk-UEG2PUK7.cjs');
+var _chunk7QXYBPSJcjs = require('./chunk-7QXYBPSJ.cjs');
 
 
-var _chunkMNAZ4BDQcjs = require('./chunk-MNAZ4BDQ.cjs');
+var _chunkJX6HEEEQcjs = require('./chunk-JX6HEEEQ.cjs');
 
 
-var _chunkPDZ23BEDcjs = require('./chunk-PDZ23BED.cjs');
-
-
-var _chunkKSKKC6C2cjs = require('./chunk-KSKKC6C2.cjs');
+var _chunkO7USIZI6cjs = require('./chunk-O7USIZI6.cjs');
 
 // src/components/Toggle.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -50,8 +47,8 @@ function Toggle({
 var width = 44;
 var circleDim = 20;
 var circleOffset = 2;
-var ToggleButton = _styled2.default.call(void 0, _chunkUEG2PUK7cjs.UnstyledButton)`
-  color: ${_chunkKSKKC6C2cjs.colors.white};
+var ToggleButton = _styled2.default.call(void 0, _chunk7QXYBPSJcjs.UnstyledButton)`
+  color: ${_chunkO7USIZI6cjs.colors.white};
   font-weight: 500;
   border-radius: 44px;
   width: ${width}px;
@@ -63,7 +60,7 @@ var ToggleButton = _styled2.default.call(void 0, _chunkUEG2PUK7cjs.UnstyledButto
   } else if (isOn) {
     return theme.success;
   }
-  return _chunkPDZ23BEDcjs.themeOr.call(void 0, theme.c1Neutral, theme.c4Neutral)({ theme });
+  return _chunkJX6HEEEQcjs.themeOr.call(void 0, theme.c1Neutral, theme.c4Neutral)({ theme });
 }};
   position: relative;
   &:after {
@@ -75,24 +72,25 @@ var ToggleButton = _styled2.default.call(void 0, _chunkUEG2PUK7cjs.UnstyledButto
     box-shadow:
       0 3px 8px 0 rgba(0, 0, 0, 0.15),
       0 3px 1px 0 rgba(0, 0, 0, 0.06);
-    background-color: ${_chunkKSKKC6C2cjs.colors.white};
+    background-color: ${_chunkO7USIZI6cjs.colors.white};
     width: ${circleDim}px;
     height: ${circleDim}px;
     top: ${circleOffset}px;
     right: ${({ isOn }) => isOn ? `${circleOffset}px` : `${width - circleDim - circleOffset}px`};
   }
 `;
+var gap = 12;
 var ToggleContainer = _styled2.default.span`
   display: flex;
   margin-bottom: ${({ mb }) => mb}px;
   margin-top: ${({ mt }) => mt}px;
   margin-left: ${({ ml }) => ml}px;
   align-items: center;
+  gap: ${gap}px;
 `;
 var ToggleLabel = _styled2.default.label`
-  margin-left: 12px;
+  width: calc(100% - ${width + gap}px);
   cursor: pointer;
-  height: ${_chunkMNAZ4BDQcjs.standardLineHeightEms}em;
 `;
 
 

package/dist/chunk-VZEYA2KH.cjs

@@ -0,0 +1,90 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkLHXL6GOOcjs = require('./chunk-LHXL6GOO.cjs');
+
+
+
+
+
+
+var _chunk4WKQPWLIcjs = require('./chunk-4WKQPWLI.cjs');
+
+
+var _chunk7PRNB5U5cjs = require('./chunk-7PRNB5U5.cjs');
+
+
+
+var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
+
+// src/utils/toReactNodes/setReactNodesTypography.tsx
+var _core = require('@lightsparkdev/core');
+function isNonTypographicReactNode(node) {
+  return typeof node === "undefined" || node === null || _chunk4WKQPWLIcjs.isIconNode.call(void 0, node);
+}
+function setReactNodesTypography(nodesArg, typography, replaceExistingTypography = true) {
+  const nodes = _core.ensureArray.call(void 0, nodesArg);
+  const nodesWithTypography = nodes.map((node) => {
+    if (isNonTypographicReactNode(node)) {
+      return node;
+    } else if (_chunk4WKQPWLIcjs.isLinkNode.call(void 0, node) && typography.link) {
+      return {
+        link: _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, node.link), {
+          typography: replaceExistingTypography ? typography.link : node.link.typography || typography.link
+        })
+      };
+    } else if (_chunk4WKQPWLIcjs.isNextLinkNode.call(void 0, node) && typography.nextLink) {
+      return {
+        nextLink: _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, node.nextLink), {
+          typography: replaceExistingTypography ? typography.nextLink : node.nextLink.typography || typography.nextLink
+        })
+      };
+    } else if (_chunk4WKQPWLIcjs.isCurrencyAmountNode.call(void 0, node) && typography.currencyAmount) {
+      return {
+        currencyAmount: _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, node.currencyAmount), {
+          typography: typography.currencyAmount
+        })
+      };
+    } else if ((_chunk4WKQPWLIcjs.isTextNode.call(void 0, node) || _chunk7PRNB5U5cjs.isString.call(void 0, node)) && typography.text) {
+      return setTextNodeTypography(
+        node,
+        typography.text,
+        replaceExistingTypography
+      );
+    }
+    return node;
+  });
+  return nodesWithTypography;
+}
+function setTextNodeTypography(node, typography, replaceExistingTypography = true) {
+  if (_chunk7PRNB5U5cjs.isString.call(void 0, node)) {
+    return {
+      text: node,
+      typography
+    };
+  }
+  const useExistingTypography = !replaceExistingTypography && "typography" in node ? node.typography : void 0;
+  return _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, node), {
+    typography: useExistingTypography || typography
+  });
+}
+function toReactNodesWithTypographyMap(nodesArg, nodesTypographyMap) {
+  if (!nodesArg) {
+    return null;
+  }
+  const nodesWithTypography = setReactNodesTypography(
+    nodesArg,
+    nodesTypographyMap
+  );
+  const nodes = _chunkLHXL6GOOcjs.toReactNodes.call(void 0, nodesWithTypography);
+  return nodes;
+}
+function setDefaultReactNodesTypography(nodesArg, nodesTypographyMap) {
+  return setReactNodesTypography(nodesArg, nodesTypographyMap, false);
+}
+
+
+
+
+
+
+exports.isNonTypographicReactNode = isNonTypographicReactNode; exports.setReactNodesTypography = setReactNodesTypography; exports.toReactNodesWithTypographyMap = toReactNodesWithTypographyMap; exports.setDefaultReactNodesTypography = setDefaultReactNodesTypography;

package/dist/{chunk-OGJLMW37.js → chunk-W5NH2F3D.js}

@@ -1,16 +1,16 @@
 import {
   applyTypography
-} from "./chunk-L3BNIBK3.js";
+} from "./chunk-U4Y4CF4A.js";
 import {
   z
 } from "./chunk-55OQPFLF.js";
 import {
   standardBorderRadius,
   subtext
-} from "./chunk-GMM3LRXY.js";
+} from "./chunk-ZMK4RE5I.js";
 import {
   themeOr
-} from "./chunk-I4NIA4SD.js";
+} from "./chunk-GZW6KBUI.js";
 
 // src/styles/fields.tsx
 import { css } from "@emotion/react";
@@ -76,11 +76,12 @@ var textInputStyle = ({
   hasError,
   paddingLeftPx,
   paddingRightPx,
-  typography
+  typography,
+  borderRadius
 }) => {
   var _a;
   return css`
-  border-radius: ${textInputBorderRadiusPx}px;
+  border-radius: ${borderRadius === "round" ? "999" : textInputBorderRadiusPx}px;
   background-color: ${disabled ? theme.vlcNeutral : theme.inputBackground};
   cursor: ${disabled ? "not-allowed" : "auto"};
   box-sizing: border-box;

package/dist/{chunk-UYO2JW2E.cjs → chunk-WDOCYUQO.cjs}

@@ -3,11 +3,11 @@
 var _chunk4XPAKKBScjs = require('./chunk-4XPAKKBS.cjs');
 
 
-var _chunkMJ4HZKPZcjs = require('./chunk-MJ4HZKPZ.cjs');
+var _chunkGFKY6YX2cjs = require('./chunk-GFKY6YX2.cjs');
 
 
 
-var _chunkLKKJVJCGcjs = require('./chunk-LKKJVJCG.cjs');
+var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
 
 // src/components/PhoneInput.tsx
 
@@ -19,9 +19,6 @@ var _react = require('react');
 var _jsxruntime = require('@emotion/react/jsx-runtime');
 var countries = _libphonenumberjs.getCountries.call(void 0, );
 var defaultOptions = countries.map((countryCode) => {
-  if (_chunk4XPAKKBScjs.countryCodesToNames[countryCode] === void 0) {
-    console.log("no name", countryCode);
-  }
   return {
     value: countryCode,
     label: `${_libphonenumberjs.getCountryCallingCode.call(void 0, countryCode)} (${_chunk4XPAKKBScjs.countryCodesToNames[countryCode]})`
@@ -51,7 +48,7 @@ function PhoneInput({
   );
   const options = defaultOptions.map((option) => {
     if (option.value === countryCode) {
-      return _chunkLKKJVJCGcjs.__spreadProps.call(void 0, _chunkLKKJVJCGcjs.__spreadValues.call(void 0, {}, option), {
+      return _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, option), {
         label: `+ ${_libphonenumberjs.getCountryCallingCode.call(void 0, countryCode)}`
       });
     }
@@ -79,7 +76,7 @@ function PhoneInput({
   const isValidPhone = formatter.isValid();
   const error = !isValidPhone && wasBlurred ? "Please enter a valid phone number." : void 0;
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkMJ4HZKPZcjs.TextInput,
+    _chunkGFKY6YX2cjs.TextInput,
     {
       select: {
         options,

package/dist/{chunk-OT4XMGY5.cjs → chunk-WHUVGS3J.cjs}

@@ -78,9 +78,6 @@ var _chunkGDXNYWJHcjs = require('./chunk-GDXNYWJH.cjs');
 var _chunkV3IFCHJZcjs = require('./chunk-V3IFCHJZ.cjs');
 
 
-var _chunkY6M4SBN7cjs = require('./chunk-Y6M4SBN7.cjs');
-
-
 var _chunkO2OR4KOMcjs = require('./chunk-O2OR4KOM.cjs');
 
 
@@ -90,6 +87,9 @@ var _chunk6J3HJ3T2cjs = require('./chunk-6J3HJ3T2.cjs');
 var _chunkAJ7WPQU4cjs = require('./chunk-AJ7WPQU4.cjs');
 
 
+var _chunkN5UVZQ5Kcjs = require('./chunk-N5UVZQ5K.cjs');
+
+
 var _chunkMKW2IFOOcjs = require('./chunk-MKW2IFOO.cjs');
 
 
@@ -102,9 +102,6 @@ var _chunkHA2ITLKVcjs = require('./chunk-HA2ITLKV.cjs');
 var _chunkV2VDB34Ccjs = require('./chunk-V2VDB34C.cjs');
 
 
-var _chunkJEEFB6LDcjs = require('./chunk-JEEFB6LD.cjs');
-
-
 var _chunkJFMGOEGCcjs = require('./chunk-JFMGOEGC.cjs');
 
 
@@ -126,10 +123,7 @@ var _chunkP73HWTORcjs = require('./chunk-P73HWTOR.cjs');
 var _chunkFBF72OKQcjs = require('./chunk-FBF72OKQ.cjs');
 
 
-var _chunkTZ4KOSZVcjs = require('./chunk-TZ4KOSZV.cjs');
-
-
-var _chunkT6IAT66Ecjs = require('./chunk-T6IAT66E.cjs');
+var _chunkY6M4SBN7cjs = require('./chunk-Y6M4SBN7.cjs');
 
 
 var _chunkZSGQEOY3cjs = require('./chunk-ZSGQEOY3.cjs');
@@ -150,10 +144,10 @@ var _chunkR6JXXAU3cjs = require('./chunk-R6JXXAU3.cjs');
 var _chunk5IO7EL3Scjs = require('./chunk-5IO7EL3S.cjs');
 
 
-var _chunkWRN66OMMcjs = require('./chunk-WRN66OMM.cjs');
+var _chunkJEEFB6LDcjs = require('./chunk-JEEFB6LD.cjs');
 
 
-var _chunkE6YOHZKEcjs = require('./chunk-E6YOHZKE.cjs');
+var _chunk4WSTOUAHcjs = require('./chunk-4WSTOUAH.cjs');
 
 
 var _chunkNWMYGKBQcjs = require('./chunk-NWMYGKBQ.cjs');
@@ -174,10 +168,10 @@ var _chunkXJPYWPVGcjs = require('./chunk-XJPYWPVG.cjs');
 var _chunkVB47G2O4cjs = require('./chunk-VB47G2O4.cjs');
 
 
-var _chunkHVGR22WZcjs = require('./chunk-HVGR22WZ.cjs');
+var _chunkRSQWIVP4cjs = require('./chunk-RSQWIVP4.cjs');
 
 
-var _chunkJ25ZXQOVcjs = require('./chunk-J25ZXQOV.cjs');
+var _chunkT6IAT66Ecjs = require('./chunk-T6IAT66E.cjs');
 
 
 var _chunkUZK5AYDLcjs = require('./chunk-UZK5AYDL.cjs');
@@ -198,10 +192,10 @@ var _chunkZRHJQUKScjs = require('./chunk-ZRHJQUKS.cjs');
 var _chunkQFXPWIS3cjs = require('./chunk-QFXPWIS3.cjs');
 
 
-var _chunkVBU37CQGcjs = require('./chunk-VBU37CQG.cjs');
+var _chunkWRN66OMMcjs = require('./chunk-WRN66OMM.cjs');
 
 
-var _chunk3JDF42CWcjs = require('./chunk-3JDF42CW.cjs');
+var _chunkE6YOHZKEcjs = require('./chunk-E6YOHZKE.cjs');
 
 
 var _chunkJ3G627EDcjs = require('./chunk-J3G627ED.cjs');
@@ -222,10 +216,10 @@ var _chunkBQEXNVADcjs = require('./chunk-BQEXNVAD.cjs');
 var _chunk6O6PX2UGcjs = require('./chunk-6O6PX2UG.cjs');
 
 
-var _chunkJGHR6XREcjs = require('./chunk-JGHR6XRE.cjs');
+var _chunkHVGR22WZcjs = require('./chunk-HVGR22WZ.cjs');
 
 
-var _chunkDM6GUQAVcjs = require('./chunk-DM6GUQAV.cjs');
+var _chunkJ25ZXQOVcjs = require('./chunk-J25ZXQOV.cjs');
 
 
 var _chunkWW5RAKECcjs = require('./chunk-WW5RAKEC.cjs');
@@ -246,10 +240,10 @@ var _chunkFZUELDMTcjs = require('./chunk-FZUELDMT.cjs');
 var _chunkVDL5FG27cjs = require('./chunk-VDL5FG27.cjs');
 
 
-var _chunk5P25HFMGcjs = require('./chunk-5P25HFMG.cjs');
+var _chunkVBU37CQGcjs = require('./chunk-VBU37CQG.cjs');
 
 
-var _chunkIOSJLM4Ocjs = require('./chunk-IOSJLM4O.cjs');
+var _chunk3JDF42CWcjs = require('./chunk-3JDF42CW.cjs');
 
 
 var _chunkKPMZD7KJcjs = require('./chunk-KPMZD7KJ.cjs');
@@ -270,10 +264,10 @@ var _chunkH3Z7VJF4cjs = require('./chunk-H3Z7VJF4.cjs');
 var _chunkU5D736PBcjs = require('./chunk-U5D736PB.cjs');
 
 
-var _chunkRU6KW5CMcjs = require('./chunk-RU6KW5CM.cjs');
+var _chunkJGHR6XREcjs = require('./chunk-JGHR6XRE.cjs');
 
 
-var _chunkRFJWSKGKcjs = require('./chunk-RFJWSKGK.cjs');
+var _chunkDM6GUQAVcjs = require('./chunk-DM6GUQAV.cjs');
 
 
 var _chunkGZNDFGOKcjs = require('./chunk-GZNDFGOK.cjs');
@@ -294,10 +288,10 @@ var _chunkPUSW24ERcjs = require('./chunk-PUSW24ER.cjs');
 var _chunk43KEZLY6cjs = require('./chunk-43KEZLY6.cjs');
 
 
-var _chunkCV4CDJULcjs = require('./chunk-CV4CDJUL.cjs');
+var _chunk5P25HFMGcjs = require('./chunk-5P25HFMG.cjs');
 
 
-var _chunkBS5XF33Xcjs = require('./chunk-BS5XF33X.cjs');
+var _chunkIOSJLM4Ocjs = require('./chunk-IOSJLM4O.cjs');
 
 
 var _chunkJE624NDFcjs = require('./chunk-JE624NDF.cjs');
@@ -318,10 +312,10 @@ var _chunkTZGHXXX4cjs = require('./chunk-TZGHXXX4.cjs');
 var _chunkXYXNI3AOcjs = require('./chunk-XYXNI3AO.cjs');
 
 
-var _chunkN7NM6ELDcjs = require('./chunk-N7NM6ELD.cjs');
+var _chunkRU6KW5CMcjs = require('./chunk-RU6KW5CM.cjs');
 
 
-var _chunkG2ZTK5RIcjs = require('./chunk-G2ZTK5RI.cjs');
+var _chunkRFJWSKGKcjs = require('./chunk-RFJWSKGK.cjs');
 
 
 var _chunkCGLTHYGYcjs = require('./chunk-CGLTHYGY.cjs');
@@ -342,11 +336,23 @@ var _chunkELZC2I4Ycjs = require('./chunk-ELZC2I4Y.cjs');
 var _chunkQYJOJVJDcjs = require('./chunk-QYJOJVJD.cjs');
 
 
-var _chunkLKKJVJCGcjs = require('./chunk-LKKJVJCG.cjs');
+var _chunkCV4CDJULcjs = require('./chunk-CV4CDJUL.cjs');
+
+
+var _chunkBS5XF33Xcjs = require('./chunk-BS5XF33X.cjs');
+
+
+var _chunkN7NM6ELDcjs = require('./chunk-N7NM6ELD.cjs');
+
+
+var _chunkG2ZTK5RIcjs = require('./chunk-G2ZTK5RI.cjs');
+
+
+var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
 
 // src/icons/index.tsx
 var icons_exports = {};
-_chunkLKKJVJCGcjs.__export.call(void 0, icons_exports, {
+_chunkYM5JDZDQcjs.__export.call(void 0, icons_exports, {
   AI: () => _chunkN7NM6ELDcjs.AI,
   AnchorLink: () => _chunkG2ZTK5RIcjs.AnchorLink,
   ApiConnection: () => _chunkCGLTHYGYcjs.ApiConnection,
@@ -411,7 +417,7 @@ _chunkLKKJVJCGcjs.__export.call(void 0, icons_exports, {
   LoadingCircleLines: () => _chunkNMRDZ23Rcjs.LoadingCircleLines,
   LoadingSpinner: () => _chunkXJPYWPVGcjs.LoadingSpinner,
   Lock: () => _chunkVB47G2O4cjs.Lock,
-  Logo: () => _chunkTZ4KOSZVcjs.Logo,
+  Logo: () => _chunkRSQWIVP4cjs.Logo,
   LogoBolt: () => _chunkT6IAT66Ecjs.LogoBolt,
   LogoOnCircle: () => _chunkZSGQEOY3cjs.LogoOnCircle,
   MagicWand: () => _chunkRSUJHDQAcjs.MagicWand,
@@ -420,6 +426,7 @@ _chunkLKKJVJCGcjs.__export.call(void 0, icons_exports, {
   NodeAdd: () => _chunkR6JXXAU3cjs.NodeAdd,
   NonagonCheckmark: () => _chunk5IO7EL3Scjs.NonagonCheckmark,
   NotEye: () => _chunkJEEFB6LDcjs.NotEye,
+  Notebook: () => _chunk4WSTOUAHcjs.Notebook,
   PaperPlane: () => _chunkJFMGOEGCcjs.PaperPlane,
   Pencil: () => _chunkWRQEO3XTcjs.Pencil,
   Person: () => _chunkYPCTBP2Xcjs.Person,
@@ -431,6 +438,7 @@ _chunkLKKJVJCGcjs.__export.call(void 0, icons_exports, {
   QuestionCircle: () => _chunkO2OR4KOMcjs.QuestionCircle,
   QuestionCircleStrong: () => _chunk6J3HJ3T2cjs.QuestionCircleStrong,
   ReactTwoTone: () => _chunkAJ7WPQU4cjs.ReactTwoTone,
+  ReceiptBill: () => _chunkN5UVZQ5Kcjs.ReceiptBill,
   Recycling: () => _chunkMKW2IFOOcjs.Recycling,
   Remove: () => _chunkRCWDQM37cjs.Remove,
   Restart: () => _chunkHA2ITLKVcjs.Restart,

package/dist/chunk-WPUQ5DLK.js

@@ -0,0 +1,52 @@
+import {
+  SatoshiInputLabel
+} from "./chunk-ZARPNNHA.js";
+import {
+  CommaNumberInput_default
+} from "./chunk-JKENUF42.js";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./chunk-CWMXXUWU.js";
+
+// src/components/SatoshiInput.tsx
+import { Fragment } from "react";
+import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+function SatoshiInput(_a) {
+  var _b = _a, {
+    label,
+    maxValue,
+    error
+  } = _b, rest = __objRest(_b, [
+    "label",
+    "maxValue",
+    "error"
+  ]);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    label && /* @__PURE__ */ jsx(
+      SatoshiInputLabel,
+      {
+        text: label.text,
+        availableSats: label.availableSats,
+        showTooltip: label.showTooltip
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      CommaNumberInput_default,
+      __spreadProps(__spreadValues({
+        placeholder: "SATs"
+      }, rest), {
+        icon: { name: "SatoshiRounded", side: "left" },
+        maxValue: maxValue ? Math.floor(maxValue) : void 0,
+        error
+      })
+    )
+  ] });
+}
+var SatoshiInput_default = SatoshiInput;
+
+export {
+  SatoshiInput,
+  SatoshiInput_default
+};