@lightsparkdev/ui 1.1.8 → 1.1.9

package/dist/{chunk-HZV7IOF7.js → chunk-G5COXKAE.js}

@@ -1,3 +1,15 @@
+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";
@@ -17,11 +29,11 @@ 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";
@@ -41,11 +53,11 @@ 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 {
   SecretPhrase
 } from "./chunk-ILBGKIE7.js";
@@ -65,11 +77,11 @@ 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 {
   Phone
 } from "./chunk-LSLBJH2Q.js";
@@ -89,11 +101,11 @@ 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 {
   Passkeys
 } from "./chunk-VF63C7JK.js";
@@ -113,11 +125,8 @@ import {
   PeopleAdd
 } from "./chunk-ZF4AHRQY.js";
 import {
-  PeopleCircle
-} from "./chunk-HSFE4DIZ.js";
-import {
-  PeopleCircleStroke
-} from "./chunk-FXWL6U2X.js";
+  MagnifyingGlass2
+} from "./chunk-TVTMTE26.js";
 import {
   MapPin
 } from "./chunk-DKYMW7FA.js";
@@ -133,15 +142,15 @@ 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 {
   Leading
 } from "./chunk-JVA433WN.js";
@@ -164,8 +173,8 @@ import {
   MagnifyingGlass
 } from "./chunk-UXQZQ4WU.js";
 import {
-  MagnifyingGlass2
-} from "./chunk-TVTMTE26.js";
+  Gift
+} from "./chunk-MEOGL5NX.js";
 import {
   Globus
 } from "./chunk-MEMRCEGF.js";
@@ -188,8 +197,8 @@ import {
   Key2
 } from "./chunk-WHZ7VCKD.js";
 import {
-  LayoutRight
-} from "./chunk-65VPJMOX.js";
+  DotGrid3x3
+} from "./chunk-K6XWLD25.js";
 import {
   Email3
 } from "./chunk-KZ3UWVQX.js";
@@ -212,8 +221,8 @@ import {
   FingerPrint1
 } from "./chunk-PTPVVRZZ.js";
 import {
-  Gift
-} from "./chunk-MEOGL5NX.js";
+  Contacts
+} from "./chunk-T7OFJLB3.js";
 import {
   CrossLarge
 } from "./chunk-L3UAJMYW.js";
@@ -236,8 +245,8 @@ import {
   DotGrid2x3
 } from "./chunk-GXBSVM7K.js";
 import {
-  DotGrid3x3
-} from "./chunk-K6XWLD25.js";
+  CircleInfo
+} from "./chunk-THSWGYVR.js";
 import {
   CircleInfoFilled
 } from "./chunk-PBOK3NY5.js";
@@ -260,8 +269,8 @@ import {
   Clock
 } from "./chunk-4C3Q4KQN.js";
 import {
-  Contacts
-} from "./chunk-T7OFJLB3.js";
+  ChevronRightSm
+} from "./chunk-M5ADA2BD.js";
 import {
   ChevronRightSmall
 } from "./chunk-IG7N4JVE.js";
