@lightsparkdev/ui 1.1.1 → 1.1.3

package/CHANGELOG.md

@@ -1,5 +1,53 @@
 # @lightsparkdev/ui
 
+## 1.1.3
+
+### Patch Changes
+
+- 7ae2525: - Updates to BirthdayInput
+  - Add icons
+- Updated dependencies [7ae2525]
+  - @lightsparkdev/core@1.4.1
+
+## 1.1.2
+
+### Patch Changes
+
+- 5cfff96: - **BirthdayInput**
+  - Dropped internal validity state; added `formatDateToText` hint formatter and “must be before today” validation.
+  - **TextInput**
+    - Introduced `success` & `contentError` props, `hideNonErrorsIfBlurred`, configurable `iconOffsets`, `iconStrokeWidths`.
+  - **PhoneInput**
+    - Added `onFocus` callback.
+  - **QRCode**
+    - Swapped in new `LogoMark` asset (vs. `FramedLogoOnCircle`), adjusted image sizing.
+  - **Drawer & Modal**
+    - Added `alignBottom` and `disableTouchMove` flags to support bottom-aligned, non-dismissable drawers.
+  - **Button & Checkbox**
+    - New kinds: `green37`, `gray99`, `white21`.
+    - Added margin props (`mb`, `ml`, `mr`) for fine-grained spacing.
+  - **CardForm**
+    - Major refactor: dozens of new props (`aboveHeaderContent`, `graphicHeader`, `centeredContent`, `paddingX`, `contentMarginTop`, `formButtonTopMargin`, `selectMarginTop`, `smDontAdjustWidth`, etc.).
+    - Extracted `CardFormHeadline`/`CenteredHeader`, wrapped forms in a `Flex` when using graphic headers.
+  - **InputSubtext**
+    - Now supports rich React-node `content`, distinguishes error vs. success styling, and respects “hide if blurred” logic.
+  - **Toasts**
+    - Added optional `type` (`error` | `success` | `info`) to color toast backgrounds.
+  - **Hooks**
+    - **`useFields`**: validator signature now `(value, fields?)`; added `matchesField` and `clabe` validators; smarter merge to prevent unnecessary rerenders.
+    - **`useQueryParamBooleans`**: new hook for parsing multiple boolean query parameters at once.
+  - **Icons**
+    - Introduced dozens of new icons (e.g. `LogoMark`, `LightningBoltOutline`, `NonagonCheckmark`, `NubankLogo`) plus a full “central” icon set under `icons/central/`.
+    - Standardized on a `PathProps` interface for configurable strokes.
+  - **Styles & Theme**
+    - **Colors**: added `gray35`, `gray7`, `white21`, `green37`, `blue32`, `linkLight`.
+    - **Layout helper**: `buildStandardContentInset` gains an `smDontAdjustWidth` opt-out.
+    - Tweaked `smHeaderLogoMarginLeft` (30px → 20px).
+    - **Button themes**: added `white21`, `linkLight`, and `tertiary` kinds.
+    - **CardForm theme**: now allows zero padding for new layout options.
+- Updated dependencies [5cfff96]
+  - @lightsparkdev/core@1.4.0
+
 ## 1.1.1
 
 ### Patch Changes

package/dist/{chunk-TT5U4LAS.cjs → chunk-237X7NK7.cjs}

@@ -1,15 +1,15 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkFAZRPNVLcjs = require('./chunk-FAZRPNVL.cjs');
+var _chunkO3NYVYX5cjs = require('./chunk-O3NYVYX5.cjs');
 
 
-var _chunk6N7XRYZDcjs = require('./chunk-6N7XRYZD.cjs');
+var _chunkCJ7ADAD6cjs = require('./chunk-CJ7ADAD6.cjs');
 
 
 var _chunkCH2PLO6Fcjs = require('./chunk-CH2PLO6F.cjs');
 
 
-var _chunk4N5EXQIScjs = require('./chunk-4N5EXQIS.cjs');
+var _chunkCKSZUZXJcjs = require('./chunk-CKSZUZXJ.cjs');
 
 
 var _chunkJA7KZV3Qcjs = require('./chunk-JA7KZV3Q.cjs');
