@lightsparkdev/ui 1.0.12 → 1.0.14

package/dist/{chunk-V2N4S2HL.cjs → chunk-5EEOHWHB.cjs}

@@ -3,35 +3,35 @@
 var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
 
 
-var _chunkENPMQ6GRcjs = require('./chunk-ENPMQ6GR.cjs');
+var _chunkRBMNBFPDcjs = require('./chunk-RBMNBFPD.cjs');
 
 
-var _chunkAIJ4JHXBcjs = require('./chunk-AIJ4JHXB.cjs');
+var _chunkWIIDMFXRcjs = require('./chunk-WIIDMFXR.cjs');
 
 
-var _chunkSWQDRB3Acjs = require('./chunk-SWQDRB3A.cjs');
+var _chunkRUDXRW4Rcjs = require('./chunk-RUDXRW4R.cjs');
 
 
-var _chunkULIKCHGYcjs = require('./chunk-ULIKCHGY.cjs');
+var _chunkANFTDGAGcjs = require('./chunk-ANFTDGAG.cjs');
 
 
-var _chunkN5PWG2KYcjs = require('./chunk-N5PWG2KY.cjs');
+var _chunkSKFWIFQWcjs = require('./chunk-SKFWIFQW.cjs');
 
 
-var _chunkBW4YJMRGcjs = require('./chunk-BW4YJMRG.cjs');
+var _chunkID2SCAFFcjs = require('./chunk-ID2SCAFF.cjs');
 
 
+var _chunkSL5VIBXUcjs = require('./chunk-SL5VIBXU.cjs');
 
-var _chunkTP3PDGQBcjs = require('./chunk-TP3PDGQB.cjs');
 
 
-var _chunkYFRUEGETcjs = require('./chunk-YFRUEGET.cjs');
+var _chunkHTPOCTTEcjs = require('./chunk-HTPOCTTE.cjs');
 
 
 var _chunk6VA4SAHQcjs = require('./chunk-6VA4SAHQ.cjs');
 
 
-var _chunkSZKZWADNcjs = require('./chunk-SZKZWADN.cjs');
+var _chunkBP7JY5RTcjs = require('./chunk-BP7JY5RT.cjs');
 
 
 var _chunkJBCEOOZScjs = require('./chunk-JBCEOOZS.cjs');
@@ -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 }) => _chunkBP7JY5RTcjs.getTypographyString.call(void 0, theme, type, size)}
 
