@lightsparkdev/ui 0.0.6 → 0.0.8

package/dist/components/index.d.cts

@@ -1,3 +1,4 @@
+export { Badge } from './Badge.cjs';
 export { Button, ButtonProps, ButtonSelector, StyledButton } from './Button.cjs';
 export { ButtonRow, ButtonRowContainer, ButtonRowProps } from './ButtonRow.cjs';
 export { Collapsible } from './Collapsible.cjs';
@@ -5,20 +6,23 @@ export { CommandKey } from './CommandKey.cjs';
 export { CopyToClipboardButton } from './CopyToClipboardButton.cjs';
 export { CurrencyAmount, CurrencyIcon } from './CurrencyAmount.cjs';
 export { Icon, IconContainer } from './Icon.cjs';
+export { LightTooltip } from './LightTooltip.cjs';
 export { LightboxImage } from './LightboxImage.cjs';
 export { LightsparkProvider } from './LightsparkProvider.cjs';
 export { Loading, LoadingWrapper } from './Loading.cjs';
 export { Modal } from './Modal.cjs';
+export { Pill } from './Pill.cjs';
 export { ProgressBar, ProgressBarProps } from './ProgressBar.cjs';
 export { SecretContainer } from './SecretContainer.cjs';
 export { TextIconAligner, TextIconAlignerProps } from './TextIconAligner.cjs';
 export { UnstyledButton } from './UnstyledButton.cjs';
+import '@emotion/react/jsx-runtime';
 import '@emotion/styled';
 import 'react';
-import '@emotion/react/jsx-runtime';
 import '@emotion/react';
 import '../router.cjs';
 import 'react-router-dom';
 import '@apollo/client';
 import '@lightsparkdev/core';
+import 'react-tooltip';
 import '../types/utils.cjs';

package/dist/components/index.d.ts

@@ -1,3 +1,4 @@
+export { Badge } from './Badge.js';
 export { Button, ButtonProps, ButtonSelector, StyledButton } from './Button.js';
 export { ButtonRow, ButtonRowContainer, ButtonRowProps } from './ButtonRow.js';
 export { Collapsible } from './Collapsible.js';
@@ -5,20 +6,23 @@ export { CommandKey } from './CommandKey.js';
 export { CopyToClipboardButton } from './CopyToClipboardButton.js';
 export { CurrencyAmount, CurrencyIcon } from './CurrencyAmount.js';
 export { Icon, IconContainer } from './Icon.js';
+export { LightTooltip } from './LightTooltip.js';
 export { LightboxImage } from './LightboxImage.js';
 export { LightsparkProvider } from './LightsparkProvider.js';
 export { Loading, LoadingWrapper } from './Loading.js';
 export { Modal } from './Modal.js';
+export { Pill } from './Pill.js';
 export { ProgressBar, ProgressBarProps } from './ProgressBar.js';
 export { SecretContainer } from './SecretContainer.js';
 export { TextIconAligner, TextIconAlignerProps } from './TextIconAligner.js';
 export { UnstyledButton } from './UnstyledButton.js';
+import '@emotion/react/jsx-runtime';
 import '@emotion/styled';
 import 'react';
-import '@emotion/react/jsx-runtime';
 import '@emotion/react';
 import '../router.js';
 import 'react-router-dom';
 import '@apollo/client';
 import '@lightsparkdev/core';
+import 'react-tooltip';
 import '../types/utils.js';

package/dist/components/index.js

