@lightsparkdev/ui 1.1.8 → 1.1.9

package/dist/{chunk-S654EVGY.js → chunk-YVTEZ5SS.js}

@@ -1,6 +1,6 @@
 import {
   DateWidget
-} from "./chunk-73IZZDQD.js";
+} from "./chunk-H5RD5V7Y.js";
 import {
   DateRangeOperation,
   MAX_DATE,
@@ -12,16 +12,16 @@ import {
 } from "./chunk-MS4Y7HXG.js";
 import {
   Filter
-} from "./chunk-YH2OXGVI.js";
+} from "./chunk-K2TZ4AYP.js";
 import {
   Select_default
-} from "./chunk-HLQGF753.js";
+} from "./chunk-4FMD67WF.js";
 import {
   TextInput
-} from "./chunk-TDUDDWTZ.js";
+} from "./chunk-ZQUQC77P.js";
 import {
   Button
-} from "./chunk-2MB6EJ7Z.js";
+} from "./chunk-HXJIJX6N.js";
 import {
   z
 } from "./chunk-55OQPFLF.js";

package/dist/{chunk-JSMTC5O2.js → chunk-YZSTFGPG.js}

@@ -1,6 +1,6 @@
 import {
   renderTypography
-} from "./chunk-JLITQIYZ.js";
+} from "./chunk-CKXMWKGL.js";
 import {
   __async
 } from "./chunk-W7FAWX6T.js";

package/dist/{chunk-XLNISD6K.js → chunk-Z3S374KD.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-5KSG5D3I.js";
 import {
   TextInput
-} from "./chunk-TDUDDWTZ.js";
+} from "./chunk-ZQUQC77P.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/{chunk-M7NXFRWI.cjs → chunk-ZF6UNLWK.cjs}

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkEC2UGHQ6cjs = require('./chunk-EC2UGHQ6.cjs');
+var _chunkISSWG34Jcjs = require('./chunk-ISSWG34J.cjs');
 
 
 
-var _chunkE2KMCAZ5cjs = require('./chunk-E2KMCAZ5.cjs');
+var _chunkXP67CLXBcjs = require('./chunk-XP67CLXB.cjs');
 
 
 
@@ -13,12 +13,12 @@ var _chunkZ6EUSUADcjs = require('./chunk-Z6EUSUAD.cjs');
 // src/components/typography/Body.tsx
 var _jsxruntime = require('@emotion/react/jsx-runtime');
 function Body(props) {
-  const propsWithDefaults = _chunkE2KMCAZ5cjs.getPropDefaults.call(void 0, props);
+  const propsWithDefaults = _chunkXP67CLXBcjs.getPropDefaults.call(void 0, props);
   let reactNodes = props.children || null;
   if (props.content) {
-    reactNodes = _chunkEC2UGHQ6cjs.toReactNodes.call(void 0, props.content);
+    reactNodes = _chunkISSWG34Jcjs.toReactNodes.call(void 0, props.content);
   }
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkE2KMCAZ5cjs.StyledBody, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, propsWithDefaults), { children: reactNodes }));
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXP67CLXBcjs.StyledBody, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, propsWithDefaults), { children: reactNodes }));
 }
 
 

package/dist/{chunk-Q2XTH7R5.js → chunk-ZJNK722E.js}

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

package/dist/{chunk-Y5P7KRMD.cjs → chunk-ZQPRND4P.cjs}

@@ -7,17 +7,17 @@
 
 
 
-var _chunkC3FY5BQCcjs = require('./chunk-C3FY5BQC.cjs');
+var _chunkBGDEQI7Ycjs = require('./chunk-BGDEQI7Y.cjs');
 
 
 var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
-var _chunk5R7OENS4cjs = require('./chunk-5R7OENS4.cjs');
+var _chunk4PZLEYONcjs = require('./chunk-4PZLEYON.cjs');
 
 
 
-var _chunkLPTWQ2KPcjs = require('./chunk-LPTWQ2KP.cjs');
+var _chunkLL3KJ7DBcjs = require('./chunk-LL3KJ7DB.cjs');
 
 
 
@@ -51,8 +51,8 @@ function Select(_a) {
   const styles = {
     container: (styles2, state) => {
       return _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, styles2), {
-        width: _chunkC3FY5BQCcjs.fieldWidth,
-        maxWidth: _chunkC3FY5BQCcjs.maxFieldWidth,
+        width: _chunkBGDEQI7Ycjs.fieldWidth,
+        maxWidth: _chunkBGDEQI7Ycjs.maxFieldWidth,
         zIndex: _chunkZU72XWNEcjs.z.select
       });
     },
