@lightsparkdev/ui 1.0.13 → 1.0.15

package/dist/{chunk-QSSB7724.cjs → chunk-FNKO6LFV.cjs}

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }
 
-var _chunkAK6RCSDZcjs = require('./chunk-AK6RCSDZ.cjs');
+var _chunkNEAG7ITHcjs = require('./chunk-NEAG7ITH.cjs');
 
 
-var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
+var _chunkZ6EUSUADcjs = require('./chunk-Z6EUSUAD.cjs');
 
 // src/utils/NextLink.tsx
 
@@ -25,7 +25,7 @@ function NextLink({
   const isExternal = href.startsWith("http");
   const target = targetProp ? targetProp : isExternal ? "_blank" : void 0;
   _react.useEffect.call(void 0, () => {
-    void (() => _chunkYM5JDZDQcjs.__async.call(void 0, this, null, function* () {
+    void (() => _chunkZ6EUSUADcjs.__async.call(void 0, this, null, function* () {
       try {
         const nextLinkModule = yield Promise.resolve().then(() => _interopRequireWildcard(require("next/link.js")));
         NextLinkRef.current = nextLinkModule.default;
@@ -37,7 +37,7 @@ function NextLink({
   const InternalNextLink = NextLinkRef.current;
   let content = children;
   if (text) {
-    content = typography ? _chunkAK6RCSDZcjs.renderTypography.call(void 0, typography.type, {
+    content = typography ? _chunkNEAG7ITHcjs.renderTypography.call(void 0, typography.type, {
       size: typography.size,
       color: typography.color,
       children: text

package/dist/{chunk-V2JHGVZY.cjs → chunk-FPYSNZ5X.cjs}

@@ -1,35 +1,35 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunk5Y5GUICOcjs = require('./chunk-5Y5GUICO.cjs');
+var _chunkSFGLEWHWcjs = require('./chunk-SFGLEWHW.cjs');
 
 
-var _chunkUBC75VRUcjs = require('./chunk-UBC75VRU.cjs');
+var _chunkB2MHM6CYcjs = require('./chunk-B2MHM6CY.cjs');
 
 
 var _chunk6VA4SAHQcjs = require('./chunk-6VA4SAHQ.cjs');
 
 
-var _chunkQK32JW3Ncjs = require('./chunk-QK32JW3N.cjs');
+var _chunkOJXZ773Ccjs = require('./chunk-OJXZ773C.cjs');
 
 
 
 
-var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
+var _chunkZ6EUSUADcjs = require('./chunk-Z6EUSUAD.cjs');
 
 // src/components/typography/base/Headline.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
 var _jsxruntime = require('@emotion/react/jsx-runtime');
 var headlineElements = ["h1", "h2", "h3", "h4", "h5", "h6"];
 function HeadlineString(props) {
-  const _a = getPropDefaults(props), { children } = _a, rest = _chunkYM5JDZDQcjs.__objRest.call(void 0, _a, ["children"]);
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledHeadline, _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, rest), { children }));
+  const _a = getPropDefaults(props), { children } = _a, rest = _chunkZ6EUSUADcjs.__objRest.call(void 0, _a, ["children"]);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledHeadline, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, rest), { children }));
 }
 function getPropDefaults(props) {
-  return _chunk5Y5GUICOcjs.getPropDefaultsBase.call(void 0, props, { as: props.heading || "h1" });
+  return _chunkSFGLEWHWcjs.getPropDefaultsBase.call(void 0, props, { as: props.heading || "h1" });
 }
 var StyledHeadline = _styled2.default.span`
-  ${({ theme, size, colorProp }) => _chunkQK32JW3Ncjs.applyTypography.call(void 0, theme, "Headline", size, colorProp)}
-  ${_chunkUBC75VRUcjs.typographyStyles}
+  ${({ theme, size, colorProp }) => _chunkOJXZ773Ccjs.applyTypography.call(void 0, theme, "Headline", size, colorProp)}
+  ${_chunkB2MHM6CYcjs.typographyStyles}
 `;
 function headlineSelector(heading) {
   return `${heading}${_chunk6VA4SAHQcjs.select.call(void 0, StyledHeadline)}`;

package/dist/{chunk-OMCXUPHV.cjs → chunk-FSFRDBEX.cjs}

@@ -1,31 +1,31 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunk5Y5GUICOcjs = require('./chunk-5Y5GUICO.cjs');
+var _chunkSFGLEWHWcjs = require('./chunk-SFGLEWHW.cjs');
 
 
-var _chunkUBC75VRUcjs = require('./chunk-UBC75VRU.cjs');
+var _chunkB2MHM6CYcjs = require('./chunk-B2MHM6CY.cjs');
 
 
-var _chunkQK32JW3Ncjs = require('./chunk-QK32JW3N.cjs');
+var _chunkOJXZ773Ccjs = require('./chunk-OJXZ773C.cjs');
 
 
 
 
-var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
+var _chunkZ6EUSUADcjs = require('./chunk-Z6EUSUAD.cjs');
 
 // src/components/typography/base/LabelModerate.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
 var _jsxruntime = require('@emotion/react/jsx-runtime');
 function LabelModerateString(props) {
-  const _a = getPropDefaults(props), { children } = _a, rest = _chunkYM5JDZDQcjs.__objRest.call(void 0, _a, ["children"]);
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledLabelModerate, _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, rest), { children }));
+  const _a = getPropDefaults(props), { children } = _a, rest = _chunkZ6EUSUADcjs.__objRest.call(void 0, _a, ["children"]);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledLabelModerate, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, rest), { children }));
 }
 function getPropDefaults(props) {
-  return _chunk5Y5GUICOcjs.getPropDefaultsBase.call(void 0, props, { as: props.tag || "span" });
+  return _chunkSFGLEWHWcjs.getPropDefaultsBase.call(void 0, props, { as: props.tag || "span" });
 }
 var StyledLabelModerate = _styled2.default.span`
-  ${({ theme, size, colorProp }) => _chunkQK32JW3Ncjs.applyTypography.call(void 0, theme, "Label Moderate", size, colorProp)}
-  ${_chunkUBC75VRUcjs.typographyStyles}
+  ${({ theme, size, colorProp }) => _chunkOJXZ773Ccjs.applyTypography.call(void 0, theme, "Label Moderate", size, colorProp)}
+  ${_chunkB2MHM6CYcjs.typographyStyles}
 `;
 
 

package/dist/chunk-FXA4POKS.js

@@ -0,0 +1,32 @@
+// src/icons/PersonPlus.tsx
+import { jsx } from "@emotion/react/jsx-runtime";
+function PersonPlus({
+  strokeWidth = "1.5",
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      width: "17",
+      height: "16",
+      viewBox: "0 0 17 16",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M8.40076 8.83412C5.92093 8.87712 4.11518 10.545 3.61356 12.7771C3.52742 13.1603 3.83863 13.4999 4.23147 13.4999H8.8325M8.40076 8.83412C8.43343 8.83352 8.46623 8.83325 8.49916 8.83325C8.7339 8.83325 8.96276 8.84772 9.18516 8.87578M8.40076 8.83412C7.96736 8.84165 7.55476 8.89878 7.16592 8.99992M9.18516 8.87578C9.40763 8.90385 9.6237 8.94552 9.83276 8.99992M9.18516 8.87578C9.65316 8.93485 10.0928 9.05405 10.4992 9.22525M12.6658 10.1666V12.1666M12.6658 12.1666V14.1666M12.6658 12.1666H10.6658M12.6658 12.1666H14.6658M10.9992 4.33325C10.9992 5.71397 9.8799 6.83325 8.49916 6.83325C7.11848 6.83325 5.99919 5.71397 5.99919 4.33325C5.99919 2.95254 7.11848 1.83325 8.49916 1.83325C9.8799 1.83325 10.9992 2.95254 10.9992 4.33325Z",
+          stroke: "currentColor",
+          strokeWidth,
+          strokeLinecap,
+          strokeLinejoin
+        }
+      )
+    }
+  );
+}
+
+export {
+  PersonPlus
+};

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

@@ -1,46 +1,46 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkGSYM5JMBcjs = require('./chunk-GSYM5JMB.cjs');
+var _chunkDCH43ZYZcjs = require('./chunk-DCH43ZYZ.cjs');
 
 
-var _chunkWDZTASE5cjs = require('./chunk-WDZTASE5.cjs');
+var _chunkIQNQAXSOcjs = require('./chunk-IQNQAXSO.cjs');
 
 
-var _chunkPZRI3ATMcjs = require('./chunk-PZRI3ATM.cjs');
+var _chunkHOSATPMScjs = require('./chunk-HOSATPMS.cjs');
 
 
-var _chunkE4XGOCO2cjs = require('./chunk-E4XGOCO2.cjs');
+var _chunkWD2RC7T7cjs = require('./chunk-WD2RC7T7.cjs');
 
 
 var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
 
 
+var _chunkV2HGIJA7cjs = require('./chunk-V2HGIJA7.cjs');
 
-var _chunkQ2CWG22Bcjs = require('./chunk-Q2CWG22B.cjs');
 
+var _chunkT3KB7JMUcjs = require('./chunk-T3KB7JMU.cjs');
 
-var _chunkJBO3HA6Gcjs = require('./chunk-JBO3HA6G.cjs');
 
+var _chunkZS6OPCVJcjs = require('./chunk-ZS6OPCVJ.cjs');
 
-var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
-var _chunkZWH3ABG3cjs = require('./chunk-ZWH3ABG3.cjs');
+var _chunkVXRUJP4Qcjs = require('./chunk-VXRUJP4Q.cjs');
 
 
-var _chunkSCLUBPNMcjs = require('./chunk-SCLUBPNM.cjs');
+var _chunkWBKVP5QRcjs = require('./chunk-WBKVP5QR.cjs');
 
 
-var _chunkE36KSEQZcjs = require('./chunk-E36KSEQZ.cjs');
+var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
-var _chunkORWZTMF2cjs = require('./chunk-ORWZTMF2.cjs');
+var _chunkNPXZDRT5cjs = require('./chunk-NPXZDRT5.cjs');
 
 
 
 
 
-var _chunkD262WAOVcjs = require('./chunk-D262WAOV.cjs');
+var _chunk4GO7VWXEcjs = require('./chunk-4GO7VWXE.cjs');
 
 
 var _chunk6VA4SAHQcjs = require('./chunk-6VA4SAHQ.cjs');
@@ -50,11 +50,20 @@ var _chunk6VA4SAHQcjs = require('./chunk-6VA4SAHQ.cjs');
 var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
 
 
+var _chunkKL5ZQSVOcjs = require('./chunk-KL5ZQSVO.cjs');
+
 
-var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
+
+var _chunkZ6EUSUADcjs = require('./chunk-Z6EUSUAD.cjs');
 
 // src/components/Modal.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
+
+
+
+
+
+
 var _react = require('react'); var _react2 = _interopRequireDefault(_react);
 var _reactdom = require('react-dom'); var _reactdom2 = _interopRequireDefault(_reactdom);
 var _jsxruntime = require('@emotion/react/jsx-runtime');
@@ -77,6 +86,7 @@ function Modal({
   submitLoading,
   submitLoadingKind,
   submitText,
+  submitIcon,
   submitLink,
   cancelText = "Cancel",
   firstFocusRef,
@@ -86,6 +96,7 @@ function Modal({
   autoFocus = true,
   width = 460,
   progressBar,
+  buttonOrder,
   buttonLayout = "horizontal",
   extraActions,
   handleBack,
@@ -94,8 +105,9 @@ function Modal({
   topLeftIcon
 }) {
   const visibleChangedRef = _react.useRef.call(void 0, false);
+  const [visibleChanged, setVisibleChanged] = _react.useState.call(void 0, false);
   const nodeRef = _react.useRef.call(void 0, null);
-  const [defaultFirstFocusRef, defaultFirstFocusRefCb] = _chunkGSYM5JMBcjs.useLiveRef.call(void 0, );
+  const [defaultFirstFocusRef, defaultFirstFocusRefCb] = _chunkKL5ZQSVOcjs.useLiveRef.call(void 0, );
   const ref = firstFocusRef || defaultFirstFocusRef;
   const [nodeReady, setNodeReady] = _react2.default.useState(false);
   const overlayRef = _react.useRef.call(void 0, null);
@@ -106,9 +118,14 @@ function Modal({
   _react.useEffect.call(void 0, () => {
     if (visible !== visibleChangedRef.current) {
       visibleChangedRef.current = visible;
+      setVisibleChanged(true);
     }
   }, [visible]);
-  const visibleChanged = visible !== visibleChangedRef.current;
+  _react.useEffect.call(void 0, () => {
+    if (visibleChanged) {
+      setVisibleChanged(false);
+    }
+  }, [visibleChanged]);
   _react.useEffect.call(void 0, () => {
     prevFocusedElement.current = document.activeElement;
     const elementToAppendTo = appendToElement != null ? appendToElement : document.body;
@@ -179,6 +196,7 @@ function Modal({
   }
   function onSubmitForm(e) {
     e.preventDefault();
+    e.stopPropagation();
     if (!submitDisabled && onSubmit) {
       onSubmit();
     }
@@ -192,13 +210,15 @@ function Modal({
   }
   const linkIsHref = isSubmitLinkWithHref(submitLink);
   const linkIsRoute = !linkIsHref && submitLink;
+  const displayCancelAbove = !!buttonOrder ? buttonOrder === "cancel-first" : !isSm;
+  const displayCancelBelow = !!buttonOrder ? buttonOrder === "submit-first" : isSm;
   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, _chunkQ2CWG22Bcjs.Button, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, { text }, rest), text || `no-text-${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}`);
     }),
-    !isSm && !cancelHidden && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkQ2CWG22Bcjs.Button,
+    displayCancelAbove && !cancelHidden && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkVXRUJP4Qcjs.Button,
       {
         disabled: cancelDisabled,
         onClick: onClickCancel,
@@ -206,10 +226,11 @@ function Modal({
       }
     ),
     (onSubmit || submitLink) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkQ2CWG22Bcjs.Button,
+      _chunkVXRUJP4Qcjs.Button,
       {
         kind: "primary",
         disabled: submitDisabled,
+        icon: submitIcon,
         text: submitText != null ? submitText : "Continue",
         loading: submitLoading,
         loadingKind: submitLoadingKind,
@@ -220,10 +241,17 @@ function Modal({
         onClick: submitLink ? onSubmit : void 0
       }
     ),
-    isSm && !cancelHidden && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkQ2CWG22Bcjs.Button, { onClick: onClose, text: cancelText }),
+    displayCancelBelow && !cancelHidden && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkVXRUJP4Qcjs.Button,
+      {
+        disabled: cancelDisabled,
+        onClick: onClickCancel,
+        text: cancelText
+      }
+    ),
     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, _chunkQ2CWG22Bcjs.Button, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, { text }, rest), text || `no-text-${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}`);
     })
   ] });
   let titleContent = null;
@@ -233,10 +261,10 @@ function Modal({
       heading: "h4",
       size: "Small"
     };
-    const titleNodesWithTypography = _chunkZWH3ABG3cjs.setDefaultReactNodesTypography.call(void 0, title, {
+    const titleNodesWithTypography = _chunkV2HGIJA7cjs.setDefaultReactNodesTypography.call(void 0, title, {
       default: defaultTypography
     });
-    titleContent = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ModalTitle, { children: _chunkSCLUBPNMcjs.toReactNodes.call(void 0, titleNodesWithTypography) });
+    titleContent = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ModalTitle, { children: _chunkT3KB7JMUcjs.toReactNodes.call(void 0, titleNodesWithTypography) });
   }
   let descriptionContent = null;
   if (description) {
@@ -244,19 +272,23 @@ function Modal({
       type: "Body",
       size: "ExtraSmall"
     };
-    const descriptionNodesWithTypography = _chunkZWH3ABG3cjs.setDefaultReactNodesTypography.call(void 0, 
+    const descriptionNodesWithTypography = _chunkV2HGIJA7cjs.setDefaultReactNodesTypography.call(void 0, 
       description,
       { default: defaultTypography }
     );
-    descriptionContent = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ModalDescription, { children: _chunkSCLUBPNMcjs.toReactNodes.call(void 0, descriptionNodesWithTypography) });
+    descriptionContent = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ModalDescription, { children: _chunkT3KB7JMUcjs.toReactNodes.call(void 0, descriptionNodesWithTypography) });
   }
   let topContentNode = null;
   if (topContent) {
-    topContentNode = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { css: { marginBottom: _chunkZUAO4DW3cjs.Spacing.px.xl }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkE4XGOCO2cjs.IconWithCircleBackground, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, 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)) });
+    }
   }
   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, 
-      _chunkWDZTASE5cjs.ProgressBar,
+      _chunkIQNQAXSOcjs.ProgressBar,
       {
         progressPercentage: progressBar.progressPercentage,
         isSm: progressBar.isSm
@@ -271,7 +303,7 @@ function Modal({
   let content;
   if (smKind === "drawer" && isSm) {
     content = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkPZRI3ATMcjs.Drawer,
+      _chunkWD2RC7T7cjs.Drawer,
       {
         onClose: () => onClickCloseButton(),
         closeButton: true,
@@ -291,12 +323,12 @@ function Modal({
           tabIndex: -1,
           role: "dialog",
           ref: modalContainerRef,
-          top: top || (smKind === "default" ? _chunkD262WAOVcjs.standardContentInset.smPx : 0),
+          top: top || (smKind === "default" ? _chunk4GO7VWXEcjs.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, _chunkORWZTMF2cjs.Icon, { name: "ChevronLeft", width: 16 }) }) : topLeftIcon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkORWZTMF2cjs.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, _chunkORWZTMF2cjs.Icon, { name: "Close", width: 9 }) })
+              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 }) })
             ] }),
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ModalContentInner, { ghost, children: modalContent }),
             bottomContent && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { css: { marginTop: "auto" }, children: bottomContent })
