@lightsparkdev/ui 1.1.8 → 1.1.9

package/dist/{chunk-TOXR46LH.cjs → chunk-A7LVUXXD.cjs}

@@ -6,7 +6,7 @@ var _chunkSFGLEWHWcjs = require('./chunk-SFGLEWHW.cjs');
 var _chunkB2MHM6CYcjs = require('./chunk-B2MHM6CY.cjs');
 
 
-var _chunk6SDFZ57Lcjs = require('./chunk-6SDFZ57L.cjs');
+var _chunk4NCWQQA2cjs = require('./chunk-4NCWQQA2.cjs');
 
 
 
@@ -24,7 +24,7 @@ function getPropDefaults(props) {
   return _chunkSFGLEWHWcjs.getPropDefaultsBase.call(void 0, props, { as: props.tag || "span" });
 }
 var StyledLabelModerate = _styled2.default.span`
-  ${({ theme, size, colorProp }) => _chunk6SDFZ57Lcjs.applyTypography.call(void 0, theme, "Label Moderate", size, colorProp)}
+  ${({ theme, size, colorProp }) => _chunk4NCWQQA2cjs.applyTypography.call(void 0, theme, "Label Moderate", size, colorProp)}
   ${_chunkB2MHM6CYcjs.typographyStyles}
 `;
 

package/dist/{chunk-AIHJ6BXO.js → chunk-AFMW2YGX.js}

@@ -1,12 +1,12 @@
 import {
   Filter
-} from "./chunk-YH2OXGVI.js";
+} from "./chunk-K2TZ4AYP.js";
 import {
   NumberInput_default
-} from "./chunk-5YGFRMWK.js";
+} from "./chunk-TVZNNAM2.js";
 import {
   ButtonRow
-} from "./chunk-KRYOR3UG.js";
+} from "./chunk-6I36YUWQ.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/{chunk-7577MJVJ.js → chunk-AM2VWS5D.js}