@@ -60,16 +60,16 @@ function Select(_a) {
       const controlStyles = getControlStyles ? getControlStyles(styles2, state) : {};
       return _chunkZ6EUSUADcjs.__spreadValues.call(void 0, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, styles2), {
         transition: "none",
-        padding: state.menuIsOpen || state.isFocused ? `${_chunkC3FY5BQCcjs.textInputPaddingPx - 1}px` : _chunkC3FY5BQCcjs.textInputPadding,
+        padding: state.menuIsOpen || state.isFocused ? `${_chunkBGDEQI7Ycjs.textInputPaddingPx - 1}px` : _chunkBGDEQI7Ycjs.textInputPadding,
         boxShadow: "none",
         background: theme.bg,
         minHeight: 0,
         fontSize: 14,
         borderWidth: state.menuIsOpen || state.isFocused ? "2px" : "1px",
         "&:hover": {
-          borderColor: state.menuIsOpen ? _chunkC3FY5BQCcjs.textInputBorderColorFocused.call(void 0, { theme }) : _chunkC3FY5BQCcjs.textInputBorderColor.call(void 0, { theme })
+          borderColor: state.menuIsOpen ? _chunkBGDEQI7Ycjs.textInputBorderColorFocused.call(void 0, { theme }) : _chunkBGDEQI7Ycjs.textInputBorderColor.call(void 0, { theme })
         },
-        borderColor: state.menuIsOpen || state.isFocused ? _chunkC3FY5BQCcjs.textInputBorderColorFocused.call(void 0, { theme }) : _chunkC3FY5BQCcjs.textInputBorderColor.call(void 0, { theme })
+        borderColor: state.menuIsOpen || state.isFocused ? _chunkBGDEQI7Ycjs.textInputBorderColorFocused.call(void 0, { theme }) : _chunkBGDEQI7Ycjs.textInputBorderColor.call(void 0, { theme })
       }), controlStyles);
     },
     indicatorsContainer: (styles2) => _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, styles2), {
@@ -92,13 +92,13 @@ function Select(_a) {
     option: (styles2, props) => {
       const optionStyles = getOptionStyles ? getOptionStyles(styles2, props) : {};
       return _chunkZ6EUSUADcjs.__spreadValues.call(void 0, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, styles2), {
-        color: props.isFocused ? _chunkLPTWQ2KPcjs.getColor.call(void 0, theme, _chunkC3FY5BQCcjs.defaultTextInputTypography.color) : props.isDisabled ? _chunkC3FY5BQCcjs.textInputPlaceholderColor.call(void 0, { theme }) : _chunkLPTWQ2KPcjs.getColor.call(void 0, theme, _chunkC3FY5BQCcjs.defaultTextInputTypography.color),
+        color: props.isFocused ? _chunkLL3KJ7DBcjs.getColor.call(void 0, theme, _chunkBGDEQI7Ycjs.defaultTextInputTypography.color) : props.isDisabled ? _chunkBGDEQI7Ycjs.textInputPlaceholderColor.call(void 0, { theme }) : _chunkLL3KJ7DBcjs.getColor.call(void 0, theme, _chunkBGDEQI7Ycjs.defaultTextInputTypography.color),
         fontWeight: 600,
         cursor: "pointer",
-        backgroundColor: props.isFocused ? _chunkLPTWQ2KPcjs.themeOr.call(void 0, theme.c05Neutral, theme.c2Neutral)({ theme }) : theme.bg,
+        backgroundColor: props.isFocused ? _chunkLL3KJ7DBcjs.themeOr.call(void 0, theme.c05Neutral, theme.c2Neutral)({ theme }) : theme.bg,
         WebkitTapHighlightColor: theme.c1Neutral,
         "&:active": {
-          backgroundColor: _chunkLPTWQ2KPcjs.themeOr.call(void 0, 
+          backgroundColor: _chunkLL3KJ7DBcjs.themeOr.call(void 0, 
             theme.c05Neutral,
             theme.c5Neutral
           )({ theme })
@@ -137,7 +137,7 @@ function Select(_a) {
         menuPortalTarget: document.body,
         ref: selectRef,
         components: _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {
-          DropdownIndicator: () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5R7OENS4cjs.Icon, { name: "Chevron", width: 16 })
+          DropdownIndicator: () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4PZLEYONcjs.Icon, { name: "Chevron", width: 16 })
         }, rest.components),
         theme: (selectTheme) => _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, selectTheme), {
           borderRadius: 8,

package/dist/{chunk-TDUDDWTZ.js → chunk-ZQUQC77P.js}

@@ -1,41 +1,45 @@
 import {
   ToggleContainer
-} from "./chunk-L6ZT3AUA.js";
+} from "./chunk-BSYKV7WN.js";
 import {
   InputSubtext,
   defaultTextInputTypography,
   inputSpacingPx,
   textInputPlaceholderColor,
   textInputStyle
-} from "./chunk-B5EUALP4.js";
+} from "./chunk-Y6EGXS3L.js";
 import {
   Loading
-} from "./chunk-2NTAA34G.js";
+} from "./chunk-J2GJE5NF.js";
 import {
   CheckboxContainer
-} from "./chunk-GQTVFDKF.js";
+} from "./chunk-QDFIDM6N.js";
 import {
   Tooltip
-} from "./chunk-T426IS64.js";
+} from "./chunk-TAOQJX3O.js";
 import {
   UnstyledButton
-} from "./chunk-5UHQJD3J.js";
+} from "./chunk-Y6MK2KM4.js";
 import {
   z
 } from "./chunk-55OQPFLF.js";
