@lightsparkdev/ui 1.1.12 → 1.1.14

package/dist/{chunk-KQP42G2Z.js → chunk-KX6E2F5M.js}

@@ -1,6 +1,6 @@
 import {
   renderTypography
-} from "./chunk-MNWCPDWF.js";
+} from "./chunk-QBYLUE5I.js";
 import {
   __async
 } from "./chunk-CWMXXUWU.js";

package/dist/chunk-L2VFMFH4.cjs

@@ -0,0 +1,44 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/central/Wallet3.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function Wallet3({
+  strokeWidth = "1.5",
+  strokeLinecap = "square",
+  strokeLinejoin = "round"
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "20",
+      height: "20",
+      viewBox: "0 0 20 20",
+      fill: "none",
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            d: "M3.125 5.41667V14.375C3.125 15.7557 4.24429 16.875 5.625 16.875H14.375C15.7557 16.875 16.875 15.7557 16.875 14.375V9.79167C16.875 8.41092 15.7557 7.29167 14.375 7.29167H13.5417M3.125 5.41667C3.125 6.4522 3.96447 7.29167 5 7.29167H13.5417M3.125 5.41667C3.125 4.15102 4.15102 3.125 5.41667 3.125H11.8056C12.7644 3.125 13.5417 3.90228 13.5417 4.86111V7.29167",
+            stroke: "currentColor",
+            strokeWidth,
+            strokeLinecap,
+            strokeLinejoin
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            d: "M12.918 12.7085C13.2631 12.7085 13.543 12.4287 13.543 12.0835C13.543 11.7383 13.2631 11.4585 12.918 11.4585C12.5728 11.4585 12.293 11.7383 12.293 12.0835C12.293 12.4287 12.5728 12.7085 12.918 12.7085Z",
+            fill: "currentColor",
+            stroke: "currentColor",
+            strokeWidth: "0.5",
+            strokeLinejoin
+          }
+        )
+      ]
+    }
+  );
+}
+
+
+
+exports.Wallet3 = Wallet3;

package/dist/{chunk-CCH72VOE.cjs → chunk-L5U7A5XM.cjs}

@@ -1,15 +1,15 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkFVBFDZEScjs = require('./chunk-FVBFDZES.cjs');
+var _chunkU2YTWQVVcjs = require('./chunk-U2YTWQVV.cjs');
 
 
-var _chunkX6AJB6TLcjs = require('./chunk-X6AJB6TL.cjs');
+var _chunkGJEYXGPQcjs = require('./chunk-GJEYXGPQ.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');
 
 
 var _chunkJFPLNGMQcjs = require('./chunk-JFPLNGMQ.cjs');
