@lightsparkdev/ui 1.1.2 → 1.1.4

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

@@ -3,13 +3,13 @@
 var _chunk2YBZV2K6cjs = require('./chunk-2YBZV2K6.cjs');
 
 
-var _chunk4JJ5GJLEcjs = require('./chunk-4JJ5GJLE.cjs');
+var _chunk267QLBXGcjs = require('./chunk-267QLBXG.cjs');
 
 
-var _chunk4DJ33XMZcjs = require('./chunk-4DJ33XMZ.cjs');
+var _chunk7KHYVDQ6cjs = require('./chunk-7KHYVDQ6.cjs');
 
 
-var _chunkQI7YHMJZcjs = require('./chunk-QI7YHMJZ.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, 
-            _chunk4JJ5GJLEcjs.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, _chunk4DJ33XMZcjs.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 ? _chunkQI7YHMJZcjs.getColor.call(void 0, theme, bgColor) : _chunkQI7YHMJZcjs.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: ${_chunkQI7YHMJZcjs.getColor.call(void 0, theme, "grayBlue94")}` : ""};
+    ${({ theme, hoverActiveBg }) => hoverActiveBg ? `background: ${_chunkFFXUPRYTcjs.getColor.call(void 0, theme, "grayBlue94")}` : ""};
   }
   &:active {
-    ${({ theme, hoverActiveBg }) => hoverActiveBg ? `background: ${_chunkQI7YHMJZcjs.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-YTE3K2FZ.js → chunk-QU77BZXQ.js}

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

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

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

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

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

package/dist/{chunk-GGG6UAEI.cjs → chunk-RIPZ7IUR.cjs}

@@ -3,7 +3,7 @@
 var _chunk4XPAKKBScjs = require('./chunk-4XPAKKBS.cjs');
 
 
-var _chunkXYPLDDUHcjs = require('./chunk-XYPLDDUH.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, 
-    _chunkXYPLDDUHcjs.TextInput,
+    _chunkT336CT3Zcjs.TextInput,
     {
       select: {
         options,

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

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

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

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

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

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

package/dist/{chunk-2X3SN2NQ.js → chunk-SJMZSBS2.js}

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

package/dist/{chunk-ZHKLSHFU.js → chunk-SND77246.js}

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

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

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

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

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

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

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

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

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkKOGW3LJCcjs = require('./chunk-KOGW3LJC.cjs');
+var _chunkCOOETEX4cjs = require('./chunk-COOETEX4.cjs');
 
 
-var _chunkXWOTPLY4cjs = require('./chunk-XWOTPLY4.cjs');
+var _chunk6IBADE46cjs = require('./chunk-6IBADE46.cjs');
 
 
-var _chunk4JJ5GJLEcjs = require('./chunk-4JJ5GJLE.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 = _chunkKOGW3LJCcjs.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, _chunk4JJ5GJLEcjs.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, _chunkXWOTPLY4cjs.Tooltip, { id, render: () => contentNodes, clickable: true })
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCOOETEX4cjs.Tooltip, { id, render: () => contentNodes, clickable: true })
   ] });
 }
 