@@ -1,70 +1,80 @@
+import {
+  SecretContainer
+} from "../chunk-6FHLZM6N.js";
+import {
+  TextIconAligner
+} from "../chunk-WTO7C7WA.js";
+import {
+  CurrencyAmount,
+  CurrencyIcon
+} from "../chunk-XAZ6NZ6I.js";
+import {
+  Pill
+} from "../chunk-YPB5SA65.js";
 import {
   LightboxImage
-} from "../chunk-SVQELXFK.js";
+} from "../chunk-Z5TPS2BO.js";
 import {
   LightsparkProvider
-} from "../chunk-2WYVO6B2.js";
-import "../chunk-T33SBHYI.js";
+} from "../chunk-ZYHA6MJC.js";
+import "../chunk-ZSUX6RLD.js";
 import "../chunk-IJVWYT5G.js";
 import {
   Modal
-} from "../chunk-G2PZZFJL.js";
-import "../chunk-TAI352I3.js";
+} from "../chunk-DAVVD7YE.js";
+import "../chunk-VE7J2N47.js";
 import "../chunk-NBCCPGA4.js";
 import {
   ProgressBar
-} from "../chunk-RTUZVKPK.js";
-import {
-  SecretContainer
-} from "../chunk-3CZOYF3X.js";
+} from "../chunk-36C653MV.js";
 import {
-  TextIconAligner
-} from "../chunk-N2RDQJQ5.js";
+  Badge
+} from "../chunk-U6XT5JKC.js";
 import {
   ButtonRow,
   ButtonRowContainer
-} from "../chunk-JYWYEOM6.js";
+} from "../chunk-2JM7UTAZ.js";
 import {
   Button,
   ButtonSelector,
   StyledButton
-} from "../chunk-FKETYVPP.js";
-import "../chunk-M56R3RJ7.js";
+} from "../chunk-76Q4BK35.js";
+import "../chunk-OGSDZTHM.js";
 import "../chunk-YMNSXZ5D.js";
 import {
   Loading,
   LoadingWrapper
-} from "../chunk-NGS4OSWT.js";
+} from "../chunk-BAO4T4G5.js";
 import {
   Collapsible
-} from "../chunk-I74XQIVV.js";
+} from "../chunk-MAMSU2XB.js";
 import "../chunk-3XSQV5U4.js";
-import "../chunk-UO6U7AYM.js";
+import "../chunk-2YB7653N.js";
 import {
   CommandKey
 } from "../chunk-WOR7J4KZ.js";
 import {
   CopyToClipboardButton
-} from "../chunk-WWFDI534.js";
+} from "../chunk-UWN53KLJ.js";
 import {
   UnstyledButton
-} from "../chunk-IQFU7CM5.js";
+} from "../chunk-4KWTXZRY.js";
 import {
-  CurrencyAmount,
-  CurrencyIcon
-} from "../chunk-23SR7TFO.js";
+  LightTooltip
+} from "../chunk-NRXJA2PM.js";
+import "../chunk-55OQPFLF.js";
 import {
   Icon,
   IconContainer
-} from "../chunk-NZJCJJH5.js";
+} from "../chunk-VHW2KROZ.js";
 import "../chunk-LAMQKQU3.js";
-import "../chunk-RFGKH3R6.js";
+import "../chunk-HNVQIY5U.js";
 import "../chunk-2VBDEO6M.js";
 import "../chunk-E4EXM4SY.js";
 import "../chunk-JSGRNWSB.js";
