@lightsparkdev/ui 1.1.18 → 1.1.19

package/dist/{chunk-ENC5XC64.js → chunk-LRFUGJQI.js}

@@ -1,15 +1,15 @@
 import {
   AppliedButtonsContainer
-} from "./chunk-4NAX4KKQ.js";
+} from "./chunk-J4OSU7C4.js";
 import {
   Filter
-} from "./chunk-M2JUIDYJ.js";
+} from "./chunk-SV54TB3K.js";
 import {
   TextInput
-} from "./chunk-VMMTAIK4.js";
+} from "./chunk-YTW43PQ4.js";
 import {
   Button
-} from "./chunk-HPEJTNFY.js";
+} from "./chunk-Z5KEMXBO.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/{chunk-MNDYJMEY.cjs → chunk-LRKV5GSQ.cjs}

@@ -6,7 +6,7 @@ var _chunkU6XO2EF4cjs = require('./chunk-U6XO2EF4.cjs');
 var _chunkB2MHM6CYcjs = require('./chunk-B2MHM6CY.cjs');
 
 
-var _chunkTUIKHIRHcjs = require('./chunk-TUIKHIRH.cjs');
+var _chunkKZU5SADGcjs = require('./chunk-KZU5SADG.cjs');
 
 
 
@@ -24,7 +24,7 @@ function getPropDefaults(props) {
   return _chunkU6XO2EF4cjs.getPropDefaultsBase.call(void 0, props, { as: props.tag || "span" });
 }
 var StyledBodyStrong = _styled2.default.span`
-  ${({ theme, size, colorProp }) => _chunkTUIKHIRHcjs.applyTypography.call(void 0, theme, "Body Strong", size, colorProp)}
+  ${({ theme, size, colorProp }) => _chunkKZU5SADGcjs.applyTypography.call(void 0, theme, "Body Strong", size, colorProp)}
   ${_chunkB2MHM6CYcjs.typographyStyles}
 `;
 

package/dist/{chunk-XFAYUWLK.js → chunk-LSNX725M.js}

@@ -1,6 +1,6 @@
 import {
   textInputStyle
-} from "./chunk-LJJL3R4H.js";
+} from "./chunk-PMTOT657.js";
 
 // src/components/CodeInput/SingleCodeInput.tsx
 import { css, useTheme } from "@emotion/react";

package/dist/{chunk-YCNAUY5X.js → chunk-M2LSYFGT.js}

@@ -1,10 +1,10 @@
 import {
   toReactNodes
-} from "./chunk-JGQA7X73.js";
+} from "./chunk-YDKHMGTJ.js";
 import {
   StyledBodyStrong,
   getPropDefaults
-} from "./chunk-7YTOLQNG.js";
+} from "./chunk-EOKYC6WX.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/chunk-MNZZ3HXG.cjs

@@ -0,0 +1,55 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/components/CountryFlag/countryFlagSvgUrls.ts
+function buildCountryFlagSvgUrls(flagModules) {
+  return Object.fromEntries(
+    Object.entries(flagModules).map(([path, module]) => {
+      var _a;
+      const countryCode = (_a = path.split("/").pop()) == null ? void 0 : _a.split(".")[0];
+      return [countryCode != null ? countryCode : "", module.default];
+    })
+  );
+}
+var CURRENCY_TO_COUNTRY = {
+  // Americas
+  USD: "us",
+  MXN: "mx",
+  BRL: "br",
+  CAD: "ca",
+  COP: "co",
+  ARS: "ar",
+  // Europe
+  GBP: "gb",
+  DKK: "dk",
+  EUR: "eu",
+  // Middle East
+  AED: "ae",
+  // Asia
+  INR: "in",
+  PHP: "ph",
+  IDR: "id",
+  MYR: "my",
+  SGD: "sg",
+  THB: "th",
+  VND: "vn",
+  CNY: "cn",
+  HKD: "hk",
+  // Africa
+  BWP: "bw",
+  KES: "ke",
+  MWK: "mw",
+  NGN: "ng",
+  RWF: "rw",
+  ZAR: "za",
+  TZS: "tz",
+  UGX: "ug",
+  ZMW: "zm",
+  GHS: "gh",
+  CDF: "cd",
+  XOF: "sn",
+  // Oceania
+  AUD: "au"
+};
+
+
+
+
+exports.buildCountryFlagSvgUrls = buildCountryFlagSvgUrls; exports.CURRENCY_TO_COUNTRY = CURRENCY_TO_COUNTRY;

package/dist/{chunk-NZ37WFCO.cjs → chunk-MXO7EHXQ.cjs}

