@lightsparkdev/ui 1.1.16 → 1.1.17

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @lightsparkdev/ui
 
+## 1.1.17
+
+### Patch Changes
+
+- 97769ad: - CodeInput: Clicking the unified code input now moves the cursor to the first empty input field instead of wherever the user clicked, improving OTP entry UX.
+  - CardForm: CardFormContentFull now sets width: 100% for proper full-width layout.
+  - CardPage: New headerRightContent prop to render content on the right side of the card page header.
+  - DataManagerTable filters: AppliedButtonsContainer extracted to a shared component with max-width: 100% on buttons (prevents overflow for long filter values).
+  - New icon: BankSolid icon added (exported as CentralBankSolid).
+- Updated dependencies [97769ad]
+  - @lightsparkdev/core@1.4.9
+
 ## 1.1.16
 
 ### Patch Changes

package/dist/{chunk-W5L3SQ2I.js → chunk-2C4XFGJH.js}

@@ -8,22 +8,22 @@ import {
 } from "./chunk-FZUV52PP.js";
 import {
   NextLink
-} from "./chunk-RGV3BTLQ.js";
+} from "./chunk-ZZCG5XIS.js";
 import {
   CurrencyAmount
-} from "./chunk-DQE5L7XB.js";
+} from "./chunk-HVHTPJTX.js";
 import {
   ClipboardTextField
-} from "./chunk-A7EIBWSW.js";
+} from "./chunk-NJGZTOFB.js";
 import {
   Icon
-} from "./chunk-SYTKAZOH.js";
+} from "./chunk-MNNK5Z6E.js";
 import {
   Link
-} from "./chunk-N5K6L7VI.js";
+} from "./chunk-TQLHHWTU.js";
 import {
   renderTypography
-} from "./chunk-WTKAQJKR.js";
+} from "./chunk-LCBH4UOZ.js";
 import {
   stringToNodes
 } from "./chunk-2466FZJC.js";

package/dist/{chunk-NISWT34G.cjs → chunk-2DWMQH3W.cjs}

@@ -3,37 +3,37 @@
 var _chunk46AVXTFOcjs = require('./chunk-46AVXTFO.cjs');
 
 
-var _chunkK2DWTV3Ccjs = require('./chunk-K2DWTV3C.cjs');
+var _chunk7662CURDcjs = require('./chunk-7662CURD.cjs');
 
 
-var _chunk7NSPVTCTcjs = require('./chunk-7NSPVTCT.cjs');
+var _chunkVASSEH55cjs = require('./chunk-VASSEH55.cjs');
 
 
-var _chunkSG2KPTGOcjs = require('./chunk-SG2KPTGO.cjs');
+var _chunkWDTLFMRWcjs = require('./chunk-WDTLFMRW.cjs');
 
 
 
-var _chunkP6UMWA4Ccjs = require('./chunk-P6UMWA4C.cjs');
+var _chunkDLJDS3PPcjs = require('./chunk-DLJDS3PP.cjs');
 
 
-var _chunkVIVS4Q34cjs = require('./chunk-VIVS4Q34.cjs');
+var _chunkKNOF6XGCcjs = require('./chunk-KNOF6XGC.cjs');
 
 
-var _chunkZ4U2SJAWcjs = require('./chunk-Z4U2SJAW.cjs');
+var _chunkOIVMDDPCcjs = require('./chunk-OIVMDDPC.cjs');
 
 
 
-var _chunkHZTYSFYDcjs = require('./chunk-HZTYSFYD.cjs');
+var _chunkQ4I5RD7Gcjs = require('./chunk-Q4I5RD7G.cjs');
 
 
-var _chunkJQAMMNYAcjs = require('./chunk-JQAMMNYA.cjs');
+var _chunkS6OGIIJCcjs = require('./chunk-S6OGIIJC.cjs');
 
 
-var _chunkRC7657RRcjs = require('./chunk-RC7657RR.cjs');
+var _chunkDSTWBIG7cjs = require('./chunk-DSTWBIG7.cjs');
 
 
 
-var _chunkBXREC2NYcjs = require('./chunk-BXREC2NY.cjs');
+var _chunkGSQGDJAVcjs = require('./chunk-GSQGDJAV.cjs');
 
 
 var _chunk6VA4SAHQcjs = require('./chunk-6VA4SAHQ.cjs');