@@ -79,7 +79,7 @@ function QRCode({
         animated,
         isUma,
         children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkX6AJB6TLcjs.Icon,
+          _chunkGJEYXGPQcjs.Icon,
           {
             name: isUma ? "Uma" : "LogoMark",
             color: isUma ? "white" : void 0,
@@ -100,7 +100,7 @@ var qr = ({ isCentered, border, isUma }) => _react.css`
   ${border && `border: ${borderWidth}px solid #ffffff;`}
   ${border && `border-radius: 8px;`}
   ${border && "box-sizing: content-box;"}
-  ${isUma && _chunkRZ24JAMPcjs.standardBorderRadius.call(void 0, 16)}
+  ${isUma && _chunk6MB6ICF6cjs.standardBorderRadius.call(void 0, 16)}
 `;
 var QRCodeContainer = _styled2.default.div`
   display: flex;
@@ -139,8 +139,8 @@ var EmptyQRCodeSizer = _styled2.default.div`
   max-width: 100%;
   position: relative;
   padding-top: 100%;
-  ${({ isUma, theme }) => isUma && `background-color: ${_chunkR5SHOMBXcjs.getColor.call(void 0, theme, "grayBlue10")};
-    ${_chunkRZ24JAMPcjs.standardBorderRadius.call(void 0, 16)}`}
+  ${({ isUma, theme }) => isUma && `background-color: ${_chunkQGVDN6ZVcjs.getColor.call(void 0, theme, "grayBlue10")};
+    ${_chunk6MB6ICF6cjs.standardBorderRadius.call(void 0, 16)}`}
 `;
 var EmptyQRCode = _styled2.default.div`
   ${qr}
@@ -244,7 +244,7 @@ var EmptyQRCode = _styled2.default.div`
   `}
 
   & > * {
-    ${_chunkFVBFDZEScjs.absoluteCenter}
+    ${_chunkU2YTWQVVcjs.absoluteCenter}
   }
 `;
 var QRCodeLabel = _styled2.default.p`

package/dist/{chunk-ORZXHK4K.js → chunk-L7C5ESUR.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-SYHO775Q.js → chunk-LDCXVHY5.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-L4HEQZN5.js → chunk-LDJPVFDO.js}

@@ -1,10 +1,10 @@
 import {
   toReactNodes
-} from "./chunk-W5YKSN4C.js";
+} from "./chunk-SX3LPZM7.js";
 import {
   StyledLabel,
   getPropDefaults
-} from "./chunk-EMESAQ5K.js";
+} from "./chunk-Q2LOWMBD.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/{chunk-OQK3WVD3.js → chunk-LG6ETC65.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-OGB6P6ZG.js → chunk-LH2LTO6B.js}

@@ -1,15 +1,15 @@
 import {
   absoluteCenter
-} from "./chunk-V2DVHIHR.js";
+} from "./chunk-4RVQWFSN.js";
 import {
   Icon
-} from "./chunk-6UZRKYFG.js";
+} from "./chunk-YEGK6WEM.js";
 import {
   standardBorderRadius
-} from "./chunk-F5UEJLZY.js";
+} from "./chunk-ZG6VAH7C.js";
 import {
   getColor
-} from "./chunk-EE47JMIS.js";
+} from "./chunk-ESRXMWU7.js";
 import {
   colors
 } from "./chunk-XT5NXF55.js";

package/dist/{chunk-LC2U6HQS.cjs → chunk-LN4FPY32.cjs}

@@ -3,7 +3,7 @@
 var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
-var _chunkRZ24JAMPcjs = require('./chunk-RZ24JAMP.cjs');
+var _chunk6MB6ICF6cjs = require('./chunk-6MB6ICF6.cjs');
 
 
 
@@ -56,7 +56,7 @@ var styles = ({ theme, maxWidth }) => _css.css`
   border-radius: 8px !important;
   padding: 16px !important;
   z-index: ${_chunkZU72XWNEcjs.z.tooltip};
-  ${_chunkRZ24JAMPcjs.overlaySurface.call(void 0, { theme, important: true })};
+  ${_chunk6MB6ICF6cjs.overlaySurface.call(void 0, { theme, important: true })};
 
   max-width: ${maxWidth}px;
   word-break: break-word;

package/dist/{chunk-F6OUI5FN.cjs → chunk-LQYWF3DO.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkPU3OHLCLcjs = require('./chunk-PU3OHLCL.cjs');
+var _chunkHHL2I3FBcjs = require('./chunk-HHL2I3FB.cjs');
 
 // src/components/CardForm/CardFormCodeInput.tsx
 var _react = require('@emotion/react');
@@ -12,7 +12,7 @@ function CardFormCodeInput({
   onBlur
 }) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkPU3OHLCLcjs.CodeInput,
+    _chunkHHL2I3FBcjs.CodeInput,
     {
       codeLength: 6,
       onSubmit,

package/dist/{chunk-GQPSXKNA.js → chunk-M4R57NN3.js}

@@ -45,7 +45,7 @@ function Flex({
       column,
       as,
       onClick: disabled ? void 0 : onClick,
-      cursorProp: onClick ? disabled ? "not-allowed" : "pointer" : "unset",
+      cursorProp: onClick ? disabled ? "not-allowed" : "pointer" : void 0,
       overflowProp: overflow,
       whiteSpace,
       mr,
@@ -96,7 +96,7 @@ var StyledFlex = styled.div`
   ${({ column }) => column && `flex-direction: column;`}
   ${({ justify }) => `justify-content: ${justify};`}
   ${({ align }) => `align-items: ${align};`}
-  ${({ cursorProp }) => `cursor: ${cursorProp};`}
+  ${({ cursorProp }) => cursorProp && `cursor: ${cursorProp};`}
   ${({ overflowProp }) => overflowProp ? `overflow: ${overflowProp}; max-width: 100%;` : ""}
   ${({ whiteSpace }) => whiteSpace ? `white-space: ${whiteSpace};` : ""}
   ${({ gap }) => gap && `gap: ${gap}px;`}

package/dist/{chunk-XS3L72FJ.js → chunk-M6JNVPR3.js}

@@ -1,9 +1,9 @@
 import {
   Icon
-} from "./chunk-6UZRKYFG.js";
+} from "./chunk-YEGK6WEM.js";
 import {
   renderTypography
-} from "./chunk-MNWCPDWF.js";
+} from "./chunk-QBYLUE5I.js";
 
 // src/components/CurrencyAmount.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-NSCQ77IA.cjs → chunk-M6WMWKVT.cjs}

@@ -2,11 +2,11 @@
 
 
 
-var _chunkRZ24JAMPcjs = require('./chunk-RZ24JAMP.cjs');
+var _chunk6MB6ICF6cjs = require('./chunk-6MB6ICF6.cjs');
 
 
 
-var _chunkR5SHOMBXcjs = require('./chunk-R5SHOMBX.cjs');
+var _chunkQGVDN6ZVcjs = require('./chunk-QGVDN6ZV.cjs');
 
 // src/components/Table/TableEmptyState.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -27,12 +27,12 @@ var TableEmptyState = (props) => {
 };
 var StyledTableEmptyState = _styled2.default.div`
   position: relative;
-  ${_chunkRZ24JAMPcjs.standardContentInset.css}
+  ${_chunk6MB6ICF6cjs.standardContentInset.css}
 `;
 var TableEmptyStateLine = _styled2.default.div`
   background: linear-gradient(
     90deg,
-    ${({ theme }) => _chunkR5SHOMBXcjs.isDark.call(void 0, theme) ? theme.c1Neutral : theme.c05Neutral} 0%,
+    ${({ theme }) => _chunkQGVDN6ZVcjs.isDark.call(void 0, theme) ? theme.c1Neutral : theme.c05Neutral} 0%,
     rgba(242, 242, 242, 0) 100%
   );
   height: 16px;
@@ -53,12 +53,12 @@ var TableEmptyStateCardContainer = _styled2.default.div`
   width: 100%;
 `;
 var TableEmptyStateCard = _styled2.default.div`
-  ${_chunkRZ24JAMPcjs.standardCardShadow}
-  ${_chunkRZ24JAMPcjs.standardBorderRadius.call(void 0, 16)}
+  ${_chunk6MB6ICF6cjs.standardCardShadow}
+  ${_chunk6MB6ICF6cjs.standardBorderRadius.call(void 0, 16)}
   padding: 32px;
   width: 320px;
   max-width: 100%;
-  ${({ theme }) => _chunkR5SHOMBXcjs.themeOr.call(void 0, `background-color: ${theme.bg}`, "transparent")({ theme })};
+  ${({ theme }) => _chunkQGVDN6ZVcjs.themeOr.call(void 0, `background-color: ${theme.bg}`, "transparent")({ theme })};
 `;
 var TableEmptyStateCardTitle = _styled2.default.p`
   font-weight: bold;

package/dist/chunk-MAOEOVXX.cjs

@@ -0,0 +1,40 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/central/Filter2.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function Filter2({
+  strokeWidth = "1.5",
+  strokeLinecap = "round"
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", fill: "none", children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "path",
+      {
+        d: "M1.83337 3.16669H14.1667",
+        stroke: "currentColor",
+        strokeWidth,
+        strokeLinecap
+      }
+    ),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "path",
+      {
+        d: "M5.83337 12.8333H10.1667",
+        stroke: "currentColor",
+        strokeWidth,
+        strokeLinecap
+      }
+    ),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "path",
+      {
+        d: "M3.83337 8H12.1667",
+        stroke: "currentColor",
+        strokeWidth,
+        strokeLinecap
+      }
+    )
+  ] });
+}
+
+
+
+exports.Filter2 = Filter2;

package/dist/{chunk-X5XLAM3D.js → chunk-MCMJAFLJ.js}

@@ -1,6 +1,6 @@
 import {
   renderTypography
-} from "./chunk-MNWCPDWF.js";
+} from "./chunk-QBYLUE5I.js";
 import {
   isString
 } from "./chunk-HAC5YAGQ.js";

package/dist/{chunk-TC3IMK5Y.js → chunk-MHIBUONP.js}

@@ -1,6 +1,6 @@
 import {
   Icon
-} from "./chunk-6UZRKYFG.js";
+} from "./chunk-YEGK6WEM.js";
 
 // src/components/ContentTable.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-NMFG6FLI.cjs → chunk-MJZBPTYZ.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkGWYU4ZFAcjs = require('./chunk-GWYU4ZFA.cjs');
+var _chunk6EBYXCGScjs = require('./chunk-6EBYXCGS.cjs');
 
 
 
@@ -8,39 +8,39 @@ var _chunkGWYU4ZFAcjs = require('./chunk-GWYU4ZFA.cjs');
 
 
 
-var _chunk33O5ZKBKcjs = require('./chunk-33O5ZKBK.cjs');
+var _chunkTNHLPMQ4cjs = require('./chunk-TNHLPMQ4.cjs');
 
 
-var _chunkO23SZQEVcjs = require('./chunk-O23SZQEV.cjs');
+var _chunk2H6OTQMWcjs = require('./chunk-2H6OTQMW.cjs');
 
 
-var _chunkTBJXMYP7cjs = require('./chunk-TBJXMYP7.cjs');
+var _chunkEFFB4CI6cjs = require('./chunk-EFFB4CI6.cjs');
 
 
-var _chunkLC2U6HQScjs = require('./chunk-LC2U6HQS.cjs');
+var _chunkEDVYDCZ7cjs = require('./chunk-EDVYDCZ7.cjs');
 
 
-var _chunkJR6JLVEZcjs = require('./chunk-JR6JLVEZ.cjs');
+var _chunkJHIXGWSKcjs = require('./chunk-JHIXGWSK.cjs');
 
 
-var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
+var _chunkLN4FPY32cjs = require('./chunk-LN4FPY32.cjs');
 
 
-var _chunkMVYSTBT3cjs = require('./chunk-MVYSTBT3.cjs');
+var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
 
-var _chunkX6AJB6TLcjs = require('./chunk-X6AJB6TL.cjs');
+var _chunkGJEYXGPQcjs = require('./chunk-GJEYXGPQ.cjs');
 
 
-var _chunkRZ24JAMPcjs = require('./chunk-RZ24JAMP.cjs');
+var _chunk6MB6ICF6cjs = require('./chunk-6MB6ICF6.cjs');
 
 
-var _chunk5BOF3LWDcjs = require('./chunk-5BOF3LWD.cjs');
+var _chunkK66UCMBUcjs = require('./chunk-K66UCMBU.cjs');
 
 
 
-var _chunkR5SHOMBXcjs = require('./chunk-R5SHOMBX.cjs');
+var _chunkQGVDN6ZVcjs = require('./chunk-QGVDN6ZV.cjs');
 
 
 
@@ -72,7 +72,7 @@ function withDefaults(textInputProps) {
     width: textInputProps.width || "full",
     type: textInputProps.type || "text",
     disabled: Boolean(textInputProps.disabled),
-    typography: _chunkYM5JDZDQcjs.__spreadValues.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, _chunk33O5ZKBKcjs.defaultTextInputTypography), textInputProps.typography)
+    typography: _chunkYM5JDZDQcjs.__spreadValues.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, _chunkTNHLPMQ4cjs.defaultTextInputTypography), textInputProps.typography)
   });
 }
 function TextInput(textInputProps) {
@@ -201,7 +201,7 @@ function TextInput(textInputProps) {
           colorProp: props.typography.color,
           iconOffset: typeof props.paddingX === "number" ? props.paddingX : leftIconOffset,
           children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkX6AJB6TLcjs.Icon,
+            _chunkGJEYXGPQcjs.Icon,
             {
               name: props.icon.name,
               width: iconWidth,
@@ -221,8 +221,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, _chunkO23SZQEVcjs.Loading, { center: false, size: rightIconWidth }) : props.icon && iconSide === "right" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkX6AJB6TLcjs.Icon,
+          children: props.loading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkEDVYDCZ7cjs.Loading, { center: false, size: rightIconWidth }) : props.icon && iconSide === "right" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            _chunkGJEYXGPQcjs.Icon,
             {
               name: props.icon.name,
               width: rightIconWidth,
@@ -236,7 +236,7 @@ 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, labelOptions: props.labelOptions, children: ((_f = props.labelOptions) == null ? void 0 : _f.typography) ? _chunkMVYSTBT3cjs.toReactNodes.call(void 0, {
+    props.label ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextInputLabel, { hasError, labelOptions: props.labelOptions, children: ((_f = props.labelOptions) == null ? void 0 : _f.typography) ? _chunkEFFB4CI6cjs.toReactNodes.call(void 0, {
       text: props.label,
       typography: props.labelOptions.typography
     }) : props.label }) : null,
@@ -257,7 +257,7 @@ function TextInput(textInputProps) {
     ),
     input,
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunk33O5ZKBKcjs.InputSubtext,
+      _chunkTNHLPMQ4cjs.InputSubtext,
       {
         text: props.error || props.success || props.hint,
         content: props.contentError || props.contentSuccess,
@@ -268,11 +268,11 @@ function TextInput(textInputProps) {
         focused
       }
     ),
-    props.hintTooltip ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLC2U6HQScjs.Tooltip, { id: hintTooltipId, content: props.hintTooltip, place: "right" }) : null
+    props.hintTooltip ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLN4FPY32cjs.Tooltip, { id: hintTooltipId, content: props.hintTooltip, place: "right" }) : null
   ] });
 }
 var TextInputSelect = _styled2.default.select`
-  ${({ typography, theme }) => _chunk5BOF3LWDcjs.applyTypography.call(void 0, theme, typography.type, typography.size, typography.color)}
+  ${({ typography, theme }) => _chunkK66UCMBUcjs.applyTypography.call(void 0, theme, typography.type, typography.size, typography.color)}
   position: absolute;
   z-index: ${_chunkZU72XWNEcjs.z.textInput + 1};
   border: none;
@@ -283,10 +283,10 @@ var TextInputSelect = _styled2.default.select`
   width: ${({ widthProp }) => `${widthProp}px`};
 `;
 var WithIcon = _styled2.default.div`
-  ${_chunkRZ24JAMPcjs.standardBorderRadius.call(void 0, 8)}
+  ${_chunk6MB6ICF6cjs.standardBorderRadius.call(void 0, 8)}
   position: relative;
 
-  & ${_chunkX6AJB6TLcjs.IconContainer.toString()} {
+  & ${_chunkGJEYXGPQcjs.IconContainer.toString()} {
     z-index: ${_chunkZU72XWNEcjs.z.textInput + 1};
   }
 `;
@@ -300,10 +300,10 @@ var TextInputIconContainer = _styled2.default.div`
   display: flex;
   align-items: center;
   cursor: ${({ onClick }) => onClick ? "pointer" : "auto"};
-  color: ${({ focused, hasValue, theme, colorProp }) => focused || hasValue ? _chunkR5SHOMBXcjs.getFontColor.call(void 0, theme, colorProp) : _chunk33O5ZKBKcjs.textInputPlaceholderColor.call(void 0, { theme })};
+  color: ${({ focused, hasValue, theme, colorProp }) => focused || hasValue ? _chunkQGVDN6ZVcjs.getFontColor.call(void 0, theme, colorProp) : _chunkTNHLPMQ4cjs.textInputPlaceholderColor.call(void 0, { theme })};
 `;
 var Input = _styled2.default.input`
-  ${_chunk33O5ZKBKcjs.textInputStyle};
+  ${_chunkTNHLPMQ4cjs.textInputStyle};
   ${({ partialBorderRadius }) => getPartialBorderRadiusCSS(partialBorderRadius)}
   // disable autofill styles in chrome https://stackoverflow.com/a/68240841/9808766
   &:-webkit-autofill,
@@ -326,7 +326,7 @@ var RightButtonAligner = _styled2.default.div`
   display: flex;
   align-items: center;
 `;
-var RightButton = _styled2.default.call(void 0, _chunkJR6JLVEZcjs.UnstyledButton)`
+var RightButton = _styled2.default.call(void 0, _chunkJHIXGWSKcjs.UnstyledButton)`
   border-radius: 4px;
   border: none;
   background-color: ${({ theme }) => theme.vlcNeutral};
@@ -340,11 +340,11 @@ var RightTextBody = _styled2.default.label`
   font-weight: ${({ focused }) => focused ? 600 : 400};
 `;
 var TextInputLabel = _styled2.default.label`
-  border-radius: ${({ labelOptions }) => (labelOptions == null ? void 0 : labelOptions.borderRadius) ? _chunk33O5ZKBKcjs.getBorderRadiusCSS.call(void 0, labelOptions.borderRadius) : "8px"};
+  border-radius: ${({ labelOptions }) => (labelOptions == null ? void 0 : labelOptions.borderRadius) ? _chunkTNHLPMQ4cjs.getBorderRadiusCSS.call(void 0, labelOptions.borderRadius) : "8px"};
   font-size: 10px;
   position: ${({ labelOptions }) => (labelOptions == null ? void 0 : labelOptions.position) || "absolute"};
   z-index: ${_chunkZU72XWNEcjs.z.textInput + 1};
-  background-color: ${({ theme, labelOptions }) => (labelOptions == null ? void 0 : labelOptions.backgroundColor) ? _chunkR5SHOMBXcjs.getBackgroundColor.call(void 0, theme, labelOptions.backgroundColor) : theme.bg};
+  background-color: ${({ theme, labelOptions }) => (labelOptions == null ? void 0 : labelOptions.backgroundColor) ? _chunkQGVDN6ZVcjs.getBackgroundColor.call(void 0, theme, labelOptions.backgroundColor) : theme.bg};
   color: ${({ theme, hasError }) => hasError ? theme.danger : theme.mcNeutral};
   font-weight: 600;
   padding-left: ${({ labelOptions }) => (labelOptions == null ? void 0 : labelOptions.paddingX) === void 0 ? "6px" : `${labelOptions.paddingX}px`};
@@ -356,7 +356,7 @@ var TextInputLabel = _styled2.default.label`
   margin-bottom: ${({ labelOptions }) => (labelOptions == null ? void 0 : labelOptions.marginBottom) ? `${labelOptions.marginBottom}px` : "0"};
 `;
 var TextInputHalfRow = _styled2.default.div`
-  margin-top: ${_chunk33O5ZKBKcjs.inputSpacingPx}px;
+  margin-top: ${_chunkTNHLPMQ4cjs.inputSpacingPx}px;
   display: flex;
   justify-content: space-between;
   gap: 16px;
@@ -374,18 +374,18 @@ var StyledTextInput = _styled2.default.div`
 
   /* eg forms, should be left consistent: */
   & + & {
-    margin-top: ${_chunk33O5ZKBKcjs.inputSpacingPx}px;
+    margin-top: ${({ marginTop }) => marginTop !== void 0 ? `${marginTop}px` : `${_chunkTNHLPMQ4cjs.inputSpacingPx}px`};
   }
 
   ${TextInputHalfRow.toString()} & + & {
     margin-top: 0;
   }
 
-  ${_chunkTBJXMYP7cjs.CheckboxContainer.toString()} + &,
-  ${_chunkGWYU4ZFAcjs.ToggleContainer.toString()} + &,
-  & + ${_chunkTBJXMYP7cjs.CheckboxContainer.toString()},
-  & + ${_chunkGWYU4ZFAcjs.ToggleContainer.toString()} {
-    margin-top: ${_chunk33O5ZKBKcjs.inputSpacingPx}px;
+  ${_chunk2H6OTQMWcjs.CheckboxContainer.toString()} + &,
+  ${_chunk6EBYXCGScjs.ToggleContainer.toString()} + &,
+  & + ${_chunk2H6OTQMWcjs.CheckboxContainer.toString()},
+  & + ${_chunk6EBYXCGScjs.ToggleContainer.toString()} {
+    margin-top: ${_chunkTNHLPMQ4cjs.inputSpacingPx}px;
   }
 `;
 var InputContainer = _styled2.default.div`

package/dist/{chunk-I6KZ6OZC.js → chunk-MKAH32A4.js}

@@ -1,47 +1,47 @@
 import {
   smHeaderLogoMarginLeft
 } from "./chunk-SLEBHXIK.js";
+import {
+  useLiveRef
+} from "./chunk-UDFJ6IWI.js";
 import {
   MultiToggle
-} from "./chunk-5KV7AF7A.js";
+} from "./chunk-OYR3AZK6.js";
 import {
   Toggle
-} from "./chunk-NTKDEHMH.js";
+} from "./chunk-WGMSWBXS.js";
 import {
   Flex
-} from "./chunk-GQPSXKNA.js";
+} from "./chunk-M4R57NN3.js";
+import {
+  toReactNodes
+} from "./chunk-SX3LPZM7.js";
 import {
   Button
-} from "./chunk-LTHYR4CT.js";
+} from "./chunk-7ZUV2IWY.js";
 import {
   UnstyledButton
-} from "./chunk-DTJWFL32.js";
+} from "./chunk-JEGPXWOA.js";
 import {
   z
 } from "./chunk-55OQPFLF.js";
-import {
-  toReactNodes
-} from "./chunk-W5YKSN4C.js";
 import {
   Icon
-} from "./chunk-6UZRKYFG.js";
+} from "./chunk-YEGK6WEM.js";
 import {
   overlaySurface,
   standardBorderRadius,
   standardFocusOutline
-} from "./chunk-F5UEJLZY.js";
+} from "./chunk-ZG6VAH7C.js";
 import {
   Link
-} from "./chunk-X5XLAM3D.js";
+} from "./chunk-MCMJAFLJ.js";
 import {
   themeOr
-} from "./chunk-EE47JMIS.js";
+} from "./chunk-ESRXMWU7.js";
 import {
   bp
 } from "./chunk-JSGRNWSB.js";