@@ -6,7 +6,7 @@ var _chunkU6XO2EF4cjs = require('./chunk-U6XO2EF4.cjs');
 var _chunkB2MHM6CYcjs = require('./chunk-B2MHM6CY.cjs');
 
 
-var _chunkTUIKHIRHcjs = require('./chunk-TUIKHIRH.cjs');
+var _chunkKZU5SADGcjs = require('./chunk-KZU5SADG.cjs');
 
 
 
@@ -24,7 +24,7 @@ function getPropDefaults(props) {
   return _chunkU6XO2EF4cjs.getPropDefaultsBase.call(void 0, props, { as: props.tag || "span" });
 }
 var StyledTitle = _styled2.default.span`
-  ${({ theme, size, colorProp }) => _chunkTUIKHIRHcjs.applyTypography.call(void 0, theme, "Title", size, colorProp)}
+  ${({ theme, size, colorProp }) => _chunkKZU5SADGcjs.applyTypography.call(void 0, theme, "Title", size, colorProp)}
   ${_chunkB2MHM6CYcjs.typographyStyles}
 `;
 

package/dist/{chunk-7JI4P6IX.cjs → chunk-N2QYXZWM.cjs}

@@ -1,27 +1,27 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
+var _chunkO3NJJRRCcjs = require('./chunk-O3NJJRRC.cjs');
 
 
-var _chunkGGPCU5XOcjs = require('./chunk-GGPCU5XO.cjs');
+var _chunk72M33FDNcjs = require('./chunk-72M33FDN.cjs');
 
 
-var _chunkY7PBSDLPcjs = require('./chunk-Y7PBSDLP.cjs');
+var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
 
 
-var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
+var _chunk6NL6Y5OXcjs = require('./chunk-6NL6Y5OX.cjs');
 
 
-var _chunkWUHIPLEUcjs = require('./chunk-WUHIPLEU.cjs');
+var _chunkQN7ZRGAOcjs = require('./chunk-QN7ZRGAO.cjs');
 
 
-var _chunkNFHQ3LH4cjs = require('./chunk-NFHQ3LH4.cjs');
+var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
-var _chunk72M33FDNcjs = require('./chunk-72M33FDN.cjs');
+var _chunkKHNI4BLBcjs = require('./chunk-KHNI4BLB.cjs');
 
 
-var _chunkO3NJJRRCcjs = require('./chunk-O3NJJRRC.cjs');
+var _chunkL2DITD7Rcjs = require('./chunk-L2DITD7R.cjs');
 
 // src/components/Drawer.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -116,7 +116,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, 
-                _chunkGGPCU5XOcjs.Button,
+                _chunk6NL6Y5OXcjs.Button,
                 {
                   onClick: props.handleBack,
                   icon: { name: "ChevronLeft" },
@@ -125,7 +125,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, 
-                _chunkWUHIPLEUcjs.Icon,
+                _chunkKHNI4BLBcjs.Icon,
                 {
                   name: "CentralCrossLarge",
                   square: true,
@@ -249,8 +249,8 @@ var CloseButtonContainer = _styled2.default.div`
     line-height: 14px;
   }
 `;
-var CloseButton = _styled2.default.call(void 0, _chunkY7PBSDLPcjs.UnstyledButton)`
-  ${_chunkNFHQ3LH4cjs.standardFocusOutline}
+var CloseButton = _styled2.default.call(void 0, _chunkQN7ZRGAOcjs.UnstyledButton)`
+  ${_chunkL2DITD7Rcjs.standardFocusOutline}
   width: 24px;
   height: 24px;
   justify-self: flex-end;

package/dist/{chunk-HUAZI5PV.js → chunk-NCIEAYHX.js}

@@ -1,6 +1,6 @@
 import {
   getFontColor
-} from "./chunk-YAXYAKUK.js";
+} from "./chunk-52MQ2ZDT.js";
 import {
   getTypographyString
 } from "./chunk-GZXIEXUR.js";

package/dist/{chunk-345QNLF6.js → chunk-NCKUAUCG.js}

@@ -1,10 +1,10 @@
 import {
   toReactNodes
-} from "./chunk-JGQA7X73.js";
+} from "./chunk-YDKHMGTJ.js";
 import {
   StyledLabelModerate,
   getPropDefaults
-} from "./chunk-LNCZDGN3.js";
+} from "./chunk-UTEP5XNK.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/{chunk-ZOG6HHIT.js → chunk-NGUDH5IN.js}

@@ -1,9 +1,9 @@
 import {
   central_exports
-} from "./chunk-36ZADQV3.js";
+} from "./chunk-NM5ETQ3C.js";
 import {
   icons_exports
-} from "./chunk-VLT42IWC.js";
+} from "./chunk-72ZZZZIM.js";
 import {
   __spreadValues
 } from "./chunk-CWMXXUWU.js";

