@lightsparkdev/ui 1.1.8 → 1.1.10

package/dist/{chunk-2BMPLV5C.cjs → chunk-ONOZU4XX.cjs}

@@ -3,54 +3,54 @@
 var _chunkDCH43ZYZcjs = require('./chunk-DCH43ZYZ.cjs');
 
 
-var _chunkPEOBLYQNcjs = require('./chunk-PEOBLYQN.cjs');
+var _chunkXKV4MIWIcjs = require('./chunk-XKV4MIWI.cjs');
 
 
-var _chunkK425JWO4cjs = require('./chunk-K425JWO4.cjs');
+var _chunkXO5V3EX5cjs = require('./chunk-XO5V3EX5.cjs');
 
 
-var _chunkGMJNK6MEcjs = require('./chunk-GMJNK6ME.cjs');
-
+var _chunkKL5ZQSVOcjs = require('./chunk-KL5ZQSVO.cjs');
 
 
-var _chunkGYFYOAO2cjs = require('./chunk-GYFYOAO2.cjs');
+var _chunkOTDIKLJRcjs = require('./chunk-OTDIKLJR.cjs');
 
 
-var _chunk22Q6UJGLcjs = require('./chunk-22Q6UJGL.cjs');
+var _chunkYPB3YRAGcjs = require('./chunk-YPB3YRAG.cjs');
 
 
-var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
+var _chunkDDGSFIWAcjs = require('./chunk-DDGSFIWA.cjs');
 
 
 var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
 
 
-var _chunkZTIYSEE6cjs = require('./chunk-ZTIYSEE6.cjs');
+var _chunkMFKERIW4cjs = require('./chunk-MFKERIW4.cjs');
 
 
-var _chunkEC2UGHQ6cjs = require('./chunk-EC2UGHQ6.cjs');
 
+var _chunkKKOBB4X5cjs = require('./chunk-KKOBB4X5.cjs');
 
-var _chunkUMXCOSIJcjs = require('./chunk-UMXCOSIJ.cjs');
 
+var _chunkSNSG4HBQcjs = require('./chunk-SNSG4HBQ.cjs');
 
-var _chunk5R7OENS4cjs = require('./chunk-5R7OENS4.cjs');
 
+var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
+var _chunkWF7Z2VITcjs = require('./chunk-WF7Z2VIT.cjs');
 
 
-var _chunkUL22WLXRcjs = require('./chunk-UL22WLXR.cjs');
 
 
-var _chunk6VA4SAHQcjs = require('./chunk-6VA4SAHQ.cjs');
 
+var _chunkRSHN4K6Ncjs = require('./chunk-RSHN4K6N.cjs');
 
 
-var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
+var _chunk6VA4SAHQcjs = require('./chunk-6VA4SAHQ.cjs');
 
 
-var _chunkKL5ZQSVOcjs = require('./chunk-KL5ZQSVO.cjs');
+
+var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
 
 
 
@@ -107,7 +107,8 @@ function Modal({
   drawerPadding,
   drawerCloseButton = true,
   drawerAlignBottom,
-  drawerDisableTouchMove
+  drawerDisableTouchMove,
+  voidOverlayBackground
 }) {
   const visibleChangedRef = _react.useRef.call(void 0, false);
   const [visibleChanged, setVisibleChanged] = _react.useState.call(void 0, false);
@@ -220,10 +221,10 @@ function Modal({
   const buttonContent = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
     extraActions == null ? void 0 : extraActions.filter((action) => action.placement === "above").map((_a, i) => {
       var _b = _a, { placement, text } = _b, rest = _chunkZ6EUSUADcjs.__objRest.call(void 0, _b, ["placement", "text"]);
-      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGYFYOAO2cjs.Button, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, { text }, rest), text || `no-text-${i}`);
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkKKOBB4X5cjs.Button, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, { text }, rest), text || `no-text-${i}`);
     }),
     displayCancelAbove && !cancelHidden && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkGYFYOAO2cjs.Button,
