@lightsparkdev/ui 1.0.15 → 1.0.17

package/dist/{chunk-E6HWTGLA.cjs → chunk-RHDTYPBF.cjs}

@@ -3,13 +3,13 @@
 var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
 
 
-var _chunkZS6OPCVJcjs = require('./chunk-ZS6OPCVJ.cjs');
+var _chunkVAUZ4W4Ocjs = require('./chunk-VAUZ4W4O.cjs');
 
 
-var _chunkNPXZDRT5cjs = require('./chunk-NPXZDRT5.cjs');
+var _chunkXTQV7ZJ6cjs = require('./chunk-XTQV7ZJ6.cjs');
 
 
-var _chunk4GO7VWXEcjs = require('./chunk-4GO7VWXE.cjs');
+var _chunkNWNESPGQcjs = require('./chunk-NWNESPGQ.cjs');
 
 // src/components/Collapsible.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -54,7 +54,7 @@ function Collapsible({
         {
           isOpen,
           useCustomIcon: openIcon !== void 0 && closeIcon !== void 0,
-          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNPXZDRT5cjs.Icon, { width: iconWidth, name: iconName })
+          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXTQV7ZJ6cjs.Icon, { width: iconWidth, name: iconName })
         }
       )
     ] }),
@@ -73,7 +73,7 @@ var StyledCollapsibleButton = _styled2.default.button`
   background: none;
   border: none;
   cursor: pointer;
-  ${_chunk4GO7VWXEcjs.standardBorderRadius.call(void 0, 8)}
+  ${_chunkNWNESPGQcjs.standardBorderRadius.call(void 0, 8)}
   padding: 0;
 `;
 var IconContainer = _styled2.default.div`
@@ -95,7 +95,7 @@ var CollapsingContainer = _styled2.default.div`
   ${(props) => props.isOpen ? `height: 100%; animation-name: fadeIn;` : `height: 0; animation-name: fadeOut;`}
   ${(props) => props.full ? `height: ${props.isOpen ? "100vh" : 0};` : ""}
 
-  ${_chunkZS6OPCVJcjs.overflowAutoWithoutScrollbars}
+  ${_chunkVAUZ4W4Ocjs.overflowAutoWithoutScrollbars}
 
   @keyframes fadeIn {
     from {

package/dist/{chunk-PIHNJX5W.js → chunk-RJO3M4DK.js}

@@ -2,7 +2,7 @@ import {
   InputSubtext,
   Label,
   textInputStyle
-} from "./chunk-HJWXHKVC.js";
+} from "./chunk-GHLNFY6T.js";
 
 // src/components/TextArea.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-KSUU55LB.js → chunk-RO35VUHW.js}

@@ -1,10 +1,10 @@
 import {
   toReactNodes
-} from "./chunk-QZMY2H3H.js";
+} from "./chunk-SJ2MVP3F.js";
 import {
   StyledLabelStrong,
   getPropDefaults
-} from "./chunk-5ANM472V.js";
+} from "./chunk-RQUCWFNR.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/{chunk-5ANM472V.js → chunk-RQUCWFNR.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-YW4BJCOL.js";
 import {
   applyTypography
-} from "./chunk-XNXBY2U3.js";
+} from "./chunk-TK5AT24W.js";
 import {
   __objRest,
   __spreadProps,

package/dist/{chunk-C2N2RWNS.cjs → chunk-RW6KUD7U.cjs}

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkT3KB7JMUcjs = require('./chunk-T3KB7JMU.cjs');
+var _chunkJBVSQGPYcjs = require('./chunk-JBVSQGPY.cjs');
 
 
 
-var _chunkO5B6YYPNcjs = require('./chunk-O5B6YYPN.cjs');
+var _chunkETO64UV5cjs = require('./chunk-ETO64UV5.cjs');
 
 
 
@@ -13,12 +13,12 @@ var _chunkZ6EUSUADcjs = require('./chunk-Z6EUSUAD.cjs');
 // src/components/typography/Code.tsx
 var _jsxruntime = require('@emotion/react/jsx-runtime');
 function Code(props) {
-  const propsWithDefaults = _chunkO5B6YYPNcjs.getPropDefaults.call(void 0, props);
+  const propsWithDefaults = _chunkETO64UV5cjs.getPropDefaults.call(void 0, props);
   let reactNodes = props.children || null;
   if (props.content) {
-    reactNodes = _chunkT3KB7JMUcjs.toReactNodes.call(void 0, props.content);
+    reactNodes = _chunkJBVSQGPYcjs.toReactNodes.call(void 0, props.content);
   }
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkO5B6YYPNcjs.StyledCode, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, propsWithDefaults), { children: reactNodes }));
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkETO64UV5cjs.StyledCode, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, propsWithDefaults), { children: reactNodes }));
 }
 
 