-import "../chunk-CLU2FRJZ.js";
 import "../chunk-CIGAQ47A.js";
 export {
+  Badge,
   Button,
   ButtonRow,
   ButtonRowContainer,
@@ -76,11 +86,13 @@ export {
   CurrencyIcon,
   Icon,
   IconContainer,
+  LightTooltip,
   LightboxImage,
   LightsparkProvider,
   Loading,
   LoadingWrapper,
   Modal,
+  Pill,
   ProgressBar,
   SecretContainer,
   StyledButton,

package/dist/icons/Copy.cjs

@@ -29,14 +29,15 @@ var Copy = () => {
     "svg",
     {
       width: "100%",
-      viewBox: "0 0 12 12",
+      viewBox: "0 0 24 24",
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
       children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         "path",
         {
-          d: "M8.35714 3.649V3.01429C8.35714 2.1342 8.35714 1.69416 8.18587 1.35801C8.03521 1.06233 7.79481 0.821934 7.49913 0.671275C7.16298 0.5 6.72294 0.5 5.84286 0.5H3.01429C2.1342 0.5 1.69416 0.5 1.35801 0.671275C1.06233 0.821934 0.821934 1.06233 0.671275 1.35801C0.5 1.69416 0.5 2.1342 0.5 3.01429V5.84286C0.5 6.72294 0.5 7.16298 0.671275 7.49913C0.821934 7.79481 1.06233 8.03521 1.35801 8.18587C1.69416 8.35714 2.1342 8.35714 3.01429 8.35714H3.64286M6.15714 11.5H8.98571C9.8658 11.5 10.3058 11.5 10.642 11.3287C10.9377 11.1781 11.1781 10.9377 11.3287 10.642C11.5 10.3058 11.5 9.8658 11.5 8.98571V6.15714C11.5 5.27706 11.5 4.83702 11.3287 4.50087C11.1781 4.20519 10.9377 3.96479 10.642 3.81413C10.3058 3.64286 9.8658 3.64286 8.98571 3.64286H6.15714C5.27706 3.64286 4.83702 3.64286 4.50087 3.81413C4.20519 3.96479 3.96479 4.20519 3.81413 4.50087C3.64286 4.83702 3.64286 5.27706 3.64286 6.15714V8.98571C3.64286 9.8658 3.64286 10.3058 3.81413 10.642C3.96479 10.9377 4.20519 11.1781 4.50087 11.3287C4.83702 11.5 5.27706 11.5 6.15714 11.5Z",
-          stroke: "currentColor"
+          d: "M16 9V3H3V16H9M21 21H7.99998V8H21V21Z",
+          stroke: "currentColor",
+          strokeWidth: "2"
         }
       )
     }

package/dist/icons/Copy.js

@@ -7,14 +7,15 @@ var Copy = () => {
     "svg",
     {
       width: "100%",
-      viewBox: "0 0 12 12",
+      viewBox: "0 0 24 24",
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
       children: /* @__PURE__ */ jsx(
         "path",
         {
-          d: "M8.35714 3.649V3.01429C8.35714 2.1342 8.35714 1.69416 8.18587 1.35801C8.03521 1.06233 7.79481 0.821934 7.49913 0.671275C7.16298 0.5 6.72294 0.5 5.84286 0.5H3.01429C2.1342 0.5 1.69416 0.5 1.35801 0.671275C1.06233 0.821934 0.821934 1.06233 0.671275 1.35801C0.5 1.69416 0.5 2.1342 0.5 3.01429V5.84286C0.5 6.72294 0.5 7.16298 0.671275 7.49913C0.821934 7.79481 1.06233 8.03521 1.35801 8.18587C1.69416 8.35714 2.1342 8.35714 3.01429 8.35714H3.64286M6.15714 11.5H8.98571C9.8658 11.5 10.3058 11.5 10.642 11.3287C10.9377 11.1781 11.1781 10.9377 11.3287 10.642C11.5 10.3058 11.5 9.8658 11.5 8.98571V6.15714C11.5 5.27706 11.5 4.83702 11.3287 4.50087C11.1781 4.20519 10.9377 3.96479 10.642 3.81413C10.3058 3.64286 9.8658 3.64286 8.98571 3.64286H6.15714C5.27706 3.64286 4.83702 3.64286 4.50087 3.81413C4.20519 3.96479 3.96479 4.20519 3.81413 4.50087C3.64286 4.83702 3.64286 5.27706 3.64286 6.15714V8.98571C3.64286 9.8658 3.64286 10.3058 3.81413 10.642C3.96479 10.9377 4.20519 11.1781 4.50087 11.3287C4.83702 11.5 5.27706 11.5 6.15714 11.5Z",
-          stroke: "currentColor"
+          d: "M16 9V3H3V16H9M21 21H7.99998V8H21V21Z",
+          stroke: "currentColor",
+          strokeWidth: "2"
         }
       )
     }

package/dist/icons/Download.cjs

@@ -24,22 +24,33 @@ __export(Download_exports, {
 });
 module.exports = __toCommonJS(Download_exports);
 var import_jsx_runtime = require("@emotion/react/jsx-runtime");
-var Download = () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+var Download = () => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
   "svg",
   {
     width: "100%",
-    viewBox: "0 0 12 12",
+    viewBox: "0 0 24 24",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      "path",
-      {
-        d: "M6.125 1.00024L6.125 8.1431M6.125 8.1431L8.98214 6.00024M6.125 8.1431L3.26786 6.00024M1.125 8.85739V9.57167C1.125 10.3607 1.76459 11.0002 2.55357 11.0002H9.69643C10.4854 11.0002 11.125 10.3607 11.125 9.57167V8.85739",
-        stroke: "currentColor",
-        strokeLinecap: "round",
-        strokeLinejoin: "round"
-      }
-    )
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "path",
+        {
+          fillRule: "evenodd",
+          clipRule: "evenodd",
+          d: "M3.75 14C4.16421 14 4.5 14.3358 4.5 14.75V19.5H19.5V14.75C19.5 14.3358 19.8358 14 20.25 14C20.6642 14 21 14.3358 21 14.75V20.25C21 20.6642 20.6642 21 20.25 21H3.75C3.33579 21 3 20.6642 3 20.25V14.75C3 14.3358 3.33579 14 3.75 14Z",
+          fill: "currentColor"
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "path",
+        {
+          fillRule: "evenodd",
+          clipRule: "evenodd",
+          d: "M12 15.75C12.1989 15.75 12.3897 15.671 12.5303 15.5303L16.0303 12.0303C16.3232 11.7374 16.3232 11.2626 16.0303 10.9697C15.7374 10.6768 15.2626 10.6768 14.9697 10.9697L12.75 13.1893V3.75C12.75 3.33579 12.4142 3 12 3C11.5858 3 11.25 3.33579 11.25 3.75V13.1893L9.03033 10.9697C8.73744 10.6768 8.26256 10.6768 7.96967 10.9697C7.67678 11.2626 7.67678 11.7374 7.96967 12.0303L11.4697 15.5303C11.6103 15.671 11.8011 15.75 12 15.75Z",
+          fill: "currentColor"
+        }
+      )
+    ]
   }
 );
 var Download_default = Download;