+      _chunkKKOBB4X5cjs.Button,
       {
         disabled: cancelDisabled,
         onClick: onClickCancel,
@@ -231,7 +232,7 @@ function Modal({
       }
     ),
     (onSubmit || submitLink) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkGYFYOAO2cjs.Button,
+      _chunkKKOBB4X5cjs.Button,
       {
         kind: "primary",
         disabled: submitDisabled,
@@ -247,7 +248,7 @@ function Modal({
       }
     ),
     displayCancelBelow && !cancelHidden && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkGYFYOAO2cjs.Button,
+      _chunkKKOBB4X5cjs.Button,
       {
         disabled: cancelDisabled,
         onClick: onClickCancel,
@@ -256,7 +257,7 @@ function Modal({
     ),
     extraActions == null ? void 0 : extraActions.filter((action) => action.placement === "below").map((_c, i) => {
       var _d = _c, { placement, text } = _d, rest = _chunkZ6EUSUADcjs.__objRest.call(void 0, _d, ["placement", "text"]);
-      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGYFYOAO2cjs.Button, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, { text }, rest), text || `no-text-${i}`);
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkKKOBB4X5cjs.Button, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, { text }, rest), text || `no-text-${i}`);
     })
   ] });
   let titleContent = null;
@@ -266,10 +267,10 @@ function Modal({
       heading: "h4",
       size: "Small"
     };
-    const titleNodesWithTypography = _chunkZTIYSEE6cjs.setDefaultReactNodesTypography.call(void 0, title, {
+    const titleNodesWithTypography = _chunkYPB3YRAGcjs.setDefaultReactNodesTypography.call(void 0, title, {
       default: defaultTypography
     });
-    titleContent = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ModalTitle, { children: _chunkEC2UGHQ6cjs.toReactNodes.call(void 0, titleNodesWithTypography) });
+    titleContent = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ModalTitle, { children: _chunkDDGSFIWAcjs.toReactNodes.call(void 0, titleNodesWithTypography) });
   }
   let descriptionContent = null;
   if (description) {
@@ -277,23 +278,23 @@ function Modal({
       type: "Body",
       size: "ExtraSmall"
     };
-    const descriptionNodesWithTypography = _chunkZTIYSEE6cjs.setDefaultReactNodesTypography.call(void 0, 
+    const descriptionNodesWithTypography = _chunkYPB3YRAGcjs.setDefaultReactNodesTypography.call(void 0, 
       description,
       { default: defaultTypography }
     );
-    descriptionContent = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ModalDescription, { children: _chunkEC2UGHQ6cjs.toReactNodes.call(void 0, descriptionNodesWithTypography) });
+    descriptionContent = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ModalDescription, { children: _chunkDDGSFIWAcjs.toReactNodes.call(void 0, descriptionNodesWithTypography) });
   }
   let topContentNode = null;
   if (topContent) {
     if (_chunkDCH43ZYZcjs.isReactNode.call(void 0, topContent)) {
       topContentNode = topContent;
     } else {
-      topContentNode = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { css: { marginBottom: _chunkZUAO4DW3cjs.Spacing.px.xl }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkK425JWO4cjs.IconWithCircleBackground, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, topContent)) });
+      topContentNode = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { css: { marginBottom: _chunkZUAO4DW3cjs.Spacing.px.xl }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkOTDIKLJRcjs.IconWithCircleBackground, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, topContent)) });
     }
   }
   const modalContent = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _react.Fragment, { children: [
     progressBar ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { css: { marginBottom: "20px" }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkPEOBLYQNcjs.ProgressBar,
+      _chunkXKV4MIWIcjs.ProgressBar,
       {
         progressPercentage: progressBar.progressPercentage,
         isSm: progressBar.isSm
@@ -308,7 +309,7 @@ function Modal({
   let content;
   if (smKind === "drawer" && isSm) {
     content = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkGMJNK6MEcjs.Drawer,
+      _chunkXO5V3EX5cjs.Drawer,
       {
         onClose: () => onClickCloseButton(),
         closeButton: drawerCloseButton,
@@ -324,7 +325,13 @@ function Modal({
     );
   } else {
     content = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _react.Fragment, { children: [
-      !(smKind === "fullscreen" && bp2.isSm()) ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ModalOverlay, { ref: overlayRef }) : null,
+      !(smKind === "fullscreen" && bp2.isSm()) ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        ModalOverlay,
+        {
+          ref: overlayRef,
+          voidOverlayBackground: voidOverlayBackground != null ? voidOverlayBackground : false
+        }
+      ) : null,
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
         ModalContainer,
         {
@@ -336,12 +343,12 @@ function Modal({
           },
           role: "dialog",
           ref: modalContainerRef,
-          top: top || (smKind === "default" ? _chunkUL22WLXRcjs.standardContentInset.smPx : 0),
+          top: top || (smKind === "default" ? _chunkRSHN4K6Ncjs.standardContentInset.smPx : 0),
           children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, ModalContent, { width, ghost, smKind, children: [
             !firstFocusRef && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DefaultFocusTarget, { ref: defaultFirstFocusRefCb }),
             !ghost && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, ModalNavigation, { children: [
-              handleBack ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, BackButton, { onClick: handleBack, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5R7OENS4cjs.Icon, { name: "ChevronLeft", width: 16 }) }) : topLeftIcon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5R7OENS4cjs.Icon, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, topLeftIcon)) : null,
-              !nonDismissable && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CloseButton, { onClick: onClickCloseButton, type: "button", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5R7OENS4cjs.Icon, { name: "Close", width: 9 }) })
+              handleBack ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, BackButton, { onClick: handleBack, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWF7Z2VITcjs.Icon, { name: "ChevronLeft", width: 16 }) }) : topLeftIcon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWF7Z2VITcjs.Icon, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, topLeftIcon)) : null,
+              !nonDismissable && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CloseButton, { onClick: onClickCloseButton, type: "button", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWF7Z2VITcjs.Icon, { name: "Close", width: 9 }) })
             ] }),
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ModalContentInner, { ghost, children: modalContent }),
             bottomContent && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { css: { marginTop: "auto" }, children: bottomContent })