+import {
+  toReactNodes
+} from "./chunk-BBA4F3CO.js";
 import {
   Icon,
   IconContainer
-} from "./chunk-U6AUAZQA.js";
+} from "./chunk-B25Y765K.js";
 import {
   standardBorderRadius
-} from "./chunk-33BECMKR.js";
+} from "./chunk-FS5ZY6RP.js";
 import {
   applyTypography
-} from "./chunk-XIWXA6GF.js";
+} from "./chunk-YBIDE35T.js";
 import {
+  getBackgroundColor,
   getFontColor
-} from "./chunk-2JNM2KTT.js";
+} from "./chunk-A2JXE76O.js";
 import {
   __spreadProps,
   __spreadValues
@@ -59,7 +63,7 @@ function withDefaults(textInputProps) {
   });
 }
 function TextInput(textInputProps) {
-  var _a, _b, _c, _d, _e;
+  var _a, _b, _c, _d, _e, _f;
   const props = withDefaults(textInputProps);
   const [focused, setFocused] = useState(false);
   const inputRef = props.inputRef || React.createRef();
@@ -217,7 +221,10 @@ function TextInput(textInputProps) {
   const hintTooltipId = props.hintTooltip ? `${props.id || "input"}-hint-tooltip` : void 0;
   const { select } = props;
   return /* @__PURE__ */ jsxs(StyledTextInput, { widthProp: textInputWidth, marginTop: props.marginTop, children: [
-    props.label ? /* @__PURE__ */ jsx(TextInputLabel, { hasError, children: props.label }) : null,
+    props.label ? /* @__PURE__ */ jsx(TextInputLabel, { hasError, labelOptions: props.labelOptions, children: ((_f = props.labelOptions) == null ? void 0 : _f.typography) ? toReactNodes({
+      text: props.label,
+      typography: props.labelOptions.typography
+    }) : props.label }) : null,
     select && /* @__PURE__ */ jsx(
       TextInputSelect,
       {
@@ -313,16 +320,20 @@ var RightButton = styled(UnstyledButton)`
   padding: 8px 10px;
 `;
 var TextInputLabel = styled.label`
-  ${standardBorderRadius(8)}
+  ${({ labelOptions }) => (labelOptions == null ? void 0 : labelOptions.borderRadius) ? `${labelOptions.borderRadius}px` : standardBorderRadius(8)};
   font-size: 10px;
-  position: absolute;
+  position: ${({ labelOptions }) => (labelOptions == null ? void 0 : labelOptions.position) || "absolute"};
   z-index: ${z.textInput + 1};
-  background-color: ${({ theme }) => theme.bg};
+  background-color: ${({ theme, labelOptions }) => (labelOptions == null ? void 0 : labelOptions.backgroundColor) ? getBackgroundColor(theme, labelOptions.backgroundColor) : theme.bg};
   color: ${({ theme, hasError }) => hasError ? theme.danger : theme.mcNeutral};
   font-weight: 600;
-  padding: 4px 6px;
-  left: 12px;
-  top: -10px;
+  padding-left: ${({ labelOptions }) => (labelOptions == null ? void 0 : labelOptions.paddingX) === void 0 ? "6px" : `${labelOptions.paddingX}px`};
+  padding-right: ${({ labelOptions }) => (labelOptions == null ? void 0 : labelOptions.paddingX) === void 0 ? "6px" : `${labelOptions.paddingX}px`};
+  padding-top: ${({ labelOptions }) => (labelOptions == null ? void 0 : labelOptions.paddingY) === void 0 ? "4px" : `${labelOptions.paddingY}px`};
+  padding-bottom: ${({ labelOptions }) => (labelOptions == null ? void 0 : labelOptions.paddingY) === void 0 ? "4px" : `${labelOptions.paddingY}px`};
+  left: ${({ labelOptions }) => (labelOptions == null ? void 0 : labelOptions.position) === "relative" ? "0" : "12px"};
+  top: ${({ labelOptions }) => (labelOptions == null ? void 0 : labelOptions.position) === "relative" ? "0" : "-10px"};
+  margin-bottom: ${({ labelOptions }) => (labelOptions == null ? void 0 : labelOptions.marginBottom) ? `${labelOptions.marginBottom}px` : "0"};
 `;
 var TextInputHalfRow = styled.div`
   margin-top: ${inputSpacingPx}px;
@@ -334,6 +345,8 @@ var TextInputHalfRow = styled.div`
   }
 `;
 var StyledTextInput = styled.div`
+  display: flex;
+  flex-direction: column;
   width: ${({ widthProp }) => widthProp};
   position: relative;
   /* Apply marginTop to every TextInput when specified */

package/dist/{chunk-3DKIHTSY.cjs → chunk-ZRM7WW3X.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkK7EHO5O6cjs = require('./chunk-K7EHO5O6.cjs');
+var _chunkSDYRYUPLcjs = require('./chunk-SDYRYUPL.cjs');
 
 
 
@@ -12,16 +12,16 @@ var _chunkK7EHO5O6cjs = require('./chunk-K7EHO5O6.cjs');
 var _chunkFBWTYGYEcjs = require('./chunk-FBWTYGYE.cjs');
 
 
-var _chunkU2OBO5TYcjs = require('./chunk-U2OBO5TY.cjs');
+var _chunkCPJPM464cjs = require('./chunk-CPJPM464.cjs');
 
 
-var _chunkY5P7KRMDcjs = require('./chunk-Y5P7KRMD.cjs');
+var _chunkZQPRND4Pcjs = require('./chunk-ZQPRND4P.cjs');
 
 
-var _chunk7EJGVZAAcjs = require('./chunk-7EJGVZAA.cjs');
+var _chunkAPVWQQCAcjs = require('./chunk-APVWQQCA.cjs');
 
 
-var _chunkGYFYOAO2cjs = require('./chunk-GYFYOAO2.cjs');
+var _chunkKZOTKUFAcjs = require('./chunk-KZOTKUFA.cjs');
 
 
 var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
@@ -98,7 +98,7 @@ var DateFilter = ({
       },
       components: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, TimeAndGranularity, { children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunk7EJGVZAAcjs.TextInput,
+          _chunkAPVWQQCAcjs.TextInput,
           {
             placeholder: "60",
             onChange: (value) => {
@@ -112,7 +112,7 @@ var DateFilter = ({
           }
         ),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkY5P7KRMDcjs.Select_default,
+          _chunkZQPRND4Pcjs.Select_default,
           {
             defaultValue: {
               value: customDateRangeData == null ? void 0 : customDateRangeData.granularity,
@@ -142,7 +142,7 @@ var DateFilter = ({
         return { start: _chunkFBWTYGYEcjs.startOfDay.call(void 0, date), end: _chunkFBWTYGYEcjs.endOfDay.call(void 0, date) };
       },
       components: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkK7EHO5O6cjs.DateWidget,
+        _chunkSDYRYUPLcjs.DateWidget,
         {
           dateRangeOperation: "is equal to" /* IsEqualTo */,
           onChange: updateStateWithCustomRange,
@@ -162,7 +162,7 @@ var DateFilter = ({
         return { start, end };
       },
       components: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkK7EHO5O6cjs.DateWidget,
+        _chunkSDYRYUPLcjs.DateWidget,
         {
           dateRangeOperation: "is between" /* IsBetween */,
           onChange: updateStateWithCustomRange,
@@ -178,7 +178,7 @@ var DateFilter = ({
         return { start: date, end: _chunkFBWTYGYEcjs.MAX_DATE };
       },
       components: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkK7EHO5O6cjs.DateWidget,
+        _chunkSDYRYUPLcjs.DateWidget,
         {
           dateRangeOperation: "is after" /* IsAfter */,
           onChange: updateStateWithCustomRange,
@@ -194,7 +194,7 @@ var DateFilter = ({
         return { start: _chunkFBWTYGYEcjs.MIN_DATE, end: date };
       },
       components: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkK7EHO5O6cjs.DateWidget,
+        _chunkSDYRYUPLcjs.DateWidget,
         {
           dateRangeOperation: "is before" /* IsBefore */,
           onChange: updateStateWithCustomRange,
@@ -263,10 +263,10 @@ var DateFilter = ({
   const handleSelectCustomRangeOption = (operation) => {
     updateStateWithCustomRange(dateRangeOptions[operation].defaultData);
   };
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkU2OBO5TYcjs.Filter, { label: "date", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, Container, { children: [
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCPJPM464cjs.Filter, { label: "date", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, Container, { children: [
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, ButtonsContainer, { children: [
       presets.map((preset) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkGYFYOAO2cjs.Button,
+        _chunkKZOTKUFAcjs.Button,
         {
           kind: preset === state.preset ? "primary" : void 0,
           text: preset,
@@ -276,7 +276,7 @@ var DateFilter = ({
         preset
       )),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkGYFYOAO2cjs.Button,
+        _chunkKZOTKUFAcjs.Button,
         {
           kind: state.preset === "Custom" /* Custom */ ? "primary" : void 0,
           text: "Custom",
@@ -287,7 +287,7 @@ var DateFilter = ({
     ] }),
     showCustomOptions && customDateRangeData && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkY5P7KRMDcjs.Select_default,
+        _chunkZQPRND4Pcjs.Select_default,
         {
           defaultValue: {
             value: customDateRangeData.type,

package/dist/{chunk-L43ECI53.js → chunk-ZVUQGMZA.js}

@@ -1,18 +1,18 @@
 import {
   setDefaultReactNodesTypography
-} from "./chunk-557I2E7R.js";
+} from "./chunk-7FJN2NNF.js";
 import {
   toReactNodes
-} from "./chunk-R44KNXWJ.js";
+} from "./chunk-BBA4F3CO.js";
 import {
   Icon
-} from "./chunk-U6AUAZQA.js";
+} from "./chunk-B25Y765K.js";
 import {
   standardBorderRadius
-} from "./chunk-33BECMKR.js";
+} from "./chunk-FS5ZY6RP.js";
 import {
   getColor
-} from "./chunk-2JNM2KTT.js";
+} from "./chunk-A2JXE76O.js";
 
 // src/components/Badge.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-DI4BAJXK.cjs → chunk-ZYWF4TCV.cjs}

@@ -1,13 +1,13 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkZTIYSEE6cjs = require('./chunk-ZTIYSEE6.cjs');
+var _chunk6RWMAYHKcjs = require('./chunk-6RWMAYHK.cjs');
 
 
-var _chunkEC2UGHQ6cjs = require('./chunk-EC2UGHQ6.cjs');
+var _chunkISSWG34Jcjs = require('./chunk-ISSWG34J.cjs');
 
 
 
-var _chunkLPTWQ2KPcjs = require('./chunk-LPTWQ2KP.cjs');
+var _chunkLL3KJ7DBcjs = require('./chunk-LL3KJ7DB.cjs');
 
 
 var _chunkN6HLM4KCcjs = require('./chunk-N6HLM4KC.cjs');
@@ -46,11 +46,11 @@ function PendingValue({
     currencyAmount: defaultTypography,
     clipboardTextField: defaultTypography
   };
-  const nodesWithTypography = _chunkZTIYSEE6cjs.setDefaultReactNodesTypography.call(void 0, 
+  const nodesWithTypography = _chunk6RWMAYHKcjs.setDefaultReactNodesTypography.call(void 0, 
     contentProp,
     defaultTypographyMap
   );
-  const content = _chunkEC2UGHQ6cjs.toReactNodes.call(void 0, nodesWithTypography);
+  const content = _chunkISSWG34Jcjs.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: _chunkLPTWQ2KPcjs.themes[forceTheme], children: nodes }) : nodes;
+  return forceTheme ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _react.ThemeProvider, { theme: _chunkLL3KJ7DBcjs.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,
-    ${_chunkLPTWQ2KPcjs.themeOrWithKey.call(void 0, "c05Neutral", "c25Neutral")} 0%,
-    ${_chunkLPTWQ2KPcjs.themeOrWithKey.call(void 0, "c1Neutral", "c3Neutral")} 50%,
-    ${_chunkLPTWQ2KPcjs.themeOrWithKey.call(void 0, "c05Neutral", "c25Neutral")} 100%
+    ${_chunkLL3KJ7DBcjs.themeOrWithKey.call(void 0, "c05Neutral", "c25Neutral")} 0%,
+    ${_chunkLL3KJ7DBcjs.themeOrWithKey.call(void 0, "c1Neutral", "c3Neutral")} 50%,
+    ${_chunkLL3KJ7DBcjs.themeOrWithKey.call(void 0, "c05Neutral", "c25Neutral")} 100%
   );
 
   background-size: 200% 100%;

package/dist/{chunk-L6JBAJZ5.js → chunk-ZZCJTQBG.js}

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