@lightsparkdev/ui 1.1.3 → 1.1.4

package/dist/{chunk-KBYJCGYR.cjs → chunk-QP4QZ4WI.cjs}

@@ -3,13 +3,13 @@
 var _chunk2YBZV2K6cjs = require('./chunk-2YBZV2K6.cjs');
 
 
-var _chunkCKSZUZXJcjs = require('./chunk-CKSZUZXJ.cjs');
+var _chunk267QLBXGcjs = require('./chunk-267QLBXG.cjs');
 
 
-var _chunkT3LKI5VGcjs = require('./chunk-T3LKI5VG.cjs');
+var _chunk7KHYVDQ6cjs = require('./chunk-7KHYVDQ6.cjs');
 
 
-var _chunkEGKT7YHPcjs = require('./chunk-EGKT7YHP.cjs');
+var _chunkFFXUPRYTcjs = require('./chunk-FFXUPRYT.cjs');
 
 // src/components/IconWithCircleBackground.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -28,9 +28,10 @@ function IconWithCircleBackground({
   bgColor,
   iconColor,
   iconStrokeWidth,
-  opaque = false
+  opaque = false,
+  showNewTag = false
 }) {
-  const content = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  const content = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     _chunk2YBZV2K6cjs.Flex,
     {
       center: true,
@@ -38,42 +39,46 @@ function IconWithCircleBackground({
       disabled,
       as: onClick ? "button" : "div",
       asButtonType: "button",
-      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        StyledIconWithCircleBackground,
-        {
-          size: iconWidth,
-          padding,
-          darkBg,
-          hoverActiveBg,
-          shouldRotate,
-          noBg,
-          bgColor,
-          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkCKSZUZXJcjs.Icon,
-            {
-              name: iconName,
-              width: iconWidth,
-              color: iconColor ? iconColor : "secondary",
-              iconProps: {
-                strokeWidth: iconStrokeWidth,
-                fill: opaque ? "currentColor" : "none"
+      position: "relative",
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          StyledIconWithCircleBackground,
+          {
+            size: iconWidth,
+            padding,
+            darkBg,
+            hoverActiveBg,
+            shouldRotate,
+            noBg,
+            bgColor,
+            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              _chunk267QLBXGcjs.Icon,
+              {
+                name: iconName,
+                width: iconWidth,
+                color: iconColor ? iconColor : "secondary",
+                iconProps: {
+                  strokeWidth: iconStrokeWidth,
+                  fill: opaque ? "currentColor" : "none"
+                }
               }
-            }
-          )
-        }
-      )
+            )
+          }
+        ),
+        showNewTag && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, NewTag, { "data-testid": "icon-new-tag", children: "NEW" })
+      ]
     }
   );
-  return to ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { css: { cursor: disabled ? "not-allowed" : void 0 }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkT3LKI5VGcjs.Link, { to, disabled, children: content }) }) : content;
+  return to ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { css: { cursor: disabled ? "not-allowed" : void 0 }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7KHYVDQ6cjs.Link, { to, disabled, children: content }) }) : content;
 }
 var StyledIconWithCircleBackground = _styled2.default.div`
-  background: ${({ theme, darkBg, noBg, bgColor }) => darkBg ? `linear-gradient(291.4deg, #1C243F 0%, #21283A 100%)` : noBg ? "transparent" : bgColor ? _chunkEGKT7YHPcjs.getColor.call(void 0, theme, bgColor) : _chunkEGKT7YHPcjs.getColor.call(void 0, theme, "grayBlue94")};
+  background: ${({ theme, darkBg, noBg, bgColor }) => darkBg ? `linear-gradient(291.4deg, #1C243F 0%, #21283A 100%)` : noBg ? "transparent" : bgColor ? _chunkFFXUPRYTcjs.getColor.call(void 0, theme, bgColor) : _chunkFFXUPRYTcjs.getColor.call(void 0, theme, "grayBlue94")};
 
   &:hover {
-    ${({ theme, hoverActiveBg }) => hoverActiveBg ? `background: ${_chunkEGKT7YHPcjs.getColor.call(void 0, theme, "grayBlue94")}` : ""};
+    ${({ theme, hoverActiveBg }) => hoverActiveBg ? `background: ${_chunkFFXUPRYTcjs.getColor.call(void 0, theme, "grayBlue94")}` : ""};
   }
   &:active {
-    ${({ theme, hoverActiveBg }) => hoverActiveBg ? `background: ${_chunkEGKT7YHPcjs.getColor.call(void 0, theme, "grayBlue78")}` : ""};
+    ${({ theme, hoverActiveBg }) => hoverActiveBg ? `background: ${_chunkFFXUPRYTcjs.getColor.call(void 0, theme, "grayBlue78")}` : ""};
   }
 
   border-radius: 50%;
@@ -110,6 +115,28 @@ function getPadding(size) {
   }
   return 16;
 }