@@ -21,11 +21,11 @@ function SatoshiInputLabel({
   availableSats,
   showTooltip = true
 }) {
-  const availableSatsTooltipNode = showTooltip ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk6N7XRYZDcjs.Label, { style: { display: "inline-flex", margin: "0 0 0 3px" }, children: [
+  const availableSatsTooltipNode = showTooltip ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkO3NYVYX5cjs.Label, { style: { display: "inline-flex", margin: "0 0 0 3px" }, children: [
     "available",
     " ",
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkFAZRPNVLcjs.InfoIconTooltip,
+      _chunkCJ7ADAD6cjs.InfoIconTooltip,
       {
         id: "available-balance-tooltip",
         content: [
@@ -38,10 +38,10 @@ function SatoshiInputLabel({
       }
     )
   ] }) : null;
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk6N7XRYZDcjs.Label, { children: [
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkO3NYVYX5cjs.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, _chunk4N5EXQIScjs.Icon, { name: "Satoshi", width: 8, mr: 4, verticalAlign: -2 }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCKSZUZXJcjs.Icon, { name: "Satoshi", width: 8, mr: 4, verticalAlign: -2 }),
       _chunkJA7KZV3Qcjs.addCommasToDigits.call(void 0, Math.floor(availableSats)),
       availableSatsTooltipNode
     ] }) })

package/dist/{chunk-O7SUJOVJ.js → chunk-26WKRUQ7.js}

@@ -1,6 +1,6 @@
 import {
   renderTypography
-} from "./chunk-UL6O4F7D.js";
+} from "./chunk-NC6VCEIB.js";
 import {
   __async
 } from "./chunk-W7FAWX6T.js";

package/dist/{chunk-63FTHNXH.js → chunk-2FY7MSPJ.js}

@@ -1,11 +1,14 @@
 // src/icons/ZapLite.tsx
 import { jsx } from "@emotion/react/jsx-runtime";
-function ZapLite() {
+function ZapLite({
+  strokeWidth = "1.5",
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
   return /* @__PURE__ */ jsx(
     "svg",
     {
-      width: "24",
-      height: "24",
+      width: "100%",
       viewBox: "0 0 24 24",
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
@@ -13,9 +16,10 @@ function ZapLite() {
         "path",
         {
           d: "M19.7977 8.74998H13.7499C13.4738 8.74998 13.2499 8.52612 13.2499 8.24998V2.35568C13.2499 1.86503 12.6168 1.6679 12.3383 2.07181L3.79055 14.4661C3.5618 14.7978 3.79923 15.25 4.20215 15.25H10.2499C10.526 15.25 10.7499 15.4739 10.7499 15.75V21.6443C10.7499 22.135 11.3829 22.3321 11.6615 21.9282L20.2093 9.53385C20.4381 9.20216 20.2006 8.74998 19.7977 8.74998Z",
-          stroke: "#16171A",
-          strokeWidth: "1.5",
-          strokeLinejoin: "round"
+          stroke: "currentColor",
+          strokeWidth,
+          strokeLinecap,
+          strokeLinejoin
         }
       )
     }

package/dist/chunk-2GW2BIB4.cjs

@@ -0,0 +1,36 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/NonagonCheckmark.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function NonagonCheckmark() {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "12",
+      height: "12",
+      viewBox: "0 0 12 12",
+      fill: "none",
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            d: "M6.00008 1C6.10868 1 6.21193 1.04708 6.28313 1.12905L7.36998 2.37994L9.00663 2.12032C9.11388 2.10331 9.22323 2.13362 9.30643 2.20342C9.38963 2.27322 9.43848 2.37566 9.44033 2.48423L9.46883 4.14109L10.8895 4.99422C10.9826 5.05015 11.0469 5.14365 11.0657 5.2506C11.0846 5.35755 11.0561 5.4674 10.9878 5.55175L9.94463 6.83935L10.4845 8.406C10.5199 8.5087 10.509 8.62165 10.4547 8.7157C10.4004 8.80975 10.308 8.87565 10.2014 8.8963L8.57468 9.2121L7.98123 10.7593C7.94233 10.8607 7.86138 10.9403 7.75933 10.9774C7.65728 11.0146 7.54418 11.0056 7.44923 10.953L6.00008 10.1492L4.55092 10.953C4.45596 11.0056 4.34282 11.0146 4.24078 10.9774C4.13874 10.9403 4.0578 10.8607 4.01891 10.7593L3.42543 9.2121L1.7987 8.8963C1.6921 8.87565 1.5997 8.80975 1.5454 8.7157C1.49111 8.62165 1.48024 8.5087 1.51562 8.406L2.0555 6.83935L1.01234 5.55175C0.943982 5.4674 0.915552 5.35755 0.934412 5.2506C0.953267 5.14365 1.01756 5.05015 1.11065 4.99422L2.53127 4.14109L2.55979 2.48423C2.56166 2.37566 2.61051 2.27322 2.69369 2.20342C2.77688 2.13362 2.88624 2.10331 2.99349 2.12032L4.63013 2.37994L5.71698 1.12905C5.78823 1.04708 5.89148 1 6.00008 1ZM7.51523 5.64015C7.66168 5.4937 7.66168 5.2563 7.51523 5.10985C7.36878 4.96339 7.13133 4.96339 6.98488 5.10985L5.50008 6.59465L5.01523 6.10985C4.86878 5.9634 4.63134 5.9634 4.4849 6.10985C4.33845 6.2563 4.33845 6.4937 4.4849 6.64015L5.23488 7.39015C5.30523 7.4605 5.40063 7.5 5.50008 7.5C5.59953 7.5 5.69493 7.4605 5.76523 7.39015L7.51523 5.64015Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            d: "M7.51523 5.64015C7.66168 5.4937 7.66168 5.2563 7.51523 5.10985C7.36878 4.96339 7.13133 4.96339 6.98488 5.10985L5.50008 6.59465L5.01523 6.10985C4.86878 5.9634 4.63134 5.9634 4.4849 6.10985C4.33845 6.2563 4.33845 6.4937 4.4849 6.64015L5.23488 7.39015C5.30523 7.4605 5.40063 7.5 5.50008 7.5C5.59953 7.5 5.69493 7.4605 5.76523 7.39015L7.51523 5.64015Z",
+            fill: "#0068C9"
+          }
+        )
+      ]
+    }
+  );
+}
+
+
+
+exports.NonagonCheckmark = NonagonCheckmark;