-  ${_chunkBW4YJMRGcjs.displaySelector.call(void 0, "h1")} {
+  ${_chunkANFTDGAGcjs.displaySelector.call(void 0, "h1")} {
     margin: 0;
   }
 
-  ${_chunkTP3PDGQBcjs.headlineSelector.call(void 0, "h1")} {
+  ${_chunkHTPOCTTEcjs.headlineSelector.call(void 0, "h1")} {
     margin: 0;
     padding-bottom: ${_chunkZUAO4DW3cjs.Spacing.px.xs};
   }
 
-  ${_chunkTP3PDGQBcjs.headlineSelector.call(void 0, "h2")} {
+  ${_chunkHTPOCTTEcjs.headlineSelector.call(void 0, "h2")} {
     padding-top: ${_chunkZUAO4DW3cjs.Spacing.px["2xl"]};
     padding-bottom: ${_chunkZUAO4DW3cjs.Spacing.px.xs};
     margin: 0;
   }
 
-  ${_chunkTP3PDGQBcjs.headlineSelector.call(void 0, "h3")} {
+  ${_chunkHTPOCTTEcjs.headlineSelector.call(void 0, "h3")} {
     padding-top: ${_chunkZUAO4DW3cjs.Spacing.px["2xl"]};
     padding-bottom: ${_chunkZUAO4DW3cjs.Spacing.px.xs};
     margin: 0;
   }
 
-  ${_chunkTP3PDGQBcjs.headlineSelector.call(void 0, "h4")} {
+  ${_chunkHTPOCTTEcjs.headlineSelector.call(void 0, "h4")} {
     padding-top: ${_chunkZUAO4DW3cjs.Spacing.px["2xl"]};
     padding-bottom: ${_chunkZUAO4DW3cjs.Spacing.px.xs};
     margin: 0;
   }
 
-  ${_chunkTP3PDGQBcjs.headlineSelector.call(void 0, "h5")} {
+  ${_chunkHTPOCTTEcjs.headlineSelector.call(void 0, "h5")} {
     padding-top: ${_chunkZUAO4DW3cjs.Spacing.px["2xl"]};
     padding-bottom: ${_chunkZUAO4DW3cjs.Spacing.px.xs};
     margin: 0;
   }
 
-  ${_chunkTP3PDGQBcjs.headlineSelector.call(void 0, "h6")} {
+  ${_chunkHTPOCTTEcjs.headlineSelector.call(void 0, "h6")} {
     padding-top: ${_chunkZUAO4DW3cjs.Spacing.px["2xl"]};
     padding-bottom: ${_chunkZUAO4DW3cjs.Spacing.px.xs};
     margin: 0;
   }
 
-  ${_chunk6VA4SAHQcjs.select.call(void 0, _chunkYFRUEGETcjs.StyledBody)} {
+  ${_chunk6VA4SAHQcjs.select.call(void 0, _chunkSL5VIBXUcjs.StyledBody)} {
     margin-top: ${_chunkZUAO4DW3cjs.Spacing.px.xs};
     margin-bottom: ${_chunkZUAO4DW3cjs.Spacing.px.xs};
   }
 
-  ${_chunk6VA4SAHQcjs.select.call(void 0, _chunkENPMQ6GRcjs.StyledContentTable)} {
+  ${_chunk6VA4SAHQcjs.select.call(void 0, _chunkRBMNBFPDcjs.StyledContentTable)} {
     margin: ${_chunkZUAO4DW3cjs.Spacing.px["2xl"]} 0;
   }
 
@@ -110,9 +110,9 @@ var StyledArticle = _styled2.default.article`
     font-weight: 700;
   }
 
-  *:not(${_chunkTP3PDGQBcjs.ALL_HEADLINE_SELECTORS},${_chunk6VA4SAHQcjs.select.call(void 0, _chunkULIKCHGYcjs.StyledTitle)},${_chunk6VA4SAHQcjs.select.call(void 0, _chunkN5PWG2KYcjs.StyledCode)})
+  *:not(${_chunkHTPOCTTEcjs.ALL_HEADLINE_SELECTORS},${_chunk6VA4SAHQcjs.select.call(void 0, _chunkSKFWIFQWcjs.StyledTitle)},${_chunk6VA4SAHQcjs.select.call(void 0, _chunkID2SCAFFcjs.StyledCode)})
     > a {
-    ${({ theme }) => _chunkSZKZWADNcjs.getTypographyString.call(void 0, theme, "Label Strong", "Large")}
+    ${({ theme }) => _chunkBP7JY5RTcjs.getTypographyString.call(void 0, theme, "Label Strong", "Large")}
     font-size: inherit;
     color: ${({ theme }) => theme.link};
   }
@@ -128,14 +128,14 @@ var StyledArticle = _styled2.default.article`
   }
 
   li {
-    ${({ theme }) => _chunkSZKZWADNcjs.getTypographyString.call(void 0, theme, "Body", "Medium")}
+    ${({ theme }) => _chunkBP7JY5RTcjs.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")}
+    ${({ theme }) => _chunkBP7JY5RTcjs.getTypographyString.call(void 0, theme, "Code", "Medium")}
     background: ${_chunkJBCEOOZScjs.colors.grayBlue94};
     padding: ${_chunkZUAO4DW3cjs.Spacing.px["4xs"]} ${_chunkZUAO4DW3cjs.Spacing.px["2xs"]};
     margin: ${_chunkZUAO4DW3cjs.Spacing.px["4xs"]};
@@ -143,7 +143,7 @@ var StyledArticle = _styled2.default.article`
   }
 
   pre[class|="language"] {
-    ${_chunkSWQDRB3Acjs.standardBorderRadius.call(void 0, 8)}
+    ${_chunkRUDXRW4Rcjs.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 }) => _chunkBP7JY5RTcjs.getTypographyString.call(void 0, theme, "Code", "Small")}
 
-    ${_chunkAIJ4JHXBcjs.overflowAutoWithoutScrollbars}
+    ${_chunkWIIDMFXRcjs.overflowAutoWithoutScrollbars}
   }
 
   blockquote {

package/dist/{chunk-ZVFRBBRG.cjs → chunk-5KLGO65H.cjs}

@@ -3,10 +3,10 @@
 var _chunk46AVXTFOcjs = require('./chunk-46AVXTFO.cjs');
 
 
-var _chunkUMW2YGQIcjs = require('./chunk-UMW2YGQI.cjs');
+var _chunkBUTAWDMIcjs = require('./chunk-BUTAWDMI.cjs');
 
 
-var _chunkRROZ5XYPcjs = require('./chunk-RROZ5XYP.cjs');
+var _chunkZFJVBBROcjs = require('./chunk-ZFJVBBRO.cjs');
 
 
 var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
@@ -45,20 +45,20 @@ var StyledPageSectionNavItem = _styled2.default.li`
   display: flex;
   list-style: none;
 
-  ${_chunkRROZ5XYPcjs.IconContainer}:not(:first-of-type) {
+  ${_chunkZFJVBBROcjs.IconContainer}:not(:first-of-type) {
     visibility: hidden;
   }
 
   &:hover {
     color: ${({ theme }) => theme.hcNeutral};
 
-    ${_chunkRROZ5XYPcjs.IconContainer} {
+    ${_chunkZFJVBBROcjs.IconContainer} {
       visibility: visible;
     }
   }
 `;
 var PageSectionListItem = ({ leftIcon, label, sectionId }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledPageSectionNavItem, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-  _chunkUMW2YGQIcjs.TextButton,
+  _chunkBUTAWDMIcjs.TextButton,
   {
     text: label,
     padding: "8px 0",

package/dist/{chunk-BJSYSTAY.js → chunk-5WH6LRHH.js}

@@ -62,6 +62,14 @@ var defaultButtonsTheme = __spreadProps(__spreadValues({}, buttonsThemeBase), {
         Large: 0
       }
     },
+    quaternary: {
+      defaultBackgroundColor: "transparent",
+      defaultBorderColor: "gray80",
+      defaultHoverBackgroundColor: "transparenta02",
+      defaultHoverBorderColor: "gray80",
+      defaultActiveBackgroundColor: "transparenta08",
+      defaultActiveBorderColor: "gray80"
+    },
     transparent: {
       defaultBackgroundColor: "transparent",
       defaultBorderColor: "transparent",

package/dist/{chunk-BI43T24B.cjs → chunk-5Y5GUICO.cjs}

@@ -16,6 +16,7 @@ function getPropDefaultsBase(props, extra) {
     display: props.display,
     size: props.size || "Medium",
     textAlign: props.textAlign,
+    onClick: props.onClick,
     children: props.children ? _chunkL3U3VIEJcjs.stringToNodes.call(void 0, props.children) : null
   }, extra);
 }

package/dist/{chunk-RBWRQTGB.cjs → chunk-5YGED5IJ.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunk3DZBJFI6cjs = require('./chunk-3DZBJFI6.cjs');
+var _chunkLVYTRVPJcjs = require('./chunk-LVYTRVPJ.cjs');
 
 
 var _chunk7PRNB5U5cjs = require('./chunk-7PRNB5U5.cjs');
@@ -82,7 +82,7 @@ function LinkBase({
   }
   let content = children;
   if (text) {
-    content = typography ? _chunk3DZBJFI6cjs.renderTypography.call(void 0, typography.type, {
+    content = typography ? _chunkLVYTRVPJcjs.renderTypography.call(void 0, typography.type, {
       size: typography.size,
       color: typography.color,
       children: text

package/dist/{chunk-TDJ7NEQX.cjs → chunk-5YVAT5WB.cjs}

@@ -3,7 +3,7 @@
 var _chunk4XPAKKBScjs = require('./chunk-4XPAKKBS.cjs');
 
 
-var _chunkGLSWZ36Ycjs = require('./chunk-GLSWZ36Y.cjs');
+var _chunkOEJWIKG7cjs = require('./chunk-OEJWIKG7.cjs');
 
 
 
@@ -76,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, 
-    _chunkGLSWZ36Ycjs.TextInput,
+    _chunkOEJWIKG7cjs.TextInput,
     {
       select: {
         options,

package/dist/{chunk-ITGYBPXM.js → chunk-6E2ZWPY5.js}

@@ -1,6 +1,6 @@
 import {
   TextInput
-} from "./chunk-4RHUIDWO.js";
+} from "./chunk-M5VGKEOK.js";
 import {
   addCommasToDigits,
   removeChars,

package/dist/{chunk-RT7X3ZOO.js → chunk-6GJZZ2PX.js}

@@ -1,6 +1,6 @@
 import {
   toReactNodes
-} from "./chunk-SOGADTSR.js";
+} from "./chunk-3NZOR3KT.js";
 import {
   isClipboardTextFieldNode,
   isCurrencyAmountNode,

package/dist/{chunk-BKWQR4DL.cjs → chunk-6NLHU3AN.cjs}

@@ -1,29 +1,29 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkFR73DFNGcjs = require('./chunk-FR73DFNG.cjs');
+var _chunkRFO3GG6Rcjs = require('./chunk-RFO3GG6R.cjs');
 
 
 
 
-var _chunkLQ7N5FRYcjs = require('./chunk-LQ7N5FRY.cjs');
+var _chunk3QEUCAATcjs = require('./chunk-3QEUCAAT.cjs');
 
 
-var _chunkIBPPT3NUcjs = require('./chunk-IBPPT3NU.cjs');
+var _chunkRSAWZM47cjs = require('./chunk-RSAWZM47.cjs');
 
 
-var _chunkGMVP3EYXcjs = require('./chunk-GMVP3EYX.cjs');
+var _chunkXRNCL5CAcjs = require('./chunk-XRNCL5CA.cjs');
 
 
 var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
-var _chunkAIJ4JHXBcjs = require('./chunk-AIJ4JHXB.cjs');
+var _chunkWIIDMFXRcjs = require('./chunk-WIIDMFXR.cjs');
 
 
-var _chunkRROZ5XYPcjs = require('./chunk-RROZ5XYP.cjs');
+var _chunkZFJVBBROcjs = require('./chunk-ZFJVBBRO.cjs');
 
 
-var _chunkSWQDRB3Acjs = require('./chunk-SWQDRB3A.cjs');
+var _chunkRUDXRW4Rcjs = require('./chunk-RUDXRW4R.cjs');
 
 
 var _chunkJBCEOOZScjs = require('./chunk-JBCEOOZS.cjs');
@@ -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, _chunkRROZ5XYPcjs.Icon, { name: "ArrowLeft", width: 25 }) }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, BackButton, { onClick: onClickBack, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZFJVBBROcjs.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, _chunkIBPPT3NUcjs.Button, { text: "Enter an address", onClick: onClickBack, mt: 12 })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRSAWZM47cjs.Button, { text: "Enter an address", onClick: onClickBack, mt: 12 })
       ] })
     ] }),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
@@ -152,7 +152,7 @@ function QRReaderButton({
             }
           ),
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkFR73DFNGcjs.QRReader,
+            _chunkRFO3GG6Rcjs.QRReader,
             {
               constraints: {
                 facingMode: "environment"
@@ -188,12 +188,12 @@ function QRReaderButton({
         onClick: () => setCapturing(true),
         hasError: Boolean(errorMsg),
         children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRROZ5XYPcjs.Icon, { name: "CameraCapture", width: 64 }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZFJVBBROcjs.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, _chunkLQ7N5FRYcjs.FieldError, { children: errorMsg }) : null
+    errorMsg ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3QEUCAATcjs.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, _chunkGMVP3EYXcjs.UnstyledButton)`
-  ${_chunkLQ7N5FRYcjs.standardBorderColor}
-  ${_chunkLQ7N5FRYcjs.aboveFieldError}
+var ScanQRButton = _styled2.default.call(void 0, _chunkXRNCL5CAcjs.UnstyledButton)`
+  ${_chunk3QEUCAATcjs.standardBorderColor}
+  ${_chunk3QEUCAATcjs.aboveFieldError}
   margin-top: 16px;
   border-style: solid;
   border-width: 1px;
-  ${_chunkSWQDRB3Acjs.standardBorderRadius.call(void 0, 8)}
+  ${_chunkRUDXRW4Rcjs.standardBorderRadius.call(void 0, 8)}
   width: 100%;
   padding: 24px 16px 16px;
   display: flex;
@@ -247,7 +247,7 @@ var ScreenContext = _styled2.default.div`
   text-align: center;
 `;
 var qrOverlayHeaderHeightPx = 80;
-var BackButton = _styled2.default.call(void 0, _chunkGMVP3EYXcjs.UnstyledButton)`
+var BackButton = _styled2.default.call(void 0, _chunkXRNCL5CAcjs.UnstyledButton)`
   height: ${qrOverlayHeaderHeightPx}px;
   width: ${qrOverlayHeaderHeightPx}px;
   color: ${_chunkJBCEOOZScjs.colors.white};
@@ -261,7 +261,7 @@ var BackButton = _styled2.default.call(void 0, _chunkGMVP3EYXcjs.UnstyledButton)
 var OverlayHeader = _styled2.default.div`
   position: absolute;
   top: 0;
-  font-size: ${_chunkAIJ4JHXBcjs.pxToRems.call(void 0, 16)};
+  font-size: ${_chunkWIIDMFXRcjs.pxToRems.call(void 0, 16)};
   text-align: center;
   width: 100%;
   height: ${qrOverlayHeaderHeightPx}px;
@@ -278,7 +278,7 @@ var OverlayFooter = _styled2.default.div`
   bottom: 0;
   left: 0;
   width: 100%;
-  font-size: ${_chunkAIJ4JHXBcjs.pxToRems.call(void 0, 16)};
+  font-size: ${_chunkWIIDMFXRcjs.pxToRems.call(void 0, 16)};
   text-align: center;
   display: flex;
   flex-direction: column;

package/dist/{chunk-MXEXCNVB.cjs → chunk-6NPHX23D.cjs}

@@ -1,18 +1,18 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkTETFIMNOcjs = require('./chunk-TETFIMNO.cjs');
+var _chunkNSUGNTKScjs = require('./chunk-NSUGNTKS.cjs');
 
 
-var _chunkCBPXRCT4cjs = require('./chunk-CBPXRCT4.cjs');
+var _chunkKTXJ54RRcjs = require('./chunk-KTXJ54RR.cjs');
 
 
-var _chunkRROZ5XYPcjs = require('./chunk-RROZ5XYP.cjs');
+var _chunkZFJVBBROcjs = require('./chunk-ZFJVBBRO.cjs');
 
 
-var _chunkSWQDRB3Acjs = require('./chunk-SWQDRB3A.cjs');
+var _chunkRUDXRW4Rcjs = require('./chunk-RUDXRW4R.cjs');
 
 
-var _chunkC6XJ7ZJFcjs = require('./chunk-C6XJ7ZJF.cjs');
+var _chunkCUOCAP4Wcjs = require('./chunk-CUOCAP4W.cjs');
 
 // src/components/Badge.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -32,13 +32,13 @@ function Badge({
     size: (typographyProp == null ? void 0 : typographyProp.size) || "Small",
     color: (typographyProp == null ? void 0 : typographyProp.color) || (kind === "danger" ? "danger" : "text")
   };
-  const nodesWithTypography = _chunkTETFIMNOcjs.setDefaultReactNodesTypography.call(void 0, contentProp, {
+  const nodesWithTypography = _chunkNSUGNTKScjs.setDefaultReactNodesTypography.call(void 0, contentProp, {
     default: defaultTypography
   });
-  const content = _chunkCBPXRCT4cjs.toReactNodes.call(void 0, nodesWithTypography);
+  const content = _chunkKTXJ54RRcjs.toReactNodes.call(void 0, nodesWithTypography);
   return contentProp ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, StyledBadge, { kind, ml, mr, size, block, children: [
     icon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkRROZ5XYPcjs.Icon,
+      _chunkZFJVBBROcjs.Icon,
       {
         name: icon.name,
         width: 20,
@@ -51,7 +51,7 @@ function Badge({
 var badgeSmVPadding = 2;
 var badgeSmHPadding = 6;
 var StyledBadge = _styled2.default.div`
-  ${({ size }) => _chunkSWQDRB3Acjs.standardBorderRadius.call(void 0, size === "sm" ? 4 : 12)}
+  ${({ size }) => _chunkRUDXRW4Rcjs.standardBorderRadius.call(void 0, size === "sm" ? 4 : 12)}
   ${({ ml }) => ml === 0 ? "" : `margin-left: ${ml}px;`}
   ${({ mr }) => mr === 0 ? "" : `margin-right: ${mr}px;`}
 
@@ -61,9 +61,9 @@ var StyledBadge = _styled2.default.div`
   padding: ${({ size }) => size === "sm" ? `${badgeSmVPadding}px ${badgeSmHPadding}px` : "12px 16px"};
   background-color: ${({ theme, kind }) => {
   if (kind === "danger") {
-    return _chunkC6XJ7ZJFcjs.getColor.call(void 0, theme, "red42a10");
+    return _chunkCUOCAP4Wcjs.getColor.call(void 0, theme, "red42a10");
   } else {
-    return _chunkC6XJ7ZJFcjs.getColor.call(void 0, theme, theme.badge.bg);
+    return _chunkCUOCAP4Wcjs.getColor.call(void 0, theme, theme.badge.bg);
   }
 }};
 `;

package/dist/{chunk-XJ3UGTYC.js → chunk-76FQY6HX.js}

@@ -16,6 +16,7 @@ function getPropDefaultsBase(props, extra) {
     display: props.display,
     size: props.size || "Medium",
     textAlign: props.textAlign,
+    onClick: props.onClick,
     children: props.children ? stringToNodes(props.children) : null
   }, extra);
 }

package/dist/{chunk-CU526BHG.js → chunk-77U6YEA5.js}

@@ -1,10 +1,10 @@
 import {
   toReactNodes
-} from "./chunk-SOGADTSR.js";
+} from "./chunk-3NZOR3KT.js";
 import {
   StyledBodyStrong,
   getPropDefaults
-} from "./chunk-TANQHQ2I.js";
+} from "./chunk-TBGADBO7.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/{chunk-CPSWVYVW.js → chunk-7LHJROJJ.js}

@@ -1,6 +1,6 @@
 import {
   textInputStyle
-} from "./chunk-IAGH4CKJ.js";
+} from "./chunk-GEE2G7BL.js";
 
 // src/components/CodeInput/SingleCodeInput.tsx
 import { css, useTheme } from "@emotion/react";

package/dist/{chunk-AHDGEAU3.cjs → chunk-7WFWFJPO.cjs}

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkCBPXRCT4cjs = require('./chunk-CBPXRCT4.cjs');
+var _chunkKTXJ54RRcjs = require('./chunk-KTXJ54RR.cjs');
 
 
 
-var _chunkBW4YJMRGcjs = require('./chunk-BW4YJMRG.cjs');
+var _chunkANFTDGAGcjs = require('./chunk-ANFTDGAG.cjs');
 
 
 
@@ -13,12 +13,12 @@ var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
 // src/components/typography/Display.tsx
 var _jsxruntime = require('@emotion/react/jsx-runtime');
 function Display(props) {
-  const propsWithDefaults = _chunkBW4YJMRGcjs.getPropDefaults.call(void 0, props);
+  const propsWithDefaults = _chunkANFTDGAGcjs.getPropDefaults.call(void 0, props);
   let reactNodes = props.children || null;
   if (props.content) {
-    reactNodes = _chunkCBPXRCT4cjs.toReactNodes.call(void 0, props.content);
+    reactNodes = _chunkKTXJ54RRcjs.toReactNodes.call(void 0, props.content);
   }
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBW4YJMRGcjs.StyledDisplay, _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, propsWithDefaults), { children: reactNodes }));
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkANFTDGAGcjs.StyledDisplay, _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, propsWithDefaults), { children: reactNodes }));
 }
 
 

package/dist/{chunk-YO3KUPPI.js → chunk-7XBITPVC.js}

@@ -1,12 +1,12 @@
 import {
   getPropDefaultsBase
-} from "./chunk-XJ3UGTYC.js";
+} from "./chunk-76FQY6HX.js";
 import {
   typographyStyles
-} from "./chunk-FKTI5NUC.js";
+} from "./chunk-BU6N4DJ3.js";
 import {
   applyTypography
-} from "./chunk-XTOBN7SG.js";
+} from "./chunk-XBZNPA3L.js";
 import {
   __objRest,
   __spreadProps,

package/dist/{chunk-AV62WHL7.js → chunk-A4MP3LYH.js}

@@ -1,6 +1,6 @@
 import {
   rootFontSizePx
-} from "./chunk-4H7CTVLY.js";
+} from "./chunk-RNCUEVKR.js";
 
 // src/styles/utils.tsx
 import { css } from "@emotion/react";