@@ -310,7 +342,7 @@ function Modal({
     nodeRef.current
   ) : null;
 }
-var DefaultFocusTarget = _styled2.default.call(void 0, _chunkJBO3HA6Gcjs.UnstyledButton)`
+var DefaultFocusTarget = _styled2.default.call(void 0, _chunkWBKVP5QRcjs.UnstyledButton)`
   position: absolute;
   top: -30px;
   width: 0;
@@ -355,7 +387,7 @@ var ModalButtonRow = _styled2.default.div`
   ${_chunkKW3JYLRIcjs.bp.minSm(`display: flex;`)}
   gap: 10px;
 
-  ${_chunkQ2CWG22Bcjs.ButtonSelector.call(void 0, )} {
+  ${_chunkVXRUJP4Qcjs.ButtonSelector.call(void 0, )} {
     width: 50%;
     ${_chunkKW3JYLRIcjs.bp.sm(`
       width: 100%;
@@ -367,7 +399,7 @@ var ModalButtonColumn = _styled2.default.div`
   flex-direction: column;
   gap: ${_chunkZUAO4DW3cjs.Spacing.px.sm};
 
-  ${_chunkQ2CWG22Bcjs.ButtonSelector.call(void 0, )} {
+  ${_chunkVXRUJP4Qcjs.ButtonSelector.call(void 0, )} {
     width: 100%;
   }
 
@@ -383,22 +415,23 @@ var ModalContent = _styled2.default.div`
   pointer-events: auto;
   transition: width 0.25s ease-in;
 
