@lightsparkdev/ui 1.1.17 → 1.1.18

package/dist/{chunk-RBX3AT5J.js → chunk-HSU2Z6HJ.js}

@@ -1,15 +1,15 @@
 import {
   AppliedButtonsContainer
-} from "./chunk-HDNFJCSG.js";
+} from "./chunk-4NAX4KKQ.js";
 import {
   Filter
-} from "./chunk-3OY2OJFQ.js";
+} from "./chunk-M2JUIDYJ.js";
 import {
   Select_default
-} from "./chunk-O4LA325I.js";
+} from "./chunk-JVCHMH2C.js";
 import {
   Button
-} from "./chunk-NE7756PY.js";
+} from "./chunk-HPEJTNFY.js";
 import {
   z
 } from "./chunk-55OQPFLF.js";

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

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

package/dist/{chunk-56PGWGE7.cjs → chunk-HWVUI2NE.cjs}

@@ -1,15 +1,15 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkURDDD4OScjs = require('./chunk-URDDD4OS.cjs');
+var _chunkO3ZXADWRcjs = require('./chunk-O3ZXADWR.cjs');
 
 
-var _chunkWDTLFMRWcjs = require('./chunk-WDTLFMRW.cjs');
+var _chunkS4722UITcjs = require('./chunk-S4722UIT.cjs');
 
 
 var _chunkCH2PLO6Fcjs = require('./chunk-CH2PLO6F.cjs');
 
 
-var _chunkDSTWBIG7cjs = require('./chunk-DSTWBIG7.cjs');
+var _chunkWUHIPLEUcjs = require('./chunk-WUHIPLEU.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, _chunkWDTLFMRWcjs.Label, { style: { display: "inline-flex", margin: "0 0 0 3px" }, children: [
+  const availableSatsTooltipNode = showTooltip ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkS4722UITcjs.Label, { style: { display: "inline-flex", margin: "0 0 0 3px" }, children: [
     "available",
     " ",
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkURDDD4OScjs.InfoIconTooltip,
+      _chunkO3ZXADWRcjs.InfoIconTooltip,
       {
         id: "available-balance-tooltip",
         content: [
@@ -38,10 +38,10 @@ function SatoshiInputLabel({
       }
     )
   ] }) : null;
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkWDTLFMRWcjs.Label, { children: [
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkS4722UITcjs.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, _chunkDSTWBIG7cjs.Icon, { name: "Satoshi", width: 8, mr: 4, verticalAlign: -2 }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWUHIPLEUcjs.Icon, { name: "Satoshi", width: 8, mr: 4, verticalAlign: -2 }),
       _chunkJA7KZV3Qcjs.addCommasToDigits.call(void 0, Math.floor(availableSats)),
       availableSatsTooltipNode
     ] }) })

package/dist/{chunk-VDR3Q3W6.cjs → chunk-I2VF5EBN.cjs}

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkDSTWBIG7cjs = require('./chunk-DSTWBIG7.cjs');
+var _chunkWUHIPLEUcjs = require('./chunk-WUHIPLEU.cjs');
 
 
-var _chunkWZIDVP2Ucjs = require('./chunk-WZIDVP2U.cjs');
+var _chunkNNAUX3OGcjs = require('./chunk-NNAUX3OG.cjs');
 
 
 