package/dist/{chunk-KDCMTDLB.js → chunk-2LFZ5QQV.js}

@@ -1,7 +1,7 @@
 import {
   firstChild,
   pxToRems
-} from "./chunk-KKGZ47R3.js";
+} from "./chunk-MGHQ74CH.js";
 import {
   bp
 } from "./chunk-JSGRNWSB.js";

package/dist/{chunk-ANYBXX2H.cjs → chunk-2LPJW7N3.cjs}

@@ -2,7 +2,7 @@
 
 
 
-var _chunk6N7XRYZDcjs = require('./chunk-6N7XRYZD.cjs');
+var _chunkO3NYVYX5cjs = require('./chunk-O3NYVYX5.cjs');
 
 // src/components/TextArea.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -24,7 +24,7 @@ function TextArea({
   readOnly = false
 }) {
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _react.Fragment, { children: [
-    label && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk6N7XRYZDcjs.Label, { children: label }),
+    label && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkO3NYVYX5cjs.Label, { children: label }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       StyledTextArea,
       {
@@ -40,11 +40,11 @@ function TextArea({
         readOnly
       }
     ),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk6N7XRYZDcjs.InputSubtext, { text: error || hint })
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkO3NYVYX5cjs.InputSubtext, { text: error || hint })
   ] });
 }
 var StyledTextArea = _styled2.default.textarea`
-  ${_chunk6N7XRYZDcjs.textInputStyle}
+  ${_chunkO3NYVYX5cjs.textInputStyle}
   resize: none;
   min-height: ${({ minHeight }) => typeof minHeight === "number" ? `${minHeight}px` : "initial"};
 `;

package/dist/{chunk-XPV3XQ5D.js → chunk-2LW57DDG.js}

@@ -3,19 +3,19 @@ import {
 } from "./chunk-MS4Y7HXG.js";
 import {
   LabelModerate
-} from "./chunk-QX2R5WFV.js";
+} from "./chunk-BGBAE2DX.js";
 import {
   textInputStyle
-} from "./chunk-UH2H3Y7Y.js";
-import {
-  z
-} from "./chunk-55OQPFLF.js";
+} from "./chunk-AO3ZBQ6T.js";
 import {
   Spacing
 } from "./chunk-E5DUKMCU.js";
