@lightsparkdev/ui 1.1.7 → 1.1.9

package/dist/{chunk-4ORXBG23.js → chunk-G5COXKAE.js}

@@ -1,3 +1,18 @@
+import {
+  WeakStrengthIcon
+} from "./chunk-D4UK7XQF.js";
+import {
+  Wrench
+} from "./chunk-DSMLBKPO.js";
+import {
+  SubscriptionTick1
+} from "./chunk-KDWRK455.js";
+import {
+  TestTube
+} from "./chunk-A7MFRPVW.js";
+import {
+  Thunder
+} from "./chunk-WKVMP2FS.js";
 import {
   TradingViewCandles
 } from "./chunk-ROAHSKEU.js";
@@ -14,11 +29,14 @@ import {
   Vignette
 } from "./chunk-3DWN3EUQ.js";
 import {
-  WeakStrengthIcon
-} from "./chunk-D4UK7XQF.js";
+  Shield
+} from "./chunk-XY4U3XQE.js";
 import {
-  Wrench
-} from "./chunk-DSMLBKPO.js";
+  ShieldCheck
+} from "./chunk-N5HNNQGA.js";
+import {
+  ShieldCheckLite
+} from "./chunk-DRSYBYD2.js";
 import {
   SparklesSoft
 } from "./chunk-XVFF35KL.js";
@@ -35,14 +53,14 @@ import {
   StrongStrengthIcon
 } from "./chunk-7GOOS3YI.js";
 import {
-  SubscriptionTick1
-} from "./chunk-KDWRK455.js";
+  ReceiptBill
+} from "./chunk-YARU3I62.js";
 import {
-  TestTube
-} from "./chunk-A7MFRPVW.js";
+  RunShortcut
+} from "./chunk-JAUXM4GL.js";
 import {
-  Thunder
-} from "./chunk-WKVMP2FS.js";
+  SecretPhrase
+} from "./chunk-ILBGKIE7.js";
 import {
   SettingsGear2
 } from "./chunk-VD2XST4J.js";
@@ -59,14 +77,14 @@ import {
   ShareIOS
 } from "./chunk-YD7IPS53.js";
 import {
-  Shield
-} from "./chunk-XY4U3XQE.js";
+  PeopleCircle
+} from "./chunk-HSFE4DIZ.js";
 import {
-  ShieldCheck
-} from "./chunk-N5HNNQGA.js";
+  PeopleCircleStroke
+} from "./chunk-FXWL6U2X.js";
 import {
-  ShieldCheckLite
-} from "./chunk-DRSYBYD2.js";
+  Phone
+} from "./chunk-LSLBJH2Q.js";
 import {
   PhoneDynamicIsland
 } from "./chunk-6I7MAKWB.js";
@@ -83,14 +101,14 @@ import {
   QrCode
 } from "./chunk-6J4PCKID.js";
 import {
-  ReceiptBill
-} from "./chunk-YARU3I62.js";
+  Offline
+} from "./chunk-4WGZPEP4.js";
 import {
-  RunShortcut
-} from "./chunk-JAUXM4GL.js";
+  Paperclip1
+} from "./chunk-EKFCGIJV.js";
 import {
-  SecretPhrase
-} from "./chunk-ILBGKIE7.js";
+  Passkeys
+} from "./chunk-VF63C7JK.js";
 import {
   Passport
 } from "./chunk-N3A6TJOR.js";
@@ -107,14 +125,11 @@ import {
   PeopleAdd
 } from "./chunk-ZF4AHRQY.js";
 import {
-  PeopleCircle
-} from "./chunk-HSFE4DIZ.js";
-import {
-  PeopleCircleStroke
-} from "./chunk-FXWL6U2X.js";
+  MagnifyingGlass2
+} from "./chunk-TVTMTE26.js";
 import {
-  Phone
-} from "./chunk-LSLBJH2Q.js";
+  MapPin
+} from "./chunk-DKYMW7FA.js";
 import {
   MediumStrengthIcon
 } from "./chunk-FVPDEEWZ.js";