@@ -28,7 +28,7 @@ function MultiToggle({
     let content = null;
     if ("name" in optionProps) {
       content = /* @__PURE__ */ _react.createElement.call(void 0, 
-        _chunkDSTWBIG7cjs.Icon,
+        _chunkWUHIPLEUcjs.Icon,
         _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, optionProps), {
           width: 11,
           key,
@@ -54,7 +54,7 @@ function MultiToggle({
 }
 var StyledMultiToggle = _styled2.default.div`
   border-radius: 999px;
-  background: ${({ theme, bgColor }) => _chunkWZIDVP2Ucjs.getColor.call(void 0, theme, bgColor)};
+  background: ${({ theme, bgColor }) => _chunkNNAUX3OGcjs.getColor.call(void 0, theme, bgColor)};
   padding: 2px;
   gap: 2px;
   display: flex;
@@ -64,7 +64,7 @@ var StyledMultiToggleOption = _styled2.default.div`
   cursor: pointer;
   border-radius: 999px;
   padding: 4px;
-  background: ${({ theme, selected, selectedBgColor }) => selected ? _chunkWZIDVP2Ucjs.getColor.call(void 0, theme, selectedBgColor) : "transparent"};
+  background: ${({ theme, selected, selectedBgColor }) => selected ? _chunkNNAUX3OGcjs.getColor.call(void 0, theme, selectedBgColor) : "transparent"};
 `;
 
 

package/dist/{chunk-IDLECGMB.cjs → chunk-I3AVZOW4.cjs}

@@ -1,16 +1,16 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkFL3CJSCWcjs = require('./chunk-FL3CJSCW.cjs');
+var _chunkTWFVY6ONcjs = require('./chunk-TWFVY6ON.cjs');
 
 
-var _chunkWZIDVP2Ucjs = require('./chunk-WZIDVP2U.cjs');
+var _chunkNNAUX3OGcjs = require('./chunk-NNAUX3OG.cjs');
 
 // src/components/LightsparkProvider.tsx
 var _react = require('@emotion/react');
 var _jsxruntime = require('@emotion/react/jsx-runtime');
 function LightsparkProvider({ children }) {
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _react.ThemeProvider, { theme: _chunkWZIDVP2Ucjs.themes.light, children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFL3CJSCWcjs.GlobalStyles, {}),
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _react.ThemeProvider, { theme: _chunkNNAUX3OGcjs.themes.light, children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTWFVY6ONcjs.GlobalStyles, {}),
     children
   ] });
 }

package/dist/{chunk-HWG43LXI.cjs → chunk-I4RTWH7K.cjs}

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkCWO637N3cjs = require('./chunk-CWO637N3.cjs');
+var _chunkTN4YJFMDcjs = require('./chunk-TN4YJFMD.cjs');
 
 
-var _chunkS6OGIIJCcjs = require('./chunk-S6OGIIJC.cjs');
+var _chunk24X6QUDRcjs = require('./chunk-24X6QUDR.cjs');
 
 // src/components/Checkbox.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -31,10 +31,10 @@ function Checkbox({
     size: (typographyProp == null ? void 0 : typographyProp.size) || "Medium",
     color: (typographyProp == null ? void 0 : typographyProp.color) || "text"
   };
-  const nodesWithTypography = _chunkCWO637N3cjs.setDefaultReactNodesTypography.call(void 0, label, {
+  const nodesWithTypography = _chunkTN4YJFMDcjs.setDefaultReactNodesTypography.call(void 0, label, {
     default: defaultTypography
   });
-  const content = _chunkS6OGIIJCcjs.toReactNodes.call(void 0, nodesWithTypography);
+  const content = _chunk24X6QUDRcjs.toReactNodes.call(void 0, nodesWithTypography);
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, CheckboxContainer, { mt, mb, ml, mr, alignItems, children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       StyledCheckbox,

package/dist/{chunk-V524IUPM.cjs → chunk-IDO7JKMI.cjs}

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunk2MT546OVcjs = require('./chunk-2MT546OV.cjs');
+var _chunkCH7LJMGNcjs = require('./chunk-CH7LJMGN.cjs');
 
 
-var _chunkDSTWBIG7cjs = require('./chunk-DSTWBIG7.cjs');
+var _chunkWUHIPLEUcjs = require('./chunk-WUHIPLEU.cjs');
 
 
-var _chunkEFUO4VCAcjs = require('./chunk-EFUO4VCA.cjs');
+var _chunkTUIKHIRHcjs = require('./chunk-TUIKHIRH.cjs');
 
 
 var _chunkJA7KZV3Qcjs = require('./chunk-JA7KZV3Q.cjs');
@@ -15,7 +15,7 @@ var _chunkJA7KZV3Qcjs = require('./chunk-JA7KZV3Q.cjs');
 var _chunkCC4HS72Dcjs = require('./chunk-CC4HS72D.cjs');
 
 
-var _chunkEZNRFABOcjs = require('./chunk-EZNRFABO.cjs');
+var _chunk7R36UJLUcjs = require('./chunk-7R36UJLU.cjs');
 
 
 
@@ -42,7 +42,7 @@ function ClipboardTextField({
   clipboardCallbacks
 }) {
   const theme = _react.useTheme.call(void 0, );
-  const { canWriteToClipboard, writeTextToClipboard } = _chunkEZNRFABOcjs.useClipboard.call(void 0, clipboardCallbacks);
+  const { canWriteToClipboard, writeTextToClipboard } = _chunk7R36UJLUcjs.useClipboard.call(void 0, clipboardCallbacks);
   const addLineClamp = Boolean(maxLines && maxLines > 1);
   const displayValue = elideArgs ? _chunkJA7KZV3Qcjs.elide.call(void 0, value, elideArgs) : value;
   const valueNode = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -96,7 +96,7 @@ function ClipboardTextField({
     }, commonProps), {
       children: [
         icon && iconSide === "left" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkDSTWBIG7cjs.Icon,
+          _chunkWUHIPLEUcjs.Icon,
           {
             name: iconName || "Copy",
             width: lineHeight * 0.7,
@@ -106,7 +106,7 @@ function ClipboardTextField({
         ) : null,
         valueNode,
         icon && iconSide === "right" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkDSTWBIG7cjs.Icon,
+          _chunkWUHIPLEUcjs.Icon,
           {
             name: iconName || "Copy",
             width: lineHeight * 0.7,
@@ -142,11 +142,11 @@ var ClipboardTextFieldValue = _styled2.default.span`
   vertical-align: middle;
 
   ${({ addLineClamp, maxLines }) => addLineClamp && maxLines ? `
-        ${_chunk2MT546OVcjs.lineClamp.call(void 0, maxLines).styles}
+        ${_chunkCH7LJMGNcjs.lineClamp.call(void 0, maxLines).styles}
         align-self: baseline;
       ` : ""}
 
-  ${({ theme, typography }) => _chunkEFUO4VCAcjs.applyTypography.call(void 0, 
+  ${({ theme, typography }) => _chunkTUIKHIRHcjs.applyTypography.call(void 0, 
   theme,
   (typography == null ? void 0 : typography.type) || "Body",
   (typography == null ? void 0 : typography.size) || "ExtraSmall",

package/dist/{chunk-FTH2YC6J.js → chunk-IG7262OB.js}

@@ -1,9 +1,9 @@
 import {
   standardBorderRadius
-} from "./chunk-B73N7I6O.js";
+} from "./chunk-6LWM35PR.js";
 import {
   themeOr
-} from "./chunk-V7XAF6D2.js";
+} from "./chunk-YAXYAKUK.js";
 
 // src/components/ProgressBar.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-NE6BUG64.cjs → chunk-IN2QEMOT.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunk366NWQOGcjs = require('./chunk-366NWQOG.cjs');
+var _chunkROCNWHW4cjs = require('./chunk-ROCNWHW4.cjs');
 
 
 var _chunkJA7KZV3Qcjs = require('./chunk-JA7KZV3Q.cjs');
@@ -85,7 +85,7 @@ var LinkBase = _react.forwardRef.call(void 0,
     }
     let content = children;
     if (text) {
-      content = typography ? _chunk366NWQOGcjs.renderTypography.call(void 0, typography.type, {
+      content = typography ? _chunkROCNWHW4cjs.renderTypography.call(void 0, typography.type, {
         size: typography.size,
         color: typography.color,
         children: text,

package/dist/{chunk-HWDJCLQ3.cjs → chunk-IOHAFV7A.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkBYDL5MCYcjs = require('./chunk-BYDL5MCY.cjs');
+var _chunkOQSNN77Ucjs = require('./chunk-OQSNN77U.cjs');
 
 
 var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
@@ -13,7 +13,7 @@ var Filter = ({
   children
 }) => {
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, FilterContainer, { children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, FilterHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBYDL5MCYcjs.LabelModerate, { children: `Filter by ${label}` }) }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, FilterHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkOQSNN77Ucjs.LabelModerate, { children: `Filter by ${label}` }) }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, FilterBody, { children })
   ] });
 };

package/dist/{chunk-ATOUPPQI.js → chunk-IPEHK5N5.js}

@@ -1,12 +1,12 @@
 import {
   setDefaultReactNodesTypography
-} from "./chunk-C7M4DUT3.js";
+} from "./chunk-63GEHMED.js";
 import {
   toReactNodes
-} from "./chunk-2C4XFGJH.js";
+} from "./chunk-JGQA7X73.js";
 import {
   Icon
-} from "./chunk-MNNK5Z6E.js";
+} from "./chunk-THGCS55L.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/{chunk-I3JLNGMD.cjs → chunk-IPZABHIE.cjs}

@@ -2,7 +2,7 @@
 
 
 
-var _chunkWDTLFMRWcjs = require('./chunk-WDTLFMRW.cjs');
+var _chunkS4722UITcjs = require('./chunk-S4722UIT.cjs');
 
 // src/components/TextArea.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -25,7 +25,7 @@ function TextArea({
   resize = "none"
 }) {
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _react.Fragment, { children: [
-    label && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWDTLFMRWcjs.Label, { children: label }),
+    label && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkS4722UITcjs.Label, { children: label }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       StyledTextArea,
       {
@@ -42,11 +42,11 @@ function TextArea({
         readOnly
       }
     ),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWDTLFMRWcjs.InputSubtext, { text: error || hint })
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkS4722UITcjs.InputSubtext, { text: error || hint })
   ] });
 }
 var StyledTextArea = _styled2.default.textarea`
-  ${_chunkWDTLFMRWcjs.textInputStyle}
+  ${_chunkS4722UITcjs.textInputStyle}
   resize: ${({ resize }) => resize || "none"};
   min-height: ${({ minHeight }) => typeof minHeight === "number" ? `${minHeight}px` : "initial"};
 `;

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