@@ -284,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";
@@ -307,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";
@@ -331,9 +340,6 @@ import {
 import {
   ChevronBottom
 } from "./chunk-7MCQ77NB.js";
-import {
-  ChevronBottomSm
-} from "./chunk-QVNC5OHQ.js";
 import {
   ArrowsRepeatCircle
 } from "./chunk-WOKZFVU3.js";
@@ -427,6 +433,7 @@ __export(central_exports, {
   CentralBell2: () => Bell2,
   CentralBellOff: () => BellOff,
   CentralBlackpoint: () => Blackpoint,
+  CentralBrackets1: () => Brackets1,
   CentralBubble5: () => Bubble5,
   CentralBubbleWideNotification: () => BubbleWideNotification,
   CentralCheckmark2: () => Checkmark2,
@@ -494,6 +501,7 @@ __export(central_exports, {
   CentralMegaphone: () => Megaphone,
   CentralMinusLarge: () => MinusLarge,
   CentralMinusSmall: () => MinusSmall,
+  CentralMoon: () => Moon,
   CentralMouse: () => Mouse,
   CentralOffline: () => Offline,
   CentralPaperclip1: () => Paperclip1,

package/dist/{chunk-7SEIVOIB.cjs → chunk-G6S4IK3Y.cjs}

@@ -4,10 +4,10 @@ var _chunkB6Y7HCBMcjs = require('./chunk-B6Y7HCBM.cjs');
 
 
 
-var _chunkUL22WLXRcjs = require('./chunk-UL22WLXR.cjs');
+var _chunkYSMG5R44cjs = require('./chunk-YSMG5R44.cjs');
 
 
-var _chunkLPTWQ2KPcjs = require('./chunk-LPTWQ2KP.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: ${_chunkUL22WLXRcjs.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: ${_chunkUL22WLXRcjs.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 = _chunkLPTWQ2KPcjs.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-Z4OZ5HJL.cjs → chunk-GFZFPRFN.cjs}

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkW2Y7RKIEcjs = require('./chunk-W2Y7RKIE.cjs');
+var _chunkUGLV6KNBcjs = require('./chunk-UGLV6KNB.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');
 
 // 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 = _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, _chunk5R7OENS4cjs.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, _chunkW2Y7RKIEcjs.Tooltip, { id, render: () => contentNodes, clickable: true })
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUGLV6KNBcjs.Tooltip, { id, render: () => contentNodes, clickable: true })
   ] });
 }
 

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

@@ -3,20 +3,20 @@
 var _chunkDCH43ZYZcjs = require('./chunk-DCH43ZYZ.cjs');
 
 
-var _chunkPEOBLYQNcjs = require('./chunk-PEOBLYQN.cjs');
+var _chunkFFQCY7VGcjs = require('./chunk-FFQCY7VG.cjs');
 
 
-var _chunkK425JWO4cjs = require('./chunk-K425JWO4.cjs');
+var _chunkP6R7DTODcjs = require('./chunk-P6R7DTOD.cjs');
 
 
-var _chunkGMJNK6MEcjs = require('./chunk-GMJNK6ME.cjs');
+var _chunkGI5U47ULcjs = require('./chunk-GI5U47UL.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');
@@ -25,22 +25,22 @@ var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
 
 
-var _chunkZTIYSEE6cjs = require('./chunk-ZTIYSEE6.cjs');
+var _chunk6RWMAYHKcjs = require('./chunk-6RWMAYHK.cjs');
 
 
-var _chunkEC2UGHQ6cjs = require('./chunk-EC2UGHQ6.cjs');
+var _chunkISSWG34Jcjs = require('./chunk-ISSWG34J.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 _chunk6VA4SAHQcjs = require('./chunk-6VA4SAHQ.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, _chunkKZOTKUFAcjs.Button, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, { text }, rest), text || `no-text-${i}`);
     }),
     displayCancelAbove && !cancelHidden && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkGYFYOAO2cjs.Button,