@@ -355,7 +362,7 @@ function Modal({
     nodeRef.current
   ) : null;
 }
-var DefaultFocusTarget = _styled2.default.call(void 0, _chunk22Q6UJGLcjs.UnstyledButton)`
+var DefaultFocusTarget = _styled2.default.call(void 0, _chunkSNSG4HBQcjs.UnstyledButton)`
   position: absolute;
   top: -30px;
   width: 0;
@@ -368,7 +375,7 @@ var ModalOverlay = _styled2.default.div`
   z-index: ${_chunkZU72XWNEcjs.z.modalOverlay};
   width: 100vw;
   height: 100vh;
-  background: rgba(0, 0, 0, 0.5);
+  background: ${({ voidOverlayBackground }) => voidOverlayBackground ? "transparent" : "rgba(0, 0, 0, 0.5)"};
 `;
 var ModalContainer = _styled2.default.div`
   pointer-events: none;
@@ -403,7 +410,7 @@ var ModalButtonRow = _styled2.default.div`
   `)}
   gap: 10px;
 
-  ${_chunkGYFYOAO2cjs.ButtonSelector.call(void 0, )} {
+  ${_chunkKKOBB4X5cjs.ButtonSelector.call(void 0, )} {
     width: 50%;
     ${_chunkKW3JYLRIcjs.bp.sm(`
       width: 100%;
@@ -415,7 +422,7 @@ var ModalButtonColumn = _styled2.default.div`
   flex-direction: column;
   gap: ${_chunkZUAO4DW3cjs.Spacing.px.sm};
 
-  ${_chunkGYFYOAO2cjs.ButtonSelector.call(void 0, )} {
+  ${_chunkKKOBB4X5cjs.ButtonSelector.call(void 0, )} {
     width: 100%;
   }
 
@@ -431,10 +438,10 @@ var ModalContent = _styled2.default.div`
   pointer-events: auto;
   transition: width 0.25s ease-in;
 
-  ${({ theme, smKind, ghost }) => ghost ? "" : _chunkUL22WLXRcjs.overlaySurface.call(void 0, { theme, border: smKind !== "fullscreen" })}
+  ${({ theme, smKind, ghost }) => ghost ? "" : _chunkRSHN4K6Ncjs.overlaySurface.call(void 0, { theme, border: smKind !== "fullscreen" })}
 
-  ${_chunkUMXCOSIJcjs.overflowAutoWithoutScrollbars}
-  ${_chunkUL22WLXRcjs.standardContentInset.smCSS.styles}
+  ${_chunkMFKERIW4cjs.overflowAutoWithoutScrollbars}
+  ${_chunkRSHN4K6Ncjs.standardContentInset.smCSS.styles}
   max-width: 100%;
   max-height: 100%;
   position: absolute;
@@ -442,7 +449,7 @@ var ModalContent = _styled2.default.div`
   flex-direction: column;
 
   ${({ ghost, smKind, width }) => `