package/dist/icons/Download.js

@@ -1,23 +1,34 @@
 import "../chunk-CIGAQ47A.js";
 
 // src/icons/Download.tsx
-import { jsx } from "@emotion/react/jsx-runtime";
-var Download = () => /* @__PURE__ */ jsx(
+import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+var Download = () => /* @__PURE__ */ jsxs(
   "svg",
   {
     width: "100%",
-    viewBox: "0 0 12 12",
+    viewBox: "0 0 24 24",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ jsx(
-      "path",
-      {
-        d: "M6.125 1.00024L6.125 8.1431M6.125 8.1431L8.98214 6.00024M6.125 8.1431L3.26786 6.00024M1.125 8.85739V9.57167C1.125 10.3607 1.76459 11.0002 2.55357 11.0002H9.69643C10.4854 11.0002 11.125 10.3607 11.125 9.57167V8.85739",
-        stroke: "currentColor",
-        strokeLinecap: "round",
-        strokeLinejoin: "round"
-      }
-    )
+    children: [
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          fillRule: "evenodd",
+          clipRule: "evenodd",
+          d: "M3.75 14C4.16421 14 4.5 14.3358 4.5 14.75V19.5H19.5V14.75C19.5 14.3358 19.8358 14 20.25 14C20.6642 14 21 14.3358 21 14.75V20.25C21 20.6642 20.6642 21 20.25 21H3.75C3.33579 21 3 20.6642 3 20.25V14.75C3 14.3358 3.33579 14 3.75 14Z",
+          fill: "currentColor"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          fillRule: "evenodd",
+          clipRule: "evenodd",
+          d: "M12 15.75C12.1989 15.75 12.3897 15.671 12.5303 15.5303L16.0303 12.0303C16.3232 11.7374 16.3232 11.2626 16.0303 10.9697C15.7374 10.6768 15.2626 10.6768 14.9697 10.9697L12.75 13.1893V3.75C12.75 3.33579 12.4142 3 12 3C11.5858 3 11.25 3.33579 11.25 3.75V13.1893L9.03033 10.9697C8.73744 10.6768 8.26256 10.6768 7.96967 10.9697C7.67678 11.2626 7.67678 11.7374 7.96967 12.0303L11.4697 15.5303C11.6103 15.671 11.8011 15.75 12 15.75Z",
+          fill: "currentColor"
+        }
+      )
+    ]
   }
 );
 var Download_default = Download;

