@lightsparkdev/ui 1.0.9 → 1.0.10

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

@@ -1,53 +1,53 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkZC7NYTXWcjs = require('./chunk-ZC7NYTXW.cjs');
+var _chunkOCULQS4Scjs = require('./chunk-OCULQS4S.cjs');
 
 
 
-var _chunkSFTKSNEKcjs = require('./chunk-SFTKSNEK.cjs');
+var _chunkDISSWFSScjs = require('./chunk-DISSWFSS.cjs');
 
 
 var _chunkGSYM5JMBcjs = require('./chunk-GSYM5JMB.cjs');
 
 
-var _chunkDXEXQIH4cjs = require('./chunk-DXEXQIH4.cjs');
+var _chunkGU4QMN7Zcjs = require('./chunk-GU4QMN7Z.cjs');
 
 
-var _chunkAI4RYQ6Rcjs = require('./chunk-AI4RYQ6R.cjs');
+var _chunk55FMRU2Mcjs = require('./chunk-55FMRU2M.cjs');
 
 
-var _chunkCG4ZE3JVcjs = require('./chunk-CG4ZE3JV.cjs');
+var _chunkYWI7HVJXcjs = require('./chunk-YWI7HVJX.cjs');
 
 
 var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
 
 
-var _chunkZO52GP5Zcjs = require('./chunk-ZO52GP5Z.cjs');
+var _chunk6IU4OQOCcjs = require('./chunk-6IU4OQOC.cjs');
 
 
 
-var _chunk3XWROTDTcjs = require('./chunk-3XWROTDT.cjs');
+var _chunk7LOKZM7Vcjs = require('./chunk-7LOKZM7V.cjs');
 
 
 var _chunk6VA4SAHQcjs = require('./chunk-6VA4SAHQ.cjs');
 
 
-var _chunk7QXYBPSJcjs = require('./chunk-7QXYBPSJ.cjs');
+var _chunk4EK5RAZScjs = require('./chunk-4EK5RAZS.cjs');
 
 
 var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
-var _chunkLHXL6GOOcjs = require('./chunk-LHXL6GOO.cjs');
+var _chunkGDLQ54TNcjs = require('./chunk-GDLQ54TN.cjs');
 
 
-var _chunkI6Y7IHF5cjs = require('./chunk-I6Y7IHF5.cjs');
+var _chunkJMIYMECJcjs = require('./chunk-JMIYMECJ.cjs');
 
 
 
 
 
-var _chunk23NA5VW6cjs = require('./chunk-23NA5VW6.cjs');
+var _chunkDIMJISMHcjs = require('./chunk-DIMJISMH.cjs');
 
 
 var _chunkDCQM7IVKcjs = require('./chunk-DCQM7IVK.cjs');