-    ${ghost ? "" : _chunkUL22WLXRcjs.standardBorderRadius.call(void 0, 16)}
+    ${ghost ? "" : _chunkRSHN4K6Ncjs.standardBorderRadius.call(void 0, 16)}
     width: ${width}px;
   `}
 
@@ -459,14 +466,14 @@ var ModalNavigation = _styled2.default.div`
   grid-auto-flow: column;
   width: 100%;
 `;
-var BackButton = _styled2.default.call(void 0, _chunk22Q6UJGLcjs.UnstyledButton)`
-  ${_chunkUL22WLXRcjs.standardFocusOutline}
+var BackButton = _styled2.default.call(void 0, _chunkSNSG4HBQcjs.UnstyledButton)`
+  ${_chunkRSHN4K6Ncjs.standardFocusOutline}
   width: 24px;
   height: 24px;
   justify-self: flex-start;
 `;
-var CloseButton = _styled2.default.call(void 0, _chunk22Q6UJGLcjs.UnstyledButton)`
-  ${_chunkUL22WLXRcjs.standardFocusOutline}
+var CloseButton = _styled2.default.call(void 0, _chunkSNSG4HBQcjs.UnstyledButton)`
+  ${_chunkRSHN4K6Ncjs.standardFocusOutline}
   width: 24px;
   height: 24px;
   justify-self: flex-end;

package/dist/{chunk-Z4OZ5HJL.cjs → chunk-OPMC32ZY.cjs}

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkW2Y7RKIEcjs = require('./chunk-W2Y7RKIE.cjs');
+var _chunkDDGSFIWAcjs = require('./chunk-DDGSFIWA.cjs');
 
 
-var _chunkEC2UGHQ6cjs = require('./chunk-EC2UGHQ6.cjs');
+var _chunkUFU3BYZOcjs = require('./chunk-UFU3BYZO.cjs');
 
 
-var _chunk5R7OENS4cjs = require('./chunk-5R7OENS4.cjs');
+var _chunkWF7Z2VITcjs = require('./chunk-WF7Z2VIT.cjs');
 
 // src/components/InfoIconTooltip.tsx
 var _react = require('react');
@@ -16,17 +16,17 @@ function InfoIconTooltip({
   content,
   verticalAlign = "middle"
 }) {
-  const contentNodes = _chunkEC2UGHQ6cjs.toReactNodes.call(void 0, content);
+  const contentNodes = _chunkDDGSFIWAcjs.toReactNodes.call(void 0, content);
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _react.Fragment, { children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       "div",
       {
         "data-tooltip-id": id,
         style: { display: "inline-flex", alignItems: "center", verticalAlign },
-        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5R7OENS4cjs.Icon, { name: "Info", width: 12, ml: 4 })
+        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWF7Z2VITcjs.Icon, { name: "Info", width: 12, ml: 4 })
       }
     ),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkW2Y7RKIEcjs.Tooltip, { id, render: () => contentNodes, clickable: true })
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUFU3BYZOcjs.Tooltip, { id, render: () => contentNodes, clickable: true })
   ] });
 }
 

package/dist/{chunk-OKUFNIRX.js → chunk-OSYLTDKI.js}

@@ -1,18 +1,18 @@
+import {
+  flexCenter
+} from "./chunk-FAWI3ZGU.js";
 import {
   Loading
-} from "./chunk-2NTAA34G.js";
+} from "./chunk-YNCTWF7N.js";
 import {
   UnstyledButton
-} from "./chunk-5UHQJD3J.js";
-import {
-  flexCenter
-} from "./chunk-AGHCD2FL.js";
+} from "./chunk-5NUOBJXP.js";
 import {
   Icon
-} from "./chunk-U6AUAZQA.js";
+} from "./chunk-DMPXNHDT.js";
 import {
   colors
-} from "./chunk-5J7O4QVA.js";
+} from "./chunk-MIIIUXV6.js";
 
 // src/components/Pill.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-K425JWO4.cjs → chunk-OTDIKLJR.cjs}

@@ -3,13 +3,13 @@
 var _chunkAJT37TCScjs = require('./chunk-AJT37TCS.cjs');
 
 