package/dist/{chunk-IZWWZHBA.cjs → chunk-NKVCQM2Z.cjs}

@@ -3,59 +3,59 @@
 var _chunkDCH43ZYZcjs = require('./chunk-DCH43ZYZ.cjs');
 
 
-var _chunk7PLUN6X3cjs = require('./chunk-7PLUN6X3.cjs');
+var _chunkSTCJTMQGcjs = require('./chunk-STCJTMQG.cjs');
 
 
-var _chunk4HKATJLGcjs = require('./chunk-4HKATJLG.cjs');
+var _chunkN2QYXZWMcjs = require('./chunk-N2QYXZWM.cjs');
 
 
-var _chunk7JI4P6IXcjs = require('./chunk-7JI4P6IX.cjs');
+var _chunkKL5ZQSVOcjs = require('./chunk-KL5ZQSVO.cjs');
 
 
-var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
+var _chunkBXXVYJ5Zcjs = require('./chunk-BXXVYJ5Z.cjs');
 
 
+var _chunkLAKFTS65cjs = require('./chunk-LAKFTS65.cjs');
 
-var _chunkGGPCU5XOcjs = require('./chunk-GGPCU5XO.cjs');
 
+var _chunkGGV45LN2cjs = require('./chunk-GGV45LN2.cjs');
 
-var _chunkY7PBSDLPcjs = require('./chunk-Y7PBSDLP.cjs');
 
+var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
 
-var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
+
+var _chunkVXN2IQANcjs = require('./chunk-VXN2IQAN.cjs');
 
 
-var _chunkTN4YJFMDcjs = require('./chunk-TN4YJFMD.cjs');
 
+var _chunk6NL6Y5OXcjs = require('./chunk-6NL6Y5OX.cjs');
 
-var _chunk24X6QUDRcjs = require('./chunk-24X6QUDR.cjs');
 
+var _chunkQN7ZRGAOcjs = require('./chunk-QN7ZRGAO.cjs');
 
-var _chunkCH7LJMGNcjs = require('./chunk-CH7LJMGN.cjs');
+
+var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
-var _chunkWUHIPLEUcjs = require('./chunk-WUHIPLEU.cjs');
+var _chunkKHNI4BLBcjs = require('./chunk-KHNI4BLB.cjs');
 
 
 
 
 
-var _chunkNFHQ3LH4cjs = require('./chunk-NFHQ3LH4.cjs');
+var _chunkL2DITD7Rcjs = require('./chunk-L2DITD7R.cjs');
 
 
 var _chunk6VA4SAHQcjs = require('./chunk-6VA4SAHQ.cjs');
 
 
-var _chunkNNAUX3OGcjs = require('./chunk-NNAUX3OG.cjs');
+var _chunk5DLGWFPFcjs = require('./chunk-5DLGWFPF.cjs');
 
 
 
 var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
 
 
-var _chunkKL5ZQSVOcjs = require('./chunk-KL5ZQSVO.cjs');
-
-
 
 var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
 
@@ -224,10 +224,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 = _chunkYM5JDZDQcjs.__objRest.call(void 0, _b, ["placement", "text"]);
-      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGGPCU5XOcjs.Button, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, { text }, rest), text || `no-text-${i}`);
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk6NL6Y5OXcjs.Button, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, { text }, rest), text || `no-text-${i}`);
     }),
     displayCancelAbove && !cancelHidden && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkGGPCU5XOcjs.Button,
+      _chunk6NL6Y5OXcjs.Button,
       {
         disabled: cancelDisabled,
         onClick: onClickCancel,
@@ -235,7 +235,7 @@ function Modal({
       }
     ),
     (onSubmit || submitLink) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkGGPCU5XOcjs.Button,
+      _chunk6NL6Y5OXcjs.Button,
       {
         kind: "primary",
         disabled: submitDisabled,
@@ -251,7 +251,7 @@ function Modal({
       }
     ),
     displayCancelBelow && !cancelHidden && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkGGPCU5XOcjs.Button,
+      _chunk6NL6Y5OXcjs.Button,
       {
         disabled: cancelDisabled,
         onClick: onClickCancel,
@@ -260,7 +260,7 @@ function Modal({
     ),
     extraActions == null ? void 0 : extraActions.filter((action) => action.placement === "below").map((_c, i) => {
       var _d = _c, { placement, text } = _d, rest = _chunkYM5JDZDQcjs.__objRest.call(void 0, _d, ["placement", "text"]);
-      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGGPCU5XOcjs.Button, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, { text }, rest), text || `no-text-${i}`);
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk6NL6Y5OXcjs.Button, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, { text }, rest), text || `no-text-${i}`);
     })
   ] });
   let titleContent = null;
