@lightsparkdev/ui 1.0.8 → 1.0.10

package/dist/{chunk-PDDHDR54.cjs → chunk-SQEOBZOQ.cjs}

@@ -3,49 +3,49 @@
 var _chunk46AVXTFOcjs = require('./chunk-46AVXTFO.cjs');
 
 
-var _chunkGWCVYEJGcjs = require('./chunk-GWCVYEJG.cjs');
+var _chunkMJQOF3RScjs = require('./chunk-MJQOF3RS.cjs');
 
 
-var _chunkNPTHZ6KRcjs = require('./chunk-NPTHZ6KR.cjs');
+var _chunkPFLKL4U5cjs = require('./chunk-PFLKL4U5.cjs');
 
 
-var _chunkKLC2OBTGcjs = require('./chunk-KLC2OBTG.cjs');
+var _chunkJPRA3J5Ccjs = require('./chunk-JPRA3J5C.cjs');
 
 
 
-var _chunk2C4Z2X45cjs = require('./chunk-2C4Z2X45.cjs');
+var _chunkTMB4SEV7cjs = require('./chunk-TMB4SEV7.cjs');
 
 
-var _chunkGCE3EVF6cjs = require('./chunk-GCE3EVF6.cjs');
 
+var _chunkIP233XPHcjs = require('./chunk-IP233XPH.cjs');
 
 
-var _chunkFRASE266cjs = require('./chunk-FRASE266.cjs');
+var _chunk6VA4SAHQcjs = require('./chunk-6VA4SAHQ.cjs');
 
 
-var _chunkBD3WXMLEcjs = require('./chunk-BD3WXMLE.cjs');
+var _chunkMWHLGPKOcjs = require('./chunk-MWHLGPKO.cjs');
 
 
-var _chunk6VA4SAHQcjs = require('./chunk-6VA4SAHQ.cjs');
+var _chunk4EK5RAZScjs = require('./chunk-4EK5RAZS.cjs');
 
 
-var _chunkBOBYW7PPcjs = require('./chunk-BOBYW7PP.cjs');
+var _chunkGDLQ54TNcjs = require('./chunk-GDLQ54TN.cjs');
 
 
-var _chunkBY47I7ZPcjs = require('./chunk-BY47I7ZP.cjs');
+var _chunkJMIYMECJcjs = require('./chunk-JMIYMECJ.cjs');
 
 
 
-var _chunkPYL3O7AFcjs = require('./chunk-PYL3O7AF.cjs');
+var _chunkDIMJISMHcjs = require('./chunk-DIMJISMH.cjs');
 
 
 var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
 
 
-var _chunkKSKKC6C2cjs = require('./chunk-KSKKC6C2.cjs');
+var _chunkCFG65CGCcjs = require('./chunk-CFG65CGC.cjs');
 
 
-var _chunkLKKJVJCGcjs = require('./chunk-LKKJVJCG.cjs');
+var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
 
 // src/components/PageSection/PageSection.tsx
 var _react = require('@emotion/react');
@@ -59,7 +59,7 @@ function PageSection({
   headerOffset = 0
 }) {
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, StyledPageSection, { scrollMarginTop: headerOffset + _chunk46AVXTFOcjs.pageSectionScrollOffset, children: [
-    title ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFRASE266cjs.Heading, { type: "h3", id: sectionId, mt: 0, mb: 40, children: title }) : null,
+    title ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIP233XPHcjs.Heading, { type: "h3", id: sectionId, mt: 0, mb: 40, children: title }) : null,
     children
   ] });
 }
@@ -79,7 +79,7 @@ var StyledPageSection = _styled2.default.div`
     scroll-margin-top: ${({ scrollMarginTop }) => scrollMarginTop}px !important;
   }
 `;