-var _chunk5R7OENS4cjs = require('./chunk-5R7OENS4.cjs');
+var _chunkWF7Z2VITcjs = require('./chunk-WF7Z2VIT.cjs');
 
 
-var _chunk4FVDOZDAcjs = require('./chunk-4FVDOZDA.cjs');
+var _chunkGH54P25Bcjs = require('./chunk-GH54P25B.cjs');
 
 
-var _chunkLPTWQ2KPcjs = require('./chunk-LPTWQ2KP.cjs');
+var _chunkOBHJBBPCcjs = require('./chunk-OBHJBBPC.cjs');
 
 // src/components/IconWithCircleBackground.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -52,7 +52,7 @@ function IconWithCircleBackground({
             noBg,
             bgColor,
             children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunk5R7OENS4cjs.Icon,
+              _chunkWF7Z2VITcjs.Icon,
               {
                 name: iconName,
                 width: iconWidth,
@@ -69,16 +69,16 @@ function IconWithCircleBackground({
       ]
     }
   );
-  return to ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { css: { cursor: disabled ? "not-allowed" : void 0 }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4FVDOZDAcjs.Link, { to, disabled, children: content }) }) : content;
+  return to ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { css: { cursor: disabled ? "not-allowed" : void 0 }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGH54P25Bcjs.Link, { to, disabled, children: content }) }) : content;
 }
 var StyledIconWithCircleBackground = _styled2.default.div`
-  background: ${({ theme, darkBg, noBg, bgColor }) => darkBg ? `linear-gradient(291.4deg, #1C243F 0%, #21283A 100%)` : noBg ? "transparent" : bgColor ? _chunkLPTWQ2KPcjs.getColor.call(void 0, theme, bgColor) : _chunkLPTWQ2KPcjs.getColor.call(void 0, theme, "grayBlue94")};
+  background: ${({ theme, darkBg, noBg, bgColor }) => darkBg ? `linear-gradient(291.4deg, #1C243F 0%, #21283A 100%)` : noBg ? "transparent" : bgColor ? _chunkOBHJBBPCcjs.getColor.call(void 0, theme, bgColor) : _chunkOBHJBBPCcjs.getColor.call(void 0, theme, "grayBlue94")};
 
   &:hover {
-    ${({ theme, hoverActiveBg }) => hoverActiveBg ? `background: ${_chunkLPTWQ2KPcjs.getColor.call(void 0, theme, "grayBlue94")}` : ""};
+    ${({ theme, hoverActiveBg }) => hoverActiveBg ? `background: ${_chunkOBHJBBPCcjs.getColor.call(void 0, theme, "grayBlue94")}` : ""};
   }
   &:active {
-    ${({ theme, hoverActiveBg }) => hoverActiveBg ? `background: ${_chunkLPTWQ2KPcjs.getColor.call(void 0, theme, "grayBlue78")}` : ""};
+    ${({ theme, hoverActiveBg }) => hoverActiveBg ? `background: ${_chunkOBHJBBPCcjs.getColor.call(void 0, theme, "grayBlue78")}` : ""};
   }
 
   border-radius: 50%;

package/dist/{chunk-WJEGS5N3.cjs → chunk-OU6KZFOM.cjs}

@@ -9,7 +9,7 @@ var _chunkB2MHM6CYcjs = require('./chunk-B2MHM6CY.cjs');
 var _chunk6VA4SAHQcjs = require('./chunk-6VA4SAHQ.cjs');
 
 
-var _chunk6SDFZ57Lcjs = require('./chunk-6SDFZ57L.cjs');
+var _chunkEDMCWD63cjs = require('./chunk-EDMCWD63.cjs');
 
 
 
@@ -28,7 +28,7 @@ function getPropDefaults(props) {
   return _chunkSFGLEWHWcjs.getPropDefaultsBase.call(void 0, props, { as: props.tag || "h1" });
 }
 var StyledDisplay = _styled2.default.h1`
-  ${({ theme, size, colorProp }) => _chunk6SDFZ57Lcjs.applyTypography.call(void 0, theme, "Display", size, colorProp)}
+  ${({ theme, size, colorProp }) => _chunkEDMCWD63cjs.applyTypography.call(void 0, theme, "Display", size, colorProp)}
   ${_chunkB2MHM6CYcjs.typographyStyles}
 `;
 function displaySelector(element) {

package/dist/{chunk-R44KNXWJ.js → chunk-OYIPFTQC.js}

@@ -8,22 +8,22 @@ import {
 } from "./chunk-FZUV52PP.js";
 import {
   NextLink
-} from "./chunk-JSMTC5O2.js";
-import {
-  CurrencyAmount
-} from "./chunk-FRUSRVKX.js";
+} from "./chunk-NBYTATDG.js";
 import {
   ClipboardTextField
-} from "./chunk-GZ3F7LGH.js";
+} from "./chunk-ZOIGYYOQ.js";
+import {
+  CurrencyAmount
+} from "./chunk-MK67FJ2M.js";
 import {
   Icon
-} from "./chunk-U6AUAZQA.js";
+} from "./chunk-DMPXNHDT.js";
 import {
   Link
-} from "./chunk-OFIYWU7T.js";
+} from "./chunk-SWMGDTQN.js";
 import {
   renderTypography
-} from "./chunk-JLITQIYZ.js";
+} from "./chunk-KAMBSKAE.js";
 import {
   stringToNodes
 } from "./chunk-2466FZJC.js";