+import {
+  z
+} from "./chunk-55OQPFLF.js";
 import {
   Icon
-} from "./chunk-YTKSEJHA.js";
+} from "./chunk-5VKJXXI3.js";
 import {
   getTypographyString
 } from "./chunk-J3TUZRIL.js";

package/dist/{chunk-OAK4IOA5.js → chunk-2PEBHHWF.js}

@@ -2,29 +2,29 @@ import {
   bannerTiming
 } from "./chunk-E3FGOYEJ.js";
 import {
-  z
-} from "./chunk-55OQPFLF.js";
+  useResizeObserver
+} from "./chunk-ZSWFGISK.js";
 import {
   toReactNodes
-} from "./chunk-BDL3A6DZ.js";
+} from "./chunk-H37TWCVW.js";
+import {
+  z
+} from "./chunk-55OQPFLF.js";
 import {
   Icon
-} from "./chunk-YTKSEJHA.js";
+} from "./chunk-5VKJXXI3.js";
 import {
   Link
-} from "./chunk-PTJ7AVLT.js";
+} from "./chunk-BMCY2VFD.js";
 import {
   getColor
-} from "./chunk-33OPRYWV.js";
+} from "./chunk-GZILHEOA.js";
 import {
   bp
 } from "./chunk-JSGRNWSB.js";
 import {
   colors
-} from "./chunk-WAGTMEWB.js";
-import {
-  useResizeObserver
-} from "./chunk-ZSWFGISK.js";
+} from "./chunk-EA22C7OJ.js";
 
 // src/components/Banner/Banner.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-7QQY56II.js → chunk-2RVLP62B.js}

@@ -1,10 +1,10 @@
 import {
   toReactNodes
-} from "./chunk-BDL3A6DZ.js";
+} from "./chunk-H37TWCVW.js";
 import {
   StyledDisplay,
   getPropDefaults
-} from "./chunk-4S2OUM3H.js";
+} from "./chunk-B5OPCMGB.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/{chunk-PMKBHZ4E.cjs → chunk-2W2RDGG3.cjs}

@@ -1,6 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/Uma.tsx
 var _jsxruntime = require('@emotion/react/jsx-runtime');
-function Uma() {
+function Uma({
+  strokeWidth = "1.5",
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     "svg",
     {

package/dist/{chunk-E62AL352.js → chunk-2YSHIEYY.js}

@@ -1,18 +1,18 @@
 import {
   setDefaultReactNodesTypography
-} from "./chunk-5A7SOR5D.js";
+} from "./chunk-H7KIUDPL.js";
 import {
   toReactNodes
-} from "./chunk-BDL3A6DZ.js";
+} from "./chunk-H37TWCVW.js";
 import {
   Icon
-} from "./chunk-YTKSEJHA.js";
+} from "./chunk-5VKJXXI3.js";
 import {
   standardBorderRadius
-} from "./chunk-ANZUTQRP.js";
+} from "./chunk-VAPNTHG5.js";
 import {
   getColor
-} from "./chunk-33OPRYWV.js";
+} from "./chunk-GZILHEOA.js";
 
 // src/components/Badge.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-43FHEBXH.js → chunk-35YPXM7E.js}

@@ -1,21 +1,21 @@
+import {
+  Spacing
+} from "./chunk-E5DUKMCU.js";
 import {
   Button
-} from "./chunk-2OE2VPDJ.js";
+} from "./chunk-KWNSXCDT.js";
 import {
   UnstyledButton
-} from "./chunk-3HIDFTSK.js";
+} from "./chunk-P6GYMAUR.js";
 import {
   z
 } from "./chunk-55OQPFLF.js";
-import {
-  Spacing
-} from "./chunk-E5DUKMCU.js";
 import {
   Icon
-} from "./chunk-YTKSEJHA.js";
+} from "./chunk-5VKJXXI3.js";
 import {
   standardFocusOutline
-} from "./chunk-ANZUTQRP.js";
+} from "./chunk-VAPNTHG5.js";
 
 // src/components/Drawer.tsx
 import styled from "@emotion/styled";