@@ -59,7 +59,7 @@ function PageSection({
   headerOffset = 0
 }) {
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, StyledPageSection, { scrollMarginTop: headerOffset + _chunk46AVXTFOcjs.pageSectionScrollOffset, children: [
-    title ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkP6UMWA4Ccjs.Heading, { type: "h3", id: sectionId, mt: 0, mb: 40, children: title }) : null,
+    title ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDLJDS3PPcjs.Heading, { type: "h3", id: sectionId, mt: 0, mb: 40, children: title }) : null,
     children
   ] });
 }
@@ -79,7 +79,7 @@ var StyledPageSection = _styled2.default.div`
     scroll-margin-top: ${({ scrollMarginTop }) => scrollMarginTop}px !important;
   }
 `;
-var PageSectionSubheading = _chunkP6UMWA4Ccjs.headingWithDefaults.call(void 0, {
+var PageSectionSubheading = _chunkDLJDS3PPcjs.headingWithDefaults.call(void 0, {
   type: "h4",
   mb: 32
 });
@@ -121,18 +121,18 @@ function PageSectionBoxAction({
   toParams
 }) {
   const theme = _react.useTheme.call(void 0, );
-  return loading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVIVS4Q34cjs.Loading, { size: 12, center: false }) }) : icon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZ4U2SJAWcjs.UnstyledButton, { onClick: icon.onClick, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRC7657RRcjs.Icon, { name: icon.name, width: 12, color: "mcNeutral" }) }) }) : dropdownItems ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunk7NSPVTCTcjs.Dropdown,
+  return loading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkKNOF6XGCcjs.Loading, { size: 12, center: false }) }) : icon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkOIVMDDPCcjs.UnstyledButton, { onClick: icon.onClick, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDSTWBIG7cjs.Icon, { name: icon.name, width: 12, color: "mcNeutral" }) }) }) : dropdownItems ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunkVASSEH55cjs.Dropdown,
     {
       button: {
-        getContent: () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRC7657RRcjs.Icon, { name: "DotGrid1x3Horizontal", width: 16 })
+        getContent: () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDSTWBIG7cjs.Icon, { name: "DotGrid1x3Horizontal", width: 16 })
       },
       dropdownItems
     }
-  ) : isDelete ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZ4U2SJAWcjs.UnstyledButton, { css: { color: theme.mcNeutral }, onClick, children: "Delete" }) : label ? (
+  ) : isDelete ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkOIVMDDPCcjs.UnstyledButton, { css: { color: theme.mcNeutral }, onClick, children: "Delete" }) : label ? (
     /* Extra div for proper default alignment inside flex contexts */
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkK2DWTV3Ccjs.TextButton,
+      _chunk7662CURDcjs.TextButton,
       {
         leftIcon: icon,
         text: label,
@@ -164,7 +164,7 @@ var PageSectionBoxActionRow = ({
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, PageSectionBoxTitle, { children: [
             /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { children: [
               title,
-              titleBadge ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHZTYSFYDcjs.Badge, { content: titleBadge, ml: 4, kind: titleBadgeKind }) : null
+              titleBadge ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkQ4I5RD7Gcjs.Badge, { content: titleBadge, ml: 4, kind: titleBadgeKind }) : null
             ] }),
             titleRightContent
           ] }),
@@ -202,7 +202,7 @@ var SPageSectionBoxActionRow = _styled2.default.div`
 
   ${({ separator, theme }) => separator && `
       border-top: 1px solid;
-      ${_chunkSG2KPTGOcjs.standardBorderColor.call(void 0, { theme }).styles};
+      ${_chunkWDTLFMRWcjs.standardBorderColor.call(void 0, { theme }).styles};
       padding-top: 32px;
     `}
 `;
@@ -220,7 +220,7 @@ function PageSectionBox({
   children
 }) {
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, StyledPageSectionBox, { children: [
-    description && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PageSectionBoxDescription, { children: _chunkJQAMMNYAcjs.toReactNodes.call(void 0, description) }),
+    description && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PageSectionBoxDescription, { children: _chunkS6OGIIJCcjs.toReactNodes.call(void 0, description) }),
     children,
     (action == null ? void 0 : action.label) ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { css: { marginTop: "12px" }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PageSectionBoxAction, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, action)) }) : null
   ] });