package/dist/{chunk-WW3XB4NG.js → chunk-A7LJZT7E.js}

@@ -1,29 +1,29 @@
 import {
   QRReader
-} from "./chunk-QV2SZAAX.js";
+} from "./chunk-WIRXH6BA.js";
 import {
   FieldError,
   aboveFieldError,
   standardBorderColor
-} from "./chunk-IAGH4CKJ.js";
+} from "./chunk-GEE2G7BL.js";
 import {
   Button
-} from "./chunk-WUPMVX4G.js";
+} from "./chunk-4EXNT44R.js";
 import {
   UnstyledButton
-} from "./chunk-HGKK6OQJ.js";
+} from "./chunk-I5WDNJY3.js";
 import {
   z
 } from "./chunk-55OQPFLF.js";
 import {
   pxToRems
-} from "./chunk-AV62WHL7.js";
+} from "./chunk-A4MP3LYH.js";
 import {
   Icon
-} from "./chunk-OFZVJPBJ.js";
+} from "./chunk-RMZQSXO2.js";
 import {
   standardBorderRadius
-} from "./chunk-4H7CTVLY.js";
+} from "./chunk-RNCUEVKR.js";
 import {
   colors
 } from "./chunk-HO7LVJ3R.js";

package/dist/{chunk-BW4YJMRG.cjs → chunk-ANFTDGAG.cjs}