-  ${({ theme, smKind, ghost }) => ghost ? "" : _chunkD262WAOVcjs.overlaySurface.call(void 0, { theme, border: smKind !== "fullscreen" })}
+  ${({ theme, smKind, ghost }) => ghost ? "" : _chunk4GO7VWXEcjs.overlaySurface.call(void 0, { theme, border: smKind !== "fullscreen" })}
 
-  ${_chunkE36KSEQZcjs.overflowAutoWithoutScrollbars}
-  ${_chunkD262WAOVcjs.standardContentInset.smCSS.styles}
+  ${_chunkZS6OPCVJcjs.overflowAutoWithoutScrollbars}
+  ${_chunk4GO7VWXEcjs.standardContentInset.smCSS.styles}
   max-width: 100%;
   max-height: 100%;
   position: absolute;
   display: flex;
   flex-direction: column;
 
-  ${({ ghost, width }) => `
-    ${ghost ? "" : _chunkD262WAOVcjs.standardBorderRadius.call(void 0, 16)}
+  ${({ ghost, smKind, width }) => `
+    ${ghost ? "" : _chunk4GO7VWXEcjs.standardBorderRadius.call(void 0, 16)}
     width: ${width}px;
   `}
 
   ${({ smKind }) => smKind === "fullscreen" ? _chunkKW3JYLRIcjs.bp.sm(`
+          border-radius: 0px;
           width: 100%;
           height: 100dvh;
         `) : ""}
@@ -410,14 +443,14 @@ var ModalNavigation = _styled2.default.div`
   grid-auto-flow: column;
   width: 100%;
 `;
-var BackButton = _styled2.default.call(void 0, _chunkJBO3HA6Gcjs.UnstyledButton)`
-  ${_chunkD262WAOVcjs.standardFocusOutline}
+var BackButton = _styled2.default.call(void 0, _chunkWBKVP5QRcjs.UnstyledButton)`
+  ${_chunk4GO7VWXEcjs.standardFocusOutline}
   width: 24px;
   height: 24px;
   justify-self: flex-start;
 `;
-var CloseButton = _styled2.default.call(void 0, _chunkJBO3HA6Gcjs.UnstyledButton)`
-  ${_chunkD262WAOVcjs.standardFocusOutline}
+var CloseButton = _styled2.default.call(void 0, _chunkWBKVP5QRcjs.UnstyledButton)`
+  ${_chunk4GO7VWXEcjs.standardFocusOutline}
   width: 24px;
   height: 24px;
   justify-self: flex-end;