@@ -232,30 +232,30 @@ var StyledPageSectionBox = _styled2.default.div`
 
   & > ${PageSectionBoxRow}, & {
     border: 1px solid;
-    ${_chunkSG2KPTGOcjs.standardBorderColor}
+    ${_chunkWDTLFMRWcjs.standardBorderColor}
   }
 
-  ${_chunkBXREC2NYcjs.standardBorderRadius.call(void 0, 8)}
+  ${_chunkGSQGDJAVcjs.standardBorderRadius.call(void 0, 8)}
   padding: 16px;
 
   /* PageSectionBoxRow and PageSectionBoxColumn manage their own borders: */
   &:has(> ${PageSectionBoxRow}) {
     border: none;
     padding: 0;
-    ${_chunkBXREC2NYcjs.standardBorderRadius.call(void 0, 0)}
+    ${_chunkGSQGDJAVcjs.standardBorderRadius.call(void 0, 0)}
   }
 
   & > ${PageSectionBoxRow} {
     &:first-of-type {
-      ${_chunkBXREC2NYcjs.standardBorderRadius.call(void 0, [12, 12, 0, 0])}
+      ${_chunkGSQGDJAVcjs.standardBorderRadius.call(void 0, [12, 12, 0, 0])}
     }
 
     &:last-of-type {
-      ${_chunkBXREC2NYcjs.standardBorderRadius.call(void 0, [0, 0, 12, 12])}
+      ${_chunkGSQGDJAVcjs.standardBorderRadius.call(void 0, [0, 0, 12, 12])}
     }
 
     &:only-of-type {
-      ${_chunkBXREC2NYcjs.standardBorderRadius.call(void 0, 12)}
+      ${_chunkGSQGDJAVcjs.standardBorderRadius.call(void 0, 12)}
     }
 
     &:not(:last-of-type) {
@@ -267,7 +267,7 @@ var StyledPageSectionBox = _styled2.default.div`
       ${_chunkKW3JYLRIcjs.bp.sm(`padding: 16px;`)}
       &:not(:first-of-type) {
         border-left: solid 1px;
-        ${_chunkSG2KPTGOcjs.standardBorderColor}
+        ${_chunkWDTLFMRWcjs.standardBorderColor}
       }
     }
 
@@ -277,7 +277,7 @@ var StyledPageSectionBox = _styled2.default.div`
           &:not(:first-of-type) {
             border-left: 0 !important;
             border-top: solid 1px;
-            ${_chunkSG2KPTGOcjs.standardBorderColor.call(void 0, { theme }).styles};
+            ${_chunkWDTLFMRWcjs.standardBorderColor.call(void 0, { theme }).styles};
           }
         }
       `)}
@@ -290,7 +290,7 @@ var PageSectionBoxTitle = _styled2.default.div`
   justify-content: space-between;
   font-size: ${({ lg }) => lg ? 14 : 12}px;
   font-weight: 600;
-  line-height: ${({ lg }) => _chunkBXREC2NYcjs.standardLineHeightEms * (lg ? 14 : 12) + _chunkHZTYSFYDcjs.badgeSmVPadding * 2}px;
+  line-height: ${({ lg }) => _chunkGSQGDJAVcjs.standardLineHeightEms * (lg ? 14 : 12) + _chunkQ4I5RD7Gcjs.badgeSmVPadding * 2}px;
 `;
 var PageSectionBoxDescription = _styled2.default.div`
   color: ${({ theme }) => theme.mcNeutral};

package/dist/{chunk-HBHJ3IFP.cjs → chunk-2MT546OV.cjs}

@@ -1,15 +1,15 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkBXREC2NYcjs = require('./chunk-BXREC2NY.cjs');
+var _chunkGSQGDJAVcjs = require('./chunk-GSQGDJAV.cjs');
 
 // src/styles/utils.tsx
 var _react = require('@emotion/react');
 function pxToRems(rems, asNum = false) {
-  const value = (rems / _chunkBXREC2NYcjs.rootFontSizePx).toFixed(6);
+  const value = (rems / _chunkGSQGDJAVcjs.rootFontSizePx).toFixed(6);
   return asNum ? Number(value) : `${value}rem`;
 }
 function remsToPx(rems, asNum = false) {
-  const value = (_chunkBXREC2NYcjs.rootFontSizePx * rems).toFixed(6);
+  const value = (_chunkGSQGDJAVcjs.rootFontSizePx * rems).toFixed(6);
   return asNum ? Number(value) : `${value}px`;
 }
 var extend = (...args) => _react.css.call(void 0, ...args);

package/dist/{chunk-3QF6DSMI.js → chunk-2NDU546A.js}

@@ -1,9 +1,9 @@
 import {
   CopyToClipboardButton
-} from "./chunk-QHJ6MFJR.js";
+} from "./chunk-PSF37MHQ.js";
 import {
   standardBorderRadius
-} from "./chunk-RURWLQBJ.js";
+} from "./chunk-B73N7I6O.js";
 
 // src/components/SecretContainer.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-6XKYMGKE.js → chunk-2ZHFS273.js}

@@ -1,9 +1,9 @@
 import {
   Icon
-} from "./chunk-SYTKAZOH.js";
+} from "./chunk-MNNK5Z6E.js";
 import {
   getColor
-} from "./chunk-GBEYKWHU.js";
+} from "./chunk-V7XAF6D2.js";
 import {
   __objRest,
   __spreadProps,

package/dist/{chunk-H5DRJQHE.cjs → chunk-35GKL4CI.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkHBHJ3IFPcjs = require('./chunk-HBHJ3IFP.cjs');
+var _chunk2MT546OVcjs = require('./chunk-2MT546OV.cjs');
 
 // src/components/StatusIndicator.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -15,7 +15,7 @@ function StatusIndicator({
 }
 var StyledStatusIndicator = _styled2.default.div`
   color: ${({ theme, color }) => theme[color]};
