@lightsparkdev/ui 1.1.8 → 1.1.9

package/dist/{chunk-MREBDCMB.js → chunk-EIRGCDOY.js}

@@ -1,10 +1,10 @@
 import {
   toReactNodes
-} from "./chunk-R44KNXWJ.js";
+} from "./chunk-BBA4F3CO.js";
 import {
   StyledOverline,
   getPropDefaults
-} from "./chunk-TJ4BEWEJ.js";
+} from "./chunk-BPWTCJ32.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/{chunk-T5A2GV3Y.js → chunk-EL6WCAV7.js}

@@ -2,7 +2,7 @@ import {
   InputSubtext,
   Label,
   textInputStyle
-} from "./chunk-B5EUALP4.js";
+} from "./chunk-Y6EGXS3L.js";
 
 // src/components/TextArea.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-CT66HNED.cjs → chunk-EMQB3BO4.cjs}

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkUMXCOSIJcjs = require('./chunk-UMXCOSIJ.cjs');
+var _chunkJEVPAUBWcjs = require('./chunk-JEVPAUBW.cjs');
 
 
-var _chunk5R7OENS4cjs = require('./chunk-5R7OENS4.cjs');
+var _chunk4PZLEYONcjs = require('./chunk-4PZLEYON.cjs');
 
 
-var _chunk6SDFZ57Lcjs = require('./chunk-6SDFZ57L.cjs');
+var _chunk4NCWQQA2cjs = require('./chunk-4NCWQQA2.cjs');
 
 
 var _chunkJA7KZV3Qcjs = require('./chunk-JA7KZV3Q.cjs');