@@ -200,10 +200,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, _chunk3XWROTDTcjs.Button, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, { text }, rest), text || `no-text-${i}`);
+      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, 
-      _chunk3XWROTDTcjs.Button,
+      _chunk7LOKZM7Vcjs.Button,
       {
         disabled: cancelDisabled,
         onClick: onClickCancel,
@@ -211,7 +211,7 @@ function Modal({
       }
     ),
     (onSubmit || submitLink) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunk3XWROTDTcjs.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, _chunk3XWROTDTcjs.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 = _chunkYM5JDZDQcjs.__objRest.call(void 0, _d, ["placement", "text"]);
-      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3XWROTDTcjs.Button, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, { text }, rest), text || `no-text-${i}`);
+      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, _chunkSFTKSNEKcjs.Headline, { heading: "h4", size: _chunkDCQM7IVKcjs.TokenSize.Small, children: title });
+      titleContent = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDISSWFSScjs.Headline, { heading: "h4", size: _chunkDCQM7IVKcjs.TokenSize.Small, children: title });
     } else {
-      titleContent = _chunkLHXL6GOOcjs.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, _chunkZC7NYTXWcjs.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: _chunkLHXL6GOOcjs.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, _chunkCG4ZE3JVcjs.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, _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, 
-      _chunkDXEXQIH4cjs.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, 
-      _chunkAI4RYQ6Rcjs.Drawer,
+      _chunk55FMRU2Mcjs.Drawer,
       {
         onClose: () => onClickCloseButton(),
         closeButton: true,
@@ -288,12 +288,12 @@ function Modal({
           tabIndex: -1,
           role: "dialog",
           ref: modalContainerRef,
-          top: top || (smKind === "default" ? _chunk23NA5VW6cjs.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, _chunkI6Y7IHF5cjs.Icon, { name: "ChevronLeft", width: 16 }) }),
-              !nonDismissable && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CloseButton, { onClick: onClickCloseButton, type: "button", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkI6Y7IHF5cjs.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, _chunk7QXYBPSJcjs.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;
 
-  ${_chunk3XWROTDTcjs.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};
 
-  ${_chunk3XWROTDTcjs.ButtonSelector.call(void 0, )} {
+  ${_chunk7LOKZM7Vcjs.ButtonSelector.call(void 0, )} {
     width: 100%;
   }
 
@@ -373,16 +373,16 @@ var ModalContent = _styled2.default.div`
   pointer-events: auto;
   transition: width 0.25s ease-in;
 
-  ${({ theme, smKind, ghost }) => ghost ? "" : _chunk23NA5VW6cjs.overlaySurface.call(void 0, { theme, border: smKind !== "fullscreen" })}
+  ${({ theme, smKind, ghost }) => ghost ? "" : _chunkDIMJISMHcjs.overlaySurface.call(void 0, { theme, border: smKind !== "fullscreen" })}
 
-  ${_chunkZO52GP5Zcjs.overflowAutoWithoutScrollbars}
-  ${_chunk23NA5VW6cjs.standardContentInset.smCSS.styles}
+  ${_chunk6IU4OQOCcjs.overflowAutoWithoutScrollbars}
+  ${_chunkDIMJISMHcjs.standardContentInset.smCSS.styles}
   max-width: 100%;
   max-height: 100%;
   position: absolute;
 
   ${({ ghost, width }) => `
-    ${ghost ? "" : _chunk23NA5VW6cjs.standardBorderRadius.call(void 0, 16)}
+    ${ghost ? "" : _chunkDIMJISMHcjs.standardBorderRadius.call(void 0, 16)}
     width: ${width}px;
   `}
 
@@ -393,7 +393,7 @@ var ModalContent = _styled2.default.div`
 
   ${({ ghost }) => ghost ? "" : "padding: 16px 16px 40px;"}
 
-  ${_chunkSFTKSNEKcjs.headlineSelector.call(void 0, "h4")} {
+  ${_chunkDISSWFSScjs.headlineSelector.call(void 0, "h4")} {
     margin: 0;
     & + *:not(${_chunk6VA4SAHQcjs.select.call(void 0, Description)}) {
       margin-top: ${contentTopMarginPx}px;
@@ -405,14 +405,14 @@ var ModalNavigation = _styled2.default.div`
   grid-auto-flow: column;
   width: 100%;
 `;
-var BackButton = _styled2.default.call(void 0, _chunk7QXYBPSJcjs.UnstyledButton)`
-  ${_chunk23NA5VW6cjs.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, _chunk7QXYBPSJcjs.UnstyledButton)`
-  ${_chunk23NA5VW6cjs.standardFocusOutline}
+var CloseButton = _styled2.default.call(void 0, _chunk4EK5RAZScjs.UnstyledButton)`
+  ${_chunkDIMJISMHcjs.standardFocusOutline}
   width: 24px;
   height: 24px;
   justify-self: flex-end;

package/dist/{chunk-X5V7LCCX.cjs → chunk-THAT7M2K.cjs}

@@ -1,14 +1,14 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkHJL7XPY3cjs = require('./chunk-HJL7XPY3.cjs');
+var _chunkIP233XPHcjs = require('./chunk-IP233XPH.cjs');
 
 
-var _chunkAJP3GW6Dcjs = require('./chunk-AJP3GW6D.cjs');
+var _chunkYUALIPXRcjs = require('./chunk-YUALIPXR.cjs');
 
 
 
 
-var _chunkZO52GP5Zcjs = require('./chunk-ZO52GP5Z.cjs');
+var _chunk6IU4OQOCcjs = require('./chunk-6IU4OQOC.cjs');
 
 
 var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
@@ -19,10 +19,10 @@ var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
 
-var _chunk23NA5VW6cjs = require('./chunk-23NA5VW6.cjs');
+var _chunkDIMJISMHcjs = require('./chunk-DIMJISMH.cjs');
 
 
-var _chunkJX6HEEEQcjs = require('./chunk-JX6HEEEQ.cjs');
+var _chunkWKRK5OVEcjs = require('./chunk-WKRK5OVE.cjs');
 
 
 
@@ -36,7 +36,7 @@ function CardPage(props) {
   const initiallyExpanded = _react.useRef.call(void 0, Boolean(props.expandRight));
   const [wasExpanded, setWasExpanded] = _react.useState.call(void 0, Boolean(props.expandRight));
   const bp2 = _chunkKW3JYLRIcjs.useBreakpoints.call(void 0, );
-  const header = props.title ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CardPageHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHJL7XPY3cjs.Heading, { type: "h1", m0: true, children: props.title }) }) : null;
+  const header = props.title ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CardPageHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIP233XPHcjs.Heading, { type: "h1", m0: true, children: props.title }) }) : null;
   _react.useEffect.call(void 0, () => {
     if (props.expandRight) {
       setWasExpanded(true);
@@ -53,7 +53,7 @@ function CardPage(props) {
       minContentHeight: props.minContentHeight,
       initiallyExpanded: initiallyExpanded.current,
       children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { css: props.minContentWidth ? _chunkZO52GP5Zcjs.overflowAutoWithoutScrollbars : null, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { css: props.minContentWidth ? _chunk6IU4OQOCcjs.overflowAutoWithoutScrollbars : null, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
           CardPageContent,
           {
             hasPreHeaderContent: Boolean(props.preHeaderContent),
@@ -85,7 +85,7 @@ CardPage.defaultProps = {
 var CardPageFullContent = _styled2.default.div``;
 var CardPageFullWidth = _styled2.default.div``;
 var CardPageRightContentInner = _styled2.default.div`
-  ${_chunkZO52GP5Zcjs.flexCenter}
+  ${_chunk6IU4OQOCcjs.flexCenter}
   height: 100%;
   padding: 150px 25px;
   ${({ hasRightContent }) => hasRightContent && `justify-content: space-evenly;`}
@@ -94,7 +94,7 @@ var CardPageRightContent = _styled2.default.div`
   display: flex;
   position: relative;
   ${CardPageRightContentInner} {
-    ${_chunk23NA5VW6cjs.darkGradientBg};
+    ${_chunkDIMJISMHcjs.darkGradientBg};
     position: relative;
     height: calc(100% + 80px);
     margin-top: -40px;
@@ -104,15 +104,15 @@ var CardPageRightContent = _styled2.default.div`
     width: 100%;
 
     ${_chunkKW3JYLRIcjs.bp.minSm(`
-      ${_chunk23NA5VW6cjs.standardBorderRadius.call(void 0, [0, _chunk23NA5VW6cjs.cardBorderRadiusPx, _chunk23NA5VW6cjs.cardBorderRadiusPx, 0])};
+      ${_chunkDIMJISMHcjs.standardBorderRadius.call(void 0, [0, _chunkDIMJISMHcjs.cardBorderRadiusPx, _chunkDIMJISMHcjs.cardBorderRadiusPx, 0])};
     `)}
   }
 `;
 var vCardPaddingPx = 40;
 var expandTiming = `0.65s ease-in-out`;
 var CardPageContainer = _styled2.default.div`
-  ${_chunk23NA5VW6cjs.standardContentInset.css}
-  ${({ theme }) => _chunkJX6HEEEQcjs.themeOr.call(void 0, `background-color: ${theme.bg}`, "transparent")({ theme })};
+  ${_chunkDIMJISMHcjs.standardContentInset.css}
+  ${({ theme }) => _chunkWKRK5OVEcjs.themeOr.call(void 0, `background-color: ${theme.bg}`, "transparent")({ theme })};
   position: relative;
   z-index: ${_chunkZU72XWNEcjs.z.card};
 
@@ -125,23 +125,23 @@ var CardPageContainer = _styled2.default.div`
   `)}
 
   & > * {
-    ${_chunk23NA5VW6cjs.standardContentInset.css}
+    ${_chunkDIMJISMHcjs.standardContentInset.css}
   }
 
   & ${CardPageFullContent}, & ${CardPageFullWidth} {
     ${_chunkKW3JYLRIcjs.bp.sm(`
-      width: calc(100% + ${_chunk23NA5VW6cjs.standardContentInset.smPx * 2}px);
-      margin-left: -${_chunk23NA5VW6cjs.standardContentInset.smPx}px;
+      width: calc(100% + ${_chunkDIMJISMHcjs.standardContentInset.smPx * 2}px);
+      margin-left: -${_chunkDIMJISMHcjs.standardContentInset.smPx}px;
     `)}
 
     ${_chunkKW3JYLRIcjs.bp.minSmMaxLg(`
-      width: calc(100% + ${_chunk23NA5VW6cjs.standardContentInset.minSmMaxLgPx * 2}px);
-      margin-left: -${_chunk23NA5VW6cjs.standardContentInset.minSmMaxLgPx}px;
+      width: calc(100% + ${_chunkDIMJISMHcjs.standardContentInset.minSmMaxLgPx * 2}px);
+      margin-left: -${_chunkDIMJISMHcjs.standardContentInset.minSmMaxLgPx}px;
     `)}
 
     ${_chunkKW3JYLRIcjs.bp.lg(`
-      width: calc(100% + ${_chunk23NA5VW6cjs.standardContentInset.lgPx * 2}px);
-      margin-left: -${_chunk23NA5VW6cjs.standardContentInset.lgPx}px;
+      width: calc(100% + ${_chunkDIMJISMHcjs.standardContentInset.lgPx * 2}px);
+      margin-left: -${_chunkDIMJISMHcjs.standardContentInset.lgPx}px;
     `)}
   }
 
@@ -160,9 +160,9 @@ var CardPageContainer = _styled2.default.div`
   }
 
   ${_chunkKW3JYLRIcjs.bp.minSm(`
-    ${_chunk23NA5VW6cjs.standardCardShadow.styles};
+    ${_chunkDIMJISMHcjs.standardCardShadow.styles};
     padding: ${vCardPaddingPx}px 0;
-    ${_chunk23NA5VW6cjs.standardBorderRadius.call(void 0, _chunk23NA5VW6cjs.cardBorderRadiusPx)}
+    ${_chunkDIMJISMHcjs.standardBorderRadius.call(void 0, _chunkDIMJISMHcjs.cardBorderRadiusPx)}
   `)}
 
   &:not(:last-child) {
@@ -224,12 +224,12 @@ var CardPageContainer = _styled2.default.div`
 
       &:first-of-type > * {
         ${_chunkKW3JYLRIcjs.bp.minSmMaxLg(`
-          width: calc(100% - ${_chunk23NA5VW6cjs.standardContentInset.minSmMaxLgPx * 2}px);
-          margin-left: ${_chunk23NA5VW6cjs.standardContentInset.minSmMaxLgPx}px;
+          width: calc(100% - ${_chunkDIMJISMHcjs.standardContentInset.minSmMaxLgPx * 2}px);
+          margin-left: ${_chunkDIMJISMHcjs.standardContentInset.minSmMaxLgPx}px;
         `)}
         ${_chunkKW3JYLRIcjs.bp.lg(`
-          width: calc(100% - ${_chunk23NA5VW6cjs.standardContentInset.lgPx * 3}px);
-          margin-left: ${_chunk23NA5VW6cjs.standardContentInset.lgPx}px;
+          width: calc(100% - ${_chunkDIMJISMHcjs.standardContentInset.lgPx * 3}px);
+          margin-left: ${_chunkDIMJISMHcjs.standardContentInset.lgPx}px;
         `)}
       }
     }
@@ -255,7 +255,7 @@ var CardPageContainer = _styled2.default.div`
             ${initiallyExpanded ? "" : `animation: rightSideExpand ${expandTiming};`}
             margin: 0%;
             & > ${CardPageRightContentInner.toString()} {
-              border-radius: ${_chunk23NA5VW6cjs.cardBorderRadiusPx}px !important;
+              border-radius: ${_chunkDIMJISMHcjs.cardBorderRadiusPx}px !important;
             }
           `) : wasExpanded ? _chunkKW3JYLRIcjs.bp.minSm(`
             width: 50%;
@@ -265,8 +265,8 @@ var CardPageContainer = _styled2.default.div`
 `;
 var CardPageSubtitle = _styled2.default.p`
   color: ${({ theme }) => theme.mcNeutral};
-  font-size: ${_chunkZO52GP5Zcjs.size.px14};
-  line-height: ${_chunkZO52GP5Zcjs.size.px18};
+  font-size: ${_chunk6IU4OQOCcjs.size.px14};
+  line-height: ${_chunk6IU4OQOCcjs.size.px18};
   font-weight: 600;
   margin: 0;
 `;
@@ -277,15 +277,15 @@ var CardPageHeader = _styled2.default.div`
   justify-content: space-between;
   position: relative;
 
-  & + *:not(${CardPageSubtitle}):not(${_chunkAJP3GW6Dcjs.ButtonRowContainer}) {
-    margin-top: ${_chunk23NA5VW6cjs.headingContentMarginPx}px !important;
+  & + *:not(${CardPageSubtitle}):not(${_chunkYUALIPXRcjs.ButtonRowContainer}) {
+    margin-top: ${_chunkDIMJISMHcjs.headingContentMarginPx}px !important;
   }
 
   & + ${CardPageSubtitle} {
     margin-top: 5px;
   }
 
-  & + ${_chunkAJP3GW6Dcjs.ButtonRowContainer} {
+  & + ${_chunkYUALIPXRcjs.ButtonRowContainer} {
     margin-top: 16px;
   }
 `;

package/dist/{chunk-I2CMZUNC.cjs → chunk-TMB4SEV7.cjs}

@@ -1,18 +1,18 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkVZEYA2KHcjs = require('./chunk-VZEYA2KH.cjs');
+var _chunkNCH72LUBcjs = require('./chunk-NCH72LUB.cjs');
 
 
-var _chunkLHXL6GOOcjs = require('./chunk-LHXL6GOO.cjs');
+var _chunkGDLQ54TNcjs = require('./chunk-GDLQ54TN.cjs');
 
 
-var _chunkI6Y7IHF5cjs = require('./chunk-I6Y7IHF5.cjs');
+var _chunkJMIYMECJcjs = require('./chunk-JMIYMECJ.cjs');
 
 
-var _chunk23NA5VW6cjs = require('./chunk-23NA5VW6.cjs');
+var _chunkDIMJISMHcjs = require('./chunk-DIMJISMH.cjs');
 
 
-var _chunkJX6HEEEQcjs = require('./chunk-JX6HEEEQ.cjs');
+var _chunkWKRK5OVEcjs = require('./chunk-WKRK5OVE.cjs');
 
 // src/components/Badge.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -37,14 +37,14 @@ function Badge({
     text: defaultTypography,
     nextLink: defaultTypography
   };
-  const nodesWithTypography = _chunkVZEYA2KHcjs.setDefaultReactNodesTypography.call(void 0, 
+  const nodesWithTypography = _chunkNCH72LUBcjs.setDefaultReactNodesTypography.call(void 0, 
     contentProp,
     defaultTypographyMap
   );
-  const content = _chunkLHXL6GOOcjs.toReactNodes.call(void 0, nodesWithTypography);
+  const content = _chunkGDLQ54TNcjs.toReactNodes.call(void 0, nodesWithTypography);
   return contentProp ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, StyledBadge, { kind, ml, mr, size, block, children: [
     icon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkI6Y7IHF5cjs.Icon,
+      _chunkJMIYMECJcjs.Icon,
       {
         name: icon.name,
         width: 20,
@@ -57,7 +57,7 @@ function Badge({
 var badgeSmVPadding = 2;
 var badgeSmHPadding = 6;
 var StyledBadge = _styled2.default.div`
-  ${({ size }) => _chunk23NA5VW6cjs.standardBorderRadius.call(void 0, size === "sm" ? 4 : 12)}
+  ${({ size }) => _chunkDIMJISMHcjs.standardBorderRadius.call(void 0, size === "sm" ? 4 : 12)}
   ${({ ml }) => ml === 0 ? "" : `margin-left: ${ml}px;`}
   ${({ mr }) => mr === 0 ? "" : `margin-right: ${mr}px;`}
 
@@ -67,9 +67,9 @@ var StyledBadge = _styled2.default.div`
   padding: ${({ size }) => size === "sm" ? `${badgeSmVPadding}px ${badgeSmHPadding}px` : "12px 16px"};
   background-color: ${({ theme, kind }) => {
   if (kind === "danger") {
-    return _chunkJX6HEEEQcjs.getColor.call(void 0, theme, "red42a10");
+    return _chunkWKRK5OVEcjs.getColor.call(void 0, theme, "red42a10");
   } else {
-    return _chunkJX6HEEEQcjs.getColor.call(void 0, theme, theme.badge.bg);
+    return _chunkWKRK5OVEcjs.getColor.call(void 0, theme, theme.badge.bg);
   }
 }};
 `;

package/dist/{chunk-3H2DMMGU.cjs → chunk-U3FWVBZ3.cjs}

@@ -3,16 +3,16 @@
 var _chunk46AVXTFOcjs = require('./chunk-46AVXTFO.cjs');
 
 
-var _chunkGIZQB46Vcjs = require('./chunk-GIZQB46V.cjs');
+var _chunkMJQOF3RScjs = require('./chunk-MJQOF3RS.cjs');
 
 
-var _chunkI6Y7IHF5cjs = require('./chunk-I6Y7IHF5.cjs');
+var _chunkJMIYMECJcjs = require('./chunk-JMIYMECJ.cjs');
 
 
 var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
 
 
-var _chunkO7USIZI6cjs = require('./chunk-O7USIZI6.cjs');
+var _chunkCFG65CGCcjs = require('./chunk-CFG65CGC.cjs');
 
 // src/components/PageSection/PageSectionNav.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -41,24 +41,24 @@ var PageSectionList = _styled2.default.ul`
 `;
 var StyledPageSectionNavItem = _styled2.default.li`
   align-items: center;
-  color: ${_chunkO7USIZI6cjs.colors.gray40};
+  color: ${_chunkCFG65CGCcjs.colors.gray40};
   display: flex;
   list-style: none;
 
-  ${_chunkI6Y7IHF5cjs.IconContainer}:not(:first-of-type) {
+  ${_chunkJMIYMECJcjs.IconContainer}:not(:first-of-type) {
     visibility: hidden;
   }
 
   &:hover {
     color: ${({ theme }) => theme.hcNeutral};
 
-    ${_chunkI6Y7IHF5cjs.IconContainer} {
+    ${_chunkJMIYMECJcjs.IconContainer} {
       visibility: visible;
     }
   }
 `;
 var PageSectionListItem = ({ leftIcon, label, sectionId }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledPageSectionNavItem, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-  _chunkGIZQB46Vcjs.TextButton,
+  _chunkMJQOF3RScjs.TextButton,
   {
     text: label,
     padding: "8px 0",

package/dist/{chunk-5ZDDVLS6.js → chunk-UF2SAH66.js}

@@ -1,6 +1,6 @@
-// src/icons/TwoArrowsDown.tsx
+// src/icons/ArrowsDown.tsx
 import { jsx } from "@emotion/react/jsx-runtime";
-function TwoArrowsDown() {
+function ArrowsDown() {
   return /* @__PURE__ */ jsx(
     "svg",
     {
@@ -23,5 +23,5 @@ function TwoArrowsDown() {
 }
 
 export {
-  TwoArrowsDown
+  ArrowsDown
 };

package/dist/{chunk-DDAP7HQS.cjs → chunk-UIYWFRXB.cjs}

@@ -1,18 +1,18 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunk425MNRRKcjs = require('./chunk-425MNRRK.cjs');
+var _chunkYTMT3NY6cjs = require('./chunk-YTMT3NY6.cjs');
 
 
-var _chunkZO52GP5Zcjs = require('./chunk-ZO52GP5Z.cjs');
+var _chunk6IU4OQOCcjs = require('./chunk-6IU4OQOC.cjs');
 
 
-var _chunk23NA5VW6cjs = require('./chunk-23NA5VW6.cjs');
+var _chunkDIMJISMHcjs = require('./chunk-DIMJISMH.cjs');
 
 
-var _chunkJX6HEEEQcjs = require('./chunk-JX6HEEEQ.cjs');
+var _chunkWKRK5OVEcjs = require('./chunk-WKRK5OVE.cjs');
 
 
-var _chunkO7USIZI6cjs = require('./chunk-O7USIZI6.cjs');
+var _chunkCFG65CGCcjs = require('./chunk-CFG65CGC.cjs');
 
 
 
@@ -55,7 +55,7 @@ var backgroundColor = "#2d2d2d";
 var InlineCode = _styled2.default.span`
   font-family: "Roboto Mono", monospace;
   background-color: #2d2d2d;
-  border: 1px solid ${_chunkJX6HEEEQcjs.themeOr.call(void 0, _chunkO7USIZI6cjs.colors.gray90, _chunkO7USIZI6cjs.colors.gray20)};
+  border: 1px solid ${_chunkWKRK5OVEcjs.themeOr.call(void 0, _chunkCFG65CGCcjs.colors.gray90, _chunkCFG65CGCcjs.colors.gray20)};
   border-radius: 3px;
   line-height: 24px;
   padding: 0 4px;
@@ -99,9 +99,9 @@ var codeSelectStyles = {
   }),
   option: (styles, state) => _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, styles), {
     cursor: "pointer",
-    backgroundColor: state.isSelected ? _chunkO7USIZI6cjs.colors.gray25 : backgroundColor,
+    backgroundColor: state.isSelected ? _chunkCFG65CGCcjs.colors.gray25 : backgroundColor,
     "&:hover": {
-      backgroundColor: _chunkO7USIZI6cjs.colors.gray25
+      backgroundColor: _chunkCFG65CGCcjs.colors.gray25
     }
   }),
   singleValue: (styles) => _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, styles), {
@@ -152,7 +152,7 @@ var CodeBlock = ({
               styles: codeSelectStyles
             }
           ) }) : null,
-          withCopyButton ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk425MNRRKcjs.CopyToClipboardButton, { value: children }) : null
+          withCopyButton ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYTMT3NY6cjs.CopyToClipboardButton, { value: children }) : null
         ]
       }
     )