@@ -127,18 +142,18 @@ import {
 import {
   MinusSmall
 } from "./chunk-2WGT2HLG.js";
+import {
+  Moon
+} from "./chunk-UDBDK3KX.js";
 import {
   Mouse
 } from "./chunk-O2VZRBCK.js";
 import {
-  Offline
-} from "./chunk-4WGZPEP4.js";
-import {
-  Paperclip1
-} from "./chunk-EKFCGIJV.js";
+  LayoutRight
+} from "./chunk-65VPJMOX.js";
 import {
-  Passkeys
-} from "./chunk-VF63C7JK.js";
+  Leading
+} from "./chunk-JVA433WN.js";
 import {
   Lightning
 } from "./chunk-3W4WQYVF.js";
@@ -158,11 +173,11 @@ import {
   MagnifyingGlass
 } from "./chunk-UXQZQ4WU.js";
 import {
-  MagnifyingGlass2
-} from "./chunk-TVTMTE26.js";
+  Gift
+} from "./chunk-MEOGL5NX.js";
 import {
-  MapPin
-} from "./chunk-DKYMW7FA.js";
+  Globus
+} from "./chunk-MEMRCEGF.js";
 import {
   Group3
 } from "./chunk-QCIMEP2I.js";
@@ -182,11 +197,11 @@ import {
   Key2
 } from "./chunk-WHZ7VCKD.js";
 import {
-  LayoutRight
-} from "./chunk-65VPJMOX.js";
+  DotGrid3x3
+} from "./chunk-K6XWLD25.js";
 import {
-  Leading
-} from "./chunk-JVA433WN.js";
+  Email3
+} from "./chunk-KZ3UWVQX.js";
 import {
   EmailNotification
 } from "./chunk-OEX3MY36.js";
@@ -206,11 +221,11 @@ import {
   FingerPrint1
 } from "./chunk-PTPVVRZZ.js";
 import {
-  Gift
-} from "./chunk-MEOGL5NX.js";
+  Contacts
+} from "./chunk-T7OFJLB3.js";
 import {
-  Globus
-} from "./chunk-MEMRCEGF.js";
+  CrossLarge
+} from "./chunk-L3UAJMYW.js";
 import {
   CrossSmall
 } from "./chunk-S2T53WGO.js";
@@ -230,11 +245,8 @@ import {
   DotGrid2x3
 } from "./chunk-GXBSVM7K.js";
 import {
-  DotGrid3x3
-} from "./chunk-K6XWLD25.js";
-import {
-  Email3
-} from "./chunk-KZ3UWVQX.js";
+  CircleInfo
+} from "./chunk-THSWGYVR.js";
 import {
   CircleInfoFilled
 } from "./chunk-PBOK3NY5.js";
@@ -250,15 +262,15 @@ import {
 import {
   CircleX
 } from "./chunk-IYKMBN4Q.js";
+import {
+  Clipboard2
+} from "./chunk-MTZ52AN5.js";
 import {
   Clock
 } from "./chunk-4C3Q4KQN.js";
 import {
-  Contacts
-} from "./chunk-T7OFJLB3.js";
-import {
-  CrossLarge
-} from "./chunk-L3UAJMYW.js";
+  ChevronRightSm
+} from "./chunk-M5ADA2BD.js";
 import {
   ChevronRightSmall
 } from "./chunk-IG7N4JVE.js";
@@ -281,8 +293,8 @@ import {
   CircleCheckFilled
 } from "./chunk-GWUKK6B5.js";
 import {
-  CircleInfo
-} from "./chunk-THSWGYVR.js";
+  ChevronBottomSm
+} from "./chunk-QVNC5OHQ.js";
 import {
   ChevronBottomXs
 } from "./chunk-E4BMKFM2.js";
