@lightsparkdev/ui 1.0.13 → 1.0.15

package/dist/{chunk-4U3AAKMA.js → chunk-G375DUHZ.js}

@@ -1,42 +1,39 @@
 import {
   Loading
-} from "./chunk-75PYS7WZ.js";
-import {
-  UnstyledButton
-} from "./chunk-ZP6BJB4X.js";
+} from "./chunk-ASXQN3NJ.js";
 import {
   Tooltip
-} from "./chunk-PYKAAA4T.js";
+} from "./chunk-NVSSVEIP.js";
+import {
+  UnstyledButton
+} from "./chunk-QYJ7HXKC.js";
 import {
   Icon
-} from "./chunk-DV6LJQJW.js";
+} from "./chunk-NXAP7SVM.js";
 import {
   getFocusOutline
-} from "./chunk-POGNK25N.js";
+} from "./chunk-QRFR2JVT.js";
 import {
   Link
-} from "./chunk-7VQUG3NG.js";
+} from "./chunk-FD6VC3VV.js";
 import {
   renderTypography
-} from "./chunk-QJV3WFYP.js";
+} from "./chunk-5WDQEXOH.js";
 import {
   select
 } from "./chunk-YMNSXZ5D.js";
 import {
   applyTypography
-} from "./chunk-TLFK5GBE.js";
+} from "./chunk-XNXBY2U3.js";
 import {
   getBackgroundColor,
   isThemeOrColorKey
-} from "./chunk-N4C6SL6K.js";
-import {
-  TokenSize
-} from "./chunk-AZSSORPU.js";
+} from "./chunk-ZNDP2XLL.js";
 import {
   __objRest,
   __spreadProps,
   __spreadValues
-} from "./chunk-CWMXXUWU.js";
+} from "./chunk-W7FAWX6T.js";
 
 // src/components/Button.tsx
 import { css, useTheme } from "@emotion/react";
@@ -56,32 +53,11 @@ var buttonKinds = [
   "linkLight",
   "danger",
   "warning",
-  "tertiary"
+  "tertiary",
+  "quaternary",
+  "roundSingleChar",
+  "roundIcon"
 ];