@@ -1,12 +1,12 @@
 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 {
   __spreadProps,
   __spreadValues

package/dist/{chunk-7EJGVZAA.cjs → chunk-APVWQQCA.cjs}

@@ -1,41 +1,45 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunk5TDELL2Ncjs = require('./chunk-5TDELL2N.cjs');
+var _chunkM5SCY5B5cjs = require('./chunk-M5SCY5B5.cjs');
 
 
 
 
 
 
-var _chunkC3FY5BQCcjs = require('./chunk-C3FY5BQC.cjs');
+var _chunkBGDEQI7Ycjs = require('./chunk-BGDEQI7Y.cjs');
 
 
-var _chunkCU6RWGR5cjs = require('./chunk-CU6RWGR5.cjs');
+var _chunk6SW3YUOScjs = require('./chunk-6SW3YUOS.cjs');
 
 
-var _chunkYGKKGDPNcjs = require('./chunk-YGKKGDPN.cjs');
+var _chunkNZFRPAUEcjs = require('./chunk-NZFRPAUE.cjs');
 
 
-var _chunkW2Y7RKIEcjs = require('./chunk-W2Y7RKIE.cjs');
+var _chunkUGLV6KNBcjs = require('./chunk-UGLV6KNB.cjs');
 
 
-var _chunk22Q6UJGLcjs = require('./chunk-22Q6UJGL.cjs');
+var _chunkBB4ZAFU4cjs = require('./chunk-BB4ZAFU4.cjs');
 
 
 var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
+var _chunkISSWG34Jcjs = require('./chunk-ISSWG34J.cjs');
 
-var _chunk5R7OENS4cjs = require('./chunk-5R7OENS4.cjs');
 
 
-var _chunkUL22WLXRcjs = require('./chunk-UL22WLXR.cjs');
+var _chunk4PZLEYONcjs = require('./chunk-4PZLEYON.cjs');
 
 
-var _chunk6SDFZ57Lcjs = require('./chunk-6SDFZ57L.cjs');
+var _chunkYSMG5R44cjs = require('./chunk-YSMG5R44.cjs');
 
 
-var _chunkLPTWQ2KPcjs = require('./chunk-LPTWQ2KP.cjs');
+var _chunk4NCWQQA2cjs = require('./chunk-4NCWQQA2.cjs');
+
+
+
+var _chunkLL3KJ7DBcjs = require('./chunk-LL3KJ7DB.cjs');
 
 
 
@@ -55,11 +59,11 @@ function withDefaults(textInputProps) {
     width: textInputProps.width || "full",
     type: textInputProps.type || "text",
     disabled: Boolean(textInputProps.disabled),
-    typography: _chunkZ6EUSUADcjs.__spreadValues.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, _chunkC3FY5BQCcjs.defaultTextInputTypography), textInputProps.typography)
+    typography: _chunkZ6EUSUADcjs.__spreadValues.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, _chunkBGDEQI7Ycjs.defaultTextInputTypography), textInputProps.typography)
   });
 }
 function TextInput(textInputProps) {
-  var _a, _b, _c, _d, _e;
+  var _a, _b, _c, _d, _e, _f;
   const props = withDefaults(textInputProps);
   const [focused, setFocused] = _react.useState.call(void 0, false);
   const inputRef = props.inputRef || _react2.default.createRef();
@@ -182,7 +186,7 @@ function TextInput(textInputProps) {
           colorProp: props.typography.color,
           iconOffset: typeof props.paddingX === "number" ? props.paddingX : leftIconOffset,
           children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunk5R7OENS4cjs.Icon,
+            _chunk4PZLEYONcjs.Icon,
             {
               name: props.icon.name,
               width: iconWidth,
@@ -202,8 +206,8 @@ function TextInput(textInputProps) {
           hasValue: Boolean(props.value),
           colorProp: props.typography.color,
           iconOffset: typeof props.paddingX === "number" ? props.paddingX : rightIconOffset,
-          children: props.loading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCU6RWGR5cjs.Loading, { center: false, size: rightIconWidth }) : props.icon && iconSide === "right" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunk5R7OENS4cjs.Icon,
+          children: props.loading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk6SW3YUOScjs.Loading, { center: false, size: rightIconWidth }) : props.icon && iconSide === "right" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            _chunk4PZLEYONcjs.Icon,
             {
               name: props.icon.name,
               width: rightIconWidth,
@@ -217,7 +221,10 @@ function TextInput(textInputProps) {
   const hintTooltipId = props.hintTooltip ? `${props.id || "input"}-hint-tooltip` : void 0;
   const { select } = props;
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, StyledTextInput, { widthProp: textInputWidth, marginTop: props.marginTop, children: [
-    props.label ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextInputLabel, { hasError, children: props.label }) : null,
+    props.label ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextInputLabel, { hasError, labelOptions: props.labelOptions, children: ((_f = props.labelOptions) == null ? void 0 : _f.typography) ? _chunkISSWG34Jcjs.toReactNodes.call(void 0, {
+      text: props.label,
+      typography: props.labelOptions.typography
+    }) : props.label }) : null,
     select && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       TextInputSelect,
       {
@@ -235,7 +242,7 @@ function TextInput(textInputProps) {
     ),
     input,
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkC3FY5BQCcjs.InputSubtext,
+      _chunkBGDEQI7Ycjs.InputSubtext,
       {
         text: props.error || props.success || props.hint,
         content: props.contentError || props.contentSuccess,
@@ -246,11 +253,11 @@ function TextInput(textInputProps) {
         focused
       }
     ),
-    props.hintTooltip ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkW2Y7RKIEcjs.Tooltip, { id: hintTooltipId, content: props.hintTooltip, place: "right" }) : null
+    props.hintTooltip ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUGLV6KNBcjs.Tooltip, { id: hintTooltipId, content: props.hintTooltip, place: "right" }) : null
   ] });
 }
 var TextInputSelect = _styled2.default.select`
-  ${({ typography, theme }) => _chunk6SDFZ57Lcjs.applyTypography.call(void 0, theme, typography.type, typography.size, typography.color)}
+  ${({ typography, theme }) => _chunk4NCWQQA2cjs.applyTypography.call(void 0, theme, typography.type, typography.size, typography.color)}
   position: absolute;
   z-index: ${_chunkZU72XWNEcjs.z.textInput + 1};
   border: none;
@@ -261,10 +268,10 @@ var TextInputSelect = _styled2.default.select`
   width: ${({ widthProp }) => `${widthProp}px`};
 `;
 var WithIcon = _styled2.default.div`