@@ -304,15 +316,15 @@ import {
 import {
   ChevronRight
 } from "./chunk-VXPJQOCQ.js";
-import {
-  ChevronRightSm
-} from "./chunk-M5ADA2BD.js";
 import {
   BellOff
 } from "./chunk-XKKW3CUC.js";
 import {
   Blackpoint
 } from "./chunk-YAASCJ5L.js";
+import {
+  Brackets1
+} from "./chunk-6ORTJ56W.js";
 import {
   Bubble5
 } from "./chunk-U6NRNGKX.js";
@@ -328,9 +340,6 @@ import {
 import {
   ChevronBottom
 } from "./chunk-7MCQ77NB.js";
-import {
-  ChevronBottomSm
-} from "./chunk-QVNC5OHQ.js";
 import {
   ArrowsRepeatCircle
 } from "./chunk-WOKZFVU3.js";
@@ -424,6 +433,7 @@ __export(central_exports, {
   CentralBell2: () => Bell2,
   CentralBellOff: () => BellOff,
   CentralBlackpoint: () => Blackpoint,
+  CentralBrackets1: () => Brackets1,
   CentralBubble5: () => Bubble5,
   CentralBubbleWideNotification: () => BubbleWideNotification,
   CentralCheckmark2: () => Checkmark2,
@@ -451,6 +461,7 @@ __export(central_exports, {
   CentralCircleQuestionmark: () => CircleQuestionmark,
   CentralCircleQuestionmarkFilled: () => CircleQuestionmarkFilled,
   CentralCircleX: () => CircleX,
+  CentralClipboard2: () => Clipboard2,
   CentralClock: () => Clock,
   CentralContacts: () => Contacts,
   CentralCrossLarge: () => CrossLarge,
@@ -490,6 +501,7 @@ __export(central_exports, {
   CentralMegaphone: () => Megaphone,
   CentralMinusLarge: () => MinusLarge,
   CentralMinusSmall: () => MinusSmall,
+  CentralMoon: () => Moon,
   CentralMouse: () => Mouse,
   CentralOffline: () => Offline,
   CentralPaperclip1: () => Paperclip1,

package/dist/{chunk-LSOD7B7O.cjs → chunk-G6S4IK3Y.cjs}

@@ -4,10 +4,10 @@ var _chunkB6Y7HCBMcjs = require('./chunk-B6Y7HCBM.cjs');
 
 
 
-var _chunk7OVH56SPcjs = require('./chunk-7OVH56SP.cjs');
+var _chunkYSMG5R44cjs = require('./chunk-YSMG5R44.cjs');
 
 
-var _chunkCDAUKAQHcjs = require('./chunk-CDAUKAQH.cjs');
+var _chunkLL3KJ7DBcjs = require('./chunk-LL3KJ7DB.cjs');
 
 
 var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
@@ -114,7 +114,7 @@ var globalComponentStyles = ({ theme }) => _react.css`
   ${getFontFaces(theme)};
 
   html {
-    font-size: ${_chunk7OVH56SPcjs.rootFontSizeRems}rem;
+    font-size: ${_chunkYSMG5R44cjs.rootFontSizeRems}rem;
     color: ${theme.text};
 
     /* required for iOS https://bit.ly/3Q8syG8 */
@@ -144,7 +144,7 @@ var globalComponentStyles = ({ theme }) => _react.css`
 
   * {
     box-sizing: border-box;
-    line-height: ${_chunk7OVH56SPcjs.standardLineHeightEms}em;
+    line-height: ${_chunkYSMG5R44cjs.standardLineHeightEms}em;
   }
 
   code {
@@ -191,7 +191,7 @@ var globalComponentStyles = ({ theme }) => _react.css`
 `;
 function GlobalStyles() {
   const theme = _react.useTheme.call(void 0, );
-  const bg = _chunkCDAUKAQHcjs.useThemeBg.call(void 0, );
+  const bg = _chunkLL3KJ7DBcjs.useThemeBg.call(void 0, );
   _react3.useEffect.call(void 0, () => {
     const documentHeight = () => {
       const doc = document.documentElement;

package/dist/{chunk-7NCZJJSX.cjs → chunk-GFZFPRFN.cjs}

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunk7PHETHJZcjs = require('./chunk-7PHETHJZ.cjs');
+var _chunkUGLV6KNBcjs = require('./chunk-UGLV6KNB.cjs');
 
 
-var _chunkYKLD5HW5cjs = require('./chunk-YKLD5HW5.cjs');
+var _chunkISSWG34Jcjs = require('./chunk-ISSWG34J.cjs');
 
 
-var _chunkMJXCSZKAcjs = require('./chunk-MJXCSZKA.cjs');
+var _chunk4PZLEYONcjs = require('./chunk-4PZLEYON.cjs');
 
 // src/components/InfoIconTooltip.tsx
 var _react = require('react');
@@ -16,17 +16,17 @@ function InfoIconTooltip({
   content,
   verticalAlign = "middle"
 }) {
-  const contentNodes = _chunk7PHETHJZcjs.toReactNodes.call(void 0, content);
+  const contentNodes = _chunkISSWG34Jcjs.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, _chunkMJXCSZKAcjs.Icon, { name: "Info", width: 12, ml: 4 })
+        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4PZLEYONcjs.Icon, { name: "Info", width: 12, ml: 4 })
       }
     ),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYKLD5HW5cjs.Tooltip, { id, render: () => contentNodes, clickable: true })
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUGLV6KNBcjs.Tooltip, { id, render: () => contentNodes, clickable: true })
   ] });
 }
 

package/dist/{chunk-WCLHQRK7.cjs → chunk-GHGHPPHE.cjs}

@@ -3,47 +3,44 @@
 var _chunkDCH43ZYZcjs = require('./chunk-DCH43ZYZ.cjs');
 
 
-var _chunkXQ3LOPT7cjs = require('./chunk-XQ3LOPT7.cjs');
+var _chunkFFQCY7VGcjs = require('./chunk-FFQCY7VG.cjs');
 
 
-var _chunkZ52PB5HYcjs = require('./chunk-Z52PB5HY.cjs');
+var _chunkP6R7DTODcjs = require('./chunk-P6R7DTOD.cjs');
 
 
-var _chunkKL5ZQSVOcjs = require('./chunk-KL5ZQSVO.cjs');
-
-
-var _chunkXWSQSVONcjs = require('./chunk-XWSQSVON.cjs');
+var _chunkGI5U47ULcjs = require('./chunk-GI5U47UL.cjs');
 
 
-var _chunkM7ADZ766cjs = require('./chunk-M7ADZ766.cjs');
 
+var _chunkKZOTKUFAcjs = require('./chunk-KZOTKUFA.cjs');
 
-var _chunk7PHETHJZcjs = require('./chunk-7PHETHJZ.cjs');
 
+var _chunkBB4ZAFU4cjs = require('./chunk-BB4ZAFU4.cjs');
 
-var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
 
+var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
-var _chunkM3XFUYAIcjs = require('./chunk-M3XFUYAI.cjs');
 
+var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
 
 
-var _chunkCSS4ASVJcjs = require('./chunk-CSS4ASVJ.cjs');
+var _chunk6RWMAYHKcjs = require('./chunk-6RWMAYHK.cjs');
 
 
-var _chunkA2GMDI24cjs = require('./chunk-A2GMDI24.cjs');
+var _chunkISSWG34Jcjs = require('./chunk-ISSWG34J.cjs');
 
 
-var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
+var _chunkJEVPAUBWcjs = require('./chunk-JEVPAUBW.cjs');
 
 
-var _chunkMJXCSZKAcjs = require('./chunk-MJXCSZKA.cjs');
+var _chunk4PZLEYONcjs = require('./chunk-4PZLEYON.cjs');
 
 
 
 
 
-var _chunk7OVH56SPcjs = require('./chunk-7OVH56SP.cjs');
+var _chunkYSMG5R44cjs = require('./chunk-YSMG5R44.cjs');
 
 
 var _chunk6VA4SAHQcjs = require('./chunk-6VA4SAHQ.cjs');
@@ -53,6 +50,9 @@ var _chunk6VA4SAHQcjs = require('./chunk-6VA4SAHQ.cjs');
 var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
 
 
+var _chunkKL5ZQSVOcjs = require('./chunk-KL5ZQSVO.cjs');
+
+
 
 var _chunkZ6EUSUADcjs = require('./chunk-Z6EUSUAD.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, _chunkCSS4ASVJcjs.Button, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, { text }, rest), text || `no-text-${i}`);
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkKZOTKUFAcjs.Button, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, { text }, rest), text || `no-text-${i}`);
     }),
     displayCancelAbove && !cancelHidden && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkCSS4ASVJcjs.Button,
+      _chunkKZOTKUFAcjs.Button,
       {
         disabled: cancelDisabled,
         onClick: onClickCancel,
@@ -231,7 +232,7 @@ function Modal({
       }
     ),
     (onSubmit || submitLink) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkCSS4ASVJcjs.Button,
+      _chunkKZOTKUFAcjs.Button,
       {
         kind: "primary",
         disabled: submitDisabled,
@@ -247,7 +248,7 @@ function Modal({
       }
     ),
     displayCancelBelow && !cancelHidden && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkCSS4ASVJcjs.Button,
+      _chunkKZOTKUFAcjs.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, _chunkCSS4ASVJcjs.Button, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, { text }, rest), text || `no-text-${i}`);
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkKZOTKUFAcjs.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 = _chunkM7ADZ766cjs.setDefaultReactNodesTypography.call(void 0, title, {
+    const titleNodesWithTypography = _chunk6RWMAYHKcjs.setDefaultReactNodesTypography.call(void 0, title, {
       default: defaultTypography
     });
-    titleContent = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ModalTitle, { children: _chunk7PHETHJZcjs.toReactNodes.call(void 0, titleNodesWithTypography) });
+    titleContent = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ModalTitle, { children: _chunkISSWG34Jcjs.toReactNodes.call(void 0, titleNodesWithTypography) });
   }
   let descriptionContent = null;
   if (description) {
@@ -277,23 +278,23 @@ function Modal({
       type: "Body",
       size: "ExtraSmall"
     };
-    const descriptionNodesWithTypography = _chunkM7ADZ766cjs.setDefaultReactNodesTypography.call(void 0, 
+    const descriptionNodesWithTypography = _chunk6RWMAYHKcjs.setDefaultReactNodesTypography.call(void 0, 
       description,
       { default: defaultTypography }
     );
-    descriptionContent = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ModalDescription, { children: _chunk7PHETHJZcjs.toReactNodes.call(void 0, descriptionNodesWithTypography) });
+    descriptionContent = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ModalDescription, { children: _chunkISSWG34Jcjs.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, _chunkXWSQSVONcjs.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, _chunkP6R7DTODcjs.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, 
-      _chunkXQ3LOPT7cjs.ProgressBar,
+      _chunkFFQCY7VGcjs.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, 
-      _chunkZ52PB5HYcjs.Drawer,
+      _chunkGI5U47ULcjs.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" ? _chunk7OVH56SPcjs.standardContentInset.smPx : 0),
+          top: top || (smKind === "default" ? _chunkYSMG5R44cjs.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, _chunkMJXCSZKAcjs.Icon, { name: "ChevronLeft", width: 16 }) }) : topLeftIcon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMJXCSZKAcjs.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, _chunkMJXCSZKAcjs.Icon, { name: "Close", width: 9 }) })
+              handleBack ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, BackButton, { onClick: handleBack, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4PZLEYONcjs.Icon, { name: "ChevronLeft", width: 16 }) }) : topLeftIcon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4PZLEYONcjs.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, _chunk4PZLEYONcjs.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, _chunkA2GMDI24cjs.UnstyledButton)`
+var DefaultFocusTarget = _styled2.default.call(void 0, _chunkBB4ZAFU4cjs.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;
 
-  ${_chunkCSS4ASVJcjs.ButtonSelector.call(void 0, )} {
+  ${_chunkKZOTKUFAcjs.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};
 
-  ${_chunkCSS4ASVJcjs.ButtonSelector.call(void 0, )} {
+  ${_chunkKZOTKUFAcjs.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 ? "" : _chunk7OVH56SPcjs.overlaySurface.call(void 0, { theme, border: smKind !== "fullscreen" })}
+  ${({ theme, smKind, ghost }) => ghost ? "" : _chunkYSMG5R44cjs.overlaySurface.call(void 0, { theme, border: smKind !== "fullscreen" })}
 
-  ${_chunkM3XFUYAIcjs.overflowAutoWithoutScrollbars}
-  ${_chunk7OVH56SPcjs.standardContentInset.smCSS.styles}
+  ${_chunkJEVPAUBWcjs.overflowAutoWithoutScrollbars}
+  ${_chunkYSMG5R44cjs.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 ? "" : _chunk7OVH56SPcjs.standardBorderRadius.call(void 0, 16)}
+    ${ghost ? "" : _chunkYSMG5R44cjs.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, _chunkA2GMDI24cjs.UnstyledButton)`
-  ${_chunk7OVH56SPcjs.standardFocusOutline}
+var BackButton = _styled2.default.call(void 0, _chunkBB4ZAFU4cjs.UnstyledButton)`
+  ${_chunkYSMG5R44cjs.standardFocusOutline}
   width: 24px;
   height: 24px;
   justify-self: flex-start;
 `;
-var CloseButton = _styled2.default.call(void 0, _chunkA2GMDI24cjs.UnstyledButton)`
-  ${_chunk7OVH56SPcjs.standardFocusOutline}
+var CloseButton = _styled2.default.call(void 0, _chunkBB4ZAFU4cjs.UnstyledButton)`
+  ${_chunkYSMG5R44cjs.standardFocusOutline}
   width: 24px;
   height: 24px;
   justify-self: flex-end;