package/dist/{chunk-SPXSSHKG.cjs → chunk-PATBY6OZ.cjs}

@@ -1,15 +1,15 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkZ4OZ5HJLcjs = require('./chunk-Z4OZ5HJL.cjs');
+var _chunkAEJ7VTL4cjs = require('./chunk-AEJ7VTL4.cjs');
 
 
-var _chunkC3FY5BQCcjs = require('./chunk-C3FY5BQC.cjs');
+var _chunkOPMC32ZYcjs = require('./chunk-OPMC32ZY.cjs');
 
 
 var _chunkCH2PLO6Fcjs = require('./chunk-CH2PLO6F.cjs');
 
 
-var _chunk5R7OENS4cjs = require('./chunk-5R7OENS4.cjs');
+var _chunkWF7Z2VITcjs = require('./chunk-WF7Z2VIT.cjs');
 
 
 var _chunkJA7KZV3Qcjs = require('./chunk-JA7KZV3Q.cjs');
@@ -21,11 +21,11 @@ function SatoshiInputLabel({
   availableSats,
   showTooltip = true
 }) {
-  const availableSatsTooltipNode = showTooltip ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkC3FY5BQCcjs.Label, { style: { display: "inline-flex", margin: "0 0 0 3px" }, children: [
+  const availableSatsTooltipNode = showTooltip ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkAEJ7VTL4cjs.Label, { style: { display: "inline-flex", margin: "0 0 0 3px" }, children: [
     "available",
     " ",
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkZ4OZ5HJLcjs.InfoIconTooltip,
+      _chunkOPMC32ZYcjs.InfoIconTooltip,
       {
         id: "available-balance-tooltip",
         content: [
@@ -38,10 +38,10 @@ function SatoshiInputLabel({
       }
     )
   ] }) : null;
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkC3FY5BQCcjs.Label, { children: [
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkAEJ7VTL4cjs.Label, { children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: text }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: availableSats !== void 0 && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5R7OENS4cjs.Icon, { name: "Satoshi", width: 8, mr: 4, verticalAlign: -2 }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWF7Z2VITcjs.Icon, { name: "Satoshi", width: 8, mr: 4, verticalAlign: -2 }),
       _chunkJA7KZV3Qcjs.addCommasToDigits.call(void 0, Math.floor(availableSats)),
       availableSatsTooltipNode
     ] }) })

package/dist/{chunk-WW7XQEMR.js → chunk-PFQPOB4U.js}

@@ -1,6 +1,6 @@
 import {
   pxToRems
-} from "./chunk-AGHCD2FL.js";
+} from "./chunk-FAWI3ZGU.js";
 
 // src/components/StatusIndicator.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-5OLAWLE3.js → chunk-PIBQMSQJ.js}

@@ -1,10 +1,10 @@
 import {
   toReactNodes
-} from "./chunk-R44KNXWJ.js";
+} from "./chunk-OYIPFTQC.js";
 import {
   StyledLabelStrong,
   getPropDefaults
-} from "./chunk-PPX5BU2Y.js";
+} from "./chunk-MBQLH3KS.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/{chunk-YCUA2ZHR.cjs → chunk-PRSIGZUJ.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }
 
-var _chunk7CH3ABUNcjs = require('./chunk-7CH3ABUN.cjs');
+var _chunkCDFVRIETcjs = require('./chunk-CDFVRIET.cjs');
 
 
 var _chunkZ6EUSUADcjs = require('./chunk-Z6EUSUAD.cjs');