-  font-size: ${({ size }) => _chunkHBHJ3IFPcjs.pxToRems.call(void 0, size)};
+  font-size: ${({ size }) => _chunk2MT546OVcjs.pxToRems.call(void 0, size)};
   font-weight: ${({ fontWeight }) => fontWeight};
 `;
 

package/dist/chunk-366NWQOG.cjs

@@ -0,0 +1,60 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _chunkSRQOHPZYcjs = require('./chunk-SRQOHPZY.cjs');
+
+
+var _chunkDKSYVSJYcjs = require('./chunk-DKSYVSJY.cjs');
+
+
+var _chunkZALNXS4Vcjs = require('./chunk-ZALNXS4V.cjs');
+
+
+var _chunk4HR2BPCTcjs = require('./chunk-4HR2BPCT.cjs');
+
+
+var _chunk36ZV5MBBcjs = require('./chunk-36ZV5MBB.cjs');
+
+
+var _chunkXGFG4VD5cjs = require('./chunk-XGFG4VD5.cjs');
+
+
+var _chunk7Z5BOG4Lcjs = require('./chunk-7Z5BOG4L.cjs');
+
+
+var _chunkLJ2GWN2Hcjs = require('./chunk-LJ2GWN2H.cjs');
+
+
+var _chunkFFZCWSNGcjs = require('./chunk-FFZCWSNG.cjs');
+
+
+var _chunkA2NWCBIYcjs = require('./chunk-A2NWCBIY.cjs');
+
+
+var _chunkFMQOOQNLcjs = require('./chunk-FMQOOQNL.cjs');
+
+// src/components/typography/renderTypography.tsx
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+var typographyMap = {
+  Display: _chunkLJ2GWN2Hcjs.DisplayString,
+  Headline: _chunkFMQOOQNLcjs.HeadlineString,
+  Title: _chunkXGFG4VD5cjs.TitleString,
+  Body: _chunkFFZCWSNGcjs.BodyString,
+  "Body Strong": _chunkA2NWCBIYcjs.BodyStrongString,
+  Label: _chunkZALNXS4Vcjs.LabelString,
+  "Label Moderate": _chunk4HR2BPCTcjs.LabelModerateString,
+  "Label Strong": _chunk36ZV5MBBcjs.LabelStrongString,
+  Overline: _chunkSRQOHPZYcjs.OverlineString,
+  Code: _chunk7Z5BOG4Lcjs.CodeString,
+  "Code Strong": _chunk7Z5BOG4Lcjs.CodeString,
+  Btn: _chunkDKSYVSJYcjs.BtnString
+};
+var renderTypography = (typographyType, typographyProps) => {
+  const TypographyComponent = typographyMap[typographyType];
+  const { children } = typographyProps;
+  return _react2.default.createElement(TypographyComponent, typographyProps, children);
+};
+
+
+
+
+exports.typographyMap = typographyMap; exports.renderTypography = renderTypography;

package/dist/{chunk-L2WFNVYR.cjs → chunk-36ZV5MBB.cjs}

@@ -6,7 +6,7 @@ var _chunkU6XO2EF4cjs = require('./chunk-U6XO2EF4.cjs');
 var _chunkB2MHM6CYcjs = require('./chunk-B2MHM6CY.cjs');
 
 
-var _chunkG6GE2K3Lcjs = require('./chunk-G6GE2K3L.cjs');
+var _chunkEFUO4VCAcjs = require('./chunk-EFUO4VCA.cjs');
 
 
 
@@ -24,7 +24,7 @@ function getPropDefaults(props) {
   return _chunkU6XO2EF4cjs.getPropDefaultsBase.call(void 0, props, { as: props.tag || "span" });
 }
 var StyledLabelStrong = _styled2.default.span`