@@ -270,10 +270,10 @@ function Modal({
       heading: "h4",
       size: "Small"
     };
-    const titleNodesWithTypography = _chunkTN4YJFMDcjs.setDefaultReactNodesTypography.call(void 0, title, {
+    const titleNodesWithTypography = _chunkLAKFTS65cjs.setDefaultReactNodesTypography.call(void 0, title, {
       default: defaultTypography
     });
-    titleContent = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ModalTitle, { children: _chunk24X6QUDRcjs.toReactNodes.call(void 0, titleNodesWithTypography) });
+    titleContent = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ModalTitle, { children: _chunkGGV45LN2cjs.toReactNodes.call(void 0, titleNodesWithTypography) });
   }
   let descriptionContent = null;
   if (description) {
@@ -281,23 +281,23 @@ function Modal({
       type: "Body",
       size: "ExtraSmall"
     };
-    const descriptionNodesWithTypography = _chunkTN4YJFMDcjs.setDefaultReactNodesTypography.call(void 0, 
+    const descriptionNodesWithTypography = _chunkLAKFTS65cjs.setDefaultReactNodesTypography.call(void 0, 
       description,
       { default: defaultTypography }
     );
-    descriptionContent = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ModalDescription, { children: _chunk24X6QUDRcjs.toReactNodes.call(void 0, descriptionNodesWithTypography) });
+    descriptionContent = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ModalDescription, { children: _chunkGGV45LN2cjs.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, _chunk4HKATJLGcjs.IconWithCircleBackground, _chunkYM5JDZDQcjs.__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, _chunkBXXVYJ5Zcjs.IconWithCircleBackground, _chunkYM5JDZDQcjs.__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, 
-      _chunk7PLUN6X3cjs.ProgressBar,
+      _chunkSTCJTMQGcjs.ProgressBar,
       {
         progressPercentage: progressBar.progressPercentage,
         isSm: progressBar.isSm
@@ -312,7 +312,7 @@ function Modal({
   let content;
   if (smKind === "drawer" && isSm) {
     content = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunk7JI4P6IXcjs.Drawer,
+      _chunkN2QYXZWMcjs.Drawer,
       {
         onClose: () => onClickCloseButton(),
         closeButton: drawerCloseButton,
@@ -346,12 +346,12 @@ function Modal({
           },
           role: "dialog",
           ref: modalContainerRef,
-          top: top || (smKind === "default" ? _chunkNFHQ3LH4cjs.standardContentInset.smPx : 0),
+          top: top || (smKind === "default" ? _chunkL2DITD7Rcjs.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, _chunkWUHIPLEUcjs.Icon, { name: "ChevronLeft", width: 16 }) }) : topLeftIcon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWUHIPLEUcjs.Icon, _chunkYM5JDZDQcjs.__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, _chunkWUHIPLEUcjs.Icon, { name: "Close", width: 9 }) })
+              handleBack ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, BackButton, { onClick: handleBack, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkKHNI4BLBcjs.Icon, { name: "ChevronLeft", width: 16 }) }) : topLeftIcon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkKHNI4BLBcjs.Icon, _chunkYM5JDZDQcjs.__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, _chunkKHNI4BLBcjs.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 })
@@ -365,7 +365,7 @@ function Modal({
     nodeRef.current
   ) : null;
 }
-var DefaultFocusTarget = _styled2.default.call(void 0, _chunkY7PBSDLPcjs.UnstyledButton)`
+var DefaultFocusTarget = _styled2.default.call(void 0, _chunkQN7ZRGAOcjs.UnstyledButton)`
   position: absolute;
   top: -30px;
   width: 0;
@@ -378,7 +378,7 @@ var ModalOverlay = _styled2.default.div`
   z-index: ${_chunkZU72XWNEcjs.z.modalOverlay};
   width: 100vw;
   height: 100dvh;
-  background: ${({ overlayBackground, theme }) => overlayBackground ? _chunkNNAUX3OGcjs.getColor.call(void 0, theme, overlayBackground) : "rgba(0, 0, 0, 0.5)"};
+  background: ${({ overlayBackground, theme }) => overlayBackground ? _chunk5DLGWFPFcjs.getColor.call(void 0, theme, overlayBackground) : "rgba(0, 0, 0, 0.5)"};
 `;
 var ModalContainer = _styled2.default.div`
   pointer-events: none;
@@ -413,7 +413,7 @@ var ModalButtonRow = _styled2.default.div`
   `)}
   gap: 10px;
 
-  ${_chunkGGPCU5XOcjs.ButtonSelector.call(void 0, )} {
+  ${_chunk6NL6Y5OXcjs.ButtonSelector.call(void 0, )} {
     width: 50%;
     ${_chunkKW3JYLRIcjs.bp.sm(`
       width: 100%;