+      _chunkKZOTKUFAcjs.Button,
       {
         disabled: cancelDisabled,
         onClick: onClickCancel,
@@ -231,7 +232,7 @@ function Modal({
       }
     ),
     (onSubmit || submitLink) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkGYFYOAO2cjs.Button,
+      _chunkKZOTKUFAcjs.Button,
       {
         kind: "primary",
         disabled: submitDisabled,
@@ -247,7 +248,7 @@ function Modal({
       }
     ),
     displayCancelBelow && !cancelHidden && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkGYFYOAO2cjs.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, _chunkGYFYOAO2cjs.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 = _chunkZTIYSEE6cjs.setDefaultReactNodesTypography.call(void 0, title, {
+    const titleNodesWithTypography = _chunk6RWMAYHKcjs.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: _chunkISSWG34Jcjs.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 = _chunk6RWMAYHKcjs.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: _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, _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, _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, 
-      _chunkPEOBLYQNcjs.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, 
-      _chunkGMJNK6MEcjs.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" ? _chunkUL22WLXRcjs.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, _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, _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, _chunk22Q6UJGLcjs.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;
 
-  ${_chunkGYFYOAO2cjs.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};
 
-  ${_chunkGYFYOAO2cjs.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 ? "" : _chunkUL22WLXRcjs.overlaySurface.call(void 0, { theme, border: smKind !== "fullscreen" })}
+  ${({ theme, smKind, ghost }) => ghost ? "" : _chunkYSMG5R44cjs.overlaySurface.call(void 0, { theme, border: smKind !== "fullscreen" })}
 
-  ${_chunkUMXCOSIJcjs.overflowAutoWithoutScrollbars}
-  ${_chunkUL22WLXRcjs.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 ? "" : _chunkUL22WLXRcjs.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, _chunk22Q6UJGLcjs.UnstyledButton)`
-  ${_chunkUL22WLXRcjs.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, _chunk22Q6UJGLcjs.UnstyledButton)`
-  ${_chunkUL22WLXRcjs.standardFocusOutline}
+var CloseButton = _styled2.default.call(void 0, _chunkBB4ZAFU4cjs.UnstyledButton)`
+  ${_chunkYSMG5R44cjs.standardFocusOutline}
   width: 24px;
   height: 24px;
   justify-self: flex-end;

package/dist/{chunk-GMJNK6ME.cjs → chunk-GI5U47UL.cjs}

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-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');
@@ -12,10 +12,10 @@ var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.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');
 
 // src/components/Drawer.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -105,7 +105,7 @@ var Drawer = (props) => {
             children: [
               props.grabber && !props.nonDismissable && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Grabber, { onClick: handleClose, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, GrabberBar, {}) }),
               props.handleBack && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, BackButtonContainer, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                _chunkGYFYOAO2cjs.Button,
+                _chunkKZOTKUFAcjs.Button,
                 {
                   onClick: props.handleBack,
                   icon: { name: "ChevronLeft" },
@@ -114,7 +114,7 @@ var Drawer = (props) => {
                 }
               ) }),
               props.closeButton && !props.nonDismissable && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CloseButtonContainer, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CloseButton, { onClick: handleClose, type: "button", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                _chunk5R7OENS4cjs.Icon,
+                _chunk4PZLEYONcjs.Icon,
                 {
                   name: "CentralCrossLarge",
                   square: true,
@@ -236,8 +236,8 @@ var CloseButtonContainer = _styled2.default.div`
     line-height: 14px;
   }
 `;
-var CloseButton = _styled2.default.call(void 0, _chunk22Q6UJGLcjs.UnstyledButton)`
-  ${_chunkUL22WLXRcjs.standardFocusOutline}
+var CloseButton = _styled2.default.call(void 0, _chunkBB4ZAFU4cjs.UnstyledButton)`
+  ${_chunkYSMG5R44cjs.standardFocusOutline}
   width: 24px;
   height: 24px;
   justify-self: flex-end;

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

@@ -9,7 +9,7 @@ var _chunkB2MHM6CYcjs = require('./chunk-B2MHM6CY.cjs');
 var _chunk6VA4SAHQcjs = require('./chunk-6VA4SAHQ.cjs');
 
 
-var _chunk6SDFZ57Lcjs = require('./chunk-6SDFZ57L.cjs');
+var _chunk4NCWQQA2cjs = require('./chunk-4NCWQQA2.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 }) => _chunk4NCWQQA2cjs.applyTypography.call(void 0, theme, "Display", size, colorProp)}
   ${_chunkB2MHM6CYcjs.typographyStyles}
 `;
 function displaySelector(element) {

package/dist/{chunk-3PIXABV7.cjs → chunk-GVEC5IKB.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 _chunkT6AJFLKZcjs = require('./chunk-T6AJFLKZ.cjs');
+var _chunkIPX5SZVUcjs = require('./chunk-IPX5SZVU.cjs');
 
 
 
@@ -13,12 +13,12 @@ var _chunkZ6EUSUADcjs = require('./chunk-Z6EUSUAD.cjs');
 // src/components/typography/LabelStrong.tsx
 var _jsxruntime = require('@emotion/react/jsx-runtime');
 function LabelStrong(props) {
-  const propsWithDefaults = _chunkT6AJFLKZcjs.getPropDefaults.call(void 0, props);
+  const propsWithDefaults = _chunkIPX5SZVUcjs.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, _chunkT6AJFLKZcjs.StyledLabelStrong, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, propsWithDefaults), { children: reactNodes }));
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIPX5SZVUcjs.StyledLabelStrong, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, propsWithDefaults), { children: reactNodes }));
 }