-  ${({ theme, size, colorProp }) => _chunkG6GE2K3Lcjs.applyTypography.call(void 0, theme, "Label Strong", size, colorProp)}
+  ${({ theme, size, colorProp }) => _chunkEFUO4VCAcjs.applyTypography.call(void 0, theme, "Label Strong", size, colorProp)}
   ${_chunkB2MHM6CYcjs.typographyStyles}
 `;
 

package/dist/{chunk-MMQON4EE.js → chunk-3A65FDXQ.js}

@@ -1,6 +1,6 @@
 import {
   standardFocusOutline
-} from "./chunk-RURWLQBJ.js";
+} from "./chunk-B73N7I6O.js";
 
 // src/components/UnstyledButton.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-A2QAQ3JD.js → chunk-3OY2OJFQ.js}

@@ -1,6 +1,6 @@
 import {
   LabelModerate
-} from "./chunk-GQF2QSF6.js";
+} from "./chunk-QMD63NFZ.js";
 import {
   Spacing
 } from "./chunk-E5DUKMCU.js";

package/dist/{chunk-AZ3RYGYM.js → chunk-3PDB5N46.js}

@@ -1,6 +1,6 @@
 import {
   ToggleContainer
-} from "./chunk-IFK2L3FR.js";
+} from "./chunk-QYXFVA4O.js";
 import {
   InputSubtext,
   defaultTextInputTypography,
@@ -8,39 +8,39 @@ import {
   inputSpacingPx,
   textInputPlaceholderColor,
   textInputStyle
-} from "./chunk-YCSXA2KQ.js";
+} from "./chunk-ULTSHCPV.js";
 import {
   Loading
-} from "./chunk-ZRTRNIBE.js";
+} from "./chunk-RTJLPD5V.js";
 import {
   CheckboxContainer
-} from "./chunk-KMGO5XJY.js";
+} from "./chunk-AUPQWM74.js";
 import {
   Tooltip
-} from "./chunk-GDNHDUCE.js";
+} from "./chunk-3RRZQG56.js";
 import {
   UnstyledButton
-} from "./chunk-MMQON4EE.js";
+} from "./chunk-3A65FDXQ.js";
 import {
   z
 } from "./chunk-55OQPFLF.js";
 import {
   toReactNodes
-} from "./chunk-W5L3SQ2I.js";
+} from "./chunk-2C4XFGJH.js";
 import {
   Icon,
   IconContainer
-} from "./chunk-SYTKAZOH.js";
+} from "./chunk-MNNK5Z6E.js";
 import {
   standardBorderRadius
-} from "./chunk-RURWLQBJ.js";
+} from "./chunk-B73N7I6O.js";
 import {
   applyTypography
-} from "./chunk-GQD4IOTB.js";
+} from "./chunk-I3KWQ42J.js";
 import {
   getBackgroundColor,
   getFontColor
-} from "./chunk-GBEYKWHU.js";
+} from "./chunk-V7XAF6D2.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/{chunk-GDNHDUCE.js → chunk-3RRZQG56.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-55OQPFLF.js";
 import {
   overlaySurface
-} from "./chunk-RURWLQBJ.js";
+} from "./chunk-B73N7I6O.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/{chunk-7777ZFRL.cjs → chunk-4BQLWFUT.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkYWJN4224cjs = require('./chunk-YWJN4224.cjs');
+var _chunkYMBLAX7Qcjs = require('./chunk-YMBLAX7Q.cjs');
 
 
 
@@ -8,39 +8,39 @@ var _chunkYWJN4224cjs = require('./chunk-YWJN4224.cjs');
 
 
 
-var _chunkSG2KPTGOcjs = require('./chunk-SG2KPTGO.cjs');
+var _chunkWDTLFMRWcjs = require('./chunk-WDTLFMRW.cjs');
 
 
-var _chunkVIVS4Q34cjs = require('./chunk-VIVS4Q34.cjs');
+var _chunkKNOF6XGCcjs = require('./chunk-KNOF6XGC.cjs');
 
 
-var _chunkKAUJVYDVcjs = require('./chunk-KAUJVYDV.cjs');
+var _chunkHWG43LXIcjs = require('./chunk-HWG43LXI.cjs');
 
 
-var _chunk3XDR6H5Qcjs = require('./chunk-3XDR6H5Q.cjs');
+var _chunkY34U46ILcjs = require('./chunk-Y34U46IL.cjs');
 
 
-var _chunkZ4U2SJAWcjs = require('./chunk-Z4U2SJAW.cjs');
+var _chunkOIVMDDPCcjs = require('./chunk-OIVMDDPC.cjs');
 
 
 var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
-var _chunkJQAMMNYAcjs = require('./chunk-JQAMMNYA.cjs');
+var _chunkS6OGIIJCcjs = require('./chunk-S6OGIIJC.cjs');
 
 
 
-var _chunkRC7657RRcjs = require('./chunk-RC7657RR.cjs');
+var _chunkDSTWBIG7cjs = require('./chunk-DSTWBIG7.cjs');
 
 
-var _chunkBXREC2NYcjs = require('./chunk-BXREC2NY.cjs');
+var _chunkGSQGDJAVcjs = require('./chunk-GSQGDJAV.cjs');
 
 
-var _chunkG6GE2K3Lcjs = require('./chunk-G6GE2K3L.cjs');
+var _chunkEFUO4VCAcjs = require('./chunk-EFUO4VCA.cjs');
 
 
 
-var _chunkEINUB4JIcjs = require('./chunk-EINUB4JI.cjs');
+var _chunkWZIDVP2Ucjs = require('./chunk-WZIDVP2U.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, {}, _chunkSG2KPTGOcjs.defaultTextInputTypography), textInputProps.typography)
+    typography: _chunkYM5JDZDQcjs.__spreadValues.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, _chunkWDTLFMRWcjs.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, 
-            _chunkRC7657RRcjs.Icon,
+            _chunkDSTWBIG7cjs.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, _chunkVIVS4Q34cjs.Loading, { center: false, size: rightIconWidth }) : props.icon && iconSide === "right" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkRC7657RRcjs.Icon,
+          children: props.loading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkKNOF6XGCcjs.Loading, { center: false, size: rightIconWidth }) : props.icon && iconSide === "right" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            _chunkDSTWBIG7cjs.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) ? _chunkJQAMMNYAcjs.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) ? _chunkS6OGIIJCcjs.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, 
-      _chunkSG2KPTGOcjs.InputSubtext,
+      _chunkWDTLFMRWcjs.InputSubtext,
       {
         text: props.error || props.success || props.hint,
         content: props.contentError || props.contentSuccess,
@@ -269,11 +269,11 @@ function TextInput(textInputProps) {
         subTextPaddingX: props.subTextPaddingX
       }
     ),
-    props.hintTooltip ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3XDR6H5Qcjs.Tooltip, { id: hintTooltipId, content: props.hintTooltip, place: "right" }) : null
+    props.hintTooltip ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkY34U46ILcjs.Tooltip, { id: hintTooltipId, content: props.hintTooltip, place: "right" }) : null
   ] });
 }
 var TextInputSelect = _styled2.default.select`