@@ -37,7 +37,7 @@ function NextLink({
   const InternalNextLink = NextLinkRef.current;
   let content = children;
   if (text) {
-    content = typography ? _chunk7CH3ABUNcjs.renderTypography.call(void 0, typography.type, {
+    content = typography ? _chunkCDFVRIETcjs.renderTypography.call(void 0, typography.type, {
       size: typography.size,
       color: typography.color,
       children: text

package/dist/{chunk-BVE25R77.js → chunk-PS7LUKAF.js}

@@ -1,86 +1,86 @@
 import {
   Body
-} from "./chunk-2ISDPHR2.js";
+} from "./chunk-6SGHAVWG.js";
 import {
   Table
-} from "./chunk-KYMNXYGA.js";
-import {
-  DateFilter,
-  getDefaultDateFilterState
-} from "./chunk-S654EVGY.js";
+} from "./chunk-ZVVEPCBU.js";
 import {
   EnumFilter,
   getDefaultEnumFilterState,
   isEnumFilterState
-} from "./chunk-PE5VPTE7.js";
+} from "./chunk-EIKXY7AD.js";
 import {
   IdFilter,
   getDefaultIdFilterState,
   isIdFilterState
-} from "./chunk-LVFRXL5V.js";
+} from "./chunk-3GTTFRUO.js";
 import {
   StringFilter,
   getDefaultStringFilterState,
   isStringFilterState
-} from "./chunk-RLAOH7NA.js";
+} from "./chunk-5AB6NTYU.js";
 import {
   BooleanFilter,
   getDefaultBooleanFilterState
-} from "./chunk-MF2LAPAH.js";
+} from "./chunk-GFAX5WLZ.js";
 import {
   CurrencyFilter,
   getDefaultCurrencyFilterState
-} from "./chunk-AIHJ6BXO.js";
+} from "./chunk-SEL2XGBO.js";
+import {
+  DateFilter,
+  getDefaultDateFilterState
+} from "./chunk-2AVXNAAL.js";
 import {
   LabelModerate
-} from "./chunk-GTUR5PQO.js";
+} from "./chunk-25AAHDUW.js";
 import {
   Label
-} from "./chunk-XSN4IRUE.js";
+} from "./chunk-IT6Y66F5.js";
 import {
   Modal
-} from "./chunk-4ST6OTON.js";
+} from "./chunk-CSY4CGNN.js";
 import {
   Dropdown
-} from "./chunk-B7HUWFEI.js";
+} from "./chunk-C4X6HNCA.js";
+import {
+  TextIconAligner
+} from "./chunk-TH42CNH3.js";
 import {
   CardPageFullWidth
-} from "./chunk-BYQUJQ5Y.js";
+} from "./chunk-TXJQWZCR.js";
 import {
   StyledButtonRow
-} from "./chunk-KRYOR3UG.js";
+} from "./chunk-VHHLWRJS.js";
+import {
+  Spacing
+} from "./chunk-E5DUKMCU.js";
 import {
   Button,
   StyledButton
-} from "./chunk-2MB6EJ7Z.js";
+} from "./chunk-SIPHI6JZ.js";
 import {
   z
 } from "./chunk-55OQPFLF.js";
-import {
-  Spacing
-} from "./chunk-E5DUKMCU.js";
-import {
-  TextIconAligner
-} from "./chunk-7577MJVJ.js";
 import {
   Icon
-} from "./chunk-U6AUAZQA.js";
+} from "./chunk-DMPXNHDT.js";
 import {
   standardBorderRadius,
   standardContentInset
-} from "./chunk-33BECMKR.js";
+} from "./chunk-HGZGGJQB.js";
 import {
   getColor,
   themeOr,
   themeOrWithKey
-} from "./chunk-2JNM2KTT.js";
+} from "./chunk-VAH342U2.js";
 import {
   bp,
   useBreakpoints
 } from "./chunk-JSGRNWSB.js";
 import {
   colors
-} from "./chunk-5J7O4QVA.js";
+} from "./chunk-MIIIUXV6.js";
 import {
   __async,
   __spreadProps,
@@ -790,7 +790,10 @@ var PageNumberButton = styled.button`
   border: none;
   background-color: transparent;
   &:hover {
-    border: 0.5px solid ${colors["black-10"]};
+    background-color: ${colors["black-04"]};
+  }
+  &:active {
+    background-color: ${colors["black-10"]};
   }
   ${({ isCurrentPage }) => isCurrentPage ? `
       border: 0.5px solid ${colors["black-10"]};