+var NewTag = _styled2.default.div`
+  position: absolute;
+  right: 8px;
+  bottom: -4px;
+
+  display: flex;
+  padding: 2px 4px;
+  justify-content: center;
+  align-items: center;
+  gap: 4px;
+
+  border-radius: 4px;
+  background: #179a1c;
+
+  color: #f9f9f9;
+  font-family: Manrope;
+  font-size: 9px;
+  font-style: normal;
+  font-weight: 800;
+  line-height: 12px; /* 133.333% */
+  letter-spacing: 0.72px;
+`;
 
 
 

package/dist/{chunk-FDLNMCJS.js → chunk-QU77BZXQ.js}

@@ -1,6 +1,6 @@
 import {
   StatusIndicator
-} from "./chunk-4FKE64WY.js";
+} from "./chunk-MXPPOSOB.js";
 import {
   z
 } from "./chunk-55OQPFLF.js";

package/dist/{chunk-V4TKL6RP.js → chunk-QY6FEAAQ.js}

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

package/dist/{chunk-OWQSKFZS.js → chunk-REIDK2ZB.js}

@@ -1,10 +1,10 @@
 import {
   toReactNodes
-} from "./chunk-H37TWCVW.js";
+} from "./chunk-AQ72FLUP.js";
 import {
   StyledTitle,
   getPropDefaults
-} from "./chunk-NOYVLFG4.js";
+} from "./chunk-4RLCU5SR.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/{chunk-47Q6DVJI.cjs → chunk-RIPZ7IUR.cjs}

@@ -3,7 +3,7 @@
 var _chunk4XPAKKBScjs = require('./chunk-4XPAKKBS.cjs');
 
 
-var _chunk6GF56M42cjs = require('./chunk-6GF56M42.cjs');
+var _chunkT336CT3Zcjs = require('./chunk-T336CT3Z.cjs');
 
 
 