@@ -1,15 +1,15 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkBI43T24Bcjs = require('./chunk-BI43T24B.cjs');
+var _chunk5Y5GUICOcjs = require('./chunk-5Y5GUICO.cjs');
 
 
-var _chunkKYPG23A5cjs = require('./chunk-KYPG23A5.cjs');
+var _chunkOZ6V4UJ3cjs = require('./chunk-OZ6V4UJ3.cjs');
 
 
 var _chunk6VA4SAHQcjs = require('./chunk-6VA4SAHQ.cjs');
 
 
-var _chunkHCOW6636cjs = require('./chunk-HCOW6636.cjs');
+var _chunkF6XEXDWUcjs = require('./chunk-F6XEXDWU.cjs');
 
 
 
@@ -25,11 +25,11 @@ function DisplayString(props) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledDisplay, _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, rest), { children }));
 }
 function getPropDefaults(props) {
-  return _chunkBI43T24Bcjs.getPropDefaultsBase.call(void 0, props, { as: props.tag || "h1" });
+  return _chunk5Y5GUICOcjs.getPropDefaultsBase.call(void 0, props, { as: props.tag || "h1" });
 }
 var StyledDisplay = _styled2.default.h1`
-  ${({ theme, size, colorProp }) => _chunkHCOW6636cjs.applyTypography.call(void 0, theme, "Display", size, colorProp)}
-  ${_chunkKYPG23A5cjs.typographyStyles}
+  ${({ theme, size, colorProp }) => _chunkF6XEXDWUcjs.applyTypography.call(void 0, theme, "Display", size, colorProp)}
+  ${_chunkOZ6V4UJ3cjs.typographyStyles}
 `;
 function displaySelector(element) {
   return `${element}${_chunk6VA4SAHQcjs.select.call(void 0, StyledDisplay)}`;