package/dist/{chunk-UTJTDXJA.js → chunk-S7KG743Q.js}

@@ -1,12 +1,12 @@
 import {
   setDefaultReactNodesTypography
-} from "./chunk-EH4NPXK6.js";
+} from "./chunk-TACMJI7W.js";
 import {
   toReactNodes
-} from "./chunk-QZMY2H3H.js";
+} from "./chunk-SJ2MVP3F.js";
 import {
   Icon
-} from "./chunk-NXAP7SVM.js";
+} from "./chunk-BV25DKRW.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/{chunk-4O66VRA5.cjs → chunk-SBUXCFVL.cjs}

@@ -6,7 +6,7 @@ var _chunkSFGLEWHWcjs = require('./chunk-SFGLEWHW.cjs');
 var _chunkB2MHM6CYcjs = require('./chunk-B2MHM6CY.cjs');
 
 
-var _chunkOJXZ773Ccjs = require('./chunk-OJXZ773C.cjs');
+var _chunkFZBPLBNDcjs = require('./chunk-FZBPLBND.cjs');
 
 
 
@@ -24,7 +24,7 @@ function getPropDefaults(props) {
   return _chunkSFGLEWHWcjs.getPropDefaultsBase.call(void 0, props, { as: props.tag || "span" });
 }
 var StyledLabel = _styled2.default.span`
-  ${({ theme, size, colorProp }) => _chunkOJXZ773Ccjs.applyTypography.call(void 0, theme, "Label", size, colorProp)}
+  ${({ theme, size, colorProp }) => _chunkFZBPLBNDcjs.applyTypography.call(void 0, theme, "Label", size, colorProp)}
   ${_chunkB2MHM6CYcjs.typographyStyles}
 `;
 

package/dist/{chunk-PGMSWFOT.js → chunk-SCB5GKFG.js}

@@ -1,41 +1,41 @@
 import {
   ToggleContainer
-} from "./chunk-WQN65KUE.js";
+} from "./chunk-WPIAYV6V.js";
 import {
   InputSubtext,
   defaultTextInputTypography,
   inputSpacingPx,
   textInputPlaceholderColor,
   textInputStyle
-} from "./chunk-HJWXHKVC.js";
+} from "./chunk-GHLNFY6T.js";
 import {
   CheckboxContainer
-} from "./chunk-5V4NKRZD.js";
+} from "./chunk-R7JI2CHV.js";
 import {
   Loading
-} from "./chunk-ASXQN3NJ.js";
-import {
-  Tooltip
-} from "./chunk-NVSSVEIP.js";
+} from "./chunk-QETS33GL.js";
 import {
   UnstyledButton
-} from "./chunk-QYJ7HXKC.js";
+} from "./chunk-GT2UW67L.js";
+import {
+  Tooltip
+} from "./chunk-5JWZFCRU.js";
 import {
   z
 } from "./chunk-55OQPFLF.js";
 import {
   Icon,
   IconContainer
-} from "./chunk-NXAP7SVM.js";
+} from "./chunk-BV25DKRW.js";
 import {
   standardBorderRadius
-} from "./chunk-QRFR2JVT.js";
+} from "./chunk-XDL2VYUF.js";
 import {
   applyTypography
-} from "./chunk-XNXBY2U3.js";
+} from "./chunk-TK5AT24W.js";
 import {
   getFontColor
-} from "./chunk-ZNDP2XLL.js";
+} from "./chunk-DJOYSOXT.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/{chunk-3KHL7F3O.js → chunk-SEKSPTVM.js}