package/dist/icons/Upload.cjs

@@ -24,22 +24,33 @@ __export(Upload_exports, {
 });
 module.exports = __toCommonJS(Upload_exports);
 var import_jsx_runtime = require("@emotion/react/jsx-runtime");
-var Upload = () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+var Upload = () => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
   "svg",
   {
     width: "100%",
-    viewBox: "0 0 12 12",
+    viewBox: "0 0 24 24",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      "path",
-      {
-        d: "M1.125 8.85739V9.57167C1.125 10.3607 1.76459 11.0002 2.55357 11.0002H9.69643C10.4854 11.0002 11.125 10.3607 11.125 9.57167V8.85739M6.125 8.1431V1.00024M6.125 1.00024L3.26786 3.1431M6.125 1.00024L8.98214 3.1431",
-        stroke: "currentColor",
-        strokeLinecap: "round",
-        strokeLinejoin: "round"
-      }
-    )
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "path",
+        {
+          fillRule: "evenodd",
+          clipRule: "evenodd",
+          d: "M12 3C12.1989 3 12.3897 3.07902 12.5303 3.21967L17.0303 7.71967C17.3232 8.01256 17.3232 8.48744 17.0303 8.78033C16.7374 9.07322 16.2626 9.07322 15.9697 8.78033L12.75 5.56066V15C12.75 15.4142 12.4142 15.75 12 15.75C11.5858 15.75 11.25 15.4142 11.25 15V5.56066L8.03033 8.78033C7.73744 9.07322 7.26256 9.07322 6.96967 8.78033C6.67678 8.48744 6.67678 8.01256 6.96967 7.71967L11.4697 3.21967C11.6103 3.07902 11.8011 3 12 3Z",
+          fill: "currentColor"
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "path",
+        {
+          fillRule: "evenodd",
+          clipRule: "evenodd",
+          d: "M3.75 12C4.16421 12 4.5 12.3358 4.5 12.75V19.5H19.5V12.75C19.5 12.3358 19.8358 12 20.25 12C20.6642 12 21 12.3358 21 12.75V20.25C21 20.6642 20.6642 21 20.25 21H3.75C3.33579 21 3 20.6642 3 20.25V12.75C3 12.3358 3.33579 12 3.75 12Z",
+          fill: "currentColor"
+        }
+      )
+    ]
   }
 );
 var Upload_default = Upload;

package/dist/icons/Upload.js

@@ -1,23 +1,34 @@
 import "../chunk-CIGAQ47A.js";
 
 // src/icons/Upload.tsx
-import { jsx } from "@emotion/react/jsx-runtime";
-var Upload = () => /* @__PURE__ */ jsx(
+import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+var Upload = () => /* @__PURE__ */ jsxs(
   "svg",
   {
     width: "100%",
-    viewBox: "0 0 12 12",
+    viewBox: "0 0 24 24",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ jsx(
-      "path",
-      {
-        d: "M1.125 8.85739V9.57167C1.125 10.3607 1.76459 11.0002 2.55357 11.0002H9.69643C10.4854 11.0002 11.125 10.3607 11.125 9.57167V8.85739M6.125 8.1431V1.00024M6.125 1.00024L3.26786 3.1431M6.125 1.00024L8.98214 3.1431",
-        stroke: "currentColor",
-        strokeLinecap: "round",
-        strokeLinejoin: "round"
-      }
-    )
+    children: [
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          fillRule: "evenodd",
+          clipRule: "evenodd",
+          d: "M12 3C12.1989 3 12.3897 3.07902 12.5303 3.21967L17.0303 7.71967C17.3232 8.01256 17.3232 8.48744 17.0303 8.78033C16.7374 9.07322 16.2626 9.07322 15.9697 8.78033L12.75 5.56066V15C12.75 15.4142 12.4142 15.75 12 15.75C11.5858 15.75 11.25 15.4142 11.25 15V5.56066L8.03033 8.78033C7.73744 9.07322 7.26256 9.07322 6.96967 8.78033C6.67678 8.48744 6.67678 8.01256 6.96967 7.71967L11.4697 3.21967C11.6103 3.07902 11.8011 3 12 3Z",
+          fill: "currentColor"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          fillRule: "evenodd",
+          clipRule: "evenodd",
+          d: "M3.75 12C4.16421 12 4.5 12.3358 4.5 12.75V19.5H19.5V12.75C19.5 12.3358 19.8358 12 20.25 12C20.6642 12 21 12.3358 21 12.75V20.25C21 20.6642 20.6642 21 20.25 21H3.75C3.33579 21 3 20.6642 3 20.25V12.75C3 12.3358 3.33579 12 3.75 12Z",
+          fill: "currentColor"
+        }
+      )
+    ]
   }
 );
 var Upload_default = Upload;

