@lightsparkdev/ui 1.1.12 → 1.1.14

package/dist/{chunk-24MJ7UXE.cjs → chunk-HYSPDA4N.cjs}

@@ -1,52 +1,52 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkTQ7E3EMIcjs = require('./chunk-TQ7E3EMI.cjs');
+var _chunkQ7ENIXKScjs = require('./chunk-Q7ENIXKS.cjs');
 
 
 
 
 
 
-var _chunkIIB3Z36Qcjs = require('./chunk-IIB3Z36Q.cjs');
+var _chunkSLIFIAVPcjs = require('./chunk-SLIFIAVP.cjs');
 
 
-var _chunkAF67FQ4Zcjs = require('./chunk-AF67FQ4Z.cjs');
+var _chunkIAO6KSLHcjs = require('./chunk-IAO6KSLH.cjs');
 
 
-var _chunkDIRSPH6Acjs = require('./chunk-DIRSPH6A.cjs');
+var _chunkIZI6Z6TZcjs = require('./chunk-IZI6Z6TZ.cjs');
 
 
-var _chunkMA4TAJR3cjs = require('./chunk-MA4TAJR3.cjs');
+var _chunkMT5CZMYNcjs = require('./chunk-MT5CZMYN.cjs');
 
 
-var _chunkXHIUWLTCcjs = require('./chunk-XHIUWLTC.cjs');
+var _chunkZXJYGC7Ecjs = require('./chunk-ZXJYGC7E.cjs');
 
 
-var _chunkUPQXK6TFcjs = require('./chunk-UPQXK6TF.cjs');
+var _chunk7Q43VELDcjs = require('./chunk-7Q43VELD.cjs');
 
 
-var _chunk6YG7IA2Fcjs = require('./chunk-6YG7IA2F.cjs');
+var _chunkSZOGH4WNcjs = require('./chunk-SZOGH4WN.cjs');
 
 
-var _chunkNMFG6FLIcjs = require('./chunk-NMFG6FLI.cjs');
+var _chunkMJZBPTYZcjs = require('./chunk-MJZBPTYZ.cjs');
 
 
-var _chunkEJR26GKNcjs = require('./chunk-EJR26GKN.cjs');
+var _chunkAUPMDCHWcjs = require('./chunk-AUPMDCHW.cjs');
 
 
-var _chunkP7BNVHNVcjs = require('./chunk-P7BNVHNV.cjs');
+var _chunkEZUXCJOHcjs = require('./chunk-EZUXCJOH.cjs');
 
 
-var _chunkGMDANQACcjs = require('./chunk-GMDANQAC.cjs');
+var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
 
 
-var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
+var _chunkQNMSNFSQcjs = require('./chunk-QNMSNFSQ.cjs');
 
 
-var _chunkX6AJB6TLcjs = require('./chunk-X6AJB6TL.cjs');
+var _chunkGJEYXGPQcjs = require('./chunk-GJEYXGPQ.cjs');
 
 
-var _chunkR5SHOMBXcjs = require('./chunk-R5SHOMBX.cjs');
+var _chunkQGVDN6ZVcjs = require('./chunk-QGVDN6ZV.cjs');
 
 
 var _chunkJFPLNGMQcjs = require('./chunk-JFPLNGMQ.cjs');