-var PageSectionSubheading = _chunkFRASE266cjs.headingWithDefaults.call(void 0, {
+var PageSectionSubheading = _chunkIP233XPHcjs.headingWithDefaults.call(void 0, {
   type: "h4",
   mb: 32
 });
@@ -93,7 +93,7 @@ var PageSectionBoxActionColumn = ({
 ] });
 var StyledPageSectionBoxActionColumn = _styled2.default.div``;
 var PageSectionBoxActionColumnLabel = _styled2.default.div`
-  color: ${_chunkKSKKC6C2cjs.colors.gray40};
+  color: ${_chunkCFG65CGCcjs.colors.gray40};
   font-weight: 500;
   margin: 0;
 `;
@@ -107,7 +107,7 @@ var PageSectionBoxActionColumnValue = _styled2.default.div`
 var PageSectionBoxActionColumnNoValue = _styled2.default.call(void 0, 
   PageSectionBoxActionColumnValue
 )`
-  color: ${_chunkKSKKC6C2cjs.colors.gray80};
+  color: ${_chunkCFG65CGCcjs.colors.gray80};
   font-style: italic;
 `;
 function PageSectionBoxAction({
@@ -121,18 +121,18 @@ function PageSectionBoxAction({
   toParams
 }) {
   const theme = _react.useTheme.call(void 0, );
-  return loading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBD3WXMLEcjs.Loading, { size: 12, center: false }) }) : icon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBOBYW7PPcjs.UnstyledButton, { onClick: icon.onClick, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBY47I7ZPcjs.Icon, { name: icon.name, width: 12, color: "mcNeutral" }) }) }) : dropdownItems ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkNPTHZ6KRcjs.Dropdown,
+  return loading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMWHLGPKOcjs.Loading, { size: 12, center: false }) }) : icon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4EK5RAZScjs.UnstyledButton, { onClick: icon.onClick, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJMIYMECJcjs.Icon, { name: icon.name, width: 12, color: "mcNeutral" }) }) }) : dropdownItems ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunkPFLKL4U5cjs.Dropdown,
     {
       button: {
-        getContent: () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBY47I7ZPcjs.Icon, { name: "DotGrid1x3Horizontal", width: 16 })
+        getContent: () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJMIYMECJcjs.Icon, { name: "DotGrid1x3Horizontal", width: 16 })
       },
       dropdownItems
     }
-  ) : isDelete ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBOBYW7PPcjs.UnstyledButton, { css: { color: theme.mcNeutral }, onClick, children: "Delete" }) : label ? (
+  ) : isDelete ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4EK5RAZScjs.UnstyledButton, { css: { color: theme.mcNeutral }, onClick, children: "Delete" }) : label ? (
     /* Extra div for proper default alignment inside flex contexts */
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkGWCVYEJGcjs.TextButton,
+      _chunkMJQOF3RScjs.TextButton,
       {
         leftIcon: icon,
         text: label,
@@ -161,12 +161,12 @@ var PageSectionBoxActionRow = ({
         title ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { children: [
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, PageSectionBoxTitle, { children: [
             title,
-            titleBadge ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2C4Z2X45cjs.Badge, { content: titleBadge, ml: 4 }) : null
+            titleBadge ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTMB4SEV7cjs.Badge, { content: titleBadge, ml: 4 }) : null
           ] }),
           description ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PageSectionBoxDescription, { children: description }) : null
         ] }) : null,
         children,
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PageSectionBoxAction, _chunkLKKJVJCGcjs.__spreadValues.call(void 0, {}, action))
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PageSectionBoxAction, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, action))
       ]
     }
   ) });
@@ -197,7 +197,7 @@ var SPageSectionBoxActionRow = _styled2.default.div`
 
   ${({ separator, theme }) => separator && `
       border-top: 1px solid;
-      ${_chunkKLC2OBTGcjs.standardBorderColor.call(void 0, { theme }).styles};
+      ${_chunkJPRA3J5Ccjs.standardBorderColor.call(void 0, { theme }).styles};
       padding-top: 32px;
     `}
 `;
@@ -215,9 +215,9 @@ function PageSectionBox({
   children
 }) {
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, StyledPageSectionBox, { children: [
-    description && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PageSectionBoxDescription, { children: _chunkGCE3EVF6cjs.toReactNodes.call(void 0, description) }),
+    description && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PageSectionBoxDescription, { children: _chunkGDLQ54TNcjs.toReactNodes.call(void 0, description) }),
     children,
-    (action == null ? void 0 : action.label) ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { css: { marginTop: "12px" }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PageSectionBoxAction, _chunkLKKJVJCGcjs.__spreadValues.call(void 0, {}, action)) }) : null
+    (action == null ? void 0 : action.label) ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { css: { marginTop: "12px" }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PageSectionBoxAction, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, action)) }) : null
   ] });
 }
 var StyledPageSectionBox = _styled2.default.div`
@@ -227,30 +227,30 @@ var StyledPageSectionBox = _styled2.default.div`
 
   & > ${PageSectionBoxRow}, & {
     border: 1px solid;
-    ${_chunkKLC2OBTGcjs.standardBorderColor}
+    ${_chunkJPRA3J5Ccjs.standardBorderColor}
   }
 
-  ${_chunkPYL3O7AFcjs.standardBorderRadius.call(void 0, 8)}
+  ${_chunkDIMJISMHcjs.standardBorderRadius.call(void 0, 8)}
   padding: 16px;
 
   /* PageSectionBoxRow and PageSectionBoxColumn manage their own borders: */
   &:has(> ${PageSectionBoxRow}) {
     border: none;
     padding: 0;
-    ${_chunkPYL3O7AFcjs.standardBorderRadius.call(void 0, 0)}
+    ${_chunkDIMJISMHcjs.standardBorderRadius.call(void 0, 0)}
   }
 
   & > ${PageSectionBoxRow} {
     &:first-of-type {
-      ${_chunkPYL3O7AFcjs.standardBorderRadius.call(void 0, [12, 12, 0, 0])}
+      ${_chunkDIMJISMHcjs.standardBorderRadius.call(void 0, [12, 12, 0, 0])}
     }
 
     &:last-of-type {
-      ${_chunkPYL3O7AFcjs.standardBorderRadius.call(void 0, [0, 0, 12, 12])}
+      ${_chunkDIMJISMHcjs.standardBorderRadius.call(void 0, [0, 0, 12, 12])}
     }
 
     &:only-of-type {
-      ${_chunkPYL3O7AFcjs.standardBorderRadius.call(void 0, 12)}
+      ${_chunkDIMJISMHcjs.standardBorderRadius.call(void 0, 12)}
     }
 
     &:not(:last-of-type) {
@@ -262,7 +262,7 @@ var StyledPageSectionBox = _styled2.default.div`
       ${_chunkKW3JYLRIcjs.bp.sm(`padding: 16px;`)}
       &:not(:first-of-type) {
         border-left: solid 1px;
-        ${_chunkKLC2OBTGcjs.standardBorderColor}
+        ${_chunkJPRA3J5Ccjs.standardBorderColor}
       }
     }
 