@@ -86,7 +86,7 @@ function PhoneInput({
   const isValidPhone = formatter.isValid();
   const error = !isValidPhone && wasBlurred ? "Please enter a valid phone number." : void 0;
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunk6GF56M42cjs.TextInput,
+    _chunkT336CT3Zcjs.TextInput,
     {
       select: {
         options,

package/dist/{chunk-EFT7BN6P.js → chunk-RNMCQJGC.js}

@@ -1,9 +1,9 @@
 import {
   Icon
-} from "./chunk-5VKJXXI3.js";
+} from "./chunk-XJB6VA4O.js";
 import {
   getColor
-} from "./chunk-GZILHEOA.js";
+} from "./chunk-YPQXKAV2.js";
 import {
   __objRest,
   __spreadProps,

package/dist/{chunk-KKJGJQ6B.js → chunk-S4BHRCBI.js}

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

package/dist/{chunk-B5OPCMGB.js → chunk-S5GA5HFA.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk-YMNSXZ5D.js";
 import {
   applyTypography
-} from "./chunk-RELY2KLK.js";
+} from "./chunk-PNFXJZAS.js";
 import {
   __objRest,
   __spreadProps,

package/dist/{chunk-4VZ2GM4S.js → chunk-SJMZSBS2.js}

@@ -3,13 +3,13 @@ import {
 } from "./chunk-E5DUKMCU.js";
 import {
   overflowAutoWithoutScrollbars
-} from "./chunk-MGHQ74CH.js";
+} from "./chunk-VHE37AWV.js";
 import {
   Icon
-} from "./chunk-5VKJXXI3.js";
+} from "./chunk-XJB6VA4O.js";
 import {
   standardBorderRadius
-} from "./chunk-VAPNTHG5.js";
+} from "./chunk-IQQ7XKJO.js";
 
 // src/components/Collapsible.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-6GPS5UZL.js → chunk-SND77246.js}

@@ -7,17 +7,17 @@ import {
   textInputPadding,
   textInputPaddingPx,
   textInputPlaceholderColor
-} from "./chunk-AO3ZBQ6T.js";
+} from "./chunk-WZFG7LSB.js";
 import {
   z
 } from "./chunk-55OQPFLF.js";
 import {
   Icon
-} from "./chunk-5VKJXXI3.js";
+} from "./chunk-XJB6VA4O.js";
 import {
   getColor,
   themeOr
-} from "./chunk-GZILHEOA.js";
+} from "./chunk-YPQXKAV2.js";
 import {
   __objRest,
   __spreadProps,

package/dist/{chunk-PGMKAWUJ.js → chunk-SOZ7BJDT.js}

@@ -1,15 +1,15 @@
+import {
+  Button
+} from "./chunk-EWU2MUVI.js";
 import {
   Spacing
 } from "./chunk-E5DUKMCU.js";
 import {
   overflowAutoWithoutScrollbars
-} from "./chunk-MGHQ74CH.js";
-import {
-  Button
-} from "./chunk-KWNSXCDT.js";
+} from "./chunk-VHE37AWV.js";
 import {
   standardContentInset
-} from "./chunk-VAPNTHG5.js";
+} from "./chunk-IQQ7XKJO.js";
 import {
   bp
 } from "./chunk-JSGRNWSB.js";

package/dist/{chunk-OSPWMB3E.js → chunk-SPUSP6AC.js}

@@ -1,9 +1,9 @@
 import {
   Filter
-} from "./chunk-QN24TRNO.js";
+} from "./chunk-3TGZE6XW.js";
 import {
   Radio
-} from "./chunk-O3E3EVFM.js";
+} from "./chunk-WQBKMEEM.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/{chunk-MSTQVB76.js → chunk-STIKCFD2.js}

@@ -1,10 +1,10 @@
 import {
   toReactNodes
-} from "./chunk-H37TWCVW.js";
+} from "./chunk-AQ72FLUP.js";
 import {
   StyledLabel,
   getPropDefaults
-} from "./chunk-V4TKL6RP.js";
+} from "./chunk-QY6FEAAQ.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/{chunk-CJ7ADAD6.cjs → chunk-SUMACPG7.cjs}

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkK57M5KQ5cjs = require('./chunk-K57M5KQ5.cjs');
+var _chunkCOOETEX4cjs = require('./chunk-COOETEX4.cjs');
 
 
-var _chunkHUFS2MGGcjs = require('./chunk-HUFS2MGG.cjs');
+var _chunk6IBADE46cjs = require('./chunk-6IBADE46.cjs');
 
 
-var _chunkCKSZUZXJcjs = require('./chunk-CKSZUZXJ.cjs');
+var _chunk267QLBXGcjs = require('./chunk-267QLBXG.cjs');
 
 // src/components/InfoIconTooltip.tsx
 var _react = require('react');
@@ -16,17 +16,17 @@ function InfoIconTooltip({
   content,
   verticalAlign = "middle"
 }) {
-  const contentNodes = _chunkK57M5KQ5cjs.toReactNodes.call(void 0, content);
+  const contentNodes = _chunk6IBADE46cjs.toReactNodes.call(void 0, content);
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _react.Fragment, { children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       "div",
       {
         "data-tooltip-id": id,
         style: { display: "inline-flex", alignItems: "center", verticalAlign },
-        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCKSZUZXJcjs.Icon, { name: "Info", width: 12, ml: 4 })
+        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk267QLBXGcjs.Icon, { name: "Info", width: 12, ml: 4 })
       }
     ),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHUFS2MGGcjs.Tooltip, { id, render: () => contentNodes, clickable: true })
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCOOETEX4cjs.Tooltip, { id, render: () => contentNodes, clickable: true })
   ] });
 }
 