package/dist/icons/index.cjs

@@ -79,7 +79,6 @@ var import_react5 = require("react");
 // src/styles/common.tsx
 var import_react4 = require("@emotion/react");
 var import_styled = __toESM(require("@emotion/styled"), 1);
-var import_react_tooltip = require("react-tooltip");
 
 // src/styles/breakpoints.tsx
 var import_react = require("@emotion/react");
@@ -1285,32 +1284,6 @@ function hexToRGB(hex) {
   ] : [0, 0, 0];
 }
 
-// src/styles/z-index.tsx
-var z = {
-  card: 1,
-  fieldError: 1,
-  textInput: 2,
-  select: 3,
-  selectFocused: 4,
-  walletActionPreviewTopGradient: 1,
-  headerContainer: 99,
-  smBanner: 99,
-  headerTop: 100,
-  navMenu: 100,
-  smNavMenu: 100,
-  navAction: 101,
-  smNavAction: 100,
-  // keep under navDropdown
-  tooltip: 160,
-  notificationBanner: 170,
-  qrReaderVideo: 180,
-  qrReaderOverlay: 181,
-  modalOverlay: 190,
-  modalContainer: 191,
-  dropdown: 192,
-  toast: 200
-};
-
 // src/styles/common.tsx
 var rootFontSizePx = 12;
 var rootFontSizeRems = rootFontSizePx / 16;
@@ -1357,9 +1330,6 @@ var Subtext = import_styled.default.div`
 var darkGradientBg = import_react4.css`
   background: ${darkGradient};
 `;
-var StyledTooltip = (0, import_styled.default)(import_react_tooltip.Tooltip)`
-  z-index: ${z.modalOverlay};
-`;
 
 // src/utils/strings.tsx
 function isString(str) {

package/dist/icons/index.js

@@ -1,13 +1,12 @@
 import {
   Icon,
   IconContainer
-} from "../chunk-NZJCJJH5.js";
+} from "../chunk-VHW2KROZ.js";
 import "../chunk-LAMQKQU3.js";
-import "../chunk-RFGKH3R6.js";
+import "../chunk-HNVQIY5U.js";
 import "../chunk-2VBDEO6M.js";
 import "../chunk-E4EXM4SY.js";
 import "../chunk-JSGRNWSB.js";
-import "../chunk-CLU2FRJZ.js";
 import "../chunk-CIGAQ47A.js";
 export {
   Icon,

package/dist/router.cjs

@@ -1200,19 +1200,23 @@ function Link({
   blue = false,
   newTab = false
 }) {
-  if (!isString(to) && !externalLink) {
-    throw new Error("Link must have either `to` or `externalLink` defined");
+  if (!isString(to) && !externalLink && !onClick) {
+    throw new Error(
+      "Link must have either `to` or `externalLink` or `onClick` defined"
+    );
   }
   let toStr;
   if (isString(to)) {
     toStr = replaceParams(to, params);
     toStr += hash ? `#${hash}` : "";
-  } else {
+  } else if (externalLink) {
     const definedExternalLink = externalLink;
     if (!definedExternalLink.startsWith("http")) {
       throw new Error("Link's externalLink must start with http");
     }
     toStr = definedExternalLink;
+  } else {
+    toStr = "#";
   }
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     import_react_router_dom.Link,

package/dist/router.js