-  ${({ typography, theme }) => _chunkG6GE2K3Lcjs.applyTypography.call(void 0, theme, typography.type, typography.size, typography.color)}
+  ${({ typography, theme }) => _chunkEFUO4VCAcjs.applyTypography.call(void 0, theme, typography.type, typography.size, typography.color)}
   position: absolute;
   z-index: ${_chunkZU72XWNEcjs.z.textInput + 1};
   border: none;
@@ -284,10 +284,10 @@ var TextInputSelect = _styled2.default.select`
   width: ${({ widthProp }) => `${widthProp}px`};
 `;
 var WithIcon = _styled2.default.div`
-  ${_chunkBXREC2NYcjs.standardBorderRadius.call(void 0, 8)}
+  ${_chunkGSQGDJAVcjs.standardBorderRadius.call(void 0, 8)}
   position: relative;
 
-  & ${_chunkRC7657RRcjs.IconContainer.toString()} {
+  & ${_chunkDSTWBIG7cjs.IconContainer.toString()} {
     z-index: ${_chunkZU72XWNEcjs.z.textInput + 1};
   }
 `;
@@ -301,10 +301,10 @@ var TextInputIconContainer = _styled2.default.div`
   display: flex;
   align-items: center;
   cursor: ${({ onClick }) => onClick ? "pointer" : "auto"};
-  color: ${({ focused, hasValue, theme, colorProp }) => focused || hasValue ? _chunkEINUB4JIcjs.getFontColor.call(void 0, theme, colorProp) : _chunkSG2KPTGOcjs.textInputPlaceholderColor.call(void 0, { theme })};
+  color: ${({ focused, hasValue, theme, colorProp }) => focused || hasValue ? _chunkWZIDVP2Ucjs.getFontColor.call(void 0, theme, colorProp) : _chunkWDTLFMRWcjs.textInputPlaceholderColor.call(void 0, { theme })};
 `;
 var Input = _styled2.default.input`
-  ${_chunkSG2KPTGOcjs.textInputStyle};
+  ${_chunkWDTLFMRWcjs.textInputStyle};
   ${({ partialBorderRadius }) => getPartialBorderRadiusCSS(partialBorderRadius)}
   // disable autofill styles in chrome https://stackoverflow.com/a/68240841/9808766
   &:-webkit-autofill,
@@ -327,7 +327,7 @@ var RightButtonAligner = _styled2.default.div`
   display: flex;
   align-items: center;
 `;
-var RightButton = _styled2.default.call(void 0, _chunkZ4U2SJAWcjs.UnstyledButton)`
+var RightButton = _styled2.default.call(void 0, _chunkOIVMDDPCcjs.UnstyledButton)`
   border-radius: 4px;
   border: none;
   background-color: ${({ theme }) => theme.vlcNeutral};
@@ -341,11 +341,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) ? _chunkSG2KPTGOcjs.getBorderRadiusCSS.call(void 0, labelOptions.borderRadius) : "8px"};
+  border-radius: ${({ labelOptions }) => (labelOptions == null ? void 0 : labelOptions.borderRadius) ? _chunkWDTLFMRWcjs.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) ? _chunkEINUB4JIcjs.getBackgroundColor.call(void 0, theme, labelOptions.backgroundColor) : theme.bg};
+  background-color: ${({ theme, labelOptions }) => (labelOptions == null ? void 0 : labelOptions.backgroundColor) ? _chunkWZIDVP2Ucjs.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`};
@@ -357,7 +357,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: ${_chunkSG2KPTGOcjs.inputSpacingPx}px;
+  margin-top: ${_chunkWDTLFMRWcjs.inputSpacingPx}px;
   display: flex;
   justify-content: space-between;
   gap: 16px;