-var roundPaddingsX = {
-  [TokenSize.ExtraSmall]: 10,
-  [TokenSize.Small]: 10,
-  [TokenSize.Schmedium]: 10,
-  [TokenSize.Medium]: 14,
-  [TokenSize.Mlarge]: 19,
-  [TokenSize.Large]: 19
-};
-var paddingsX = {
-  [TokenSize.ExtraSmall]: 16,
-  [TokenSize.Small]: 24,
-  [TokenSize.Schmedium]: 24,
-  [TokenSize.Medium]: 24,
-  [TokenSize.Mlarge]: 24,
-  [TokenSize.Large]: 24
-};
-function getPaddingX(size, kind, isRound) {
-  return kind === "ghost" ? 0 : isRound ? roundPaddingsX[size] : paddingsX[size];
-}
-function getPadding({ paddingY, kind, size, iconSide, isRound }) {
-  const paddingX = getPaddingX(size, kind, isRound);
-  const paddingForIcon = 0;
-  return kind === "ghost" ? 0 : `${paddingY}px ${paddingX + (iconSide === "right" ? paddingForIcon : 0)}px ${paddingY}px ${paddingX + (iconSide === "left" ? paddingForIcon : 0)}px`;
-}
 function resolveBackgroundColorKey(theme, kind, defaultKey) {
   var _a;
   const defaultBackgroundColorKey = (_a = theme.buttons.kinds[kind]) == null ? void 0 : _a[defaultKey];
@@ -106,8 +82,13 @@ function resolveProp(prop, kind, defaultKey, theme) {
   );
 }
 function resolveProps(props, theme) {
+  const isSingleCharRoundButton = Boolean(
+    props.text && props.text.length === 1 && !props.icon
+  );
+  const isRoundIconButton = Boolean(!props.text && props.icon);
+  const defaultKind = isSingleCharRoundButton ? "roundSingleChar" : isRoundIconButton ? "roundIcon" : "secondary";
   const _a = props, {
-    kind = "secondary",
+    kind = defaultKind,
     size: sizeProp,
     paddingY: paddingYType = "regular",
     borderRadius,
@@ -122,6 +103,8 @@ function resolveProps(props, theme) {
   const size = resolveProp(sizeProp, kind, "defaultSize", theme);
   const defaultPaddingsY = resolveProp(null, kind, "defaultPaddingsY", theme);
   const defaultPaddingY = defaultPaddingsY[size];
+  const defaultPaddingsX = resolveProp(null, kind, "defaultPaddingsX", theme);
+  const defaultPaddingX = defaultPaddingsX[size];
   const backgroundColor = resolveBackgroundColorKey(
     theme,
     kind,
@@ -162,7 +145,8 @@ function resolveProps(props, theme) {
     size,
     typography,
     paddingY: typeof defaultPaddingY === "number" ? defaultPaddingY : defaultPaddingY[paddingYType],
-    borderRadius: resolveProp(borderRadius, kind, "defaultBorderRadius", theme),
+    paddingX: defaultPaddingX,
+    borderRadius: kind === "roundSingleChar" || kind === "roundIcon" ? 999 : resolveProp(borderRadius, kind, "defaultBorderRadius", theme),
     backgroundColor,
     borderColor,
     hoverBackgroundColor,
@@ -177,6 +161,7 @@ function Button(props) {
     kind,
     typography,
     size,
+    paddingX,
     paddingY,
     text,
     to,
@@ -217,6 +202,7 @@ function Button(props) {
         text,
         typography,
         kind,
+        paddingX,
         children: /* @__PURE__ */ jsx(Loading, { size: defaultIconWidth, center: false, kind: loadingKind })
       }
     );
@@ -228,10 +214,12 @@ function Button(props) {
         text,
         typography,
         kind,
+        paddingX,
         children: /* @__PURE__ */ jsx(
           Icon,
           __spreadProps(__spreadValues({}, icon), {
             width: icon.width || defaultIconWidth,
+            square: true,
             color: typography.color
           })
         )
@@ -270,7 +258,6 @@ function Button(props) {
     ),
     tooltipText ? /* @__PURE__ */ jsx(Tooltip, { id: tooltipId.current, content: tooltipText }) : null
   ] });
-  const isSingleCharRoundButton = Boolean(text && text.length === 1 && !icon);
   const commonProps = {
     id,
     kind,
@@ -279,6 +266,7 @@ function Button(props) {
     onClick,
     fullWidth,
     iconSide,
+    paddingX,
     paddingY,
     backgroundColor,
     borderColor,
@@ -286,7 +274,6 @@ function Button(props) {
     hoverBorderColor,
     activeBackgroundColor,
     activeBorderColor,
-    isRound: isSingleCharRoundButton,
     isLoading: loading,
     disabled: disabled || loading,
     css: {
@@ -311,6 +298,7 @@ function Button(props) {
   ) : /* @__PURE__ */ jsx(StyledButton, __spreadProps(__spreadValues({}, commonProps), { children: content }));
 }
 var buttonStyle = ({
+  paddingX,
   paddingY,
   kind,
   theme,
@@ -321,7 +309,6 @@ var buttonStyle = ({
   zIndex,
   iconSide,
   borderColor: borderColorProp,
-  isRound,
   borderRadius,
   backgroundColor,
   hoverBackgroundColor,
@@ -361,14 +348,8 @@ var buttonStyle = ({
       box-sizing: content-box;
       border: 1px solid;
       border-color: ${borderColor};
-      border-radius: ${isRound ? "100%" : `${borderRadius}px`};
-      padding: ${getPadding({
-    paddingY,
-    kind,
-    size: typography.size,
-    iconSide,
-    isRound
-  })};
+      border-radius: ${typeof borderRadius === "number" ? `${borderRadius}px` : borderRadius};
+      padding: ${paddingY}px ${paddingX}px;
       transition:
         background-color 0.2s ease-out,
         border-color 0.2s ease-out;
@@ -389,7 +370,7 @@ var ButtonIcon = styled.div`
   display: flex;
   align-items: center;
   justify-content: center;
-  ${({ iconSide, kind, typography }) => `${iconSide}: ${getPaddingX(typography.size, kind, false)}px;`}
+  ${({ iconSide, paddingX }) => `${iconSide}: ${paddingX}px;`}
 `;
 var StyledButton = styled(UnstyledButton)`
   ${(props) => buttonStyle(props)}

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

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkLH7M4OGRcjs = require('./chunk-LH7M4OGR.cjs');
+var _chunkT3KB7JMUcjs = require('./chunk-T3KB7JMU.cjs');
 
 
-var _chunkSCLUBPNMcjs = require('./chunk-SCLUBPNM.cjs');
+var _chunkPJUAK2V6cjs = require('./chunk-PJUAK2V6.cjs');
 
 
-var _chunkORWZTMF2cjs = require('./chunk-ORWZTMF2.cjs');
+var _chunkNPXZDRT5cjs = require('./chunk-NPXZDRT5.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 = _chunkT3KB7JMUcjs.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, _chunkNPXZDRT5cjs.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, _chunkPJUAK2V6cjs.Tooltip, { id, render: () => contentNodes, clickable: true })
   ] });
 }
 

package/dist/{chunk-KDUQH43X.cjs → chunk-GCHK6JJU.cjs}

@@ -11,8 +11,8 @@ function BrokenChainLink({ strokeWidth = "1" }) {
       children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
         "path",
         {
-          "fill-rule": "evenodd",
-          "clip-rule": "evenodd",
+          fillRule: "evenodd",
+          clipRule: "evenodd",
           d: "M9.59613 1.71666C10.4891 1.49342 11.394 2.03636 11.6172 2.92934L12.4506 6.26267C12.6738 7.15567 12.1309 8.06056 11.2379 8.28381C10.3449 8.50706 9.44003 7.96413 9.21678 7.07113L8.38345 3.73779C8.1602 2.84481 8.70313 1.93991 9.59613 1.71666ZM30.8912 9.10938C27.6345 5.85274 22.3545 5.85274 19.0979 9.10938L19.0902 9.11712L17.8377 10.3531C17.1827 10.9997 16.1274 10.9928 15.4808 10.3376C14.8342 9.68249 14.8412 8.62724 15.4963 7.98067L16.745 6.74826C21.3037 2.19397 28.6912 2.19534 33.2482 6.75234C37.8054 11.3094 37.8065 18.697 33.2522 23.2558L33.2482 23.2597L32.0199 24.5043C31.3734 25.1595 30.318 25.1663 29.663 24.5198C29.0079 23.8732 29.0009 22.818 29.6474 22.1628L30.8912 20.9027C34.1479 17.646 34.1479 12.366 30.8912 9.10938ZM1.71678 9.59601C1.94003 8.70302 2.84492 8.16009 3.73792 8.38332L7.07125 9.21666C7.96423 9.43991 8.50717 10.3448 8.28392 11.2378C8.06068 12.1308 7.15578 12.6737 6.2628 12.4505L2.92947 11.6171C2.03647 11.3939 1.49353 10.489 1.71678 9.59601ZM10.3377 15.4807C10.9929 16.1272 10.9998 17.1825 10.3532 17.8377L9.10952 19.0978C5.85288 22.3545 5.85287 27.6345 9.10948 30.8912C12.3661 34.1477 17.6462 34.1477 20.9027 30.8912L20.9105 30.8833L22.163 29.6473C22.818 29.0007 23.8734 29.0077 24.5199 29.6628C25.1665 30.318 25.1595 31.3732 24.5044 32.0198L23.2599 33.2482L23.2557 33.2522C18.697 37.8065 11.3095 37.8052 6.75247 33.2482C2.19543 28.691 2.1941 21.3035 6.74847 16.7448L7.98078 15.4962C8.62737 14.841 9.68262 14.8341 10.3377 15.4807ZM31.7169 28.7627C31.94 27.8697 32.8449 27.3267 33.7379 27.55L37.0712 28.3833C37.9642 28.6065 38.5072 29.5115 38.2839 30.4045C38.0607 31.2975 37.1559 31.8403 36.2629 31.6172L32.9295 30.7838C32.0365 30.5605 31.4935 29.6557 31.7169 28.7627ZM28.7629 31.7167C29.6559 31.4933 30.5607 32.0363 30.7839 32.9293L31.6172 36.2627C31.8405 37.1557 31.2975 38.0605 30.4045 38.2838C29.5115 38.507 28.6067 37.9642 28.3835 37.0712L27.5502 33.7378C27.3269 32.8448 27.8699 31.9398 28.7629 31.7167Z",
           fill: "currentColor",
           stroke: "currentColor",

package/dist/chunk-GNRTDXIC.cjs

@@ -0,0 +1,8 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/hooks/useNumberInput/utils/escapeRegExp.ts
+var escapeRegExp = (stringToGoIntoTheRegex) => {
+  return stringToGoIntoTheRegex.replace(/[-/\\^$*+?.()|[\]{}]/g, "\\$&");
+};
+
+
+
+exports.escapeRegExp = escapeRegExp;

package/dist/chunk-GSJPWD4A.cjs

@@ -0,0 +1,26 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkT3KB7JMUcjs = require('./chunk-T3KB7JMU.cjs');
+
+
+
+var _chunkFSFRDBEXcjs = require('./chunk-FSFRDBEX.cjs');
+
+
+
+var _chunkZ6EUSUADcjs = require('./chunk-Z6EUSUAD.cjs');
+
+// src/components/typography/LabelModerate.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function LabelModerate(props) {
+  const propsWithDefaults = _chunkFSFRDBEXcjs.getPropDefaults.call(void 0, props);
+  let reactNodes = props.children || null;
+  if (props.content) {
+    reactNodes = _chunkT3KB7JMUcjs.toReactNodes.call(void 0, props.content);
+  }
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFSFRDBEXcjs.StyledLabelModerate, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, propsWithDefaults), { children: reactNodes }));
+}
+
+
+
+exports.LabelModerate = LabelModerate;

package/dist/{chunk-Q7D6FYAV.js → chunk-GTKUWA5T.js}

@@ -1,40 +1,40 @@
+import {
+  StyledContentTable
+} from "./chunk-K54VI5HT.js";
 import {
   Spacing
 } from "./chunk-E5DUKMCU.js";
-import {
-  StyledContentTable
-} from "./chunk-WF3QCCW3.js";
 import {
   overflowAutoWithoutScrollbars
-} from "./chunk-4ZUB5ENE.js";
+} from "./chunk-E6MPE6H3.js";
 import {
   standardBorderRadius
-} from "./chunk-POGNK25N.js";
+} from "./chunk-QRFR2JVT.js";
+import {
+  StyledCode
+} from "./chunk-NXVPERBS.js";
 import {
   displaySelector
-} from "./chunk-WY3ZN7KY.js";
+} from "./chunk-NWUW6JKG.js";
 import {
   StyledTitle
-} from "./chunk-OAGVIKRU.js";
-import {
-  StyledCode
-} from "./chunk-7P4KTLCD.js";
+} from "./chunk-SN4W3SG5.js";
 import {
   StyledBody
-} from "./chunk-FIHAPO6T.js";
+} from "./chunk-VDKJAYLM.js";
 import {
   ALL_HEADLINE_SELECTORS,
   headlineSelector
-} from "./chunk-5Q7DKJ3J.js";
+} from "./chunk-F6IMOUXV.js";
 import {
   select
 } from "./chunk-YMNSXZ5D.js";
 import {
   getTypographyString
-} from "./chunk-AZSSORPU.js";
+} from "./chunk-FGZFMWJU.js";
 import {
   colors
-} from "./chunk-HO7LVJ3R.js";
+} from "./chunk-HU2UCL6I.js";
 
 // src/components/typography/Article.tsx
 import styled from "@emotion/styled";

package/dist/chunk-GWO7HTIX.cjs

@@ -0,0 +1,42 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/Sun.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function Sun({
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "svg",
+    {
+      width: "100%",
+      viewBox: "0 0 12 12",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            d: "M7.76775 4.23224C8.7441 5.20855 8.7441 6.79145 7.76775 7.76775C6.79145 8.7441 5.20855 8.7441 4.23224 7.76775C3.25592 6.79145 3.25592 5.20855 4.23224 4.23224C5.20855 3.25592 6.79145 3.25592 7.76775 4.23224Z",
+            stroke: "currentColor",
+            strokeLinecap,
+            strokeLinejoin
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            d: "M6 1.5V1M6 11V10.5M9.1799 2.82002L9.5349 2.46502M2.46508 9.535L2.82008 9.18M10.5 6H11M1 6H1.5M9.1799 9.18L9.5349 9.535M2.46508 2.46502L2.82008 2.82002",
+            stroke: "currentColor",
+            strokeLinecap,
+            strokeLinejoin
+          }
+        )
+      ]
+    }
+  );
+}
+
+
+
+exports.Sun = Sun;

package/dist/chunk-GWTYSYM2.js

@@ -0,0 +1,6 @@
+// src/hooks/useNumberInput/utils/isNumber.ts
+var isNumber = (input) => RegExp(/\d/, "gi").test(input);
+
+export {
+  isNumber
+};

package/dist/{chunk-FP6XEEN7.cjs → chunk-H3JCS5YR.cjs}

@@ -1,40 +1,40 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
+var _chunkXB5QBVRWcjs = require('./chunk-XB5QBVRW.cjs');
 
 
-var _chunk6CV6C7DBcjs = require('./chunk-6CV6C7DB.cjs');
+var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
 
 
-var _chunkE36KSEQZcjs = require('./chunk-E36KSEQZ.cjs');
+var _chunkZS6OPCVJcjs = require('./chunk-ZS6OPCVJ.cjs');
 
 
-var _chunkD262WAOVcjs = require('./chunk-D262WAOV.cjs');
+var _chunk4GO7VWXEcjs = require('./chunk-4GO7VWXE.cjs');
 
 
-var _chunkU2434R5Icjs = require('./chunk-U2434R5I.cjs');
+var _chunkO5B6YYPNcjs = require('./chunk-O5B6YYPN.cjs');
 
 
-var _chunkSY55CUFPcjs = require('./chunk-SY55CUFP.cjs');
+var _chunkON57QYPDcjs = require('./chunk-ON57QYPD.cjs');
 
 
-var _chunkKQFTLQPNcjs = require('./chunk-KQFTLQPN.cjs');
+var _chunk3DOBLJXNcjs = require('./chunk-3DOBLJXN.cjs');
 
 
-var _chunkNNBFAVZ7cjs = require('./chunk-NNBFAVZ7.cjs');
+var _chunkZJFRIMCCcjs = require('./chunk-ZJFRIMCC.cjs');
 
 
 
-var _chunkV2JHGVZYcjs = require('./chunk-V2JHGVZY.cjs');
+var _chunkFPYSNZ5Xcjs = require('./chunk-FPYSNZ5X.cjs');
 
 
 var _chunk6VA4SAHQcjs = require('./chunk-6VA4SAHQ.cjs');
 
 
-var _chunkSZKZWADNcjs = require('./chunk-SZKZWADN.cjs');
+var _chunkTBZZXLAMcjs = require('./chunk-TBZZXLAM.cjs');
 
 
-var _chunkJBCEOOZScjs = require('./chunk-JBCEOOZS.cjs');
+var _chunkZBLXVPL4cjs = require('./chunk-ZBLXVPL4.cjs');
 
 // src/components/typography/Article.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -50,53 +50,53 @@ function Article({ defaultTypography, children }) {
   );
 }
 var StyledArticle = _styled2.default.article`
-  ${({ theme, type, size }) => _chunkSZKZWADNcjs.getTypographyString.call(void 0, theme, type, size)}
+  ${({ theme, type, size }) => _chunkTBZZXLAMcjs.getTypographyString.call(void 0, theme, type, size)}
 
-  ${_chunkU2434R5Icjs.displaySelector.call(void 0, "h1")} {
+  ${_chunkON57QYPDcjs.displaySelector.call(void 0, "h1")} {
     margin: 0;
   }
 
-  ${_chunkV2JHGVZYcjs.headlineSelector.call(void 0, "h1")} {
+  ${_chunkFPYSNZ5Xcjs.headlineSelector.call(void 0, "h1")} {
     margin: 0;
     padding-bottom: ${_chunkZUAO4DW3cjs.Spacing.px.xs};
   }
 
-  ${_chunkV2JHGVZYcjs.headlineSelector.call(void 0, "h2")} {
+  ${_chunkFPYSNZ5Xcjs.headlineSelector.call(void 0, "h2")} {
     padding-top: ${_chunkZUAO4DW3cjs.Spacing.px["2xl"]};
     padding-bottom: ${_chunkZUAO4DW3cjs.Spacing.px.xs};
     margin: 0;
   }
 
-  ${_chunkV2JHGVZYcjs.headlineSelector.call(void 0, "h3")} {
+  ${_chunkFPYSNZ5Xcjs.headlineSelector.call(void 0, "h3")} {
     padding-top: ${_chunkZUAO4DW3cjs.Spacing.px["2xl"]};
     padding-bottom: ${_chunkZUAO4DW3cjs.Spacing.px.xs};
     margin: 0;
   }
 
-  ${_chunkV2JHGVZYcjs.headlineSelector.call(void 0, "h4")} {
+  ${_chunkFPYSNZ5Xcjs.headlineSelector.call(void 0, "h4")} {
     padding-top: ${_chunkZUAO4DW3cjs.Spacing.px["2xl"]};
     padding-bottom: ${_chunkZUAO4DW3cjs.Spacing.px.xs};
     margin: 0;
   }
 
-  ${_chunkV2JHGVZYcjs.headlineSelector.call(void 0, "h5")} {
+  ${_chunkFPYSNZ5Xcjs.headlineSelector.call(void 0, "h5")} {
     padding-top: ${_chunkZUAO4DW3cjs.Spacing.px["2xl"]};
     padding-bottom: ${_chunkZUAO4DW3cjs.Spacing.px.xs};
     margin: 0;
   }
 
-  ${_chunkV2JHGVZYcjs.headlineSelector.call(void 0, "h6")} {
+  ${_chunkFPYSNZ5Xcjs.headlineSelector.call(void 0, "h6")} {
     padding-top: ${_chunkZUAO4DW3cjs.Spacing.px["2xl"]};
     padding-bottom: ${_chunkZUAO4DW3cjs.Spacing.px.xs};
     margin: 0;
   }
 
-  ${_chunk6VA4SAHQcjs.select.call(void 0, _chunkNNBFAVZ7cjs.StyledBody)} {
+  ${_chunk6VA4SAHQcjs.select.call(void 0, _chunkZJFRIMCCcjs.StyledBody)} {
     margin-top: ${_chunkZUAO4DW3cjs.Spacing.px.xs};
     margin-bottom: ${_chunkZUAO4DW3cjs.Spacing.px.xs};
   }
 
-  ${_chunk6VA4SAHQcjs.select.call(void 0, _chunk6CV6C7DBcjs.StyledContentTable)} {
+  ${_chunk6VA4SAHQcjs.select.call(void 0, _chunkXB5QBVRWcjs.StyledContentTable)} {
     margin: ${_chunkZUAO4DW3cjs.Spacing.px["2xl"]} 0;
   }
 
@@ -110,9 +110,9 @@ var StyledArticle = _styled2.default.article`
     font-weight: 700;
   }
 
-  *:not(${_chunkV2JHGVZYcjs.ALL_HEADLINE_SELECTORS},${_chunk6VA4SAHQcjs.select.call(void 0, _chunkSY55CUFPcjs.StyledTitle)},${_chunk6VA4SAHQcjs.select.call(void 0, _chunkKQFTLQPNcjs.StyledCode)})
+  *:not(${_chunkFPYSNZ5Xcjs.ALL_HEADLINE_SELECTORS},${_chunk6VA4SAHQcjs.select.call(void 0, _chunk3DOBLJXNcjs.StyledTitle)},${_chunk6VA4SAHQcjs.select.call(void 0, _chunkO5B6YYPNcjs.StyledCode)})
     > a {
-    ${({ theme }) => _chunkSZKZWADNcjs.getTypographyString.call(void 0, theme, "Label Strong", "Large")}
+    ${({ theme }) => _chunkTBZZXLAMcjs.getTypographyString.call(void 0, theme, "Label Strong", "Large")}
     font-size: inherit;
     color: ${({ theme }) => theme.link};
   }
@@ -128,22 +128,22 @@ var StyledArticle = _styled2.default.article`
   }
 
   li {
-    ${({ theme }) => _chunkSZKZWADNcjs.getTypographyString.call(void 0, theme, "Body", "Medium")}
+    ${({ theme }) => _chunkTBZZXLAMcjs.getTypographyString.call(void 0, theme, "Body", "Medium")}
     :not(:last-child) {
       margin-bottom: ${_chunkZUAO4DW3cjs.Spacing.px["3xs"]};
     }
   }
 
   code:not([class|="language"]) {
-    ${({ theme }) => _chunkSZKZWADNcjs.getTypographyString.call(void 0, theme, "Code", "Medium")}
-    background: ${_chunkJBCEOOZScjs.colors.grayBlue94};
+    ${({ theme }) => _chunkTBZZXLAMcjs.getTypographyString.call(void 0, theme, "Code", "Medium")}
+    background: ${_chunkZBLXVPL4cjs.colors.grayBlue94};
     padding: ${_chunkZUAO4DW3cjs.Spacing.px["4xs"]} ${_chunkZUAO4DW3cjs.Spacing.px["2xs"]};
     margin: ${_chunkZUAO4DW3cjs.Spacing.px["4xs"]};
     border-radius: 4px;
   }
 
   pre[class|="language"] {
-    ${_chunkD262WAOVcjs.standardBorderRadius.call(void 0, 8)}
+    ${_chunk4GO7VWXEcjs.standardBorderRadius.call(void 0, 8)}
     width: 100%;
     padding: ${_chunkZUAO4DW3cjs.Spacing.px.md} ${_chunkZUAO4DW3cjs.Spacing.px.lg};
     margin: ${_chunkZUAO4DW3cjs.Spacing.px.md} 0;
@@ -152,9 +152,9 @@ var StyledArticle = _styled2.default.article`
   // Must match specificity of prismjs to get proper line height!
   pre[class|="language"],
   code[class|="language"] {
-    ${({ theme }) => _chunkSZKZWADNcjs.getTypographyString.call(void 0, theme, "Code", "Small")}
+    ${({ theme }) => _chunkTBZZXLAMcjs.getTypographyString.call(void 0, theme, "Code", "Small")}
 
-    ${_chunkE36KSEQZcjs.overflowAutoWithoutScrollbars}
+    ${_chunkZS6OPCVJcjs.overflowAutoWithoutScrollbars}
   }
 
   blockquote {

package/dist/{chunk-M3BXK56E.cjs → chunk-H5AASSI7.cjs}

@@ -1,14 +1,14 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkQZUKSHZIcjs = require('./chunk-QZUKSHZI.cjs');
+var _chunkUFVID3P7cjs = require('./chunk-UFVID3P7.cjs');
 
 
-var _chunkNHFPNXOPcjs = require('./chunk-NHFPNXOP.cjs');
+var _chunk7P7QXMDNcjs = require('./chunk-7P7QXMDN.cjs');
 
 
 
 
-var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
+var _chunkZ6EUSUADcjs = require('./chunk-Z6EUSUAD.cjs');
 
 // src/components/SatoshiInput.tsx
 var _react = require('react');
@@ -18,14 +18,14 @@ function SatoshiInput(_a) {
     label,
     maxValue,
     error
-  } = _b, rest = _chunkYM5JDZDQcjs.__objRest.call(void 0, _b, [
+  } = _b, rest = _chunkZ6EUSUADcjs.__objRest.call(void 0, _b, [
     "label",
     "maxValue",
     "error"
   ]);
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _react.Fragment, { children: [
     label && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkQZUKSHZIcjs.SatoshiInputLabel,
+      _chunkUFVID3P7cjs.SatoshiInputLabel,
       {
         text: label.text,
         availableSats: label.availableSats,
@@ -33,10 +33,11 @@ function SatoshiInput(_a) {
       }
     ),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkNHFPNXOPcjs.CommaNumberInput_default,
-      _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {
+      _chunk7P7QXMDNcjs.NumberInput_default,
+      _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {
         placeholder: "SATs"
       }, rest), {
+        allowDecimals: false,
         icon: { name: "SatoshiRounded", side: "left" },
         maxValue: maxValue ? Math.floor(maxValue) : void 0,
         error

package/dist/{chunk-4UODEA5K.js → chunk-H5ME2PMB.js}

@@ -1,32 +1,32 @@
 import {
   QRReader
-} from "./chunk-WIRXH6BA.js";
+} from "./chunk-TJKJYY5O.js";
 import {
   FieldError,
   aboveFieldError,
   standardBorderColor
-} from "./chunk-P2OCWRMQ.js";
+} from "./chunk-HJWXHKVC.js";
+import {
+  pxToRems
+} from "./chunk-E6MPE6H3.js";
 import {
   Button
-} from "./chunk-4U3AAKMA.js";
+} from "./chunk-G375DUHZ.js";
 import {
   UnstyledButton
-} from "./chunk-ZP6BJB4X.js";
+} from "./chunk-QYJ7HXKC.js";
 import {
   z
 } from "./chunk-55OQPFLF.js";
-import {
-  pxToRems
-} from "./chunk-4ZUB5ENE.js";
 import {
   Icon
-} from "./chunk-DV6LJQJW.js";
+} from "./chunk-NXAP7SVM.js";
 import {
   standardBorderRadius
-} from "./chunk-POGNK25N.js";
+} from "./chunk-QRFR2JVT.js";
 import {
   colors
-} from "./chunk-HO7LVJ3R.js";
+} from "./chunk-HU2UCL6I.js";
 
 // src/components/QRReaderButton.tsx
 import styled from "@emotion/styled";