package/dist/{chunk-6GF56M42.cjs → chunk-T336CT3Z.cjs}

@@ -1,41 +1,41 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkSH52BJQTcjs = require('./chunk-SH52BJQT.cjs');
+var _chunk4VKLKRK6cjs = require('./chunk-4VKLKRK6.cjs');
 
 
 
 
 
 
-var _chunkO3NYVYX5cjs = require('./chunk-O3NYVYX5.cjs');
+var _chunkZQO2GKVScjs = require('./chunk-ZQO2GKVS.cjs');
 
 
-var _chunkT4UBZ7NBcjs = require('./chunk-T4UBZ7NB.cjs');
+var _chunkH2PJDRPTcjs = require('./chunk-H2PJDRPT.cjs');
 
 
-var _chunk5VSTXVUIcjs = require('./chunk-5VSTXVUI.cjs');
+var _chunkQCB45DLMcjs = require('./chunk-QCB45DLM.cjs');
 
 
-var _chunkNCVALN33cjs = require('./chunk-NCVALN33.cjs');
+var _chunkCOOETEX4cjs = require('./chunk-COOETEX4.cjs');
 
 
-var _chunkHUFS2MGGcjs = require('./chunk-HUFS2MGG.cjs');
+var _chunkWLHC2LVQcjs = require('./chunk-WLHC2LVQ.cjs');
 
 
 var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
 
-var _chunkCKSZUZXJcjs = require('./chunk-CKSZUZXJ.cjs');
+var _chunk267QLBXGcjs = require('./chunk-267QLBXG.cjs');
 
 
-var _chunk545K27C4cjs = require('./chunk-545K27C4.cjs');
+var _chunkMODD4YGEcjs = require('./chunk-MODD4YGE.cjs');
 
 
-var _chunkWUF4FEGOcjs = require('./chunk-WUF4FEGO.cjs');
+var _chunkDIH23YCLcjs = require('./chunk-DIH23YCL.cjs');
 
 
-var _chunkEGKT7YHPcjs = require('./chunk-EGKT7YHP.cjs');
+var _chunkFFXUPRYTcjs = require('./chunk-FFXUPRYT.cjs');
 
 
 
@@ -55,7 +55,7 @@ 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, {}, _chunkO3NYVYX5cjs.defaultTextInputTypography), textInputProps.typography)
+    typography: _chunkZ6EUSUADcjs.__spreadValues.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, _chunkZQO2GKVScjs.defaultTextInputTypography), textInputProps.typography)
   });
 }
 function TextInput(textInputProps) {
@@ -182,7 +182,7 @@ function TextInput(textInputProps) {
           colorProp: props.typography.color,
           iconOffset: typeof props.paddingX === "number" ? props.paddingX : leftIconOffset,
           children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkCKSZUZXJcjs.Icon,
+            _chunk267QLBXGcjs.Icon,
             {
               name: props.icon.name,
               width: iconWidth,
@@ -202,8 +202,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, _chunk5VSTXVUIcjs.Loading, { center: false, size: rightIconWidth }) : props.icon && iconSide === "right" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkCKSZUZXJcjs.Icon,
+          children: props.loading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH2PJDRPTcjs.Loading, { center: false, size: rightIconWidth }) : props.icon && iconSide === "right" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            _chunk267QLBXGcjs.Icon,
             {
               name: props.icon.name,
               width: rightIconWidth,
@@ -235,7 +235,7 @@ function TextInput(textInputProps) {
     ),
     input,
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkO3NYVYX5cjs.InputSubtext,
+      _chunkZQO2GKVScjs.InputSubtext,
       {
         text: props.error || props.success || props.hint,
         content: props.contentError || props.contentSuccess,
@@ -246,11 +246,11 @@ function TextInput(textInputProps) {
         focused
       }
     ),
-    props.hintTooltip ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHUFS2MGGcjs.Tooltip, { id: hintTooltipId, content: props.hintTooltip, place: "right" }) : null
+    props.hintTooltip ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCOOETEX4cjs.Tooltip, { id: hintTooltipId, content: props.hintTooltip, place: "right" }) : null
   ] });
 }
 var TextInputSelect = _styled2.default.select`
-  ${({ typography, theme }) => _chunkWUF4FEGOcjs.applyTypography.call(void 0, theme, typography.type, typography.size, typography.color)}
+  ${({ typography, theme }) => _chunkDIH23YCLcjs.applyTypography.call(void 0, theme, typography.type, typography.size, typography.color)}
   position: absolute;
   z-index: ${_chunkZU72XWNEcjs.z.textInput + 1};
   border: none;
@@ -261,10 +261,10 @@ var TextInputSelect = _styled2.default.select`
   width: ${({ widthProp }) => `${widthProp}px`};
 `;
 var WithIcon = _styled2.default.div`