@@ -425,7 +425,7 @@ var ModalButtonColumn = _styled2.default.div`
   flex-direction: column;
   gap: ${_chunkZUAO4DW3cjs.Spacing.px.sm};
 
-  ${_chunkGGPCU5XOcjs.ButtonSelector.call(void 0, )} {
+  ${_chunk6NL6Y5OXcjs.ButtonSelector.call(void 0, )} {
     width: 100%;
   }
 
@@ -441,10 +441,10 @@ var ModalContent = _styled2.default.div`
   pointer-events: auto;
   transition: width 0.25s ease-in;
 
-  ${({ theme, smKind, ghost }) => ghost ? "" : _chunkNFHQ3LH4cjs.overlaySurface.call(void 0, { theme, border: smKind !== "fullscreen" })}
+  ${({ theme, smKind, ghost }) => ghost ? "" : _chunkL2DITD7Rcjs.overlaySurface.call(void 0, { theme, border: smKind !== "fullscreen" })}
 
-  ${_chunkCH7LJMGNcjs.overflowAutoWithoutScrollbars}
-  ${_chunkNFHQ3LH4cjs.standardContentInset.smCSS.styles}
+  ${_chunkVXN2IQANcjs.overflowAutoWithoutScrollbars}
+  ${_chunkL2DITD7Rcjs.standardContentInset.smCSS.styles}
   max-width: 100%;
   max-height: 100%;
   position: absolute;
@@ -452,7 +452,7 @@ var ModalContent = _styled2.default.div`
   flex-direction: column;
 
   ${({ ghost, smKind, width }) => `
-    ${ghost ? "" : _chunkNFHQ3LH4cjs.standardBorderRadius.call(void 0, 16)}
+    ${ghost ? "" : _chunkL2DITD7Rcjs.standardBorderRadius.call(void 0, 16)}
     width: ${width}px;
   `}
 
@@ -469,14 +469,14 @@ var ModalNavigation = _styled2.default.div`
   grid-auto-flow: column;
   width: 100%;
 `;
-var BackButton = _styled2.default.call(void 0, _chunkY7PBSDLPcjs.UnstyledButton)`
-  ${_chunkNFHQ3LH4cjs.standardFocusOutline}
+var BackButton = _styled2.default.call(void 0, _chunkQN7ZRGAOcjs.UnstyledButton)`
+  ${_chunkL2DITD7Rcjs.standardFocusOutline}
   width: 24px;
   height: 24px;
   justify-self: flex-start;
 `;
-var CloseButton = _styled2.default.call(void 0, _chunkY7PBSDLPcjs.UnstyledButton)`
-  ${_chunkNFHQ3LH4cjs.standardFocusOutline}
+var CloseButton = _styled2.default.call(void 0, _chunkQN7ZRGAOcjs.UnstyledButton)`
+  ${_chunkL2DITD7Rcjs.standardFocusOutline}
   width: 24px;
   height: 24px;
   justify-self: flex-end;

package/dist/{chunk-2AKHQHAZ.js → chunk-NU7LIKJ4.js}

@@ -1,15 +1,15 @@
 import {
   TextIconAligner
-} from "./chunk-IPEHK5N5.js";
+} from "./chunk-3JDHKLML.js";
 import {
   UnstyledButton
-} from "./chunk-JJR6BLFQ.js";
+} from "./chunk-JAKQ2K4G.js";
 import {
   getFocusOutline
-} from "./chunk-6LWM35PR.js";
+} from "./chunk-6MM3TWSM.js";
 import {
   Link
-} from "./chunk-MOYKPHLM.js";
+} from "./chunk-ZOYEWZAN.js";
 import {
   elide
 } from "./chunk-HAC5YAGQ.js";

package/dist/{chunk-N6QVYSPQ.js → chunk-NXJKM7ER.js}

@@ -1,9 +1,9 @@
 import {
   CopyToClipboardButton
-} from "./chunk-W3EVDDK5.js";
+} from "./chunk-2UBCIWJL.js";
 import {
   standardBorderRadius
-} from "./chunk-6LWM35PR.js";
+} from "./chunk-6MM3TWSM.js";
 
 // src/components/SecretContainer.tsx
 import styled from "@emotion/styled";