-import {
-  useLiveRef
-} from "./chunk-UDFJ6IWI.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/{chunk-3BHD5JQG.cjs → chunk-MSLDB6QZ.cjs}

@@ -6,7 +6,7 @@ var _chunkU6XO2EF4cjs = require('./chunk-U6XO2EF4.cjs');
 var _chunkB2MHM6CYcjs = require('./chunk-B2MHM6CY.cjs');
 
 
-var _chunk5BOF3LWDcjs = require('./chunk-5BOF3LWD.cjs');
+var _chunkK66UCMBUcjs = require('./chunk-K66UCMBU.cjs');
 
 
 
@@ -24,7 +24,7 @@ function getPropDefaults(props) {
   return _chunkU6XO2EF4cjs.getPropDefaultsBase.call(void 0, props, { as: props.tag || "span" });
 }
 var StyledLabelModerate = _styled2.default.span`
-  ${({ theme, size, colorProp }) => _chunk5BOF3LWDcjs.applyTypography.call(void 0, theme, "Label Moderate", size, colorProp)}
+  ${({ theme, size, colorProp }) => _chunkK66UCMBUcjs.applyTypography.call(void 0, theme, "Label Moderate", size, colorProp)}
   ${_chunkB2MHM6CYcjs.typographyStyles}
 `;