-  ${_chunk545K27C4cjs.standardBorderRadius.call(void 0, 8)}
+  ${_chunkMODD4YGEcjs.standardBorderRadius.call(void 0, 8)}
   position: relative;
 
-  & ${_chunkCKSZUZXJcjs.IconContainer.toString()} {
+  & ${_chunk267QLBXGcjs.IconContainer.toString()} {
     z-index: ${_chunkZU72XWNEcjs.z.textInput + 1};
   }
 `;
@@ -278,10 +278,10 @@ var TextInputIconContainer = _styled2.default.div`
   display: flex;
   align-items: center;
   cursor: ${({ onClick }) => onClick ? "pointer" : "auto"};
-  color: ${({ focused, hasValue, theme, colorProp }) => focused || hasValue ? _chunkEGKT7YHPcjs.getFontColor.call(void 0, theme, colorProp) : _chunkO3NYVYX5cjs.textInputPlaceholderColor.call(void 0, { theme })};
+  color: ${({ focused, hasValue, theme, colorProp }) => focused || hasValue ? _chunkFFXUPRYTcjs.getFontColor.call(void 0, theme, colorProp) : _chunkZQO2GKVScjs.textInputPlaceholderColor.call(void 0, { theme })};
 `;
 var Input = _styled2.default.input`
-  ${_chunkO3NYVYX5cjs.textInputStyle};
+  ${_chunkZQO2GKVScjs.textInputStyle};
   // disable autofill styles in chrome https://stackoverflow.com/a/68240841/9808766
   &:-webkit-autofill,
   &:-webkit-autofill:focus,
@@ -303,7 +303,7 @@ var RightButtonAligner = _styled2.default.div`
   display: flex;
   align-items: center;
 `;
-var RightButton = _styled2.default.call(void 0, _chunkNCVALN33cjs.UnstyledButton)`
+var RightButton = _styled2.default.call(void 0, _chunkWLHC2LVQcjs.UnstyledButton)`
   border-radius: 4px;
   border: none;
   background-color: ${({ theme }) => theme.vlcNeutral};
@@ -313,7 +313,7 @@ var RightButton = _styled2.default.call(void 0, _chunkNCVALN33cjs.UnstyledButton
   padding: 8px 10px;
 `;
 var TextInputLabel = _styled2.default.label`
-  ${_chunk545K27C4cjs.standardBorderRadius.call(void 0, 8)}
+  ${_chunkMODD4YGEcjs.standardBorderRadius.call(void 0, 8)}
   font-size: 10px;
   position: absolute;
   z-index: ${_chunkZU72XWNEcjs.z.textInput + 1};
@@ -325,7 +325,7 @@ var TextInputLabel = _styled2.default.label`
   top: -10px;
 `;
 var TextInputHalfRow = _styled2.default.div`
-  margin-top: ${_chunkO3NYVYX5cjs.inputSpacingPx}px;
+  margin-top: ${_chunkZQO2GKVScjs.inputSpacingPx}px;
   display: flex;
   justify-content: space-between;
   gap: 16px;
@@ -341,18 +341,18 @@ var StyledTextInput = _styled2.default.div`
 
   /* eg forms, should be left consistent: */
   & + & {
-    margin-top: ${_chunkO3NYVYX5cjs.inputSpacingPx}px;
+    margin-top: ${_chunkZQO2GKVScjs.inputSpacingPx}px;
   }
 
   ${TextInputHalfRow.toString()} & + & {
     margin-top: 0;
   }
 
-  ${_chunkT4UBZ7NBcjs.CheckboxContainer.toString()} + &,
-  ${_chunkSH52BJQTcjs.ToggleContainer.toString()} + &,
-  & + ${_chunkT4UBZ7NBcjs.CheckboxContainer.toString()},
-  & + ${_chunkSH52BJQTcjs.ToggleContainer.toString()} {
-    margin-top: ${_chunkO3NYVYX5cjs.inputSpacingPx}px;
+  ${_chunkQCB45DLMcjs.CheckboxContainer.toString()} + &,
+  ${_chunk4VKLKRK6cjs.ToggleContainer.toString()} + &,
+  & + ${_chunkQCB45DLMcjs.CheckboxContainer.toString()},
+  & + ${_chunk4VKLKRK6cjs.ToggleContainer.toString()} {
+    margin-top: ${_chunkZQO2GKVScjs.inputSpacingPx}px;
   }
 `;
 var InputContainer = _styled2.default.div`

package/dist/{chunk-IC2ARKW4.js → chunk-T74FAGM4.js}

@@ -1,15 +1,6 @@
-import {
-  padTrimValue
-} from "./chunk-7TOYXXZB.js";
 import {
   repositionCursor
 } from "./chunk-AKU26XW3.js";
-import {
-  cleanValue
-} from "./chunk-LIVX4NT2.js";
-import {
-  fixedDecimalValue
-} from "./chunk-EVBIWR7K.js";
 import {
   formatValue
 } from "./chunk-VGCIBO3Q.js";
@@ -22,6 +13,15 @@ import {
 import {
   isNumber
 } from "./chunk-GWTYSYM2.js";
+import {
+  padTrimValue
+} from "./chunk-7TOYXXZB.js";
+import {
+  cleanValue
+} from "./chunk-LJIKRQZG.js";
+import {
+  fixedDecimalValue
+} from "./chunk-EVBIWR7K.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/{chunk-DZW5Q6CT.js → chunk-T7F37S2M.js}

@@ -1,41 +1,41 @@
 import {
   smHeaderLogoMarginLeft
 } from "./chunk-SLEBHXIK.js";
-import {
-  useLiveRef
-} from "./chunk-UDFJ6IWI.js";
 import {
   MultiToggle
-} from "./chunk-EFT7BN6P.js";
+} from "./chunk-RNMCQJGC.js";
 import {
   Toggle
-} from "./chunk-A5TI24JJ.js";
+} from "./chunk-K27IPM4F.js";
 import {
   Button
-} from "./chunk-KWNSXCDT.js";
+} from "./chunk-EWU2MUVI.js";
 import {
   UnstyledButton
-} from "./chunk-P6GYMAUR.js";
+} from "./chunk-VLZUMH7A.js";
 import {
   z
 } from "./chunk-55OQPFLF.js";
 import {
   Icon
-} from "./chunk-5VKJXXI3.js";
+} from "./chunk-XJB6VA4O.js";
 import {
   overlaySurface,
   standardBorderRadius,
   standardFocusOutline
-} from "./chunk-VAPNTHG5.js";
+} from "./chunk-IQQ7XKJO.js";
 import {
   Link
-} from "./chunk-BMCY2VFD.js";
+} from "./chunk-3NEARZTN.js";
 import {
   themeOr
-} from "./chunk-GZILHEOA.js";
+} from "./chunk-YPQXKAV2.js";
 import {
   bp
 } from "./chunk-JSGRNWSB.js";
+import {
+  useLiveRef
+} from "./chunk-UDFJ6IWI.js";
 import {
   __spreadProps,
   __spreadValues