@@ -272,7 +272,7 @@ var StyledPageSectionBox = _styled2.default.div`
           &:not(:first-of-type) {
             border-left: 0 !important;
             border-top: solid 1px;
-            ${_chunkKLC2OBTGcjs.standardBorderColor.call(void 0, { theme }).styles};
+            ${_chunkJPRA3J5Ccjs.standardBorderColor.call(void 0, { theme }).styles};
           }
         }
       `)}
@@ -283,7 +283,7 @@ var PageSectionBoxTitle = _styled2.default.div`
   align-items: center;
   font-size: ${({ lg }) => lg ? 14 : 12}px;
   font-weight: 600;
-  line-height: ${({ lg }) => _chunkPYL3O7AFcjs.standardLineHeightEms * (lg ? 14 : 12) + _chunk2C4Z2X45cjs.badgeSmVPadding * 2}px;
+  line-height: ${({ lg }) => _chunkDIMJISMHcjs.standardLineHeightEms * (lg ? 14 : 12) + _chunkTMB4SEV7cjs.badgeSmVPadding * 2}px;
 `;
 var PageSectionBoxDescription = _styled2.default.div`
   color: ${({ theme }) => theme.mcNeutral};

package/dist/{chunk-EQ4V4QBD.cjs → chunk-SZNCRT6T.cjs}

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkGCE3EVF6cjs = require('./chunk-GCE3EVF6.cjs');
+var _chunk5MLMGZJGcjs = require('./chunk-5MLMGZJG.cjs');
 
 
-var _chunkLZ24FX6Ccjs = require('./chunk-LZ24FX6C.cjs');
+var _chunkGDLQ54TNcjs = require('./chunk-GDLQ54TN.cjs');
 
 
-var _chunkBY47I7ZPcjs = require('./chunk-BY47I7ZP.cjs');
+var _chunkJMIYMECJcjs = require('./chunk-JMIYMECJ.cjs');
 
 // src/components/InfoIconTooltip.tsx
 var _react = require('react');
@@ -16,17 +16,17 @@ function InfoIconTooltip({
   content,
   verticalAlign = "middle"
 }) {
-  const contentNodes = _chunkGCE3EVF6cjs.toReactNodes.call(void 0, content);
+  const contentNodes = _chunkGDLQ54TNcjs.toReactNodes.call(void 0, content);
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _react.Fragment, { children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       "div",
       {
         "data-tooltip-id": id,
         style: { display: "inline-flex", alignItems: "center", verticalAlign },
-        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBY47I7ZPcjs.Icon, { name: "Info", width: 12, ml: 4 })
+        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJMIYMECJcjs.Icon, { name: "Info", width: 12, ml: 4 })
       }
     ),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLZ24FX6Ccjs.Tooltip, { id, render: () => contentNodes, clickable: true })
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5MLMGZJGcjs.Tooltip, { id, render: () => contentNodes, clickable: true })
   ] });
 }
 

package/dist/chunk-TBB3GUOK.js

@@ -0,0 +1,54 @@
+import {
+  renderTypography
+} from "./chunk-73ETEREG.js";
+import {
+  __async
+} from "./chunk-CWMXXUWU.js";
+
+// src/utils/NextLink.tsx
+import {
+  useEffect,
+  useRef,
+  useState
+} from "react";
+import { jsx } from "@emotion/react/jsx-runtime";
+function NextLink({
+  href,
+  text,
+  children,
+  id,
+  target: targetProp,
+  typography
+}) {
+  const NextLinkRef = useRef(null);
+  const [ready, setReady] = useState(false);
+  const isExternal = href.startsWith("http");
+  const target = targetProp ? targetProp : isExternal ? "_blank" : void 0;
+  useEffect(() => {
+    void (() => __async(this, null, function* () {
+      try {
+        const nextLinkModule = yield import("next/link.js");
+        NextLinkRef.current = nextLinkModule.default;
+      } catch (e) {
+      }
+      setReady(true);
+    }))();
+  });
+  const InternalNextLink = NextLinkRef.current;
+  let content = children;
+  if (text) {
+    content = typography ? renderTypography(typography.type, {
+      size: typography.size,
+      color: typography.color,
+      content: text
+    }) : text;
+  }
+  if (!ready || !InternalNextLink) {
+    return /* @__PURE__ */ jsx("a", { href, target, id, children: content });
+  }
+  return /* @__PURE__ */ jsx(InternalNextLink, { href, target, id, children: content });
+}
+
+export {
+  NextLink
+};

package/dist/{chunk-JWWKSKXB.cjs → chunk-TGVZCORB.cjs}

@@ -1,56 +1,56 @@
 "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 _chunkOCULQS4Scjs = require('./chunk-OCULQS4S.cjs');
 
 
-var _chunkMHOXWPRAcjs = require('./chunk-MHOXWPRA.cjs');
 
+var _chunkDISSWFSScjs = require('./chunk-DISSWFSS.cjs');
 
-var _chunkLIVPDWXDcjs = require('./chunk-LIVPDWXD.cjs');
 
+var _chunkGSYM5JMBcjs = require('./chunk-GSYM5JMB.cjs');
 
-var _chunk6LHW62FGcjs = require('./chunk-6LHW62FG.cjs');
 
+var _chunkGU4QMN7Zcjs = require('./chunk-GU4QMN7Z.cjs');
 
-var _chunkGCE3EVF6cjs = require('./chunk-GCE3EVF6.cjs');
 
+var _chunk55FMRU2Mcjs = require('./chunk-55FMRU2M.cjs');
 
 
-var _chunkHTFKWW4Scjs = require('./chunk-HTFKWW4S.cjs');
+var _chunkYWI7HVJXcjs = require('./chunk-YWI7HVJX.cjs');
 
 
-var _chunkSEJXEWOJcjs = require('./chunk-SEJXEWOJ.cjs');
+var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
 
 
+var _chunk6IU4OQOCcjs = require('./chunk-6IU4OQOC.cjs');
 
-var _chunkLLVW7HU4cjs = require('./chunk-LLVW7HU4.cjs');
 
 
-var _chunk6VA4SAHQcjs = require('./chunk-6VA4SAHQ.cjs');
+var _chunk7LOKZM7Vcjs = require('./chunk-7LOKZM7V.cjs');
 
 
-var _chunkBOBYW7PPcjs = require('./chunk-BOBYW7PP.cjs');
+var _chunk6VA4SAHQcjs = require('./chunk-6VA4SAHQ.cjs');
 
 
-var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
+var _chunk4EK5RAZScjs = require('./chunk-4EK5RAZS.cjs');
 
 
-var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
+var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
-var _chunk4P7RPU32cjs = require('./chunk-4P7RPU32.cjs');
+var _chunkGDLQ54TNcjs = require('./chunk-GDLQ54TN.cjs');
 
 
-var _chunkBY47I7ZPcjs = require('./chunk-BY47I7ZP.cjs');
+var _chunkJMIYMECJcjs = require('./chunk-JMIYMECJ.cjs');
 
 
 
 
 
-var _chunkPYL3O7AFcjs = require('./chunk-PYL3O7AF.cjs');
+var _chunkDIMJISMHcjs = require('./chunk-DIMJISMH.cjs');
 
 
-var _chunkTMTEVKSDcjs = require('./chunk-TMTEVKSD.cjs');
+var _chunkDCQM7IVKcjs = require('./chunk-DCQM7IVK.cjs');
 
 
 
@@ -58,7 +58,7 @@ var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
 
 
 
-var _chunkLKKJVJCGcjs = require('./chunk-LKKJVJCG.cjs');
+var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
 
 // src/components/Modal.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -199,11 +199,11 @@ function Modal({
   const linkIsRoute = !linkIsHref && submitLink;
   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 = _chunkLKKJVJCGcjs.__objRest.call(void 0, _b, ["placement", "text"]);
-      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHTFKWW4Scjs.Button, _chunkLKKJVJCGcjs.__spreadValues.call(void 0, { text }, rest), text || `no-text-${i}`);
+      var _b = _a, { placement, text } = _b, rest = _chunkYM5JDZDQcjs.__objRest.call(void 0, _b, ["placement", "text"]);
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7LOKZM7Vcjs.Button, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, { text }, rest), text || `no-text-${i}`);
     }),
     !isSm && !cancelHidden && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkHTFKWW4Scjs.Button,
+      _chunk7LOKZM7Vcjs.Button,
       {
         disabled: cancelDisabled,
         onClick: onClickCancel,
@@ -211,7 +211,7 @@ function Modal({
       }
     ),
     (onSubmit || submitLink) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkHTFKWW4Scjs.Button,
+      _chunk7LOKZM7Vcjs.Button,
       {
         kind: "primary",
         disabled: submitDisabled,
@@ -225,35 +225,35 @@ function Modal({
         onClick: submitLink ? onSubmit : void 0
       }
     ),
-    isSm && !cancelHidden && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHTFKWW4Scjs.Button, { onClick: onClose, text: cancelText }),
+    isSm && !cancelHidden && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7LOKZM7Vcjs.Button, { onClick: onClose, text: cancelText }),
     extraActions == null ? void 0 : extraActions.filter((action) => action.placement === "below").map((_c, i) => {
-      var _d = _c, { placement, text } = _d, rest = _chunkLKKJVJCGcjs.__objRest.call(void 0, _d, ["placement", "text"]);
-      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHTFKWW4Scjs.Button, _chunkLKKJVJCGcjs.__spreadValues.call(void 0, { text }, rest), text || `no-text-${i}`);
+      var _d = _c, { placement, text } = _d, rest = _chunkYM5JDZDQcjs.__objRest.call(void 0, _d, ["placement", "text"]);
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7LOKZM7Vcjs.Button, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, { text }, rest), text || `no-text-${i}`);
     })
   ] });
   let titleContent = null;
   if (title) {
     if (typeof title === "string") {
-      titleContent = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLLVW7HU4cjs.Headline, { heading: "h4", size: _chunkTMTEVKSDcjs.TokenSize.Small, children: title });
+      titleContent = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDISSWFSScjs.Headline, { heading: "h4", size: _chunkDCQM7IVKcjs.TokenSize.Small, children: title });
     } else {
-      titleContent = _chunkGCE3EVF6cjs.toReactNodes.call(void 0, title);
+      titleContent = _chunkGDLQ54TNcjs.toReactNodes.call(void 0, title);
     }
   }
   let descriptionContent = null;
   if (description) {
     if (typeof description === "string") {
-      descriptionContent = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Description, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEJXEWOJcjs.Body, { size: "ExtraSmall", content: description }) });
+      descriptionContent = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Description, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkOCULQS4Scjs.Body, { size: "ExtraSmall", content: description }) });
     } else {
-      descriptionContent = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Description, { children: _chunkGCE3EVF6cjs.toReactNodes.call(void 0, description) });
+      descriptionContent = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Description, { children: _chunkGDLQ54TNcjs.toReactNodes.call(void 0, description) });
     }
   }
   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, _chunkLIVPDWXDcjs.IconWithCircleBackground, _chunkLKKJVJCGcjs.__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, _chunkYWI7HVJXcjs.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, 
-      _chunkMHOXWPRAcjs.ProgressBar,
+      _chunkGU4QMN7Zcjs.ProgressBar,
       {
         progressPercentage: progressBar.progressPercentage,
         isSm: progressBar.isSm
@@ -268,7 +268,7 @@ function Modal({
   let content;
   if (smKind === "drawer" && isSm) {
     content = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunk6LHW62FGcjs.Drawer,
+      _chunk55FMRU2Mcjs.Drawer,
       {
         onClose: () => onClickCloseButton(),
         closeButton: true,
@@ -288,12 +288,12 @@ function Modal({
           tabIndex: -1,
           role: "dialog",
           ref: modalContainerRef,
-          top: top || (smKind === "default" ? _chunkPYL3O7AFcjs.standardContentInset.smPx : 0),
+          top: top || (smKind === "default" ? _chunkDIMJISMHcjs.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, _chunkBY47I7ZPcjs.Icon, { name: "ChevronLeft", width: 16 }) }),
-              !nonDismissable && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CloseButton, { onClick: onClickCloseButton, type: "button", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBY47I7ZPcjs.Icon, { name: "Close", width: 9 }) })
+              handleBack && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, BackButton, { onClick: handleBack, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJMIYMECJcjs.Icon, { name: "ChevronLeft", width: 16 }) }),
+              !nonDismissable && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CloseButton, { onClick: onClickCloseButton, type: "button", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJMIYMECJcjs.Icon, { name: "Close", width: 9 }) })
             ] }),
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ModalContentInner, { ghost, children: modalContent })
           ] })
@@ -306,7 +306,7 @@ function Modal({
     nodeRef.current
   ) : null;
 }
-var DefaultFocusTarget = _styled2.default.call(void 0, _chunkBOBYW7PPcjs.UnstyledButton)`
+var DefaultFocusTarget = _styled2.default.call(void 0, _chunk4EK5RAZScjs.UnstyledButton)`
   position: absolute;
   top: -30px;
   width: 0;
@@ -351,7 +351,7 @@ var ModalButtonRow = _styled2.default.div`
   ${_chunkKW3JYLRIcjs.bp.minSm(`display: flex;`)}
   gap: 10px;
 