-  ${_chunkUL22WLXRcjs.standardBorderRadius.call(void 0, 8)}
+  ${_chunkYSMG5R44cjs.standardBorderRadius.call(void 0, 8)}
   position: relative;
 
-  & ${_chunk5R7OENS4cjs.IconContainer.toString()} {
+  & ${_chunk4PZLEYONcjs.IconContainer.toString()} {
     z-index: ${_chunkZU72XWNEcjs.z.textInput + 1};
   }
 `;
@@ -278,10 +285,10 @@ var TextInputIconContainer = _styled2.default.div`
   display: flex;
   align-items: center;
   cursor: ${({ onClick }) => onClick ? "pointer" : "auto"};
-  color: ${({ focused, hasValue, theme, colorProp }) => focused || hasValue ? _chunkLPTWQ2KPcjs.getFontColor.call(void 0, theme, colorProp) : _chunkC3FY5BQCcjs.textInputPlaceholderColor.call(void 0, { theme })};
+  color: ${({ focused, hasValue, theme, colorProp }) => focused || hasValue ? _chunkLL3KJ7DBcjs.getFontColor.call(void 0, theme, colorProp) : _chunkBGDEQI7Ycjs.textInputPlaceholderColor.call(void 0, { theme })};
 `;
 var Input = _styled2.default.input`
-  ${_chunkC3FY5BQCcjs.textInputStyle};
+  ${_chunkBGDEQI7Ycjs.textInputStyle};
   // disable autofill styles in chrome https://stackoverflow.com/a/68240841/9808766
   &:-webkit-autofill,
   &:-webkit-autofill:focus,
@@ -303,7 +310,7 @@ var RightButtonAligner = _styled2.default.div`
   display: flex;
   align-items: center;
 `;
-var RightButton = _styled2.default.call(void 0, _chunk22Q6UJGLcjs.UnstyledButton)`
+var RightButton = _styled2.default.call(void 0, _chunkBB4ZAFU4cjs.UnstyledButton)`
   border-radius: 4px;
   border: none;
   background-color: ${({ theme }) => theme.vlcNeutral};
@@ -313,19 +320,23 @@ var RightButton = _styled2.default.call(void 0, _chunk22Q6UJGLcjs.UnstyledButton
   padding: 8px 10px;
 `;
 var TextInputLabel = _styled2.default.label`
-  ${_chunkUL22WLXRcjs.standardBorderRadius.call(void 0, 8)}
+  ${({ labelOptions }) => (labelOptions == null ? void 0 : labelOptions.borderRadius) ? `${labelOptions.borderRadius}px` : _chunkYSMG5R44cjs.standardBorderRadius.call(void 0, 8)};
   font-size: 10px;
-  position: absolute;
+  position: ${({ labelOptions }) => (labelOptions == null ? void 0 : labelOptions.position) || "absolute"};
   z-index: ${_chunkZU72XWNEcjs.z.textInput + 1};
-  background-color: ${({ theme }) => theme.bg};
+  background-color: ${({ theme, labelOptions }) => (labelOptions == null ? void 0 : labelOptions.backgroundColor) ? _chunkLL3KJ7DBcjs.getBackgroundColor.call(void 0, 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 = _styled2.default.div`
-  margin-top: ${_chunkC3FY5BQCcjs.inputSpacingPx}px;
+  margin-top: ${_chunkBGDEQI7Ycjs.inputSpacingPx}px;
   display: flex;
   justify-content: space-between;
   gap: 16px;
@@ -334,6 +345,8 @@ var TextInputHalfRow = _styled2.default.div`
   }
 `;
 var StyledTextInput = _styled2.default.div`
+  display: flex;
+  flex-direction: column;
   width: ${({ widthProp }) => widthProp};
   position: relative;
   /* Apply marginTop to every TextInput when specified */
@@ -341,18 +354,18 @@ var StyledTextInput = _styled2.default.div`
 
   /* eg forms, should be left consistent: */
   & + & {
-    margin-top: ${_chunkC3FY5BQCcjs.inputSpacingPx}px;
+    margin-top: ${_chunkBGDEQI7Ycjs.inputSpacingPx}px;
   }
 
   ${TextInputHalfRow.toString()} & + & {
     margin-top: 0;
   }
 
-  ${_chunkYGKKGDPNcjs.CheckboxContainer.toString()} + &,
-  ${_chunk5TDELL2Ncjs.ToggleContainer.toString()} + &,
-  & + ${_chunkYGKKGDPNcjs.CheckboxContainer.toString()},
-  & + ${_chunk5TDELL2Ncjs.ToggleContainer.toString()} {
-    margin-top: ${_chunkC3FY5BQCcjs.inputSpacingPx}px;
+  ${_chunkNZFRPAUEcjs.CheckboxContainer.toString()} + &,
+  ${_chunkM5SCY5B5cjs.ToggleContainer.toString()} + &,
+  & + ${_chunkNZFRPAUEcjs.CheckboxContainer.toString()},
+  & + ${_chunkM5SCY5B5cjs.ToggleContainer.toString()} {
+    margin-top: ${_chunkBGDEQI7Ycjs.inputSpacingPx}px;
   }
 `;
 var InputContainer = _styled2.default.div`

package/dist/{chunk-U6AUAZQA.js → chunk-B25Y765K.js}

@@ -1,19 +1,19 @@
 import {
   iconMap
-} from "./chunk-VPKNBXN2.js";
+} from "./chunk-S7ERJ2LC.js";
 import {
   invertFillColor,
   invertStrokeColor
 } from "./chunk-VI6WTKMV.js";
 import {
   rootFontSizePx
-} from "./chunk-33BECMKR.js";
+} from "./chunk-FS5ZY6RP.js";
 import {
   isString
 } from "./chunk-HAC5YAGQ.js";
 import {
   getFontColor
-} from "./chunk-2JNM2KTT.js";
+} from "./chunk-A2JXE76O.js";
 
 // src/components/Icon/Icon.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-MBNRZ7J3.cjs → chunk-B3JKFK3K.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 _chunk4B6UYZFKcjs = require('./chunk-4B6UYZFK.cjs');
+var _chunkPUJ5CNYCcjs = require('./chunk-PUJ5CNYC.cjs');
 
 
 
@@ -13,12 +13,12 @@ var _chunkZ6EUSUADcjs = require('./chunk-Z6EUSUAD.cjs');
 // src/components/typography/Overline.tsx
 var _jsxruntime = require('@emotion/react/jsx-runtime');
 function Overline(props) {
-  const propsWithDefaults = _chunk4B6UYZFKcjs.getPropDefaults.call(void 0, props);
+  const propsWithDefaults = _chunkPUJ5CNYCcjs.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, _chunk4B6UYZFKcjs.StyledOverline, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, propsWithDefaults), { children: reactNodes }));
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPUJ5CNYCcjs.StyledOverline, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, propsWithDefaults), { children: reactNodes }));
 }
 
 

package/dist/{chunk-22Q6UJGL.cjs → chunk-BB4ZAFU4.cjs}

@@ -1,11 +1,11 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkUL22WLXRcjs = require('./chunk-UL22WLXR.cjs');
+var _chunkYSMG5R44cjs = require('./chunk-YSMG5R44.cjs');
 
 // src/components/UnstyledButton.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
 var UnstyledButton = _styled2.default.button`
-  ${_chunkUL22WLXRcjs.standardFocusOutline}
+  ${_chunkYSMG5R44cjs.standardFocusOutline}
   font-family: ${({ theme }) => theme.typography.fontFamilies.main};
   appearance: none;
   background: transparent;

package/dist/{chunk-R44KNXWJ.js → chunk-BBA4F3CO.js}

@@ -8,22 +8,22 @@ import {
 } from "./chunk-FZUV52PP.js";
 import {
   NextLink
-} from "./chunk-JSMTC5O2.js";
+} from "./chunk-YZSTFGPG.js";
 import {
   CurrencyAmount
-} from "./chunk-FRUSRVKX.js";
+} from "./chunk-67D3KIYC.js";
 import {
   ClipboardTextField
-} from "./chunk-GZ3F7LGH.js";
+} from "./chunk-2KHATXM2.js";
 import {
   Icon
-} from "./chunk-U6AUAZQA.js";
+} from "./chunk-B25Y765K.js";
 import {
   Link
-} from "./chunk-OFIYWU7T.js";
+} from "./chunk-5UPPV33W.js";
 import {
   renderTypography
-} from "./chunk-JLITQIYZ.js";
+} from "./chunk-CKXMWKGL.js";
 import {
   stringToNodes
 } from "./chunk-2466FZJC.js";

