@lightsparkdev/ui 1.0.11 → 1.0.13

package/dist/{chunk-HF5DZZF7.js → chunk-N6CICUU6.js}

@@ -1,68 +1,74 @@
-import {
-  StyledSelect
-} from "./chunk-MNMGIPSQ.js";
 import {
   Headline
-} from "./chunk-54GVS2VF.js";
+} from "./chunk-PN6D2CYD.js";
+import {
+  StyledSelect
+} from "./chunk-C4BSD2VC.js";
 import {
   StyledFileInput
-} from "./chunk-GEFRH7G5.js";
+} from "./chunk-2UBMGY7N.js";
 import {
-  ClipboardTextField
-} from "./chunk-V3XAM4BL.js";
+  Spacing
+} from "./chunk-E5DUKMCU.js";
 import {
   TextInputHalfRow
-} from "./chunk-KIE5GR5E.js";
+} from "./chunk-SUFXV4SF.js";
 import {
   ToggleContainer
-} from "./chunk-CBEPI4BG.js";
+} from "./chunk-A4EY427C.js";
 import {
   formButtonTopMarginStyle,
   inputSpacingPx
-} from "./chunk-UGHP4KVZ.js";
+} from "./chunk-P2OCWRMQ.js";
 import {
   StyledButtonRow
-} from "./chunk-2GSZZKB2.js";
-import {
-  pxToRems
-} from "./chunk-CD4D43OU.js";
+} from "./chunk-U3HDNSQZ.js";
 import {
   ButtonSelector
-} from "./chunk-LQKIJF4I.js";
+} from "./chunk-4U3AAKMA.js";
 import {
   LoadingWrapper
-} from "./chunk-AQ4L3IR5.js";
+} from "./chunk-75PYS7WZ.js";
 import {
   Checkbox
-} from "./chunk-S2VMVARY.js";
+} from "./chunk-MK352OC6.js";
 import {
   toReactNodesWithTypographyMap
-} from "./chunk-JZ2MJO3Z.js";
+} from "./chunk-GLYTFTP5.js";
 import {
   toReactNodes
-} from "./chunk-2I22MYIY.js";
+} from "./chunk-TS7Y6L2D.js";
 import {
   icon
-} from "./chunk-G5IVQ4O3.js";
+} from "./chunk-FZUV52PP.js";
+import {
+  ClipboardTextField
+} from "./chunk-NVEDOY6M.js";
+import {
+  pxToRems
+} from "./chunk-4ZUB5ENE.js";
 import {
   mcBold,
   standardBorderRadius,
   standardCardShadow,
   standardCardShadowHard,
   standardContentInset
-} from "./chunk-YBJVTNAP.js";
+} from "./chunk-POGNK25N.js";
 import {
   Link
-} from "./chunk-TIX47F5U.js";
+} from "./chunk-7VQUG3NG.js";
+import {
+  select
+} from "./chunk-YMNSXZ5D.js";
 import {
   getColor
-} from "./chunk-HYUF4RXZ.js";
+} from "./chunk-N4C6SL6K.js";
 import {
   bp
 } from "./chunk-JSGRNWSB.js";
 import {
   colors
-} from "./chunk-MN4NUSPL.js";
+} from "./chunk-HO7LVJ3R.js";
 import {
   __spreadProps,
   __spreadValues
@@ -73,44 +79,6 @@ import { css, useTheme } from "@emotion/react";
 import styled from "@emotion/styled";
 import { useCallback } from "react";
 import { jsx, jsxs } from "@emotion/react/jsx-runtime";
-var descriptionTypography = {
-  primary: {
-    text: {
-      type: "Body Strong",
-      size: "Small",
-      color: "mcNeutral"
-    },
-    link: {
-      type: "Body Strong",
-      size: "Small",
-      color: "text"
-    }
-  },
-  secondary: {
-    text: {
-      type: "Body Strong",
-      size: "Small",
-      color: "mcNeutral"
-    },
-    link: {
-      type: "Body Strong",
-      size: "Small",
-      color: "text"
-    }
-  },
-  tertiary: {
-    text: {
-      type: "Body",
-      size: "Large",
-      color: "mcNeutral"
-    },
-    link: {
-      type: "Body",
-      size: "Large",
-      color: "text"
-    }
-  }
-};
 function resolveProps(args, theme) {
   const paddingY = resolveCardFormProp(void 0, args.kind, "paddingY", theme);
   const paddingX = resolveCardFormProp(void 0, args.kind, "paddingX", theme);
@@ -157,6 +125,12 @@ function resolveProps(args, theme) {
     "smBorderWidth",
     theme
   );
+  const defaultDescriptionTypographyMap = resolveCardFormProp(
+    void 0,
+    args.kind,
+    "defaultDescriptionTypographyMap",
+    theme
+  );
   const props = {
     paddingY,
     paddingX,
@@ -167,7 +141,8 @@ function resolveProps(args, theme) {
     textAlign,
     backgroundColor,
     smBackgroundColor,
-    smBorderWidth
+    smBorderWidth,
+    defaultDescriptionTypographyMap
   };
   return props;
 }
@@ -186,7 +161,8 @@ function CardForm({
   kind = "primary",
   shadow: shadowProp,
   textAlign: textAlignProp,
-  belowFormContent
+  belowFormContent,
+  belowFormContentGap = 0
 }) {
   const theme = useTheme();
   const {
@@ -199,7 +175,8 @@ function CardForm({
     textAlign,
     backgroundColor,
     smBackgroundColor,
-    smBorderWidth
+    smBorderWidth,
+    defaultDescriptionTypographyMap
   } = resolveProps(
     { kind, textAlign: textAlignProp, shadow: shadowProp },
     theme
@@ -216,7 +193,10 @@ function CardForm({
     },
     [onSubmit, disabled]
   );
-  const formattedDescription = description ? toReactNodesWithTypographyMap(description, descriptionTypography[kind]) : null;
+  const formattedDescription = description ? toReactNodesWithTypographyMap(
+    description,
+    defaultDescriptionTypographyMap
+  ) : null;
   const belowFormContentNodes = belowFormContent ? toReactNodes(belowFormContent) : null;
   const content = /* @__PURE__ */ jsxs(CardFormContent, { children: [
     topContent,
@@ -248,7 +228,7 @@ function CardForm({
   };
   return /* @__PURE__ */ jsxs(CardFormContainer, { children: [
     hasChildForm ? /* @__PURE__ */ jsx(StyledCardFormDiv, __spreadProps(__spreadValues({}, commonProps), { children: content })) : /* @__PURE__ */ jsx(StyledCardForm, __spreadProps(__spreadValues({ onSubmit: onSubmitForm, noValidate: true }, commonProps), { children: content })),
-    /* @__PURE__ */ jsx(BelowCardFormContent, { children: belowFormContentNodes })
+    /* @__PURE__ */ jsx(BelowCardFormContent, { gap: belowFormContentGap, children: belowFormContentNodes })
   ] });
 }
 var CardFormContainer = styled.div`
@@ -267,6 +247,10 @@ var CardFormContent = styled.div`
 var BelowCardFormContent = styled.div`
   text-align: center;
   margin-top: 32px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: ${({ gap }) => gap}px;
 
   ${bp.sm(`
     margin-bottom: 32px;
@@ -299,6 +283,12 @@ var CardFormFieldLabel = styled.label`
     margin-top: ${fieldLabelMarginPx}px;
   }
 `;
+var CardFormNearButtonColumn = styled.div`
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-end;
+  gap: ${Spacing.px.sm};
+`;
 function CardFormDataFieldValue({ text }) {
   return /* @__PURE__ */ jsx(StyledCardFormDataFieldValue, { children: /* @__PURE__ */ jsx(ClipboardTextField, { value: text, icon: true, iconSide: "right" }) });
 }
@@ -439,7 +429,7 @@ var StyledCardFormStyle = ({
         margin-top: 24px;
       }
 
-      & > ${ButtonSelector()} {
+      & > ${ButtonSelector()}, & > ${select(CardFormNearButtonColumn)} {
         ${formButtonTopMarginStyle}
       }
     }
@@ -520,6 +510,7 @@ export {
   CardForm,
   CardFormButtonRow,
   CardFormFieldLabel,
+  CardFormNearButtonColumn,
   CardFormDataFieldValue,
   CardFormFullWidth,
   CardFormFullTopContent,

package/dist/{chunk-RU6KW5CM.cjs → chunk-NB36L4H3.cjs}

@@ -1,6 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/CaretRight.tsx
 var _jsxruntime = require('@emotion/react/jsx-runtime');
-function CaretRight() {
+function CaretRight({
+  strokeWidth = "1.5",
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     "svg",
     {
@@ -13,9 +17,9 @@ function CaretRight() {
         {
           d: "M7.5 3.33301L13.5774 9.41042C13.9028 9.73584 13.9028 10.2635 13.5774 10.5889L7.5 16.6663",
           stroke: "currentColor",
-          strokeWidth: "1.5",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
+          strokeWidth,
+          strokeLinecap,
+          strokeLinejoin
         }
       )
     }

package/dist/{chunk-E2O6ZL3X.cjs → chunk-NBDC7CGG.cjs}

@@ -1,22 +1,22 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkVVPSBX5Ocjs = require('./chunk-VVPSBX5O.cjs');
+var _chunkMJZ366UEcjs = require('./chunk-MJZ366UE.cjs');
 
 
-var _chunkEZNRFABOcjs = require('./chunk-EZNRFABO.cjs');
+var _chunk3NRRDBJNcjs = require('./chunk-3NRRDBJN.cjs');
 
 
-var _chunkO64MW4Z4cjs = require('./chunk-O64MW4Z4.cjs');
 
+var _chunkITH4PPTTcjs = require('./chunk-ITH4PPTT.cjs');
 
 
-var _chunkBCPM2M3Ycjs = require('./chunk-BCPM2M3Y.cjs');
+var _chunkJBO3HA6Gcjs = require('./chunk-JBO3HA6G.cjs');
 
 
-var _chunkWVBMQP6Ocjs = require('./chunk-WVBMQP6O.cjs');
+var _chunkEZNRFABOcjs = require('./chunk-EZNRFABO.cjs');
 
 
-var _chunkUMU7TYANcjs = require('./chunk-UMU7TYAN.cjs');
+var _chunkORWZTMF2cjs = require('./chunk-ORWZTMF2.cjs');
 
 
 var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
@@ -107,12 +107,12 @@ function ReadClipboardButton({
         hasError: Boolean(errorMsg),
         onMouseUp: onDeleteMouseUp,
         children: autoButtonText ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkWVBMQP6Ocjs.UnstyledButton,
+          _chunkJBO3HA6Gcjs.UnstyledButton,
           {
             onClick: onClickAutoButton,
             css: { cursor: "pointer" },
             children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunkVVPSBX5Ocjs.Pill,
+              _chunkMJZ366UEcjs.Pill,
               {
                 text: autoButtonText,
                 icon: "MagicWand",
@@ -123,12 +123,12 @@ function ReadClipboardButton({
             )
           }
         ) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _react.Fragment, { children: [
-          !value && !isEditingTextInput ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkWVBMQP6Ocjs.UnstyledButton, { onClick, children: [
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUMU7TYANcjs.Icon, { name: "Copy", width: 19 }),
+          !value && !isEditingTextInput ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkJBO3HA6Gcjs.UnstyledButton, { onClick, children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkORWZTMF2cjs.Icon, { name: "Copy", width: 19 }),
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { css: { marginTop: "8px" }, children: description })
           ] }) : null,
           value || isEditingTextInput ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkVVPSBX5Ocjs.Pill,
+            _chunkMJZ366UEcjs.Pill,
             {
               text: value,
               onDeleteMouseDown,
@@ -145,9 +145,9 @@ function ReadClipboardButton({
         ] })
       }
     ),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBCPM2M3Ycjs.InputSubtext, { text: errorMsg || hint, hasError: Boolean(errorMsg) })
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkITH4PPTTcjs.InputSubtext, { text: errorMsg || hint, hasError: Boolean(errorMsg) })
   ] }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _react.Fragment, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkO64MW4Z4cjs.TextInput,
+    _chunk3NRRDBJNcjs.TextInput,
     {
       onChange: onChangeTextInput,
       value,
@@ -157,7 +157,7 @@ function ReadClipboardButton({
   ) });
 }
 var ReadClipboardButtonContainer = _styled2.default.div`
-  ${({ theme, hasAddress, hasError }) => _chunkBCPM2M3Ycjs.inputBlockStyle.call(void 0, { theme, hasValue: hasAddress, hasError })}
+  ${({ theme, hasAddress, hasError }) => _chunkITH4PPTTcjs.inputBlockStyle.call(void 0, { theme, hasValue: hasAddress, hasError })}
 `;
 
 

package/dist/{chunk-U2CKBWYJ.cjs → chunk-NC77CVAQ.cjs}

@@ -1,6 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/PiggyBank.tsx
 var _jsxruntime = require('@emotion/react/jsx-runtime');
-function PiggyBank() {
+function PiggyBank({
+  strokeWidth = "1.5",
+  strokeLinecap = "butt",
+  strokeLinejoin = "miter"
+}) {
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     "svg",
     {
@@ -14,7 +18,9 @@ function PiggyBank() {
           {
             d: "M4.2852 2.80323L4.28378 2.81174C4.16768 3.50397 4.04904 4.21137 3.96368 4.82785C3.3302 5.5199 2.84097 6.34727 2.54459 7.26219H1.75H1.09375V7.91844V10.8244V11.4626L1.7317 11.4804L2.59376 11.5045C2.97833 12.6034 3.64313 13.5696 4.50179 14.318L3.94048 15.3554L3.63587 15.9184L4.19114 16.237L5.64215 17.0693L6.19546 17.3867L6.52843 16.8426L7.20243 15.7413C7.73371 15.8781 8.29024 15.9508 8.86295 15.9508H10.733C11.2494 15.9508 11.7526 15.8917 12.2361 15.7798L12.7333 16.6734L13.0537 17.2493L13.6282 16.9265L15.0524 16.1264L15.6282 15.8028L15.301 15.2291L14.8823 14.495C16.1356 13.4907 17.0179 12.0401 17.2872 10.3828H18.3359C19.2032 10.3828 19.9063 9.67973 19.9063 8.81242C19.9063 7.9451 19.2032 7.242 18.3359 7.242H17.0447C16.1753 4.58759 13.6788 2.66994 10.733 2.66994H8.86295C8.17571 2.66994 7.51184 2.77455 6.88698 2.96907C6.72823 2.86308 6.56121 2.75214 6.39011 2.63848L6.38912 2.63782C6.057 2.4172 5.70863 2.18579 5.36863 1.95616L4.52263 1.3848L4.3541 2.39166L4.28524 2.80302L4.2852 2.80323Z",
             stroke: "currentColor",
-            strokeWidth: "1.3125"
+            strokeWidth,
+            strokeLinecap,
+            strokeLinejoin
           }
         ),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -22,8 +28,8 @@ function PiggyBank() {
           {
             d: "M8.87903 5.07309H11.1462",
             stroke: "currentColor",
-            strokeWidth: "1.3125",
-            strokeLinecap: "round"
+            strokeWidth,
+            strokeLinecap
           }
         ),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 

package/dist/{chunk-NXETPPGE.cjs → chunk-NHFPNXOP.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkO64MW4Z4cjs = require('./chunk-O64MW4Z4.cjs');
+var _chunk3NRRDBJNcjs = require('./chunk-3NRRDBJN.cjs');
 
 
 
@@ -102,7 +102,7 @@ function CommaNumberInput(props) {
     [valueWithCommas, onChange]
   );
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkO64MW4Z4cjs.TextInput,
+    _chunk3NRRDBJNcjs.TextInput,
     _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {
       placeholder: "Enter a number"
     }, rest), {

package/dist/{chunk-CV4CDJUL.cjs → chunk-NMT43L6J.cjs}

@@ -1,6 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/ArrowCornerDownRight.tsx
 var _jsxruntime = require('@emotion/react/jsx-runtime');
-function ArrowCornerDownRight() {
+function ArrowCornerDownRight({
+  strokeWidth = "1.5",
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     "svg",
     {
@@ -13,9 +17,9 @@ function ArrowCornerDownRight() {
         {
           d: "M2.66699 3.3335V10.0002H13.3337M13.3337 10.0002L10.667 7.3335M13.3337 10.0002L10.667 12.6668",
           stroke: "currentColor",
-          strokeWidth: "1.5",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
+          strokeWidth,
+          strokeLinecap,
+          strokeLinejoin
         }
       )
     }

package/dist/{chunk-BSE5JREJ.cjs → chunk-NNBFAVZ7.cjs}

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkIRHZP2Z7cjs = require('./chunk-IRHZP2Z7.cjs');
+var _chunk5Y5GUICOcjs = require('./chunk-5Y5GUICO.cjs');
 
 
-var _chunkOVJZVL57cjs = require('./chunk-OVJZVL57.cjs');
+var _chunkUBC75VRUcjs = require('./chunk-UBC75VRU.cjs');
 
 
-var _chunkSZSK5ISJcjs = require('./chunk-SZSK5ISJ.cjs');
+var _chunkQK32JW3Ncjs = require('./chunk-QK32JW3N.cjs');
 
 
 
@@ -21,11 +21,11 @@ function BodyString(props) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledBody, _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, rest), { children }));
 }
 function getPropDefaults(props) {
-  return _chunkIRHZP2Z7cjs.getPropDefaultsBase.call(void 0, props, { as: props.tag || "span" });
+  return _chunk5Y5GUICOcjs.getPropDefaultsBase.call(void 0, props, { as: props.tag || "span" });
 }
 var StyledBody = _styled2.default.span`
-  ${({ theme, size, colorProp }) => _chunkSZSK5ISJcjs.applyTypography.call(void 0, theme, "Body", size, colorProp)}
-  ${_chunkOVJZVL57cjs.typographyStyles}
+  ${({ theme, size, colorProp }) => _chunkQK32JW3Ncjs.applyTypography.call(void 0, theme, "Body", size, colorProp)}
+  ${_chunkUBC75VRUcjs.typographyStyles}
 `;
 
 

package/dist/{chunk-HXWE42OU.cjs → chunk-NOSNJ4MW.cjs}

@@ -5,28 +5,28 @@ var _chunkRFO3GG6Rcjs = require('./chunk-RFO3GG6R.cjs');
 
 
 
-var _chunkBCPM2M3Ycjs = require('./chunk-BCPM2M3Y.cjs');
+var _chunkITH4PPTTcjs = require('./chunk-ITH4PPTT.cjs');
 
 
-var _chunkQ3F7S3R3cjs = require('./chunk-Q3F7S3R3.cjs');
+var _chunkQ2CWG22Bcjs = require('./chunk-Q2CWG22B.cjs');
 
 
-var _chunkAPQWRIH6cjs = require('./chunk-APQWRIH6.cjs');
+var _chunkJBO3HA6Gcjs = require('./chunk-JBO3HA6G.cjs');
 
 
-var _chunkWVBMQP6Ocjs = require('./chunk-WVBMQP6O.cjs');
+var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
-var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
+var _chunkE36KSEQZcjs = require('./chunk-E36KSEQZ.cjs');
 
 
-var _chunkUMU7TYANcjs = require('./chunk-UMU7TYAN.cjs');
+var _chunkORWZTMF2cjs = require('./chunk-ORWZTMF2.cjs');
 
 
-var _chunkOQEP7VDDcjs = require('./chunk-OQEP7VDD.cjs');
+var _chunkD262WAOVcjs = require('./chunk-D262WAOV.cjs');
 
 
-var _chunkCFG65CGCcjs = require('./chunk-CFG65CGC.cjs');
+var _chunkJBCEOOZScjs = require('./chunk-JBCEOOZS.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, _chunkUMU7TYANcjs.Icon, { name: "ArrowLeft", width: 25 }) }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, BackButton, { onClick: onClickBack, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkORWZTMF2cjs.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, _chunkAPQWRIH6cjs.Button, { text: "Enter an address", onClick: onClickBack, mt: 12 })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkQ2CWG22Bcjs.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, _chunkUMU7TYANcjs.Icon, { name: "CameraCapture", width: 64 }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkORWZTMF2cjs.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, _chunkBCPM2M3Ycjs.FieldError, { children: errorMsg }) : null
+    errorMsg ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkITH4PPTTcjs.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, _chunkWVBMQP6Ocjs.UnstyledButton)`
-  ${_chunkBCPM2M3Ycjs.standardBorderColor}
-  ${_chunkBCPM2M3Ycjs.aboveFieldError}
+var ScanQRButton = _styled2.default.call(void 0, _chunkJBO3HA6Gcjs.UnstyledButton)`
+  ${_chunkITH4PPTTcjs.standardBorderColor}
+  ${_chunkITH4PPTTcjs.aboveFieldError}
   margin-top: 16px;
   border-style: solid;
   border-width: 1px;
-  ${_chunkOQEP7VDDcjs.standardBorderRadius.call(void 0, 8)}
+  ${_chunkD262WAOVcjs.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: ${_chunkCFG65CGCcjs.colors.white};
+  color: ${_chunkJBCEOOZScjs.colors.white};
   text-align: center;
 `;
 var qrOverlayHeaderHeightPx = 80;
-var BackButton = _styled2.default.call(void 0, _chunkWVBMQP6Ocjs.UnstyledButton)`
+var BackButton = _styled2.default.call(void 0, _chunkJBO3HA6Gcjs.UnstyledButton)`
   height: ${qrOverlayHeaderHeightPx}px;
   width: ${qrOverlayHeaderHeightPx}px;
-  color: ${_chunkCFG65CGCcjs.colors.white};
+  color: ${_chunkJBCEOOZScjs.colors.white};
   display: flex;
   align-items: center;
   justify-content: center;
@@ -261,7 +261,7 @@ var BackButton = _styled2.default.call(void 0, _chunkWVBMQP6Ocjs.UnstyledButton)
 var OverlayHeader = _styled2.default.div`
   position: absolute;
   top: 0;
-  font-size: ${_chunkQ3F7S3R3cjs.pxToRems.call(void 0, 16)};
+  font-size: ${_chunkE36KSEQZcjs.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: ${_chunkCFG65CGCcjs.colors.black};
+  background: ${_chunkJBCEOOZScjs.colors.black};
   bottom: 0;
   left: 0;
   width: 100%;
-  font-size: ${_chunkQ3F7S3R3cjs.pxToRems.call(void 0, 16)};
+  font-size: ${_chunkE36KSEQZcjs.pxToRems.call(void 0, 16)};
   text-align: center;
   display: flex;
   flex-direction: column;

package/dist/{chunk-IKSMSSPR.cjs → chunk-NPNPYCQA.cjs}

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunk36SDWEWYcjs = require('./chunk-36SDWEWY.cjs');
+var _chunkSCLUBPNMcjs = require('./chunk-SCLUBPNM.cjs');
 
 
 
-var _chunkUF2PXEAKcjs = require('./chunk-UF2PXEAK.cjs');
+var _chunkA2YT7NTWcjs = require('./chunk-A2YT7NTW.cjs');
 
 
 
@@ -13,12 +13,12 @@ var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
 // src/components/typography/Overline.tsx
 var _jsxruntime = require('@emotion/react/jsx-runtime');
 function Overline(props) {
-  const propsWithDefaults = _chunkUF2PXEAKcjs.getPropDefaults.call(void 0, props);
+  const propsWithDefaults = _chunkA2YT7NTWcjs.getPropDefaults.call(void 0, props);
   let reactNodes = props.children || null;
   if (props.content) {
-    reactNodes = _chunk36SDWEWYcjs.toReactNodes.call(void 0, props.content);
+    reactNodes = _chunkSCLUBPNMcjs.toReactNodes.call(void 0, props.content);
   }
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUF2PXEAKcjs.StyledOverline, _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, propsWithDefaults), { children: reactNodes }));
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA2YT7NTWcjs.StyledOverline, _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, propsWithDefaults), { children: reactNodes }));
 }
 
 

package/dist/{chunk-4IR6IRNW.js → chunk-NTMO44CD.js}

@@ -1,15 +1,15 @@
 import {
   Filter
-} from "./chunk-DLBPASW7.js";
+} from "./chunk-6DCFPU4Z.js";
 import {
   Select_default
-} from "./chunk-MNMGIPSQ.js";
+} from "./chunk-C4BSD2VC.js";
 import {
   Spacing
 } from "./chunk-E5DUKMCU.js";
 import {
   Button
-} from "./chunk-LQKIJF4I.js";
+} from "./chunk-4U3AAKMA.js";
 import {
   __spreadProps,
   __spreadValues
@@ -41,7 +41,7 @@ var EnumFilter = ({
         kind: "primary",
         size: "ExtraSmall",
         text: value,
-        icon: "Close",
+        icon: { name: "Close" },
         iconSide: "right",
         onClick: () => {
           var _a2;

package/dist/{chunk-O2OR4KOM.cjs → chunk-NUXSVPEO.cjs}

@@ -1,6 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/QuestionCircle.tsx
 var _jsxruntime = require('@emotion/react/jsx-runtime');
-function QuestionCircle() {
+function QuestionCircle({
+  strokeWidth = "1.5",
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     "svg",
     {
@@ -13,9 +17,9 @@ function QuestionCircle() {
         {
           d: "M7.75 7.25C8.5 5 12.25 5.19156 12.25 7.54132C12.25 9.2008 10 9.4614 10 11.25M10 14V13.99M19.25 10C19.25 15.1086 15.1086 19.25 10 19.25C4.89137 19.25 0.75 15.1086 0.75 10C0.75 4.89137 4.89137 0.75 10 0.75C15.1086 0.75 19.25 4.89137 19.25 10ZM10.25 14C10.25 14.1381 10.1381 14.25 10 14.25C9.8619 14.25 9.75 14.1381 9.75 14C9.75 13.8619 9.8619 13.75 10 13.75C10.1381 13.75 10.25 13.8619 10.25 14Z",
           stroke: "currentColor",
-          strokeWidth: "1.5",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
+          strokeWidth,
+          strokeLinecap,
+          strokeLinejoin
         }
       )
     }