-  ${_chunkHTFKWW4Scjs.ButtonSelector.call(void 0, )} {
+  ${_chunk7LOKZM7Vcjs.ButtonSelector.call(void 0, )} {
     width: 50%;
     ${_chunkKW3JYLRIcjs.bp.sm(`
       width: 100%;
@@ -363,7 +363,7 @@ var ModalButtonColumn = _styled2.default.div`
   flex-direction: column;
   gap: ${_chunkZUAO4DW3cjs.Spacing.px.sm};
 
-  ${_chunkHTFKWW4Scjs.ButtonSelector.call(void 0, )} {
+  ${_chunk7LOKZM7Vcjs.ButtonSelector.call(void 0, )} {
     width: 100%;
   }
 
@@ -373,22 +373,27 @@ var ModalContent = _styled2.default.div`
   pointer-events: auto;
   transition: width 0.25s ease-in;
 
-  ${({ theme, smKind, ghost }) => ghost ? "" : _chunkPYL3O7AFcjs.overlaySurface.call(void 0, { theme, border: smKind !== "fullscreen" })}
-  ${_chunk4P7RPU32cjs.overflowAutoWithoutScrollbars}
-  ${(props) => props.smKind === "fullscreen" && _chunkKW3JYLRIcjs.bp.isSm() ? `
-    width: 100%;
-    height: 100%;
-  ` : `
-    ${props.ghost ? "" : _chunkPYL3O7AFcjs.standardBorderRadius.call(void 0, 16)}
-    ${_chunkPYL3O7AFcjs.standardContentInset.smCSS.styles}
-    width: ${props.width}px;
-    max-width: 100%;
-    max-height: 100%;
-    position: absolute;
+  ${({ theme, smKind, ghost }) => ghost ? "" : _chunkDIMJISMHcjs.overlaySurface.call(void 0, { theme, border: smKind !== "fullscreen" })}
+
+  ${_chunk6IU4OQOCcjs.overflowAutoWithoutScrollbars}
+  ${_chunkDIMJISMHcjs.standardContentInset.smCSS.styles}
+  max-width: 100%;
+  max-height: 100%;
+  position: absolute;
+
+  ${({ ghost, width }) => `
+    ${ghost ? "" : _chunkDIMJISMHcjs.standardBorderRadius.call(void 0, 16)}
+    width: ${width}px;
   `}
-  ${(props) => props.ghost ? "" : "padding: 16px 16px 40px;"}
 
-  ${_chunkLLVW7HU4cjs.headlineSelector.call(void 0, "h4")} { {
+  ${({ smKind }) => smKind === "fullscreen" ? _chunkKW3JYLRIcjs.bp.sm(`
+          width: 100%;
+          height: 100%;
+        `) : ""}
+
+  ${({ ghost }) => ghost ? "" : "padding: 16px 16px 40px;"}
+
+  ${_chunkDISSWFSScjs.headlineSelector.call(void 0, "h4")} {
     margin: 0;
     & + *:not(${_chunk6VA4SAHQcjs.select.call(void 0, Description)}) {
       margin-top: ${contentTopMarginPx}px;
@@ -400,14 +405,14 @@ var ModalNavigation = _styled2.default.div`
   grid-auto-flow: column;
   width: 100%;
 `;
-var BackButton = _styled2.default.call(void 0, _chunkBOBYW7PPcjs.UnstyledButton)`
-  ${_chunkPYL3O7AFcjs.standardFocusOutline}
+var BackButton = _styled2.default.call(void 0, _chunk4EK5RAZScjs.UnstyledButton)`
+  ${_chunkDIMJISMHcjs.standardFocusOutline}
   width: 24px;
   height: 24px;
   justify-self: flex-start;
 `;
-var CloseButton = _styled2.default.call(void 0, _chunkBOBYW7PPcjs.UnstyledButton)`
-  ${_chunkPYL3O7AFcjs.standardFocusOutline}
+var CloseButton = _styled2.default.call(void 0, _chunk4EK5RAZScjs.UnstyledButton)`
+  ${_chunkDIMJISMHcjs.standardFocusOutline}
   width: 24px;
   height: 24px;
   justify-self: flex-end;