package/dist/{chunk-T2MW2C46.cjs → chunk-BBCOBPPX.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 _chunkPSZDKHGGcjs = require('./chunk-PSZDKHGG.cjs');
+var _chunk7B5UVTUMcjs = require('./chunk-7B5UVTUM.cjs');
 
 
 
@@ -13,12 +13,12 @@ var _chunkZ6EUSUADcjs = require('./chunk-Z6EUSUAD.cjs');
 // src/components/typography/Headline.tsx
 var _jsxruntime = require('@emotion/react/jsx-runtime');
 function Headline(props) {
-  const propsWithDefaults = _chunkPSZDKHGGcjs.getPropDefaults.call(void 0, props);
+  const propsWithDefaults = _chunk7B5UVTUMcjs.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, _chunkPSZDKHGGcjs.StyledHeadline, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, propsWithDefaults), { children: reactNodes }));
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7B5UVTUMcjs.StyledHeadline, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, propsWithDefaults), { children: reactNodes }));
 }
 
 

package/dist/{chunk-C3FY5BQC.cjs → chunk-BGDEQI7Y.cjs}

@@ -3,22 +3,22 @@
 var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
-var _chunkEC2UGHQ6cjs = require('./chunk-EC2UGHQ6.cjs');
+var _chunkISSWG34Jcjs = require('./chunk-ISSWG34J.cjs');
 
 
 