@@ -41,7 +41,7 @@ var Drawer = (props) => {
   };
   const handleTouchMove = (event) => {
     var _a, _b;
-    if (props.nonDismissable) {
+    if (props.nonDismissable || props.disableTouchMove) {
       return;
     }
     if (lastY === null) {
@@ -60,13 +60,13 @@ var Drawer = (props) => {
     }
   };
   const handleTouchStart = () => {
-    if (props.nonDismissable) {
+    if (props.nonDismissable || props.disableTouchMove) {
       return;
     }
     setGrabbing(true);
   };
   const handleTouchEnd = () => {
-    if (props.nonDismissable) {
+    if (props.nonDismissable || props.disableTouchMove) {
       return;
     }
     setGrabbing(false);
@@ -96,28 +96,36 @@ var Drawer = (props) => {
         grabbing,
         ref: drawerContainerRef,
         top: props.top,
-        children: /* @__PURE__ */ jsxs(DrawerInnerContainer, { kind: props.kind, padding: props.padding, children: [
-          props.grabber && !props.nonDismissable && /* @__PURE__ */ jsx(Grabber, { onClick: handleClose, children: /* @__PURE__ */ jsx(GrabberBar, {}) }),
-          props.handleBack && /* @__PURE__ */ jsx(BackButtonContainer, { children: /* @__PURE__ */ jsx(
-            Button,
-            {
-              onClick: props.handleBack,
-              icon: { name: "ChevronLeft" },
-              kind: "ghost",
-              size: "Small"
-            }
-          ) }),
-          props.closeButton && !props.nonDismissable && /* @__PURE__ */ jsx(CloseButtonContainer, { children: /* @__PURE__ */ jsx(CloseButton, { onClick: handleClose, type: "button", children: /* @__PURE__ */ jsx(
-            Icon,
-            {
-              name: "CentralCrossLarge",
-              square: true,
-              width: 16,
-              color: "grayBlue43"
-            }
-          ) }) }),
-          props.children
-        ] })
+        children: /* @__PURE__ */ jsxs(
+          DrawerInnerContainer,
+          {
+            kind: props.kind,
+            padding: props.padding,
+            alignBottom: props.alignBottom,
+            children: [
+              props.grabber && !props.nonDismissable && /* @__PURE__ */ jsx(Grabber, { onClick: handleClose, children: /* @__PURE__ */ jsx(GrabberBar, {}) }),
+              props.handleBack && /* @__PURE__ */ jsx(BackButtonContainer, { children: /* @__PURE__ */ jsx(
+                Button,
+                {
+                  onClick: props.handleBack,
+                  icon: { name: "ChevronLeft" },
+                  kind: "ghost",
+                  size: "Small"
+                }
+              ) }),
+              props.closeButton && !props.nonDismissable && /* @__PURE__ */ jsx(CloseButtonContainer, { children: /* @__PURE__ */ jsx(CloseButton, { onClick: handleClose, type: "button", children: /* @__PURE__ */ jsx(
+                Icon,
+                {
+                  name: "CentralCrossLarge",
+                  square: true,
+                  width: 16,
+                  color: "grayBlue43"
+                }
+              ) }) }),
+              props.children
+            ]
+          }
+        )
       }
     )
   ] });
@@ -186,13 +194,14 @@ var DrawerContainer = styled.div`
   }
 `;
 var DrawerInnerContainer = styled.div`
+  ${(props) => props.alignBottom ? "margin-top: auto;" : ""}
   position: relative;
   display: flex;
   flex-direction: column;
   width: ${(props) => props.kind === "floating" ? `calc(100% - ${Spacing.md * 2}px)` : "100%"};
   min-width: 320px;
-  height: 100%;
   ${(props) => props.kind === "floating" ? `bottom: ${Spacing.px.md};` : ""}
+  height: auto;
   border-radius: ${(props) => props.kind === "floating" ? Spacing.px.lg : `${Spacing.px.lg} ${Spacing.px.lg} 0 0`};
   background-color: ${({ theme }) => theme.bg};
   padding: ${(props) => props.padding ? `${props.padding}` : `${Spacing.px["6xl"]} ${Spacing.px.xl} ${Spacing.px["2xl"]}

package/dist/{chunk-5IE76ZD5.js → chunk-36OKOBEM.js}

@@ -1,25 +1,25 @@
 import {
   TextInput
-} from "./chunk-JBKOX4EH.js";
-import {
-  Pill
-} from "./chunk-2NFFDKIX.js";
+} from "./chunk-GNNSP254.js";
 import {
   InputSubtext,
   inputBlockStyle
-} from "./chunk-UH2H3Y7Y.js";
+} from "./chunk-AO3ZBQ6T.js";
+import {
+  Pill
+} from "./chunk-BOO6NMGY.js";
+import {
+  useClipboard
+} from "./chunk-QHODHUW2.js";
 import {
   UnstyledButton
-} from "./chunk-3HIDFTSK.js";
+} from "./chunk-P6GYMAUR.js";
 import {
   Icon
-} from "./chunk-YTKSEJHA.js";
+} from "./chunk-5VKJXXI3.js";
 import {
   useBreakpoints
 } from "./chunk-JSGRNWSB.js";
