@lightsparkdev/ui 1.0.11 → 1.0.12

package/dist/{chunk-V64EMQHF.js → chunk-BDWIY7XT.js}

@@ -1,9 +1,9 @@
 import {
   SatoshiInputLabel
-} from "./chunk-E6A3UWLO.js";
+} from "./chunk-4BF5OJOG.js";
 import {
   CommaNumberInput_default
-} from "./chunk-CRNFNNH6.js";
+} from "./chunk-ITGYBPXM.js";
 import {
   __objRest,
   __spreadProps,

package/dist/{chunk-J3G627ED.cjs → chunk-BHJZ6MSD.cjs}

@@ -1,6 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/Eye.tsx
 var _jsxruntime = require('@emotion/react/jsx-runtime');
-function Eye() {
+function Eye({
+  strokeWidth = "1.5",
+  strokeLinecap = "butt",
+  strokeLinejoin = "miter"
+}) {
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     "svg",
     {
@@ -14,7 +18,9 @@ function Eye() {
           {
             d: "M10.0714 8.17857C10.0714 9.32259 9.14402 10.25 8 10.25C6.85598 10.25 5.92857 9.32259 5.92857 8.17857C5.92857 7.03455 6.85598 6.10714 8 6.10714C9.14402 6.10714 10.0714 7.03455 10.0714 8.17857Z",
             stroke: "currentColor",
-            strokeWidth: "1.5"
+            strokeWidth,
+            strokeLinecap,
+            strokeLinejoin
           }
         ),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -22,7 +28,9 @@ function Eye() {
           {
             d: "M8 3C4.375 3 0.75 5.82468 0.75 8.17857C0.75 10.5325 4.375 13.3571 8 13.3571C11.625 13.3571 15.25 10.5325 15.25 8.17857C15.25 5.82468 11.625 3 8 3Z",
             stroke: "currentColor",
-            strokeWidth: "1.5"
+            strokeWidth,
+            strokeLinecap,
+            strokeLinejoin
           }
         )
       ]

package/dist/{chunk-IRHZP2Z7.cjs → chunk-BI43T24B.cjs}

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

package/dist/{chunk-NVLTKMR6.js → chunk-BJSYSTAY.js}

@@ -22,6 +22,8 @@ var buttonsThemeBase = {
   defaultBorderColor: "bg",
   defaultHoverBackgroundColor: "bg",
   defaultHoverBorderColor: "bg",
+  defaultActiveBackgroundColor: "bg",
+  defaultActiveBorderColor: "bg",
   defaultOutlineOffset: 1,
   defaultPaddingsY: {
     ExtraSmall: 4,
@@ -43,7 +45,9 @@ var defaultButtonsTheme = __spreadProps(__spreadValues({}, buttonsThemeBase), {
       defaultBackgroundColor: "c9Neutral",
       defaultBorderColor: "c9Neutral",
       defaultHoverBackgroundColor: "c8Neutral",
-      defaultHoverBorderColor: "c8Neutral"
+      defaultHoverBorderColor: "c8Neutral",
+      defaultActiveBackgroundColor: "c7Neutral",
+      defaultActiveBorderColor: "c7Neutral"
     },
     ghost: {
       defaultBackgroundColor: "transparent",
@@ -58,11 +62,45 @@ var defaultButtonsTheme = __spreadProps(__spreadValues({}, buttonsThemeBase), {
         Large: 0
       }
     },
+    transparent: {
+      defaultBackgroundColor: "transparent",
+      defaultBorderColor: "transparent",
+      defaultHoverBackgroundColor: "transparenta02",
+      defaultHoverBorderColor: "transparent",
+      defaultActiveBackgroundColor: "transparenta08",
+      defaultActiveBorderColor: "transparent"
+    },
     secondary: {
-      defaultBackgroundColor: ["bg", "c1Neutral"],
-      defaultBorderColor: ["gray90", "gray20"],
-      defaultHoverBackgroundColor: ["bg", "c1Neutral"],
-      defaultHoverBorderColor: ["gray90", "gray20"]
+      defaultBackgroundColor: "bg",
+      defaultBorderColor: "gray90",
+      defaultHoverBackgroundColor: "bg",
+      defaultHoverBorderColor: "gray85",
+      defaultActiveBackgroundColor: "bg",
+      defaultActiveBorderColor: "gray80"
+    },
+    linkLight: {
+      defaultColor: "link",
+      defaultBackgroundColor: "linkLight",
+      defaultBorderColor: "transparent",
+      defaultHoverBackgroundColor: "grayBlue93",
+      defaultHoverBorderColor: "grayBlue93",
+      defaultActiveBackgroundColor: "grayBlue92",
+      defaultActiveBorderColor: "grayBlue92"
+    },
+    warning: {
+      defaultColor: "danger",
+      defaultBackgroundColor: "red42a10",
+      defaultBorderColor: "transparent",
+      defaultHoverBackgroundColor: "red42a20",
+      defaultHoverBorderColor: "transparent",
+      defaultActiveBackgroundColor: "red42a30",
+      defaultActiveBorderColor: "transparent"
+    },
+    tertiary: {
+      defaultColor: "bg",
+      defaultBackgroundColor: "grayBlue9",
+      defaultHoverBackgroundColor: "grayBlue12",
+      defaultActiveBackgroundColor: "grayBlue14"
     },
     blue39: {
       defaultBorderColor: "blue39",

package/dist/{chunk-TA7W237X.js → chunk-BKCJOZOI.js}

@@ -1,6 +1,10 @@
 // src/icons/Close.tsx
 import { jsx } from "@emotion/react/jsx-runtime";
-function Close() {
+function Close({
+  strokeWidth = "1",
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
   return /* @__PURE__ */ jsx(
     "svg",
     {
@@ -13,8 +17,9 @@ function Close() {
         {
           d: "M0.5 0.5L7.5 7.5M0.5 7.5L7.5 0.5",
           stroke: "currentColor",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
+          strokeWidth,
+          strokeLinecap,
+          strokeLinejoin
         }
       )
     }

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

@@ -1,32 +1,32 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkRFO3GG6Rcjs = require('./chunk-RFO3GG6R.cjs');
+var _chunkFR73DFNGcjs = require('./chunk-FR73DFNG.cjs');
 
 
 
 
-var _chunkBCPM2M3Ycjs = require('./chunk-BCPM2M3Y.cjs');
+var _chunkLQ7N5FRYcjs = require('./chunk-LQ7N5FRY.cjs');
 
 
-var _chunkQ3F7S3R3cjs = require('./chunk-Q3F7S3R3.cjs');
+var _chunkIBPPT3NUcjs = require('./chunk-IBPPT3NU.cjs');
 
 
-var _chunkAPQWRIH6cjs = require('./chunk-APQWRIH6.cjs');
+var _chunkGMVP3EYXcjs = require('./chunk-GMVP3EYX.cjs');
 
 
-var _chunkWVBMQP6Ocjs = require('./chunk-WVBMQP6O.cjs');
+var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
-var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
+var _chunkAIJ4JHXBcjs = require('./chunk-AIJ4JHXB.cjs');
 
 
-var _chunkUMU7TYANcjs = require('./chunk-UMU7TYAN.cjs');
+var _chunkRROZ5XYPcjs = require('./chunk-RROZ5XYP.cjs');
 
 
-var _chunkOQEP7VDDcjs = require('./chunk-OQEP7VDD.cjs');
+var _chunkSWQDRB3Acjs = require('./chunk-SWQDRB3A.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, _chunkRROZ5XYPcjs.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, _chunkIBPPT3NUcjs.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, 
-            _chunkRFO3GG6Rcjs.QRReader,
+            _chunkFR73DFNGcjs.QRReader,
             {
               constraints: {
                 facingMode: "environment"
@@ -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, _chunkRROZ5XYPcjs.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, _chunkLQ7N5FRYcjs.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, _chunkGMVP3EYXcjs.UnstyledButton)`
+  ${_chunkLQ7N5FRYcjs.standardBorderColor}
+  ${_chunkLQ7N5FRYcjs.aboveFieldError}
   margin-top: 16px;
   border-style: solid;
   border-width: 1px;
-  ${_chunkOQEP7VDDcjs.standardBorderRadius.call(void 0, 8)}
+  ${_chunkSWQDRB3Acjs.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, _chunkGMVP3EYXcjs.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: ${_chunkAIJ4JHXBcjs.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: ${_chunkAIJ4JHXBcjs.pxToRems.call(void 0, 16)};
   text-align: center;
   display: flex;
   flex-direction: column;

package/dist/{chunk-6NM6IXYH.js → chunk-BOZO2MC4.js}

@@ -1,15 +1,15 @@
 import {
   Filter
-} from "./chunk-DLBPASW7.js";
+} from "./chunk-HRNYKB2C.js";
 import {
   Spacing
 } from "./chunk-E5DUKMCU.js";
 import {
   TextInput
-} from "./chunk-KIE5GR5E.js";
+} from "./chunk-4RHUIDWO.js";
 import {
   Button
-} from "./chunk-LQKIJF4I.js";
+} from "./chunk-WUPMVX4G.js";
 import {
   __spreadProps,
   __spreadValues
@@ -44,7 +44,7 @@ var StringFilter = ({
         kind: "primary",
         size: "ExtraSmall",
         text: value,
-        icon: "Close",
+        icon: { name: "Close" },
         iconSide: "right",
         onClick: () => {
           var _a2;

package/dist/chunk-BQMS62AQ.js

@@ -0,0 +1,31 @@
+// src/icons/Copy.tsx
+import { jsx } from "@emotion/react/jsx-runtime";
+function Copy({
+  strokeWidth = "1.5",
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      width: "100%",
+      viewBox: "0 0 20 20",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M13.25 6.75V1.25C13.25 0.97386 13.0261 0.75 12.75 0.75H1.25C0.97386 0.75 0.75 0.97386 0.75 1.25V12.75C0.75 13.0261 0.97386 13.25 1.25 13.25H6.75M7.25 6.75H18.75C19.0261 6.75 19.25 6.97386 19.25 7.25V18.75C19.25 19.0261 19.0261 19.25 18.75 19.25H7.25C6.97386 19.25 6.75 19.0261 6.75 18.75V7.25C6.75 6.97386 6.97386 6.75 7.25 6.75Z",
+          stroke: "currentColor",
+          strokeWidth,
+          strokeLinecap,
+          strokeLinejoin
+        }
+      )
+    }
+  );
+}
+
+export {
+  Copy
+};

package/dist/{chunk-6AFSPHQC.js → chunk-BRXGIA2O.js}

@@ -1,13 +1,25 @@
+import {
+  invertStrokeColor
+} from "./chunk-VI6WTKMV.js";
+
 // src/icons/CirclePlus.tsx
 import { jsx } from "@emotion/react/jsx-runtime";
-function CirclePlus() {
+function CirclePlus({
+  strokeWidth = "1.5",
+  strokeLinecap = "butt",
+  strokeLinejoin = "miter"
+}) {
   return /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx(
     "path",
     {
       fillRule: "evenodd",
       clipRule: "evenodd",
       d: "M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24ZM11.0994 8.10001C11.0994 7.60295 11.5024 7.20001 11.9994 7.20001C12.4965 7.20001 12.8994 7.60296 12.8994 8.10001V11.1001L15.8998 11.1001C16.3969 11.1001 16.7998 11.503 16.7998 12.0001C16.7998 12.4971 16.3969 12.9001 15.8998 12.9001H12.8994V15.9C12.8994 16.3971 12.4965 16.8 11.9994 16.8C11.5024 16.8 11.0994 16.3971 11.0994 15.9V12.9001H8.09982C7.60276 12.9001 7.19982 12.4971 7.19982 12.0001C7.19982 11.503 7.60276 11.1001 8.09982 11.1001H11.0994V8.10001Z",
-      fill: "#FFF14E"
+      fill: "currentColor",
+      className: invertStrokeColor,
+      strokeWidth,
+      strokeLinecap,
+      strokeLinejoin
     }
   ) });
 }

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

@@ -1,15 +1,15 @@
 "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 _chunkBI43T24Bcjs = require('./chunk-BI43T24B.cjs');
 
 
-var _chunkOVJZVL57cjs = require('./chunk-OVJZVL57.cjs');
+var _chunkKYPG23A5cjs = require('./chunk-KYPG23A5.cjs');
 
 
 var _chunk6VA4SAHQcjs = require('./chunk-6VA4SAHQ.cjs');
 
 
-var _chunkSZSK5ISJcjs = require('./chunk-SZSK5ISJ.cjs');
+var _chunkHCOW6636cjs = require('./chunk-HCOW6636.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 _chunkIRHZP2Z7cjs.getPropDefaultsBase.call(void 0, props, { as: props.tag || "h1" });
+  return _chunkBI43T24Bcjs.getPropDefaultsBase.call(void 0, props, { as: props.tag || "h1" });
 }
 var StyledDisplay = _styled2.default.h1`
-  ${({ theme, size, colorProp }) => _chunkSZSK5ISJcjs.applyTypography.call(void 0, theme, "Display", size, colorProp)}
-  ${_chunkOVJZVL57cjs.typographyStyles}
+  ${({ theme, size, colorProp }) => _chunkHCOW6636cjs.applyTypography.call(void 0, theme, "Display", size, colorProp)}
+  ${_chunkKYPG23A5cjs.typographyStyles}
 `;
 function displaySelector(element) {
   return `${element}${_chunk6VA4SAHQcjs.select.call(void 0, StyledDisplay)}`;