-var _chunkUL22WLXRcjs = require('./chunk-UL22WLXR.cjs');
+var _chunkYSMG5R44cjs = require('./chunk-YSMG5R44.cjs');
 
 
-var _chunk6SDFZ57Lcjs = require('./chunk-6SDFZ57L.cjs');
+var _chunk4NCWQQA2cjs = require('./chunk-4NCWQQA2.cjs');
 
 
 
 
-var _chunkLPTWQ2KPcjs = require('./chunk-LPTWQ2KP.cjs');
+var _chunkLL3KJ7DBcjs = require('./chunk-LL3KJ7DB.cjs');
 
 
-var _chunk2J2ZDWLFcjs = require('./chunk-2J2ZDWLF.cjs');
+var _chunkBQ5MMYMPcjs = require('./chunk-BQ5MMYMP.cjs');
 
 // src/styles/fields.tsx
 var _react = require('@emotion/react');
@@ -33,16 +33,16 @@ var formButtonTopMarginStyle = _react.css`
   margin-top: ${formButtonTopMargin};
 `;
 var standardBorderColor = ({ theme }) => _react.css`
-  border-color: ${_chunkLPTWQ2KPcjs.themeOr.call(void 0, theme.c1Neutral, theme.mcNeutral)({ theme })};
+  border-color: ${_chunkLL3KJ7DBcjs.themeOr.call(void 0, theme.c1Neutral, theme.mcNeutral)({ theme })};
 `;
 var inputBlockStyle = ({
   theme,
   hasValue,
   hasError
 }) => _react.css`
-  ${_chunkUL22WLXRcjs.subtext.call(void 0, { theme })}
+  ${_chunkYSMG5R44cjs.subtext.call(void 0, { theme })}
   ${standardBorderColor({ theme })}
-  ${_chunkUL22WLXRcjs.standardBorderRadius.call(void 0, 8)}
+  ${_chunkYSMG5R44cjs.standardBorderRadius.call(void 0, 8)}
   background-color: ${theme.bg};
   border-width: 2px;
   display: flex;
@@ -58,8 +58,8 @@ var textInputPlaceholderColor = ({ theme }) => theme.c4Neutral;
 var textInputFontWeight = 600;
 var textInputPaddingPx = 12;
 var textInputPadding = `${textInputPaddingPx}px`;
-var textInputBorderColor = ({ theme }) => _chunkLPTWQ2KPcjs.isBridge.call(void 0, theme) ? _chunk2J2ZDWLFcjs.colors.gray4 : _chunkLPTWQ2KPcjs.themeOr.call(void 0, theme.c1Neutral, theme.c3Neutral)({ theme });
-var textInputBorderColorFocused = ({ theme }) => _chunkLPTWQ2KPcjs.themeOr.call(void 0, theme.hcNeutral, theme.hcNeutral)({ theme });
+var textInputBorderColor = ({ theme }) => _chunkLL3KJ7DBcjs.isBridge.call(void 0, theme) ? _chunkBQ5MMYMPcjs.colors.gray4 : _chunkLL3KJ7DBcjs.themeOr.call(void 0, theme.c1Neutral, theme.c3Neutral)({ theme });
+var textInputBorderColorFocused = ({ theme }) => _chunkLL3KJ7DBcjs.themeOr.call(void 0, theme.hcNeutral, theme.hcNeutral)({ theme });
 var textInputActiveStyles = ({
   theme,
   paddingLeftPx,
@@ -70,7 +70,7 @@ var textInputActiveStyles = ({
   activeOutlineColor
 }) => {
   if (activeOutline) {
-    const outlineColor = activeOutlineColor ? _chunkLPTWQ2KPcjs.getColor.call(void 0, theme, activeOutlineColor) : textInputBorderColorFocused({ theme });
+    const outlineColor = activeOutlineColor ? _chunkLL3KJ7DBcjs.getColor.call(void 0, theme, activeOutlineColor) : textInputBorderColorFocused({ theme });
     return _react.css`
       outline: 2px solid ${outlineColor};
       outline-offset: 2px;