-import {
-  useClipboard
-} from "./chunk-QHODHUW2.js";
 import {
   __async
 } from "./chunk-W7FAWX6T.js";

package/dist/{chunk-QV5FM54P.cjs → chunk-3DNXQ5SN.cjs}

@@ -5,28 +5,28 @@ var _chunk2JKTPKU6cjs = require('./chunk-2JKTPKU6.cjs');
 
 
 
-var _chunk6N7XRYZDcjs = require('./chunk-6N7XRYZD.cjs');
+var _chunkO3NYVYX5cjs = require('./chunk-O3NYVYX5.cjs');
 
 
-var _chunkVXW4GOMOcjs = require('./chunk-VXW4GOMO.cjs');
+var _chunkWX5R7NU7cjs = require('./chunk-WX5R7NU7.cjs');
 
 
-var _chunkR46DRG52cjs = require('./chunk-R46DRG52.cjs');
+var _chunkCZJ6JPXBcjs = require('./chunk-CZJ6JPXB.cjs');
 
 
-var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
+var _chunkNCVALN33cjs = require('./chunk-NCVALN33.cjs');
 
 
-var _chunkXQNOVNF4cjs = require('./chunk-XQNOVNF4.cjs');
+var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
-var _chunk4N5EXQIScjs = require('./chunk-4N5EXQIS.cjs');
+var _chunkCKSZUZXJcjs = require('./chunk-CKSZUZXJ.cjs');
 
 
-var _chunkU35SY546cjs = require('./chunk-U35SY546.cjs');
+var _chunk545K27C4cjs = require('./chunk-545K27C4.cjs');
 
 
-var _chunkK7HWTEGPcjs = require('./chunk-K7HWTEGP.cjs');
+var _chunkDRTADBFRcjs = require('./chunk-DRTADBFR.cjs');
 
 // src/components/QRReaderButton.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -49,7 +49,7 @@ function QRReaderOverlay({
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, StyledQRReaderOverlay, { children: [
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, ScreenContext, { children: [
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, OverlayHeader, { children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, BackButton, { onClick: onClickBack, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4N5EXQIScjs.Icon, { name: "ArrowLeft", width: 25 }) }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, BackButton, { onClick: onClickBack, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCKSZUZXJcjs.Icon, { name: "ArrowLeft", width: 25 }) }),
         captureModeTitle ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: captureModeTitle }) : null
       ] }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -68,7 +68,7 @@ function QRReaderOverlay({
       ),
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, OverlayFooter, { children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: "or" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVXW4GOMOcjs.Button, { text: "Enter an address", onClick: onClickBack, mt: 12 })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCZJ6JPXBcjs.Button, { text: "Enter an address", onClick: onClickBack, mt: 12 })
       ] })
     ] }),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
@@ -188,12 +188,12 @@ function QRReaderButton({
         onClick: () => setCapturing(true),
         hasError: Boolean(errorMsg),
         children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4N5EXQIScjs.Icon, { name: "CameraCapture", width: 64 }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCKSZUZXJcjs.Icon, { name: "CameraCapture", width: 64 }),
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { css: { marginTop: "21px" }, children: "Scan QR Code" })
         ]
       }
     ),