@@ -3,50 +3,50 @@
 var _chunkDCH43ZYZcjs = require('./chunk-DCH43ZYZ.cjs');
 
 
-var _chunk77BSODBDcjs = require('./chunk-77BSODBD.cjs');
+var _chunk7PLUN6X3cjs = require('./chunk-7PLUN6X3.cjs');
 
 
-var _chunkEUPMY6J3cjs = require('./chunk-EUPMY6J3.cjs');
+var _chunk4HKATJLGcjs = require('./chunk-4HKATJLG.cjs');
 
 
-var _chunkR3FJMSPRcjs = require('./chunk-R3FJMSPR.cjs');
+var _chunk7JI4P6IXcjs = require('./chunk-7JI4P6IX.cjs');
 
 
 var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
 
 
 
-var _chunkGJ4EVX5Ncjs = require('./chunk-GJ4EVX5N.cjs');
+var _chunkGGPCU5XOcjs = require('./chunk-GGPCU5XO.cjs');
 
 
-var _chunkOIVMDDPCcjs = require('./chunk-OIVMDDPC.cjs');
+var _chunkY7PBSDLPcjs = require('./chunk-Y7PBSDLP.cjs');
 
 
 var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
-var _chunkCWO637N3cjs = require('./chunk-CWO637N3.cjs');
+var _chunkTN4YJFMDcjs = require('./chunk-TN4YJFMD.cjs');
 
 
-var _chunkS6OGIIJCcjs = require('./chunk-S6OGIIJC.cjs');
+var _chunk24X6QUDRcjs = require('./chunk-24X6QUDR.cjs');
 
 
-var _chunk2MT546OVcjs = require('./chunk-2MT546OV.cjs');
+var _chunkCH7LJMGNcjs = require('./chunk-CH7LJMGN.cjs');
 
 
-var _chunkDSTWBIG7cjs = require('./chunk-DSTWBIG7.cjs');
+var _chunkWUHIPLEUcjs = require('./chunk-WUHIPLEU.cjs');
 
 
 
 
 