@@ -375,18 +375,18 @@ var StyledTextInput = _styled2.default.div`
 
   /* eg forms, should be left consistent: */
   & + & {
-    margin-top: ${({ marginTop }) => marginTop !== void 0 ? `${marginTop}px` : `${_chunkSG2KPTGOcjs.inputSpacingPx}px`};
+    margin-top: ${({ marginTop }) => marginTop !== void 0 ? `${marginTop}px` : `${_chunkWDTLFMRWcjs.inputSpacingPx}px`};
   }
 
   ${TextInputHalfRow.toString()} & + & {
     margin-top: 0;
   }
 
-  ${_chunkKAUJVYDVcjs.CheckboxContainer.toString()} + &,
-  ${_chunkYWJN4224cjs.ToggleContainer.toString()} + &,
-  & + ${_chunkKAUJVYDVcjs.CheckboxContainer.toString()},
-  & + ${_chunkYWJN4224cjs.ToggleContainer.toString()} {
-    margin-top: ${_chunkSG2KPTGOcjs.inputSpacingPx}px;
+  ${_chunkHWG43LXIcjs.CheckboxContainer.toString()} + &,
+  ${_chunkYMBLAX7Qcjs.ToggleContainer.toString()} + &,
+  & + ${_chunkHWG43LXIcjs.CheckboxContainer.toString()},
+  & + ${_chunkYMBLAX7Qcjs.ToggleContainer.toString()} {
+    margin-top: ${_chunkWDTLFMRWcjs.inputSpacingPx}px;
   }
 `;
 var InputContainer = _styled2.default.div`