-    errorMsg ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk6N7XRYZDcjs.FieldError, { children: errorMsg }) : null
+    errorMsg ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkO3NYVYX5cjs.FieldError, { children: errorMsg }) : null
   ] });
 }
 var StyledQRReaderOverlay = _styled2.default.div`
@@ -219,13 +219,13 @@ var QRContainer = _styled2.default.div`
   }
 `;
 var QRReaderButtonContainer = _styled2.default.div``;
-var ScanQRButton = _styled2.default.call(void 0, _chunkR46DRG52cjs.UnstyledButton)`
-  ${_chunk6N7XRYZDcjs.standardBorderColor}
-  ${_chunk6N7XRYZDcjs.aboveFieldError}
+var ScanQRButton = _styled2.default.call(void 0, _chunkNCVALN33cjs.UnstyledButton)`
+  ${_chunkO3NYVYX5cjs.standardBorderColor}
+  ${_chunkO3NYVYX5cjs.aboveFieldError}
   margin-top: 16px;
   border-style: solid;
   border-width: 1px;
-  ${_chunkU35SY546cjs.standardBorderRadius.call(void 0, 8)}
+  ${_chunk545K27C4cjs.standardBorderRadius.call(void 0, 8)}
   width: 100%;
   padding: 24px 16px 16px;
   display: flex;
@@ -243,14 +243,14 @@ var ScreenContext = _styled2.default.div`
   height: 100vh;
   left: 50%;
   transform: translateX(-50%);
-  color: ${_chunkK7HWTEGPcjs.colors.white};
+  color: ${_chunkDRTADBFRcjs.colors.white};
   text-align: center;
 `;
 var qrOverlayHeaderHeightPx = 80;
-var BackButton = _styled2.default.call(void 0, _chunkR46DRG52cjs.UnstyledButton)`
+var BackButton = _styled2.default.call(void 0, _chunkNCVALN33cjs.UnstyledButton)`
   height: ${qrOverlayHeaderHeightPx}px;
   width: ${qrOverlayHeaderHeightPx}px;
-  color: ${_chunkK7HWTEGPcjs.colors.white};
+  color: ${_chunkDRTADBFRcjs.colors.white};
   display: flex;
   align-items: center;
   justify-content: center;
@@ -261,7 +261,7 @@ var BackButton = _styled2.default.call(void 0, _chunkR46DRG52cjs.UnstyledButton)
 var OverlayHeader = _styled2.default.div`
   position: absolute;
   top: 0;
-  font-size: ${_chunkXQNOVNF4cjs.pxToRems.call(void 0, 16)};
+  font-size: ${_chunkWX5R7NU7cjs.pxToRems.call(void 0, 16)};
   text-align: center;
   width: 100%;
   height: ${qrOverlayHeaderHeightPx}px;
@@ -274,11 +274,11 @@ var OverlayFooter = _styled2.default.div`
   position: absolute;
   height: 32%;
   max-height: 250px;
-  background: ${_chunkK7HWTEGPcjs.colors.black};
+  background: ${_chunkDRTADBFRcjs.colors.black};
   bottom: 0;
   left: 0;
   width: 100%;
-  font-size: ${_chunkXQNOVNF4cjs.pxToRems.call(void 0, 16)};
+  font-size: ${_chunkWX5R7NU7cjs.pxToRems.call(void 0, 16)};
   text-align: center;
   display: flex;
   flex-direction: column;

package/dist/{chunk-355DFDX6.cjs → chunk-3HLLFZBP.cjs}

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkJIUGPX3Acjs = require('./chunk-JIUGPX3A.cjs');
+var _chunkGDWMPRPKcjs = require('./chunk-GDWMPRPK.cjs');
 
 
-var _chunk6N7XRYZDcjs = require('./chunk-6N7XRYZD.cjs');
+var _chunkO3NYVYX5cjs = require('./chunk-O3NYVYX5.cjs');
 
 
 
@@ -241,7 +241,7 @@ function CodeInput({
     const inputId = getInputId(i);
     inputs.push(
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkJIUGPX3Acjs.SingleCodeInput,
+        _chunkGDWMPRPKcjs.SingleCodeInput,
         {
           value: inputState[inputId].value,
           id: inputId,
@@ -316,7 +316,7 @@ var CodeInputGroup = _styled2.default.div`
 var CodeInputGroupSeparator = _styled2.default.div`
   width: ${separatorWidth}px;
   height: 4px;
-  background-color: ${_chunk6N7XRYZDcjs.textInputBorderColor};
+  background-color: ${_chunkO3NYVYX5cjs.textInputBorderColor};
   border-radius: 2px;
   margin: 0 ${separatorMargin}px;
 `;