@@ -96,7 +96,7 @@ function ClipboardTextField({
     }, commonProps), {
       children: [
         icon && iconSide === "left" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunk5R7OENS4cjs.Icon,
+          _chunk4PZLEYONcjs.Icon,
           {
             name: iconName || "Copy",
             width: lineHeight * 0.7,
@@ -106,7 +106,7 @@ function ClipboardTextField({
         ) : null,
         valueNode,
         icon && iconSide === "right" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunk5R7OENS4cjs.Icon,
+          _chunk4PZLEYONcjs.Icon,
           {
             name: iconName || "Copy",
             width: lineHeight * 0.7,
@@ -142,11 +142,11 @@ var ClipboardTextFieldValue = _styled2.default.span`
   vertical-align: middle;
 
   ${({ addLineClamp, maxLines }) => addLineClamp && maxLines ? `
-        ${_chunkUMXCOSIJcjs.lineClamp.call(void 0, maxLines).styles}
+        ${_chunkJEVPAUBWcjs.lineClamp.call(void 0, maxLines).styles}
         align-self: baseline;
       ` : ""}
 
-  ${({ theme, typography }) => _chunk6SDFZ57Lcjs.applyTypography.call(void 0, 
+  ${({ theme, typography }) => _chunk4NCWQQA2cjs.applyTypography.call(void 0, 
   theme,
   (typography == null ? void 0 : typography.type) || "Body",
   (typography == null ? void 0 : typography.size) || "ExtraSmall",

package/dist/{chunk-DKTKRFBX.js → chunk-EPLMPIFD.js}

@@ -6,22 +6,22 @@ import {
 } from "./chunk-55OQPFLF.js";
 import {
   toReactNodes
-} from "./chunk-R44KNXWJ.js";
+} from "./chunk-BBA4F3CO.js";
 import {
   Icon
-} from "./chunk-U6AUAZQA.js";
+} from "./chunk-B25Y765K.js";
 import {
   Link
-} from "./chunk-OFIYWU7T.js";
+} from "./chunk-5UPPV33W.js";
 import {
   getColor
-} from "./chunk-2JNM2KTT.js";
+} from "./chunk-A2JXE76O.js";
 import {
   bp
 } from "./chunk-JSGRNWSB.js";
 import {
   colors
-} from "./chunk-5J7O4QVA.js";
+} from "./chunk-27AIQ3WT.js";
 import {
   useResizeObserver
 } from "./chunk-ZSWFGISK.js";

package/dist/{chunk-SCFWV7ZL.cjs → chunk-EV7JFSPU.cjs}

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkEC2UGHQ6cjs = require('./chunk-EC2UGHQ6.cjs');
+var _chunkISSWG34Jcjs = require('./chunk-ISSWG34J.cjs');
 
 
 
-var _chunkZYHUGCHMcjs = require('./chunk-ZYHUGCHM.cjs');
+var _chunk4F43XKHFcjs = require('./chunk-4F43XKHF.cjs');
 
 
 
@@ -13,12 +13,12 @@ var _chunkZ6EUSUADcjs = require('./chunk-Z6EUSUAD.cjs');
 // src/components/typography/Code.tsx
 var _jsxruntime = require('@emotion/react/jsx-runtime');
 function Code(props) {
-  const propsWithDefaults = _chunkZYHUGCHMcjs.getPropDefaults.call(void 0, props);
+  const propsWithDefaults = _chunk4F43XKHFcjs.getPropDefaults.call(void 0, props);
   let reactNodes = props.children || null;
   if (props.content) {
-    reactNodes = _chunkEC2UGHQ6cjs.toReactNodes.call(void 0, props.content);
+    reactNodes = _chunkISSWG34Jcjs.toReactNodes.call(void 0, props.content);
   }
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZYHUGCHMcjs.StyledCode, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, propsWithDefaults), { children: reactNodes }));
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4F43XKHFcjs.StyledCode, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, propsWithDefaults), { children: reactNodes }));
 }
 
 

package/dist/{chunk-GDVUUYBI.js → chunk-EVJK43SC.js}

@@ -1,31 +1,31 @@
 import {
   StyledContentTable
-} from "./chunk-GFHCGTQG.js";
+} from "./chunk-IPQR3S24.js";
 import {
   Spacing
 } from "./chunk-E5DUKMCU.js";
 import {
   overflowAutoWithoutScrollbars
-} from "./chunk-AGHCD2FL.js";
+} from "./chunk-DAUERVKA.js";
 import {
   standardBorderRadius
-} from "./chunk-33BECMKR.js";
+} from "./chunk-FS5ZY6RP.js";
 import {
   StyledTitle
-} from "./chunk-GCN5FKVE.js";
+} from "./chunk-O7DWADCV.js";
 import {
   StyledCode
-} from "./chunk-R5TACHAR.js";
+} from "./chunk-WQ6JCKIF.js";
 import {
   displaySelector
-} from "./chunk-QPGFYIFU.js";
+} from "./chunk-QSNNRUEV.js";
 import {
   ALL_HEADLINE_SELECTORS,
   headlineSelector
-} from "./chunk-V774KTFA.js";
+} from "./chunk-W67JHKG5.js";
 import {
   StyledBody
-} from "./chunk-7PLRPYVC.js";
+} from "./chunk-LB2TLBRA.js";
 import {
   select
 } from "./chunk-YMNSXZ5D.js";
@@ -34,7 +34,7 @@ import {
 } from "./chunk-KCUSJWDZ.js";
 import {
   colors
-} from "./chunk-5J7O4QVA.js";
+} from "./chunk-27AIQ3WT.js";
 
 // src/components/typography/Article.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-I3P2VW2Z.cjs → chunk-EWO4HRAM.cjs}

@@ -1,16 +1,16 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunk7SEIVOIBcjs = require('./chunk-7SEIVOIB.cjs');
+var _chunkG6S4IK3Ycjs = require('./chunk-G6S4IK3Y.cjs');
 
 
-var _chunkLPTWQ2KPcjs = require('./chunk-LPTWQ2KP.cjs');
+var _chunkLL3KJ7DBcjs = require('./chunk-LL3KJ7DB.cjs');
 
 // src/components/LightsparkProvider.tsx
 var _react = require('@emotion/react');
 var _jsxruntime = require('@emotion/react/jsx-runtime');
 function LightsparkProvider({ children }) {
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _react.ThemeProvider, { theme: _chunkLPTWQ2KPcjs.themes.light, children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7SEIVOIBcjs.GlobalStyles, {}),
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _react.ThemeProvider, { theme: _chunkLL3KJ7DBcjs.themes.light, children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkG6S4IK3Ycjs.GlobalStyles, {}),
     children
   ] });
 }

package/dist/{chunk-PEOBLYQN.cjs → chunk-FFQCY7VG.cjs}

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkUL22WLXRcjs = require('./chunk-UL22WLXR.cjs');
+var _chunkYSMG5R44cjs = require('./chunk-YSMG5R44.cjs');
 
 
-var _chunkLPTWQ2KPcjs = require('./chunk-LPTWQ2KP.cjs');
+var _chunkLL3KJ7DBcjs = require('./chunk-LL3KJ7DB.cjs');
 
 // src/components/ProgressBar.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -41,8 +41,8 @@ function ProgressBar({
 }
 ProgressBar.defaultProps = defaultProps;
 var ProgressBarContainer = _styled2.default.div`
-  ${_chunkUL22WLXRcjs.standardBorderRadius.call(void 0, 16)}
-  background-color: ${({ theme }) => _chunkLPTWQ2KPcjs.themeOr.call(void 0, theme.c05Neutral, theme.c1Neutral)({ theme })};
+  ${_chunkYSMG5R44cjs.standardBorderRadius.call(void 0, 16)}
+  background-color: ${({ theme }) => _chunkLL3KJ7DBcjs.themeOr.call(void 0, theme.c05Neutral, theme.c1Neutral)({ theme })};
   box-sizing: border-box;
   display: flex;
   height: ${({ isSm }) => isSm ? "6px" : "16px"};
@@ -51,7 +51,7 @@ var ProgressBarContainer = _styled2.default.div`
   position: relative;
 `;
 var BarBg = _styled2.default.div`
-  ${_chunkUL22WLXRcjs.standardBorderRadius.call(void 0, 16)}
+  ${_chunkYSMG5R44cjs.standardBorderRadius.call(void 0, 16)}
   width: ${({ percentage }) => 100 / percentage * 100}%;
   height: 100%;
 
@@ -65,7 +65,7 @@ var BarBg = _styled2.default.div`
   )`};
 `;
 var Bar = _styled2.default.div`
-  ${_chunkUL22WLXRcjs.standardBorderRadius.call(void 0, 16)}
+  ${_chunkYSMG5R44cjs.standardBorderRadius.call(void 0, 16)}
   overflow: hidden;
   box-sizing: border-box;
   display: inline-block;

package/dist/{chunk-DACM6YNI.cjs → chunk-FMQIQQZQ.cjs}

@@ -5,28 +5,28 @@ var _chunkZ63XV44Vcjs = require('./chunk-Z63XV44V.cjs');
 
 
 
-var _chunkC3FY5BQCcjs = require('./chunk-C3FY5BQC.cjs');
+var _chunkBGDEQI7Ycjs = require('./chunk-BGDEQI7Y.cjs');
 
 
-var _chunkGYFYOAO2cjs = require('./chunk-GYFYOAO2.cjs');
+var _chunkKZOTKUFAcjs = require('./chunk-KZOTKUFA.cjs');
 
 
-var _chunk22Q6UJGLcjs = require('./chunk-22Q6UJGL.cjs');
+var _chunkBB4ZAFU4cjs = require('./chunk-BB4ZAFU4.cjs');
 
 
 var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
-var _chunkUMXCOSIJcjs = require('./chunk-UMXCOSIJ.cjs');
+var _chunkJEVPAUBWcjs = require('./chunk-JEVPAUBW.cjs');
 
 
-var _chunk5R7OENS4cjs = require('./chunk-5R7OENS4.cjs');
+var _chunk4PZLEYONcjs = require('./chunk-4PZLEYON.cjs');
 
 
-var _chunkUL22WLXRcjs = require('./chunk-UL22WLXR.cjs');
+var _chunkYSMG5R44cjs = require('./chunk-YSMG5R44.cjs');
 
 
-var _chunk2J2ZDWLFcjs = require('./chunk-2J2ZDWLF.cjs');
+var _chunkBQ5MMYMPcjs = require('./chunk-BQ5MMYMP.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, _chunk5R7OENS4cjs.Icon, { name: "ArrowLeft", width: 25 }) }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, BackButton, { onClick: onClickBack, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4PZLEYONcjs.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, _chunkGYFYOAO2cjs.Button, { text: "Enter an address", onClick: onClickBack, mt: 12 })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkKZOTKUFAcjs.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, _chunk5R7OENS4cjs.Icon, { name: "CameraCapture", width: 64 }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4PZLEYONcjs.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, _chunkC3FY5BQCcjs.FieldError, { children: errorMsg }) : null
+    errorMsg ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBGDEQI7Ycjs.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, _chunk22Q6UJGLcjs.UnstyledButton)`
-  ${_chunkC3FY5BQCcjs.standardBorderColor}
-  ${_chunkC3FY5BQCcjs.aboveFieldError}
+var ScanQRButton = _styled2.default.call(void 0, _chunkBB4ZAFU4cjs.UnstyledButton)`
+  ${_chunkBGDEQI7Ycjs.standardBorderColor}
+  ${_chunkBGDEQI7Ycjs.aboveFieldError}
   margin-top: 16px;
   border-style: solid;
   border-width: 1px;
-  ${_chunkUL22WLXRcjs.standardBorderRadius.call(void 0, 8)}
+  ${_chunkYSMG5R44cjs.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: ${_chunk2J2ZDWLFcjs.colors.white};
+  color: ${_chunkBQ5MMYMPcjs.colors.white};
   text-align: center;
 `;
 var qrOverlayHeaderHeightPx = 80;
-var BackButton = _styled2.default.call(void 0, _chunk22Q6UJGLcjs.UnstyledButton)`
+var BackButton = _styled2.default.call(void 0, _chunkBB4ZAFU4cjs.UnstyledButton)`
   height: ${qrOverlayHeaderHeightPx}px;
   width: ${qrOverlayHeaderHeightPx}px;
-  color: ${_chunk2J2ZDWLFcjs.colors.white};
+  color: ${_chunkBQ5MMYMPcjs.colors.white};
   display: flex;
   align-items: center;
   justify-content: center;
@@ -261,7 +261,7 @@ var BackButton = _styled2.default.call(void 0, _chunk22Q6UJGLcjs.UnstyledButton)
 var OverlayHeader = _styled2.default.div`
   position: absolute;
   top: 0;
-  font-size: ${_chunkUMXCOSIJcjs.pxToRems.call(void 0, 16)};
+  font-size: ${_chunkJEVPAUBWcjs.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: ${_chunk2J2ZDWLFcjs.colors.black};
+  background: ${_chunkBQ5MMYMPcjs.colors.black};
   bottom: 0;
   left: 0;
   width: 100%;
-  font-size: ${_chunkUMXCOSIJcjs.pxToRems.call(void 0, 16)};
+  font-size: ${_chunkJEVPAUBWcjs.pxToRems.call(void 0, 16)};
   text-align: center;
   display: flex;
   flex-direction: column;

package/dist/{chunk-33BECMKR.js → chunk-FS5ZY6RP.js}

@@ -1,12 +1,12 @@
 import {
   themeOr
-} from "./chunk-2JNM2KTT.js";
+} from "./chunk-A2JXE76O.js";
 import {
   bp
 } from "./chunk-JSGRNWSB.js";
 import {
   darkGradient
-} from "./chunk-5J7O4QVA.js";
+} from "./chunk-27AIQ3WT.js";
 
 // src/styles/common.tsx
 import { css } from "@emotion/react";

package/dist/{chunk-NLY7I2YV.cjs → chunk-FSFJ6NIM.cjs}

@@ -6,22 +6,22 @@ var _chunk4VVPSX5Ocjs = require('./chunk-4VVPSX5O.cjs');
 var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
-var _chunkEC2UGHQ6cjs = require('./chunk-EC2UGHQ6.cjs');
+var _chunkISSWG34Jcjs = require('./chunk-ISSWG34J.cjs');
 
 
-var _chunk5R7OENS4cjs = require('./chunk-5R7OENS4.cjs');
+var _chunk4PZLEYONcjs = require('./chunk-4PZLEYON.cjs');
 
 
-var _chunk4FVDOZDAcjs = require('./chunk-4FVDOZDA.cjs');
+var _chunkM3TXRVC3cjs = require('./chunk-M3TXRVC3.cjs');
 
 
-var _chunkLPTWQ2KPcjs = require('./chunk-LPTWQ2KP.cjs');
+var _chunkLL3KJ7DBcjs = require('./chunk-LL3KJ7DB.cjs');
 
 
 var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
 
 
-var _chunk2J2ZDWLFcjs = require('./chunk-2J2ZDWLF.cjs');
+var _chunkBQ5MMYMPcjs = require('./chunk-BQ5MMYMP.cjs');
 
 
 var _chunk3JTH7BHIcjs = require('./chunk-3JTH7BHI.cjs');
@@ -65,11 +65,11 @@ function Banner({
   }, [onHeightChange, rect == null ? void 0 : rect.height]);
   let contentNode = null;
   if (content) {
-    const contentNodes = _chunkEC2UGHQ6cjs.toReactNodes.call(void 0, content);
+    const contentNodes = _chunkISSWG34Jcjs.toReactNodes.call(void 0, content);
     if (to) {
-      contentNode = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4FVDOZDAcjs.Link, { to, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, BannerFlexInnerContent, { children: [
+      contentNode = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkM3TXRVC3cjs.Link, { to, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, BannerFlexInnerContent, { children: [
         contentNodes,
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5R7OENS4cjs.Icon, { name: "ArrowRight", width: 12, ml: 6 })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4PZLEYONcjs.Icon, { name: "ArrowRight", width: 12, ml: 6 })
       ] }) });
     } else {
       contentNode = contentNodes;
@@ -138,9 +138,9 @@ var StyledBanner = _styled2.default.div`
 
   width: 100%;
   z-index: ${_chunkZU72XWNEcjs.z.notificationBanner};
-  color: ${_chunk2J2ZDWLFcjs.colors.white};
+  color: ${_chunkBQ5MMYMPcjs.colors.white};
   font-weight: 500;
-  background-color: ${({ colorProp, theme }) => colorProp ? _chunkLPTWQ2KPcjs.getColor.call(void 0, theme, colorProp) : "none"};
+  background-color: ${({ colorProp, theme }) => colorProp ? _chunkLL3KJ7DBcjs.getColor.call(void 0, theme, colorProp) : "none"};
   ${({ blurScroll }) => blurScroll ? `
       background: rgba(249, 249, 249, 0.8);
       backdrop-filter: blur(32px);
@@ -150,7 +150,7 @@ var StyledBanner = _styled2.default.div`
   align-items: center;
   padding: ${({ hPadding, vPadding }) => `${vPadding}px ${hPadding}px`};
   min-height: ${({ minHeight }) => typeof minHeight === "number" ? `${minHeight}px` : "auto"};
-  ${({ borderColor, theme }) => borderColor ? `border-bottom: 1px solid ${_chunkLPTWQ2KPcjs.getColor.call(void 0, theme, borderColor)};` : ""}
+  ${({ borderColor, theme }) => borderColor ? `border-bottom: 1px solid ${_chunkLL3KJ7DBcjs.getColor.call(void 0, theme, borderColor)};` : ""}
 
   ${({ borderProgress }) => {
   if (typeof borderProgress === "number") {

package/dist/{chunk-ZHZWTVS5.cjs → chunk-FSHYBUHO.cjs}

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunk5R7OENS4cjs = require('./chunk-5R7OENS4.cjs');
+var _chunk4PZLEYONcjs = require('./chunk-4PZLEYON.cjs');
 
 
-var _chunkLPTWQ2KPcjs = require('./chunk-LPTWQ2KP.cjs');
+var _chunkLL3KJ7DBcjs = require('./chunk-LL3KJ7DB.cjs');
 
 
 
@@ -28,7 +28,7 @@ function MultiToggle({
     let content = null;
     if ("name" in optionProps) {
       content = /* @__PURE__ */ _react.createElement.call(void 0, 
-        _chunk5R7OENS4cjs.Icon,
+        _chunk4PZLEYONcjs.Icon,
         _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, optionProps), {
           width: 11,
           key,
@@ -54,7 +54,7 @@ function MultiToggle({
 }
 var StyledMultiToggle = _styled2.default.div`
   border-radius: 999px;
-  background: ${({ theme, bgColor }) => _chunkLPTWQ2KPcjs.getColor.call(void 0, theme, bgColor)};
+  background: ${({ theme, bgColor }) => _chunkLL3KJ7DBcjs.getColor.call(void 0, theme, bgColor)};
   padding: 2px;
   gap: 2px;
   display: flex;
@@ -64,7 +64,7 @@ var StyledMultiToggleOption = _styled2.default.div`
   cursor: pointer;
   border-radius: 999px;
   padding: 4px;
-  background: ${({ theme, selected, selectedBgColor }) => selected ? _chunkLPTWQ2KPcjs.getColor.call(void 0, theme, selectedBgColor) : "transparent"};
+  background: ${({ theme, selected, selectedBgColor }) => selected ? _chunkLL3KJ7DBcjs.getColor.call(void 0, theme, selectedBgColor) : "transparent"};
 `;
 
 

package/dist/{chunk-6LQEZTSS.cjs → chunk-FX5PH6EL.cjs}

@@ -1,19 +1,19 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunk7EJGVZAAcjs = require('./chunk-7EJGVZAA.cjs');
+var _chunkAPVWQQCAcjs = require('./chunk-APVWQQCA.cjs');
 
 
-var _chunkRGG47LFCcjs = require('./chunk-RGG47LFC.cjs');
+var _chunk6NFFTOFPcjs = require('./chunk-6NFFTOFP.cjs');
 
 
 
-var _chunkC3FY5BQCcjs = require('./chunk-C3FY5BQC.cjs');
+var _chunkBGDEQI7Ycjs = require('./chunk-BGDEQI7Y.cjs');
 
 
-var _chunk22Q6UJGLcjs = require('./chunk-22Q6UJGL.cjs');
+var _chunkBB4ZAFU4cjs = require('./chunk-BB4ZAFU4.cjs');
 
 
-var _chunk5R7OENS4cjs = require('./chunk-5R7OENS4.cjs');
+var _chunk4PZLEYONcjs = require('./chunk-4PZLEYON.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, 
-          _chunk22Q6UJGLcjs.UnstyledButton,
+          _chunkBB4ZAFU4cjs.UnstyledButton,
           {
             onClick: onClickAutoButton,
             css: { cursor: "pointer" },
             children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunkRGG47LFCcjs.Pill,
+              _chunk6NFFTOFPcjs.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, _chunk22Q6UJGLcjs.UnstyledButton, { onClick, children: [
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5R7OENS4cjs.Icon, { name: "Copy", width: 19 }),
+          !value && !isEditingTextInput ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkBB4ZAFU4cjs.UnstyledButton, { onClick, children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4PZLEYONcjs.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, 
-            _chunkRGG47LFCcjs.Pill,
+            _chunk6NFFTOFPcjs.Pill,
             {
               text: value,
               onDeleteMouseDown,
@@ -145,9 +145,9 @@ function ReadClipboardButton({
         ] })
       }
     ),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkC3FY5BQCcjs.InputSubtext, { text: errorMsg || hint, hasError: Boolean(errorMsg) })
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBGDEQI7Ycjs.InputSubtext, { text: errorMsg || hint, hasError: Boolean(errorMsg) })
   ] }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _react.Fragment, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunk7EJGVZAAcjs.TextInput,
+    _chunkAPVWQQCAcjs.TextInput,
     {
       onChange: onChangeTextInput,
       value,
@@ -157,7 +157,7 @@ function ReadClipboardButton({
   ) });
 }
 var ReadClipboardButtonContainer = _styled2.default.div`
-  ${({ theme, hasAddress, hasError }) => _chunkC3FY5BQCcjs.inputBlockStyle.call(void 0, { theme, hasValue: hasAddress, hasError })}
+  ${({ theme, hasAddress, hasError }) => _chunkBGDEQI7Ycjs.inputBlockStyle.call(void 0, { theme, hasValue: hasAddress, hasError })}
 `;