@@ -166,7 +166,7 @@ var StyledCodeBlock = _styled2.default.div``;
 var CodeBlockHeader = _styled2.default.div`
   align-items: center;
   background-color: #2d2d2d;
-  border-bottom: 1px solid ${_chunkO7USIZI6cjs.colors.gray25};
+  border-bottom: 1px solid ${_chunkCFG65CGCcjs.colors.gray25};
   border-top-left-radius: 8px;
   border-top-right-radius: 8px;
   color: #ffffff;
@@ -176,11 +176,11 @@ var CodeBlockHeader = _styled2.default.div`
   padding: 16px 20px;
 `;
 var CodeBlockContainer = _styled2.default.pre`
-  ${_chunkZO52GP5Zcjs.overflowAutoWithoutScrollbars}
+  ${_chunk6IU4OQOCcjs.overflowAutoWithoutScrollbars}
   &[class*="language-"] {
     padding: 20px;
     font-weight: 500;
-    ${_chunk23NA5VW6cjs.standardBorderRadius.call(void 0, 8)}
+    ${_chunkDIMJISMHcjs.standardBorderRadius.call(void 0, 8)}
     ${(props) => props.hasHeader ? `border-top-left-radius: 0;
             border-top-right-radius: 0;
             margin-top: 0;` : ""}

package/dist/{chunk-I2MKZCWY.cjs → chunk-URISHIUW.cjs}

@@ -1,18 +1,18 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkSDECQB2Ocjs = require('./chunk-SDECQB2O.cjs');
+var _chunk6RG56REScjs = require('./chunk-6RG56RES.cjs');
 
 
 var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
 
 
-var _chunkNVVAOGNLcjs = require('./chunk-NVVAOGNL.cjs');
+var _chunkJPRA3J5Ccjs = require('./chunk-JPRA3J5C.cjs');
 
 
 var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
-var _chunkI6Y7IHF5cjs = require('./chunk-I6Y7IHF5.cjs');
+var _chunkJMIYMECJcjs = require('./chunk-JMIYMECJ.cjs');
 
 
 var _chunkDCQM7IVKcjs = require('./chunk-DCQM7IVK.cjs');
@@ -150,8 +150,8 @@ var DateWidget = ({
   }
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, Container, { children: [
     dateRangeOperation === "is between" /* IsBetween */ && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, Indicators, { children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkI6Y7IHF5cjs.Icon, { name: "ArrowCornerDownRight", width: 16, color: "c6Neutral" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSDECQB2Ocjs.LabelModerate, { color: "c6Neutral", children: "and" })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJMIYMECJcjs.Icon, { name: "ArrowCornerDownRight", width: 16, color: "c6Neutral" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk6RG56REScjs.LabelModerate, { color: "c6Neutral", children: "and" })
     ] }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CalendarContents, { active, children: calendarComponent })
   ] });
@@ -235,7 +235,7 @@ var CalendarContents = _styled2.default.div`
     height: 100%;
     flex-grow: 1;
     padding: 0 2px;
-    ${({ theme, active }) => _chunkNVVAOGNLcjs.textInputStyle.call(void 0, { theme, active })};
+    ${({ theme, active }) => _chunkJPRA3J5Ccjs.textInputStyle.call(void 0, { theme, active })};
     input:focus-visible {
       outline: none;
     }