@@ -1,21 +1,21 @@
+import {
+  useClipboard
+} from "./chunk-QHODHUW2.js";
 import {
   lineClamp
-} from "./chunk-E6MPE6H3.js";
+} from "./chunk-MFTEQD6P.js";
 import {
   Icon
-} from "./chunk-NXAP7SVM.js";
+} from "./chunk-BV25DKRW.js";
 import {
   applyTypography
-} from "./chunk-XNXBY2U3.js";
+} from "./chunk-TK5AT24W.js";
 import {
   elide
 } from "./chunk-HAC5YAGQ.js";
 import {
   getLineHeightNumberForTypographyType
 } from "./chunk-FGZFMWJU.js";
-import {
-  useClipboard
-} from "./chunk-QHODHUW2.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/{chunk-UHQLEJJ3.js → chunk-SG7NTEG5.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-2NT4RAQ3.js";
 import {
   StyledHeadline
-} from "./chunk-F6IMOUXV.js";
+} from "./chunk-6FLXHRCX.js";
 
 // src/components/documentation/DocsHeadline.tsx
 import React from "react";

package/dist/{chunk-QZMY2H3H.js → chunk-SJ2MVP3F.js}

@@ -8,22 +8,22 @@ import {
 } from "./chunk-FZUV52PP.js";
 import {
   NextLink
-} from "./chunk-2ZNATXQA.js";
-import {
-  CurrencyAmount
-} from "./chunk-5ACFV65J.js";
+} from "./chunk-6FBIHFL4.js";
 import {
   ClipboardTextField
-} from "./chunk-3KHL7F3O.js";
+} from "./chunk-SEKSPTVM.js";
+import {
+  CurrencyAmount
+} from "./chunk-7ZWTYM3Z.js";
 import {
   Icon
-} from "./chunk-NXAP7SVM.js";
+} from "./chunk-BV25DKRW.js";
 import {
   Link
-} from "./chunk-FD6VC3VV.js";
+} from "./chunk-B7ROYPB4.js";
 import {
   renderTypography
-} from "./chunk-5WDQEXOH.js";
+} from "./chunk-UU76LJDF.js";
 import {
   stringToNodes
 } from "./chunk-2466FZJC.js";