@@ -129,7 +129,7 @@ var textInputStyle = ({
   line-height: 22px;
   outline: none;
 
-  ${_chunk6SDFZ57Lcjs.applyTypography.call(void 0, 
+  ${_chunk4NCWQQA2cjs.applyTypography.call(void 0, 
     theme,
     (typography == null ? void 0 : typography.type) || defaultTextInputTypography.type,
     (typography == null ? void 0 : typography.size) || defaultTextInputTypography.size,
@@ -239,7 +239,7 @@ function InputSubtextContent({
   if (typeof text === "string") {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children: text });
   }
-  return _chunkEC2UGHQ6cjs.toReactNodes.call(void 0, text);
+  return _chunkISSWG34Jcjs.toReactNodes.call(void 0, text);
 }
 var StyledInputSubtext = _styled2.default.div`
   margin-top: ${({ visible }) => visible ? "8px" : "0px"};
@@ -272,11 +272,11 @@ var labelStyle = ({
   }
 `;
 var Label = _styled2.default.label`
-  ${_chunkUL22WLXRcjs.subtext}
+  ${_chunkYSMG5R44cjs.subtext}
   ${labelStyle}
 `;
 var LabelDiv = _styled2.default.div`
-  ${_chunkUL22WLXRcjs.subtext}
+  ${_chunkYSMG5R44cjs.subtext}
   ${labelStyle}
 `;
 

package/dist/{chunk-GCS6YVSS.js → chunk-BI4G5YSG.js}

@@ -1,9 +1,9 @@
 import {
   standardBorderRadius
-} from "./chunk-33BECMKR.js";
+} from "./chunk-FS5ZY6RP.js";
 import {
   themeOr
-} from "./chunk-2JNM2KTT.js";
+} from "./chunk-A2JXE76O.js";
 
 // src/components/ProgressBar.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-TJ4BEWEJ.js → chunk-BPWTCJ32.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-2J2ZDWLF.cjs → chunk-BQ5MMYMP.cjs}

@@ -54,6 +54,7 @@ var baseColors = _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.
   "black-10": "#0000001a",
   "black-04": "#0000000a",
   // gray scale
+  "gray-040": "#fafaf9",
   "gray-050": "#f8f8f7",
   "gray-090": "#eeeeec",
   "gray-100": "#f0f0ee",

package/dist/{chunk-L6ZT3AUA.js → chunk-BSYKV7WN.js}

@@ -1,13 +1,13 @@
 import {
   UnstyledButton
-} from "./chunk-5UHQJD3J.js";
+} from "./chunk-Y6MK2KM4.js";
 import {
   getColor,
   themeOr
-} from "./chunk-2JNM2KTT.js";
+} from "./chunk-A2JXE76O.js";
 import {
   colors
-} from "./chunk-5J7O4QVA.js";
+} from "./chunk-27AIQ3WT.js";
 
 // src/components/Toggle.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-IDFM6UQ2.cjs → chunk-BWMLMQPI.cjs}