@@ -8,7 +8,7 @@ import {
   useMatchRoute,
   useMatchRoutes,
   useNavigate
-} from "./chunk-M56R3RJ7.js";
+} from "./chunk-OGSDZTHM.js";
 import "./chunk-LAMQKQU3.js";
 import "./chunk-2VBDEO6M.js";
 import "./chunk-E4EXM4SY.js";

package/dist/styles/common.cjs

@@ -47,7 +47,6 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/styles/common.tsx
 var common_exports = {};
 __export(common_exports, {
-  StyledTooltip: () => StyledTooltip,
   Subtext: () => Subtext,
   cardBorderRadiusPx: () => cardBorderRadiusPx,
   darkGradientBg: () => darkGradientBg,
@@ -78,7 +77,6 @@ __export(common_exports, {
 module.exports = __toCommonJS(common_exports);
 var import_react4 = require("@emotion/react");
 var import_styled = __toESM(require("@emotion/styled"), 1);
-var import_react_tooltip = require("react-tooltip");
 
 // src/styles/breakpoints.tsx
 var import_react = require("@emotion/react");
@@ -1288,32 +1286,6 @@ function hexToRGB(hex) {
   ] : [0, 0, 0];
 }
 
-// src/styles/z-index.tsx
-var z = {
-  card: 1,
-  fieldError: 1,
-  textInput: 2,
-  select: 3,
-  selectFocused: 4,
-  walletActionPreviewTopGradient: 1,
-  headerContainer: 99,
-  smBanner: 99,
-  headerTop: 100,
-  navMenu: 100,
-  smNavMenu: 100,
-  navAction: 101,
-  smNavAction: 100,
-  // keep under navDropdown
-  tooltip: 160,
-  notificationBanner: 170,
-  qrReaderVideo: 180,
-  qrReaderOverlay: 181,
-  modalOverlay: 190,
-  modalContainer: 191,
-  dropdown: 192,
-  toast: 200
-};
-
 // src/styles/common.tsx
 var rootFontSizePx = 12;
 var rootFontSizeRems = rootFontSizePx / 16;
@@ -1392,9 +1364,6 @@ var Subtext = import_styled.default.div`
 var darkGradientBg = import_react4.css`
   background: ${darkGradient};
 `;
-var StyledTooltip = (0, import_styled.default)(import_react_tooltip.Tooltip)`
-  z-index: ${z.modalOverlay};
-`;
 var overlaySurfaceBorderColor = ({
   theme,
   important = false
@@ -1422,7 +1391,6 @@ var mcBold = (theme) => import_react4.css`
 var mcBoldStyled = ({ theme }) => mcBold(theme);
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  StyledTooltip,
   Subtext,
   cardBorderRadiusPx,
   darkGradientBg,

package/dist/styles/common.d.cts

@@ -1,4 +1,3 @@
-import * as react_tooltip from 'react-tooltip';
 import * as _emotion_styled from '@emotion/styled';
 import * as react from 'react';
 import * as _emotion_react from '@emotion/react';
@@ -40,9 +39,6 @@ declare const Subtext: _emotion_styled.StyledComponent<{
     as?: react.ElementType<any>;
 }, react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 declare const darkGradientBg: _emotion_react.SerializedStyles;
-declare const StyledTooltip: _emotion_styled.StyledComponent<react_tooltip.ITooltip & react.RefAttributes<react_tooltip.TooltipRefProps> & {
-    theme?: Theme;
-}, {}, {}>;
 declare const overlaySurfaceBorderColor: ({ theme, important, }: WithTheme<{
     important?: boolean;
 }>) => _emotion_react.SerializedStyles;
@@ -52,4 +48,4 @@ declare const overlaySurface: ({ theme, important, }: WithTheme<{
 declare const mcBold: (theme: Theme) => _emotion_react.SerializedStyles;
 declare const mcBoldStyled: ({ theme }: ThemeProp) => _emotion_react.SerializedStyles;
 
-export { StyledTooltip, Subtext, cardBorderRadiusPx, darkGradientBg, delta, getFocusOutline, headingContentMarginPx, mcBold, mcBoldStyled, minSmMaxLgContentInset, outlineOffset, overlaySurface, overlaySurfaceBorderColor, pageBorderRadius, pageBorderRadiusPx, rootFontSizePx, rootFontSizeRems, smContentInset, standardBorderRadius, standardCardShadow, standardContentInset, standardContentInsetMdPx, standardContentInsetPx, standardContentInsetSmPx, standardFocusOutline, standardLineHeightEms, subtext };
+export { Subtext, cardBorderRadiusPx, darkGradientBg, delta, getFocusOutline, headingContentMarginPx, mcBold, mcBoldStyled, minSmMaxLgContentInset, outlineOffset, overlaySurface, overlaySurfaceBorderColor, pageBorderRadius, pageBorderRadiusPx, rootFontSizePx, rootFontSizeRems, smContentInset, standardBorderRadius, standardCardShadow, standardContentInset, standardContentInsetMdPx, standardContentInsetPx, standardContentInsetSmPx, standardFocusOutline, standardLineHeightEms, subtext };

package/dist/styles/common.d.ts

@@ -1,4 +1,3 @@
-import * as react_tooltip from 'react-tooltip';
 import * as _emotion_styled from '@emotion/styled';
 import * as react from 'react';
 import * as _emotion_react from '@emotion/react';
@@ -40,9 +39,6 @@ declare const Subtext: _emotion_styled.StyledComponent<{
     as?: react.ElementType<any>;
 }, react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 declare const darkGradientBg: _emotion_react.SerializedStyles;
-declare const StyledTooltip: _emotion_styled.StyledComponent<react_tooltip.ITooltip & react.RefAttributes<react_tooltip.TooltipRefProps> & {
-    theme?: Theme;
-}, {}, {}>;
 declare const overlaySurfaceBorderColor: ({ theme, important, }: WithTheme<{
     important?: boolean;
 }>) => _emotion_react.SerializedStyles;
@@ -52,4 +48,4 @@ declare const overlaySurface: ({ theme, important, }: WithTheme<{
 declare const mcBold: (theme: Theme) => _emotion_react.SerializedStyles;
 declare const mcBoldStyled: ({ theme }: ThemeProp) => _emotion_react.SerializedStyles;
 
-export { StyledTooltip, Subtext, cardBorderRadiusPx, darkGradientBg, delta, getFocusOutline, headingContentMarginPx, mcBold, mcBoldStyled, minSmMaxLgContentInset, outlineOffset, overlaySurface, overlaySurfaceBorderColor, pageBorderRadius, pageBorderRadiusPx, rootFontSizePx, rootFontSizeRems, smContentInset, standardBorderRadius, standardCardShadow, standardContentInset, standardContentInsetMdPx, standardContentInsetPx, standardContentInsetSmPx, standardFocusOutline, standardLineHeightEms, subtext };
+export { Subtext, cardBorderRadiusPx, darkGradientBg, delta, getFocusOutline, headingContentMarginPx, mcBold, mcBoldStyled, minSmMaxLgContentInset, outlineOffset, overlaySurface, overlaySurfaceBorderColor, pageBorderRadius, pageBorderRadiusPx, rootFontSizePx, rootFontSizeRems, smContentInset, standardBorderRadius, standardCardShadow, standardContentInset, standardContentInsetMdPx, standardContentInsetPx, standardContentInsetSmPx, standardFocusOutline, standardLineHeightEms, subtext };

package/dist/styles/common.js

@@ -1,5 +1,4 @@
 import {
-  StyledTooltip,
   Subtext,
   cardBorderRadiusPx,
   darkGradientBg,
@@ -26,14 +25,12 @@ import {
   standardFocusOutline,
   standardLineHeightEms,
   subtext
-} from "../chunk-RFGKH3R6.js";
+} from "../chunk-HNVQIY5U.js";
 import "../chunk-2VBDEO6M.js";
 import "../chunk-E4EXM4SY.js";
 import "../chunk-JSGRNWSB.js";
-import "../chunk-CLU2FRJZ.js";
 import "../chunk-CIGAQ47A.js";
 export {
-  StyledTooltip,
   Subtext,
   cardBorderRadiusPx,
   darkGradientBg,