package/dist/{chunk-XYPLDDUH.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 _chunkVXRMYWVTcjs = require('./chunk-VXRMYWVT.cjs');
+var _chunk4VKLKRK6cjs = require('./chunk-4VKLKRK6.cjs');
 
 
 
 
 
 
-var _chunkHW7ECH4Ncjs = require('./chunk-HW7ECH4N.cjs');
+var _chunkZQO2GKVScjs = require('./chunk-ZQO2GKVS.cjs');
 
 
-var _chunkFUVI6AKGcjs = require('./chunk-FUVI6AKG.cjs');
+var _chunkH2PJDRPTcjs = require('./chunk-H2PJDRPT.cjs');
 
 
-var _chunkXMSQNWZKcjs = require('./chunk-XMSQNWZK.cjs');
+var _chunkQCB45DLMcjs = require('./chunk-QCB45DLM.cjs');
 
 
-var _chunkJRCDVJMMcjs = require('./chunk-JRCDVJMM.cjs');
+var _chunkCOOETEX4cjs = require('./chunk-COOETEX4.cjs');
 
 
-var _chunkXWOTPLY4cjs = require('./chunk-XWOTPLY4.cjs');
+var _chunkWLHC2LVQcjs = require('./chunk-WLHC2LVQ.cjs');
 
 
 var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
 
-var _chunk4JJ5GJLEcjs = require('./chunk-4JJ5GJLE.cjs');
+var _chunk267QLBXGcjs = require('./chunk-267QLBXG.cjs');
 
 
-var _chunkO6BZRC56cjs = require('./chunk-O6BZRC56.cjs');
+var _chunkMODD4YGEcjs = require('./chunk-MODD4YGE.cjs');
 
 
-var _chunkLDNG63AKcjs = require('./chunk-LDNG63AK.cjs');
+var _chunkDIH23YCLcjs = require('./chunk-DIH23YCL.cjs');
 
 
-var _chunkQI7YHMJZcjs = require('./chunk-QI7YHMJZ.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, {}, _chunkHW7ECH4Ncjs.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, 
-            _chunk4JJ5GJLEcjs.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, _chunkXMSQNWZKcjs.Loading, { center: false, size: rightIconWidth }) : props.icon && iconSide === "right" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunk4JJ5GJLEcjs.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, 
-      _chunkHW7ECH4Ncjs.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, _chunkXWOTPLY4cjs.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 }) => _chunkLDNG63AKcjs.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`
-  ${_chunkO6BZRC56cjs.standardBorderRadius.call(void 0, 8)}
+  ${_chunkMODD4YGEcjs.standardBorderRadius.call(void 0, 8)}
   position: relative;
 
-  & ${_chunk4JJ5GJLEcjs.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 ? _chunkQI7YHMJZcjs.getFontColor.call(void 0, theme, colorProp) : _chunkHW7ECH4Ncjs.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`
-  ${_chunkHW7ECH4Ncjs.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, _chunkJRCDVJMMcjs.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, _chunkJRCDVJMMcjs.UnstyledButton
   padding: 8px 10px;
 `;
 var TextInputLabel = _styled2.default.label`
-  ${_chunkO6BZRC56cjs.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: ${_chunkHW7ECH4Ncjs.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: ${_chunkHW7ECH4Ncjs.inputSpacingPx}px;
+    margin-top: ${_chunkZQO2GKVScjs.inputSpacingPx}px;
   }
 
   ${TextInputHalfRow.toString()} & + & {
     margin-top: 0;
   }
 
-  ${_chunkFUVI6AKGcjs.CheckboxContainer.toString()} + &,
-  ${_chunkVXRMYWVTcjs.ToggleContainer.toString()} + &,
-  & + ${_chunkFUVI6AKGcjs.CheckboxContainer.toString()},
-  & + ${_chunkVXRMYWVTcjs.ToggleContainer.toString()} {
-    margin-top: ${_chunkHW7ECH4Ncjs.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-AVQWEFC4.js → chunk-T74FAGM4.js}

@@ -1,9 +1,6 @@
 import {
   repositionCursor
 } from "./chunk-AKU26XW3.js";
-import {
-  fixedDecimalValue
-} from "./chunk-EVBIWR7K.js";
 import {
   formatValue
 } from "./chunk-VGCIBO3Q.js";
@@ -21,7 +18,10 @@ import {
 } from "./chunk-7TOYXXZB.js";
 import {
   cleanValue
-} from "./chunk-LIVX4NT2.js";
+} from "./chunk-LJIKRQZG.js";
+import {
+  fixedDecimalValue
+} from "./chunk-EVBIWR7K.js";
 import {
   __spreadProps,
   __spreadValues

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

@@ -1,41 +1,41 @@
 import {
   smHeaderLogoMarginLeft
 } from "./chunk-SLEBHXIK.js";
-import {
-  useLiveRef
-} from "./chunk-UDFJ6IWI.js";
 import {
   MultiToggle
-} from "./chunk-PSB345GM.js";
+} from "./chunk-RNMCQJGC.js";
 import {
   Toggle
-} from "./chunk-R2AGQ3JJ.js";
+} from "./chunk-K27IPM4F.js";
 import {
   Button
-} from "./chunk-ADV4UT4X.js";
+} from "./chunk-EWU2MUVI.js";
 import {
   UnstyledButton
-} from "./chunk-BJP4OTMN.js";
+} from "./chunk-VLZUMH7A.js";
 import {
   z
 } from "./chunk-55OQPFLF.js";
 import {
   Icon
-} from "./chunk-JWFDHULW.js";
+} from "./chunk-XJB6VA4O.js";
 import {
   overlaySurface,
   standardBorderRadius,
   standardFocusOutline
-} from "./chunk-HQN2LS2G.js";
+} from "./chunk-IQQ7XKJO.js";
 import {
   Link
-} from "./chunk-YIEDSI2X.js";
+} from "./chunk-3NEARZTN.js";
 import {
   themeOr
-} from "./chunk-NF6LGARO.js";
+} from "./chunk-YPQXKAV2.js";
 import {
   bp
 } from "./chunk-JSGRNWSB.js";
+import {
+  useLiveRef
+} from "./chunk-UDFJ6IWI.js";
 import {
   __spreadProps,
   __spreadValues