@@ -1,15 +1,15 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkGYFYOAO2cjs = require('./chunk-GYFYOAO2.cjs');
+var _chunkKZOTKUFAcjs = require('./chunk-KZOTKUFA.cjs');
 
 
 var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
 
 
-var _chunkUMXCOSIJcjs = require('./chunk-UMXCOSIJ.cjs');
+var _chunkJEVPAUBWcjs = require('./chunk-JEVPAUBW.cjs');
 
 
-var _chunkUL22WLXRcjs = require('./chunk-UL22WLXR.cjs');
+var _chunkYSMG5R44cjs = require('./chunk-YSMG5R44.cjs');
 
 
 var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
@@ -36,7 +36,7 @@ function ButtonRow({
       bottomBorder,
       ml,
       children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledButtonRowButton, { className, children: buttons.map(
-        (button, idx) => button === "divider" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ButtonRowDivider, {}, idx) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGYFYOAO2cjs.Button, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, button), idx)
+        (button, idx) => button === "divider" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ButtonRowDivider, {}, idx) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkKZOTKUFAcjs.Button, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, button), idx)
       ) })
     }
   );
@@ -52,9 +52,9 @@ var StyledButtonRow = _styled2.default.div`
             position: sticky;
             top: ${headerHeight}px;
             margin-top: 24px;
-            margin-left: -${_chunkUL22WLXRcjs.standardContentInset.smPx}px;
-            width: calc(100% + ${_chunkUL22WLXRcjs.standardContentInset.smPx * 2}px);
-            max-width: calc(100% + ${_chunkUL22WLXRcjs.standardContentInset.smPx * 2}px);
+            margin-left: -${_chunkYSMG5R44cjs.standardContentInset.smPx}px;
+            width: calc(100% + ${_chunkYSMG5R44cjs.standardContentInset.smPx * 2}px);
+            max-width: calc(100% + ${_chunkYSMG5R44cjs.standardContentInset.smPx * 2}px);
             z-index: 2;` : `position: relative;`}
         ${bottomBorder ? `
             &:before {
@@ -78,7 +78,7 @@ var ButtonRowDivider = _styled2.default.div`
   padding-left: 16px;
 `;
 var StyledButtonRowButton = _styled2.default.div`
-  ${_chunkUMXCOSIJcjs.overflowAutoWithoutScrollbars}
+  ${_chunkJEVPAUBWcjs.overflowAutoWithoutScrollbars}
   background: ${({ theme }) => theme.bg};
   display: flex;
   position: relative;
@@ -91,7 +91,7 @@ var StyledButtonRowButton = _styled2.default.div`
   }
 
   ${_chunkKW3JYLRIcjs.bp.sm(`
-    padding: ${_chunkUL22WLXRcjs.standardContentInset.smPx}px;
+    padding: ${_chunkYSMG5R44cjs.standardContentInset.smPx}px;
   `)}
 `;