-var _chunkGSQGDJAVcjs = require('./chunk-GSQGDJAV.cjs');
+var _chunkNFHQ3LH4cjs = require('./chunk-NFHQ3LH4.cjs');
 
 
 var _chunk6VA4SAHQcjs = require('./chunk-6VA4SAHQ.cjs');
 
 
-var _chunkWZIDVP2Ucjs = require('./chunk-WZIDVP2U.cjs');
+var _chunkNNAUX3OGcjs = require('./chunk-NNAUX3OG.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, _chunkGJ4EVX5Ncjs.Button, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, { text }, rest), text || `no-text-${i}`);
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGGPCU5XOcjs.Button, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, { text }, rest), text || `no-text-${i}`);
     }),
     displayCancelAbove && !cancelHidden && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkGJ4EVX5Ncjs.Button,
+      _chunkGGPCU5XOcjs.Button,
       {
         disabled: cancelDisabled,
         onClick: onClickCancel,
@@ -235,7 +235,7 @@ function Modal({
       }
     ),
     (onSubmit || submitLink) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkGJ4EVX5Ncjs.Button,
+      _chunkGGPCU5XOcjs.Button,
       {
         kind: "primary",
         disabled: submitDisabled,
@@ -251,7 +251,7 @@ function Modal({
       }
     ),
     displayCancelBelow && !cancelHidden && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkGJ4EVX5Ncjs.Button,
+      _chunkGGPCU5XOcjs.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, _chunkGJ4EVX5Ncjs.Button, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, { text }, rest), text || `no-text-${i}`);
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGGPCU5XOcjs.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 = _chunkCWO637N3cjs.setDefaultReactNodesTypography.call(void 0, title, {
+    const titleNodesWithTypography = _chunkTN4YJFMDcjs.setDefaultReactNodesTypography.call(void 0, title, {
       default: defaultTypography
     });
-    titleContent = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ModalTitle, { children: _chunkS6OGIIJCcjs.toReactNodes.call(void 0, titleNodesWithTypography) });
+    titleContent = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ModalTitle, { children: _chunk24X6QUDRcjs.toReactNodes.call(void 0, titleNodesWithTypography) });
   }
   let descriptionContent = null;
   if (description) {
@@ -281,23 +281,23 @@ function Modal({
       type: "Body",
       size: "ExtraSmall"
     };
-    const descriptionNodesWithTypography = _chunkCWO637N3cjs.setDefaultReactNodesTypography.call(void 0, 
+    const descriptionNodesWithTypography = _chunkTN4YJFMDcjs.setDefaultReactNodesTypography.call(void 0, 
       description,
       { default: defaultTypography }
     );
-    descriptionContent = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ModalDescription, { children: _chunkS6OGIIJCcjs.toReactNodes.call(void 0, descriptionNodesWithTypography) });
+    descriptionContent = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ModalDescription, { children: _chunk24X6QUDRcjs.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, _chunkEUPMY6J3cjs.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, _chunk4HKATJLGcjs.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, 
-      _chunk77BSODBDcjs.ProgressBar,
+      _chunk7PLUN6X3cjs.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, 
-      _chunkR3FJMSPRcjs.Drawer,
+      _chunk7JI4P6IXcjs.Drawer,
       {
         onClose: () => onClickCloseButton(),
         closeButton: drawerCloseButton,
@@ -346,12 +346,12 @@ function Modal({
           },
           role: "dialog",
           ref: modalContainerRef,
-          top: top || (smKind === "default" ? _chunkGSQGDJAVcjs.standardContentInset.smPx : 0),
+          top: top || (smKind === "default" ? _chunkNFHQ3LH4cjs.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, _chunkDSTWBIG7cjs.Icon, { name: "ChevronLeft", width: 16 }) }) : topLeftIcon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDSTWBIG7cjs.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, _chunkDSTWBIG7cjs.Icon, { name: "Close", width: 9 }) })
+              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 }) })
             ] }),
             /* @__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, _chunkOIVMDDPCcjs.UnstyledButton)`
+var DefaultFocusTarget = _styled2.default.call(void 0, _chunkY7PBSDLPcjs.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 ? _chunkWZIDVP2Ucjs.getColor.call(void 0, theme, overlayBackground) : "rgba(0, 0, 0, 0.5)"};
+  background: ${({ overlayBackground, theme }) => overlayBackground ? _chunkNNAUX3OGcjs.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;
 
-  ${_chunkGJ4EVX5Ncjs.ButtonSelector.call(void 0, )} {
+  ${_chunkGGPCU5XOcjs.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};
 
-  ${_chunkGJ4EVX5Ncjs.ButtonSelector.call(void 0, )} {
+  ${_chunkGGPCU5XOcjs.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 ? "" : _chunkGSQGDJAVcjs.overlaySurface.call(void 0, { theme, border: smKind !== "fullscreen" })}
+  ${({ theme, smKind, ghost }) => ghost ? "" : _chunkNFHQ3LH4cjs.overlaySurface.call(void 0, { theme, border: smKind !== "fullscreen" })}
 
-  ${_chunk2MT546OVcjs.overflowAutoWithoutScrollbars}
-  ${_chunkGSQGDJAVcjs.standardContentInset.smCSS.styles}
+  ${_chunkCH7LJMGNcjs.overflowAutoWithoutScrollbars}
+  ${_chunkNFHQ3LH4cjs.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 ? "" : _chunkGSQGDJAVcjs.standardBorderRadius.call(void 0, 16)}
+    ${ghost ? "" : _chunkNFHQ3LH4cjs.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, _chunkOIVMDDPCcjs.UnstyledButton)`
-  ${_chunkGSQGDJAVcjs.standardFocusOutline}
+var BackButton = _styled2.default.call(void 0, _chunkY7PBSDLPcjs.UnstyledButton)`
+  ${_chunkNFHQ3LH4cjs.standardFocusOutline}
   width: 24px;
   height: 24px;
   justify-self: flex-start;
 `;
-var CloseButton = _styled2.default.call(void 0, _chunkOIVMDDPCcjs.UnstyledButton)`
-  ${_chunkGSQGDJAVcjs.standardFocusOutline}
+var CloseButton = _styled2.default.call(void 0, _chunkY7PBSDLPcjs.UnstyledButton)`
+  ${_chunkNFHQ3LH4cjs.standardFocusOutline}
   width: 24px;
   height: 24px;
   justify-self: flex-end;