@@ -73,9 +73,9 @@ function PillFilter({
   customComponents
 }) {
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, FilterContainer, { children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Property, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk6YG7IA2Fcjs.Label, { size: "Small", content: filter.label }) }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Property, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSZOGH4WNcjs.Label, { size: "Small", content: filter.label }) }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Operator, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkTQ7E3EMIcjs.Body,
+      _chunkQ7ENIXKScjs.Body,
       {
         size: "Small",
         color: "secondary",
@@ -91,7 +91,7 @@ function PillFilter({
       }
     ),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DeleteButton, { onClick: onDelete, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkX6AJB6TLcjs.Icon,
+      _chunkGJEYXGPQcjs.Icon,
       {
         name: "CentralCrossSmall",
         color: "secondary",
@@ -125,15 +125,15 @@ function formatDateValue(date) {
 }
 function getFilterValue(state) {
   var _a, _b, _c;
-  if (_chunkDIRSPH6Acjs.isEnumFilterState.call(void 0, state)) {
-    return ((_a = state.appliedValues) == null ? void 0 : _a.join(", ").replaceAll("_", " ")) || "";
-  } else if (_chunkXHIUWLTCcjs.isStringFilterState.call(void 0, state)) {
-    return ((_b = state.appliedValues) == null ? void 0 : _b.join(", ")) || "";
-  } else if (_chunkMA4TAJR3cjs.isIdFilterState.call(void 0, state)) {
-    return ((_c = state.appliedValues) == null ? void 0 : _c.join(", ")) || "";
-  } else if (_chunkAF67FQ4Zcjs.isDateFilterState.call(void 0, state)) {
+  if (_chunkIAO6KSLHcjs.isEnumFilterState.call(void 0, state)) {
+    return ((_a = state.appliedValues) == null ? void 0 : _a.join(", ").replaceAll("_", " ")) || "Empty";
+  } else if (_chunkMT5CZMYNcjs.isStringFilterState.call(void 0, state)) {
+    return ((_b = state.appliedValues) == null ? void 0 : _b.join(", ")) || "Empty";
+  } else if (_chunkIZI6Z6TZcjs.isIdFilterState.call(void 0, state)) {
+    return ((_c = state.appliedValues) == null ? void 0 : _c.join(", ")) || "Empty";
+  } else if (_chunk7Q43VELDcjs.isDateFilterState.call(void 0, state)) {
     return state.start && state.end ? `${formatDateValue(state.start)} - ${formatDateValue(state.end)}` : "Empty";
-  } else if (_chunkUPQXK6TFcjs.isBooleanFilterState.call(void 0, state)) {
+  } else if (_chunkZXJYGC7Ecjs.isBooleanFilterState.call(void 0, state)) {
     return state.value ? "True" : "False";
   }
   throw new Error("Invalid filter state");
@@ -143,7 +143,7 @@ var commonDropdownGetCSS = ({
   theme
 }) => {
   return {
-    borderRight: `0.5px solid ${_chunkR5SHOMBXcjs.getColor.call(void 0, theme, ["controls", "border"])}`,
+    borderRight: `0.5px solid ${_chunkQGVDN6ZVcjs.getColor.call(void 0, theme, ["controls", "border"])}`,
     display: "flex",
     justifyContent: "center",
     alignItems: "center"
@@ -161,19 +161,21 @@ function FilterDropdown({
   const [stringFilterValue, setStringFilterValue] = _react.useState.call(void 0, "");
   const [dates, setDates] = _react.useState.call(void 0, null);
   const [isOpen, setIsOpen] = _react.useState.call(void 0, false);
-  const DropdownComponent = (customComponents == null ? void 0 : customComponents.customDropdown) || _chunkEJR26GKNcjs.Dropdown;
-  if (_chunkIIB3Z36Qcjs.isEnumFilterAndState.call(void 0, filterAndState)) {
+  const DropdownComponent = (customComponents == null ? void 0 : customComponents.customDropdown) || _chunkAUPMDCHWcjs.Dropdown;
+  if (_chunkSLIFIAVPcjs.isEnumFilterAndState.call(void 0, filterAndState)) {
     const { filter, state } = filterAndState;
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       DropdownComponent,
       _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, commonDropdownProps), {
         button: {
           getContent: ({ isOpen: isOpen2, theme }) => {
+            var _a;
             return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Value, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunk6YG7IA2Fcjs.Label,
+              _chunkSZOGH4WNcjs.Label,
               {
                 size: "Small",
-                content: _lodashes.capitalize.call(void 0, getFilterValue(state))
+                content: _lodashes.capitalize.call(void 0, getFilterValue(state)),
+                color: ((_a = state.appliedValues) == null ? void 0 : _a.length) && state.appliedValues.length > 0 ? "text" : "secondary"
               }
             ) });
           }
@@ -202,8 +204,8 @@ function FilterDropdown({
         }))
       })
     );
-  } else if (_chunkIIB3Z36Qcjs.isStringFilterAndState.call(void 0, filterAndState) || _chunkIIB3Z36Qcjs.isIdFilterAndState.call(void 0, filterAndState)) {
-    const TextInputComponent = (customComponents == null ? void 0 : customComponents.customTextInput) || _chunkNMFG6FLIcjs.TextInput;
+  } else if (_chunkSLIFIAVPcjs.isStringFilterAndState.call(void 0, filterAndState) || _chunkSLIFIAVPcjs.isIdFilterAndState.call(void 0, filterAndState)) {
+    const TextInputComponent = (customComponents == null ? void 0 : customComponents.customTextInput) || _chunkMJZBPTYZcjs.TextInput;
     const { filter, state } = filterAndState;
     const handleApplyFilter = () => {
       let updatedAppliedValues = [];
@@ -232,18 +234,19 @@ function FilterDropdown({
         onClose: () => setIsOpen(false),
         button: {
           getContent: ({ isOpen: isOpen2, theme }) => {
+            var _a;
             const filterValue = getFilterValue(state);
             return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Value, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunk6YG7IA2Fcjs.Label,
+              _chunkSZOGH4WNcjs.Label,
               {
                 size: "Small",
-                content: filterValue.length > 0 ? filterValue : "Empty",
-                color: filterValue.length > 0 ? "text" : "secondary"
+                content: filterValue,
+                color: ((_a = state.appliedValues) == null ? void 0 : _a.length) && state.appliedValues.length > 0 ? "text" : "secondary"
               }
             ) });
           }
         },
-        dropdownContent: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkP7BNVHNVcjs.Flex, { column: true, gap: 8, pt: 8, pr: 8, pb: 8, pl: 8, width: 240, children: [
+        dropdownContent: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkEZUXCJOHcjs.Flex, { column: true, gap: 8, pt: 8, pr: 8, pb: 8, pl: 8, width: 240, children: [
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
             TextInputComponent,
             {
@@ -260,7 +263,7 @@ function FilterDropdown({
             }
           ),
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkGMDANQACcjs.Button,
+            _chunkQNMSNFSQcjs.Button,
             {
               kind: "primary",
               text: "Apply",
@@ -274,7 +277,7 @@ function FilterDropdown({
         ] })
       })
     );
-  } else if (_chunkIIB3Z36Qcjs.isBooleanFilterAndState.call(void 0, filterAndState)) {
+  } else if (_chunkSLIFIAVPcjs.isBooleanFilterAndState.call(void 0, filterAndState)) {
     const { state } = filterAndState;
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       DropdownComponent,
@@ -282,7 +285,7 @@ function FilterDropdown({
         button: {
           getContent: ({ isOpen: isOpen2, theme }) => {
             return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Value, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunk6YG7IA2Fcjs.Label,
+              _chunkSZOGH4WNcjs.Label,
               {
                 size: "Small",
                 content: _lodashes.capitalize.call(void 0, getFilterValue(state))
@@ -301,7 +304,7 @@ function FilterDropdown({
         }))
       })
     );
-  } else if (_chunkIIB3Z36Qcjs.isDateFilterAndState.call(void 0, filterAndState)) {
+  } else if (_chunkSLIFIAVPcjs.isDateFilterAndState.call(void 0, filterAndState)) {
     const { state } = filterAndState;
     const isValidDateRange = (dates2) => {
       return dates2 instanceof Array && dates2.length === 2 && dates2[0] !== null && dates2[1] !== null;
@@ -336,7 +339,7 @@ function FilterDropdown({
         button: {
           getContent: ({ isOpen: isOpen2, theme }) => {
             return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Value, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunk6YG7IA2Fcjs.Label,
+              _chunkSZOGH4WNcjs.Label,
               {
                 size: "Small",
                 content: getFilterValue(state),
@@ -350,8 +353,10 @@ function FilterDropdown({
             _reactdatetimerangepicker2.default,
             {
               onChange: handleCalendarChange,
-              isCalendarOpen: true,
-              closeWidgets: false,
+              isCalendarOpen: isOpen,
+              shouldCloseWidgets: () => isOpen === false,
+              shouldOpenWidgets: () => isOpen === true,
+              onFocus: () => setIsOpen(true),
               value: dates,
               locale: "en-US",
               autoFocus: true,
@@ -361,19 +366,19 @@ function FilterDropdown({
                 ).slice(0, 1);
               },
               css: customComponents == null ? void 0 : customComponents.customCalendarCss,
-              nextLabel: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, NextPrevCalendarButtons, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkX6AJB6TLcjs.Icon, { name: "CentralChevronRight", width: 10 }) }),
-              prevLabel: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, NextPrevCalendarButtons, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkX6AJB6TLcjs.Icon, { name: "CentralChevronLeft", width: 10 }) })
+              nextLabel: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, NextPrevCalendarButtons, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGJEYXGPQcjs.Icon, { name: "CentralChevronRight", width: 10 }) }),
+              prevLabel: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, NextPrevCalendarButtons, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGJEYXGPQcjs.Icon, { name: "CentralChevronLeft", width: 10 }) })
             }
           ),
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkP7BNVHNVcjs.Flex,
+            _chunkEZUXCJOHcjs.Flex,
             {
               pt: _chunkZUAO4DW3cjs.Spacing["3xs"],
               pr: _chunkZUAO4DW3cjs.Spacing.sm,
               pb: _chunkZUAO4DW3cjs.Spacing.sm,
               pl: _chunkZUAO4DW3cjs.Spacing.sm,
               children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                _chunkGMDANQACcjs.Button,
+                _chunkQNMSNFSQcjs.Button,
                 {
                   kind: "primary",
                   typography: {
@@ -400,11 +405,11 @@ var FilterContainer = _styled2.default.div`
   height: 30px;
   background: ${({ theme }) => theme.bg};
   border-radius: 4px;
-  border: 0.5px solid ${({ theme }) => _chunkR5SHOMBXcjs.getColor.call(void 0, theme, ["controls", "border"])};
+  border: 0.5px solid ${({ theme }) => _chunkQGVDN6ZVcjs.getColor.call(void 0, theme, ["controls", "border"])};
 `;
 var Property = _styled2.default.div`
   border-right: 0.5px solid
-    ${({ theme }) => _chunkR5SHOMBXcjs.getColor.call(void 0, theme, ["controls", "border"])};
+    ${({ theme }) => _chunkQGVDN6ZVcjs.getColor.call(void 0, theme, ["controls", "border"])};
   display: flex;
   justify-content: center;
   align-items: center;
@@ -413,7 +418,7 @@ var Property = _styled2.default.div`
 `;
 var Operator = _styled2.default.div`
   border-right: 0.5px solid
-    ${({ theme }) => _chunkR5SHOMBXcjs.getColor.call(void 0, theme, ["controls", "border"])};
+    ${({ theme }) => _chunkQGVDN6ZVcjs.getColor.call(void 0, theme, ["controls", "border"])};
   display: flex;
   justify-content: center;
   align-items: center;

package/dist/{chunk-WO6S3LT6.js → chunk-HYY2KS7C.js}

@@ -1,15 +1,15 @@
 import {
   Filter
-} from "./chunk-6P3DRKOM.js";
+} from "./chunk-BNGAN56P.js";
 import {
   TextInput
-} from "./chunk-MJ7G5LAD.js";
-import {
-  Button
-} from "./chunk-LTHYR4CT.js";
+} from "./chunk-37IAY4LB.js";
 import {
   Spacing
 } from "./chunk-E5DUKMCU.js";
+import {
+  Button
+} from "./chunk-7ZUV2IWY.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/{chunk-DIRSPH6A.cjs → chunk-IAO6KSLH.cjs}

@@ -1,18 +1,18 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkHG353CMEcjs = require('./chunk-HG353CME.cjs');
+var _chunkP73ONRL7cjs = require('./chunk-P73ONRL7.cjs');
 
 
-var _chunkP7VPGHOUcjs = require('./chunk-P7VPGHOU.cjs');
+var _chunkQGS3EUUHcjs = require('./chunk-QGS3EUUH.cjs');
 
 
-var _chunkGMDANQACcjs = require('./chunk-GMDANQAC.cjs');
+var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
 
 
-var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
+var _chunkQNMSNFSQcjs = require('./chunk-QNMSNFSQ.cjs');
 
 
-var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
+var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
 
@@ -39,7 +39,7 @@ var EnumFilter = ({
   var _a;
   const appliedValueButtons = (_a = state.appliedValues) == null ? void 0 : _a.map((value) => {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkGMDANQACcjs.Button,
+      _chunkQNMSNFSQcjs.Button,
       {
         kind: "primary",
         size: "ExtraSmall",
@@ -59,8 +59,8 @@ var EnumFilter = ({
     );
   });
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHG353CMEcjs.Filter, { label, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkP7VPGHOUcjs.Select_default,
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkP73ONRL7cjs.Filter, { label, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkQGS3EUUHcjs.Select_default,
       {
         zIndex: _chunkZU72XWNEcjs.z.dropdown + 1,
         placeholder: "Select value",

package/dist/{chunk-HVI5KOQY.js → chunk-ICR6FBD2.js}

@@ -1,12 +1,12 @@
 import {
   setDefaultReactNodesTypography
-} from "./chunk-DLXRHZR3.js";
+} from "./chunk-SIJ7UCLL.js";
 import {
   toReactNodes
-} from "./chunk-W5YKSN4C.js";
+} from "./chunk-SX3LPZM7.js";
 import {
   Icon
-} from "./chunk-6UZRKYFG.js";
+} from "./chunk-YEGK6WEM.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/{chunk-KUMRXHB4.cjs → chunk-IIEKDCYT.cjs}

@@ -1,17 +1,17 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkP3MWWSTDcjs = require('./chunk-P3MWWSTD.cjs');
+var _chunkNAA2XE3Hcjs = require('./chunk-NAA2XE3H.cjs');
 
 
-var _chunkQPWUPYZ4cjs = require('./chunk-QPWUPYZ4.cjs');
+var _chunkY4WUA44Ncjs = require('./chunk-Y4WUA44N.cjs');
 
 
-var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
+var _chunkU2YTWQVVcjs = require('./chunk-U2YTWQVV.cjs');
 
 
-var _chunkFVBFDZEScjs = require('./chunk-FVBFDZES.cjs');
+var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
 
@@ -19,10 +19,10 @@ var _chunkFVBFDZEScjs = require('./chunk-FVBFDZES.cjs');
 
 
 
-var _chunkRZ24JAMPcjs = require('./chunk-RZ24JAMP.cjs');
+var _chunk6MB6ICF6cjs = require('./chunk-6MB6ICF6.cjs');
 
 
-var _chunkR5SHOMBXcjs = require('./chunk-R5SHOMBX.cjs');
+var _chunkQGVDN6ZVcjs = require('./chunk-QGVDN6ZV.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, _chunkP3MWWSTDcjs.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, _chunkNAA2XE3Hcjs.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 ? _chunkFVBFDZEScjs.overflowAutoWithoutScrollbars : null, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { css: props.minContentWidth ? _chunkU2YTWQVVcjs.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`
-  ${_chunkFVBFDZEScjs.flexCenter}
+  ${_chunkU2YTWQVVcjs.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} {
-    ${_chunkRZ24JAMPcjs.darkGradientBg};
+    ${_chunk6MB6ICF6cjs.darkGradientBg};
     position: relative;
     height: calc(100% + 80px);
     margin-top: -40px;
@@ -104,15 +104,15 @@ var CardPageRightContent = _styled2.default.div`
     width: 100%;
 
     ${_chunkKW3JYLRIcjs.bp.minSm(`
-      ${_chunkRZ24JAMPcjs.standardBorderRadius.call(void 0, [0, _chunkRZ24JAMPcjs.cardBorderRadiusPx, _chunkRZ24JAMPcjs.cardBorderRadiusPx, 0])};
+      ${_chunk6MB6ICF6cjs.standardBorderRadius.call(void 0, [0, _chunk6MB6ICF6cjs.cardBorderRadiusPx, _chunk6MB6ICF6cjs.cardBorderRadiusPx, 0])};
     `)}
   }
 `;
 var vCardPaddingPx = 40;
 var expandTiming = `0.65s ease-in-out`;
 var CardPageContainer = _styled2.default.div`
-  ${_chunkRZ24JAMPcjs.standardContentInset.css}
-  ${({ theme }) => _chunkR5SHOMBXcjs.themeOr.call(void 0, `background-color: ${theme.bg}`, "transparent")({ theme })};
+  ${_chunk6MB6ICF6cjs.standardContentInset.css}
+  ${({ theme }) => _chunkQGVDN6ZVcjs.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`
   `)}
 
   & > * {
-    ${_chunkRZ24JAMPcjs.standardContentInset.css}
+    ${_chunk6MB6ICF6cjs.standardContentInset.css}
   }
 
   & ${CardPageFullContent}, & ${CardPageFullWidth} {
     ${_chunkKW3JYLRIcjs.bp.sm(`
-      width: calc(100% + ${_chunkRZ24JAMPcjs.standardContentInset.smPx * 2}px);
-      margin-left: -${_chunkRZ24JAMPcjs.standardContentInset.smPx}px;
+      width: calc(100% + ${_chunk6MB6ICF6cjs.standardContentInset.smPx * 2}px);
+      margin-left: -${_chunk6MB6ICF6cjs.standardContentInset.smPx}px;
     `)}
 
     ${_chunkKW3JYLRIcjs.bp.minSmMaxLg(`
-      width: calc(100% + ${_chunkRZ24JAMPcjs.standardContentInset.minSmMaxLgPx * 2}px);
-      margin-left: -${_chunkRZ24JAMPcjs.standardContentInset.minSmMaxLgPx}px;
+      width: calc(100% + ${_chunk6MB6ICF6cjs.standardContentInset.minSmMaxLgPx * 2}px);
+      margin-left: -${_chunk6MB6ICF6cjs.standardContentInset.minSmMaxLgPx}px;
     `)}
 
     ${_chunkKW3JYLRIcjs.bp.lg(`
-      width: calc(100% + ${_chunkRZ24JAMPcjs.standardContentInset.lgPx * 2}px);
-      margin-left: -${_chunkRZ24JAMPcjs.standardContentInset.lgPx}px;
+      width: calc(100% + ${_chunk6MB6ICF6cjs.standardContentInset.lgPx * 2}px);
+      margin-left: -${_chunk6MB6ICF6cjs.standardContentInset.lgPx}px;
     `)}
   }
 
@@ -160,9 +160,9 @@ var CardPageContainer = _styled2.default.div`
   }
 
   ${_chunkKW3JYLRIcjs.bp.minSm(`
-    ${_chunkRZ24JAMPcjs.standardCardShadow.styles};
+    ${_chunk6MB6ICF6cjs.standardCardShadow.styles};
     padding: ${vCardPaddingPx}px 0;
-    ${_chunkRZ24JAMPcjs.standardBorderRadius.call(void 0, _chunkRZ24JAMPcjs.cardBorderRadiusPx)}
+    ${_chunk6MB6ICF6cjs.standardBorderRadius.call(void 0, _chunk6MB6ICF6cjs.cardBorderRadiusPx)}
   `)}
 
   &:not(:last-child) {
@@ -224,12 +224,12 @@ var CardPageContainer = _styled2.default.div`
 
       &:first-of-type > * {
         ${_chunkKW3JYLRIcjs.bp.minSmMaxLg(`
-          width: calc(100% - ${_chunkRZ24JAMPcjs.standardContentInset.minSmMaxLgPx * 2}px);
-          margin-left: ${_chunkRZ24JAMPcjs.standardContentInset.minSmMaxLgPx}px;
+          width: calc(100% - ${_chunk6MB6ICF6cjs.standardContentInset.minSmMaxLgPx * 2}px);
+          margin-left: ${_chunk6MB6ICF6cjs.standardContentInset.minSmMaxLgPx}px;
         `)}
         ${_chunkKW3JYLRIcjs.bp.lg(`
-          width: calc(100% - ${_chunkRZ24JAMPcjs.standardContentInset.lgPx * 3}px);
-          margin-left: ${_chunkRZ24JAMPcjs.standardContentInset.lgPx}px;
+          width: calc(100% - ${_chunk6MB6ICF6cjs.standardContentInset.lgPx * 3}px);
+          margin-left: ${_chunk6MB6ICF6cjs.standardContentInset.lgPx}px;
         `)}
       }
     }
@@ -255,7 +255,7 @@ var CardPageContainer = _styled2.default.div`
             ${initiallyExpanded ? "" : `animation: rightSideExpand ${expandTiming};`}
             margin: 0%;
             & > ${CardPageRightContentInner.toString()} {
-              border-radius: ${_chunkRZ24JAMPcjs.cardBorderRadiusPx}px !important;
+              border-radius: ${_chunk6MB6ICF6cjs.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: ${_chunkFVBFDZEScjs.size.px14};
-  line-height: ${_chunkFVBFDZEScjs.size.px18};
+  font-size: ${_chunkU2YTWQVVcjs.size.px14};
+  line-height: ${_chunkU2YTWQVVcjs.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(${_chunkQPWUPYZ4cjs.StyledButtonRow}) {
-    margin-top: ${_chunkRZ24JAMPcjs.headingContentMarginPx}px !important;
+  & + *:not(${CardPageSubtitle}):not(${_chunkY4WUA44Ncjs.StyledButtonRow}) {
+    margin-top: ${_chunk6MB6ICF6cjs.headingContentMarginPx}px !important;
   }
 
   & + ${CardPageSubtitle} {
     margin-top: 5px;
   }
 
-  & + ${_chunkQPWUPYZ4cjs.StyledButtonRow} {
+  & + ${_chunkY4WUA44Ncjs.StyledButtonRow} {
     margin-top: 16px;
   }
 `;

package/dist/{chunk-MYY7ZXGM.cjs → chunk-IJB2LULD.cjs}

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkLC2U6HQScjs = require('./chunk-LC2U6HQS.cjs');
+var _chunkJHIXGWSKcjs = require('./chunk-JHIXGWSK.cjs');
 
 
-var _chunkJR6JLVEZcjs = require('./chunk-JR6JLVEZ.cjs');
+var _chunkLN4FPY32cjs = require('./chunk-LN4FPY32.cjs');
 
 
-var _chunkX6AJB6TLcjs = require('./chunk-X6AJB6TL.cjs');
+var _chunkGJEYXGPQcjs = require('./chunk-GJEYXGPQ.cjs');
 
 
 var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
@@ -45,12 +45,12 @@ var CopyToClipboardButton = (props) => {
         "data-tooltip-id": id,
         children: [
           props.children ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Children, { children: props.children }) : null,
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkX6AJB6TLcjs.Icon, { name: icon, width: props.isSm ? 12 : 16 })
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGJEYXGPQcjs.Icon, { name: icon, width: props.isSm ? 12 : 16 })
         ]
       }
     ),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkLC2U6HQScjs.Tooltip,
+      _chunkLN4FPY32cjs.Tooltip,
       {
         id,
         place: props.place || "right",
@@ -62,7 +62,7 @@ var CopyToClipboardButton = (props) => {
 var Children = _styled2.default.span`
   margin-right: 4px;
 `;
-var Button = _styled2.default.call(void 0, _chunkJR6JLVEZcjs.UnstyledButton)`
+var Button = _styled2.default.call(void 0, _chunkJHIXGWSKcjs.UnstyledButton)`
   background: rgba(0, 0, 0, 0);
   vertical-align: middle;
   ${({ ml }) => ml ? `margin-left: ${ml}px` : ""};

package/dist/{chunk-ZBQZIVKN.js → chunk-IODVRCO7.js}

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

package/dist/{chunk-TYKNSZEF.cjs → chunk-IP64DJQZ.cjs}

@@ -1,13 +1,13 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkRWXDKRDLcjs = require('./chunk-RWXDKRDL.cjs');
+var _chunkUBDZWZ2Ycjs = require('./chunk-UBDZWZ2Y.cjs');
 
 
-var _chunkMVYSTBT3cjs = require('./chunk-MVYSTBT3.cjs');
+var _chunkEFFB4CI6cjs = require('./chunk-EFFB4CI6.cjs');
 
 
 
-var _chunkR5SHOMBXcjs = require('./chunk-R5SHOMBX.cjs');
+var _chunkQGVDN6ZVcjs = require('./chunk-QGVDN6ZV.cjs');
 
 
 var _chunkCECD7VALcjs = require('./chunk-CECD7VAL.cjs');
@@ -46,11 +46,11 @@ function PendingValue({
     currencyAmount: defaultTypography,
     clipboardTextField: defaultTypography
   };
-  const nodesWithTypography = _chunkRWXDKRDLcjs.setDefaultReactNodesTypography.call(void 0, 
+  const nodesWithTypography = _chunkUBDZWZ2Ycjs.setDefaultReactNodesTypography.call(void 0, 
     contentProp,
     defaultTypographyMap
   );
-  const content = _chunkMVYSTBT3cjs.toReactNodes.call(void 0, nodesWithTypography);
+  const content = _chunkEFFB4CI6cjs.toReactNodes.call(void 0, nodesWithTypography);
   const contentNode = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     StyledPendingValueContent,
     {
@@ -83,7 +83,7 @@ function PendingValue({
     ),
     fullSizePending ? contentNode : null
   ] });
-  return forceTheme ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _react.ThemeProvider, { theme: _chunkR5SHOMBXcjs.themes[forceTheme], children: nodes }) : nodes;
+  return forceTheme ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _react.ThemeProvider, { theme: _chunkQGVDN6ZVcjs.themes[forceTheme], children: nodes }) : nodes;
 }
 var StyledPendingValueBgOuter = _styled2.default.div`
   position: relative;
@@ -139,9 +139,9 @@ var StyledPendingValueBg = _styled2.default.div`
 
   background: linear-gradient(
     90deg,
-    ${_chunkR5SHOMBXcjs.themeOrWithKey.call(void 0, "c05Neutral", "c25Neutral")} 0%,
-    ${_chunkR5SHOMBXcjs.themeOrWithKey.call(void 0, "c1Neutral", "c3Neutral")} 50%,
-    ${_chunkR5SHOMBXcjs.themeOrWithKey.call(void 0, "c05Neutral", "c25Neutral")} 100%
+    ${_chunkQGVDN6ZVcjs.themeOrWithKey.call(void 0, "c05Neutral", "c25Neutral")} 0%,
+    ${_chunkQGVDN6ZVcjs.themeOrWithKey.call(void 0, "c1Neutral", "c3Neutral")} 50%,
+    ${_chunkQGVDN6ZVcjs.themeOrWithKey.call(void 0, "c05Neutral", "c25Neutral")} 100%
   );
 
   background-size: 200% 100%;