package/dist/{chunk-DVMRTL5F.cjs → chunk-SOIXYX64.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkUJKGOG7Vcjs = require('./chunk-UJKGOG7V.cjs');
+var _chunkE4MOQFMEcjs = require('./chunk-E4MOQFME.cjs');
 
 // src/components/CodeInput/SingleCodeInput.tsx
 var _react = require('@emotion/react');
@@ -31,7 +31,7 @@ function SingleCodeInput({
   const theme = _react.useTheme.call(void 0, );
   const defaultCSS = _react.css.call(void 0, 
     `
-      ${_chunkUJKGOG7Vcjs.textInputStyle.call(void 0, {
+      ${_chunkE4MOQFMEcjs.textInputStyle.call(void 0, {
       theme,
       disabled: Boolean(disabled),
       hasError: false

package/dist/{chunk-TWJM6MTO.js → chunk-SUE6KGED.js}

@@ -1,15 +1,15 @@
 import {
   absoluteCenter
-} from "./chunk-E6MPE6H3.js";
+} from "./chunk-MFTEQD6P.js";
 import {
   Icon
-} from "./chunk-NXAP7SVM.js";
+} from "./chunk-BV25DKRW.js";
 import {
   standardBorderRadius
-} from "./chunk-QRFR2JVT.js";
+} from "./chunk-XDL2VYUF.js";
 import {
   getColor
-} from "./chunk-ZNDP2XLL.js";
+} from "./chunk-DJOYSOXT.js";
 import {
   colors
 } from "./chunk-HU2UCL6I.js";

package/dist/{chunk-FXRVJJE4.cjs → chunk-SXPJP3TR.cjs}

@@ -3,44 +3,47 @@
 var _chunkDCH43ZYZcjs = require('./chunk-DCH43ZYZ.cjs');
 
 
-var _chunkIQNQAXSOcjs = require('./chunk-IQNQAXSO.cjs');
+var _chunkKL5ZQSVOcjs = require('./chunk-KL5ZQSVO.cjs');
+
+
+var _chunkEAQ7M47Dcjs = require('./chunk-EAQ7M47D.cjs');
 
 
-var _chunkHOSATPMScjs = require('./chunk-HOSATPMS.cjs');
+var _chunkDS3NOKLZcjs = require('./chunk-DS3NOKLZ.cjs');
 
 
-var _chunkWD2RC7T7cjs = require('./chunk-WD2RC7T7.cjs');
+var _chunkQZWPUCKFcjs = require('./chunk-QZWPUCKF.cjs');
 
 
 var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
 
 
-var _chunkV2HGIJA7cjs = require('./chunk-V2HGIJA7.cjs');
+var _chunkPIMOLSBMcjs = require('./chunk-PIMOLSBM.cjs');
 
 
-var _chunkT3KB7JMUcjs = require('./chunk-T3KB7JMU.cjs');
+var _chunkJBVSQGPYcjs = require('./chunk-JBVSQGPY.cjs');
 
 
-var _chunkZS6OPCVJcjs = require('./chunk-ZS6OPCVJ.cjs');
+var _chunkVAUZ4W4Ocjs = require('./chunk-VAUZ4W4O.cjs');
 
 
 
-var _chunkVXRUJP4Qcjs = require('./chunk-VXRUJP4Q.cjs');
+var _chunkL6XBCODScjs = require('./chunk-L6XBCODS.cjs');
 
 
-var _chunkWBKVP5QRcjs = require('./chunk-WBKVP5QR.cjs');
+var _chunkM2ZLCF6Pcjs = require('./chunk-M2ZLCF6P.cjs');
 
 
 var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
-var _chunkNPXZDRT5cjs = require('./chunk-NPXZDRT5.cjs');
+var _chunkXTQV7ZJ6cjs = require('./chunk-XTQV7ZJ6.cjs');
 
 
 
 
 
-var _chunk4GO7VWXEcjs = require('./chunk-4GO7VWXE.cjs');
+var _chunkNWNESPGQcjs = require('./chunk-NWNESPGQ.cjs');
 
 
 var _chunk6VA4SAHQcjs = require('./chunk-6VA4SAHQ.cjs');
@@ -50,9 +53,6 @@ var _chunk6VA4SAHQcjs = require('./chunk-6VA4SAHQ.cjs');
 var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
 
 
-var _chunkKL5ZQSVOcjs = require('./chunk-KL5ZQSVO.cjs');
-
-
 
 var _chunkZ6EUSUADcjs = require('./chunk-Z6EUSUAD.cjs');
 
@@ -215,10 +215,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, _chunkVXRUJP4Qcjs.Button, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, { text }, rest), text || `no-text-${i}`);
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkL6XBCODScjs.Button, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, { text }, rest), text || `no-text-${i}`);
     }),
     displayCancelAbove && !cancelHidden && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkVXRUJP4Qcjs.Button,
+      _chunkL6XBCODScjs.Button,
       {
         disabled: cancelDisabled,
         onClick: onClickCancel,
@@ -226,7 +226,7 @@ function Modal({
       }
     ),
     (onSubmit || submitLink) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkVXRUJP4Qcjs.Button,
+      _chunkL6XBCODScjs.Button,
       {
         kind: "primary",
         disabled: submitDisabled,
@@ -242,7 +242,7 @@ function Modal({
       }
     ),
     displayCancelBelow && !cancelHidden && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkVXRUJP4Qcjs.Button,
+      _chunkL6XBCODScjs.Button,
       {
         disabled: cancelDisabled,
         onClick: onClickCancel,
@@ -251,7 +251,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, _chunkVXRUJP4Qcjs.Button, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, { text }, rest), text || `no-text-${i}`);
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkL6XBCODScjs.Button, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, { text }, rest), text || `no-text-${i}`);
     })
   ] });
   let titleContent = null;
@@ -261,10 +261,10 @@ function Modal({
       heading: "h4",
       size: "Small"
     };
-    const titleNodesWithTypography = _chunkV2HGIJA7cjs.setDefaultReactNodesTypography.call(void 0, title, {
+    const titleNodesWithTypography = _chunkPIMOLSBMcjs.setDefaultReactNodesTypography.call(void 0, title, {
       default: defaultTypography
     });
-    titleContent = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ModalTitle, { children: _chunkT3KB7JMUcjs.toReactNodes.call(void 0, titleNodesWithTypography) });
+    titleContent = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ModalTitle, { children: _chunkJBVSQGPYcjs.toReactNodes.call(void 0, titleNodesWithTypography) });
   }
   let descriptionContent = null;
   if (description) {
@@ -272,23 +272,23 @@ function Modal({
       type: "Body",
       size: "ExtraSmall"
     };
-    const descriptionNodesWithTypography = _chunkV2HGIJA7cjs.setDefaultReactNodesTypography.call(void 0, 
+    const descriptionNodesWithTypography = _chunkPIMOLSBMcjs.setDefaultReactNodesTypography.call(void 0, 
       description,
       { default: defaultTypography }
     );
-    descriptionContent = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ModalDescription, { children: _chunkT3KB7JMUcjs.toReactNodes.call(void 0, descriptionNodesWithTypography) });
+    descriptionContent = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ModalDescription, { children: _chunkJBVSQGPYcjs.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, _chunkHOSATPMScjs.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, _chunkQZWPUCKFcjs.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, 
-      _chunkIQNQAXSOcjs.ProgressBar,
+      _chunkEAQ7M47Dcjs.ProgressBar,
       {
         progressPercentage: progressBar.progressPercentage,
         isSm: progressBar.isSm
@@ -303,7 +303,7 @@ function Modal({
   let content;
   if (smKind === "drawer" && isSm) {
     content = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkWD2RC7T7cjs.Drawer,
+      _chunkDS3NOKLZcjs.Drawer,
       {
         onClose: () => onClickCloseButton(),
         closeButton: true,
@@ -323,12 +323,12 @@ function Modal({
           tabIndex: -1,
           role: "dialog",
           ref: modalContainerRef,
-          top: top || (smKind === "default" ? _chunk4GO7VWXEcjs.standardContentInset.smPx : 0),
+          top: top || (smKind === "default" ? _chunkNWNESPGQcjs.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, _chunkNPXZDRT5cjs.Icon, { name: "ChevronLeft", width: 16 }) }) : topLeftIcon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNPXZDRT5cjs.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, _chunkNPXZDRT5cjs.Icon, { name: "Close", width: 9 }) })
+              handleBack ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, BackButton, { onClick: handleBack, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXTQV7ZJ6cjs.Icon, { name: "ChevronLeft", width: 16 }) }) : topLeftIcon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXTQV7ZJ6cjs.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, _chunkXTQV7ZJ6cjs.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 })
@@ -342,7 +342,7 @@ function Modal({
     nodeRef.current
   ) : null;
 }
-var DefaultFocusTarget = _styled2.default.call(void 0, _chunkWBKVP5QRcjs.UnstyledButton)`
+var DefaultFocusTarget = _styled2.default.call(void 0, _chunkM2ZLCF6Pcjs.UnstyledButton)`
   position: absolute;
   top: -30px;
   width: 0;
@@ -387,7 +387,7 @@ var ModalButtonRow = _styled2.default.div`
   ${_chunkKW3JYLRIcjs.bp.minSm(`display: flex;`)}
   gap: 10px;
 
-  ${_chunkVXRUJP4Qcjs.ButtonSelector.call(void 0, )} {
+  ${_chunkL6XBCODScjs.ButtonSelector.call(void 0, )} {
     width: 50%;
     ${_chunkKW3JYLRIcjs.bp.sm(`
       width: 100%;
@@ -399,7 +399,7 @@ var ModalButtonColumn = _styled2.default.div`
   flex-direction: column;
   gap: ${_chunkZUAO4DW3cjs.Spacing.px.sm};
 
-  ${_chunkVXRUJP4Qcjs.ButtonSelector.call(void 0, )} {
+  ${_chunkL6XBCODScjs.ButtonSelector.call(void 0, )} {
     width: 100%;
   }
 
@@ -415,10 +415,10 @@ var ModalContent = _styled2.default.div`
   pointer-events: auto;
   transition: width 0.25s ease-in;
 
-  ${({ theme, smKind, ghost }) => ghost ? "" : _chunk4GO7VWXEcjs.overlaySurface.call(void 0, { theme, border: smKind !== "fullscreen" })}
+  ${({ theme, smKind, ghost }) => ghost ? "" : _chunkNWNESPGQcjs.overlaySurface.call(void 0, { theme, border: smKind !== "fullscreen" })}
 
-  ${_chunkZS6OPCVJcjs.overflowAutoWithoutScrollbars}
-  ${_chunk4GO7VWXEcjs.standardContentInset.smCSS.styles}
+  ${_chunkVAUZ4W4Ocjs.overflowAutoWithoutScrollbars}
+  ${_chunkNWNESPGQcjs.standardContentInset.smCSS.styles}
   max-width: 100%;
   max-height: 100%;
   position: absolute;
@@ -426,7 +426,7 @@ var ModalContent = _styled2.default.div`
   flex-direction: column;
 
   ${({ ghost, smKind, width }) => `
-    ${ghost ? "" : _chunk4GO7VWXEcjs.standardBorderRadius.call(void 0, 16)}
+    ${ghost ? "" : _chunkNWNESPGQcjs.standardBorderRadius.call(void 0, 16)}
     width: ${width}px;
   `}
 
@@ -443,14 +443,14 @@ var ModalNavigation = _styled2.default.div`
   grid-auto-flow: column;
   width: 100%;
 `;
-var BackButton = _styled2.default.call(void 0, _chunkWBKVP5QRcjs.UnstyledButton)`
-  ${_chunk4GO7VWXEcjs.standardFocusOutline}
+var BackButton = _styled2.default.call(void 0, _chunkM2ZLCF6Pcjs.UnstyledButton)`
+  ${_chunkNWNESPGQcjs.standardFocusOutline}
   width: 24px;
   height: 24px;
   justify-self: flex-start;
 `;
-var CloseButton = _styled2.default.call(void 0, _chunkWBKVP5QRcjs.UnstyledButton)`
-  ${_chunk4GO7VWXEcjs.standardFocusOutline}
+var CloseButton = _styled2.default.call(void 0, _chunkM2ZLCF6Pcjs.UnstyledButton)`
+  ${_chunkNWNESPGQcjs.standardFocusOutline}
   width: 24px;
   height: 24px;
   justify-self: flex-end;

package/dist/{chunk-3DOBLJXN.cjs → chunk-T4PBRJFT.cjs}

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

package/dist/{chunk-T6Q43UMB.js → chunk-T74FAGM4.js}

@@ -1,18 +1,6 @@
-import {
-  isNumber
-} from "./chunk-GWTYSYM2.js";
-import {
-  padTrimValue
-} from "./chunk-7TOYXXZB.js";
 import {
   repositionCursor
 } from "./chunk-AKU26XW3.js";
-import {
-  cleanValue
-} from "./chunk-LIVX4NT2.js";
-import {
-  fixedDecimalValue
-} from "./chunk-EVBIWR7K.js";
 import {
   formatValue
 } from "./chunk-VGCIBO3Q.js";
@@ -22,6 +10,18 @@ import {
 import {
   getSuffix
 } from "./chunk-KP23WTR4.js";
+import {
+  isNumber
+} from "./chunk-GWTYSYM2.js";
+import {
+  padTrimValue
+} from "./chunk-7TOYXXZB.js";
+import {
+  cleanValue
+} from "./chunk-LJIKRQZG.js";
+import {
+  fixedDecimalValue
+} from "./chunk-EVBIWR7K.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/{chunk-EH4NPXK6.js → chunk-TACMJI7W.js}

@@ -1,6 +1,6 @@
 import {
   toReactNodes
-} from "./chunk-QZMY2H3H.js";
+} from "./chunk-SJ2MVP3F.js";
 import {
   isClipboardTextFieldNode,
   isCurrencyAmountNode,