@lightsparkdev/ui 1.1.18 → 1.1.19

package/dist/{chunk-E5FIL3LW.cjs → chunk-PVXV4F6A.cjs}

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunk24X6QUDRcjs = require('./chunk-24X6QUDR.cjs');
+var _chunkGGV45LN2cjs = require('./chunk-GGV45LN2.cjs');
 
 
 
-var _chunkFWDEJU4Tcjs = require('./chunk-FWDEJU4T.cjs');
+var _chunkSKSQ6QOUcjs = require('./chunk-SKSQ6QOU.cjs');
 
 
 
@@ -13,12 +13,12 @@ var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
 // src/components/typography/Body.tsx
 var _jsxruntime = require('@emotion/react/jsx-runtime');
 function Body(props) {
-  const propsWithDefaults = _chunkFWDEJU4Tcjs.getPropDefaults.call(void 0, props);
+  const propsWithDefaults = _chunkSKSQ6QOUcjs.getPropDefaults.call(void 0, props);
   let reactNodes = props.children || null;
   if (props.content) {
-    reactNodes = _chunk24X6QUDRcjs.toReactNodes.call(void 0, props.content);
+    reactNodes = _chunkGGV45LN2cjs.toReactNodes.call(void 0, props.content);
   }
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFWDEJU4Tcjs.StyledBody, _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, propsWithDefaults), { children: reactNodes }));
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSKSQ6QOUcjs.StyledBody, _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, propsWithDefaults), { children: reactNodes }));
 }
 
 

package/dist/chunk-PXQJP6WD.js

@@ -0,0 +1,33 @@
+// src/components/CountryFlag/CountryFlagImg.tsx
+import styled from "@emotion/styled";
+import { jsx } from "@emotion/react/jsx-runtime";
+function CountryFlagImg({
+  countryCode,
+  height = 32,
+  flagUrls,
+  placeholderUrl
+}) {
+  const imgSrc = flagUrls[countryCode.toLowerCase()];
+  if (!imgSrc && !placeholderUrl) {
+    return /* @__PURE__ */ jsx(Placeholder, { style: { width: height, height } });
+  }
+  return /* @__PURE__ */ jsx(
+    StyledCountryFlagImg,
+    {
+      alt: `${countryCode} country flag`,
+      src: imgSrc || placeholderUrl,
+      height
+    }
+  );
+}
+var StyledCountryFlagImg = styled.img`
+  border-radius: 999px;
+`;
+var Placeholder = styled.div`
+  border-radius: 999px;
+  background: #e0e0e0;
+`;
+
+export {
+  CountryFlagImg
+};

package/dist/{chunk-RSYA7GPP.cjs → chunk-QC6PGCTV.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunk55564BFHcjs = require('./chunk-55564BFH.cjs');
+var _chunk5LUIJ57Gcjs = require('./chunk-5LUIJ57G.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, 
-    _chunk55564BFHcjs.CodeInput,
+    _chunk5LUIJ57Gcjs.CodeInput,
     {
       codeLength: 6,
       onSubmit,

package/dist/{chunk-Y7PBSDLP.cjs → chunk-QN7ZRGAO.cjs}

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

package/dist/{chunk-QR2JEUCA.cjs → chunk-QNI3SDOU.cjs}

@@ -3,10 +3,10 @@
 var _chunk46AVXTFOcjs = require('./chunk-46AVXTFO.cjs');
 
 
-var _chunkR27RYNHUcjs = require('./chunk-R27RYNHU.cjs');
+var _chunkSXMPLDMIcjs = require('./chunk-SXMPLDMI.cjs');
 
 
-var _chunkWUHIPLEUcjs = require('./chunk-WUHIPLEU.cjs');
+var _chunkKHNI4BLBcjs = require('./chunk-KHNI4BLB.cjs');
 
 
 var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
@@ -45,20 +45,20 @@ var StyledPageSectionNavItem = _styled2.default.li`
   display: flex;
   list-style: none;
 
-  ${_chunkWUHIPLEUcjs.IconContainer}:not(:first-of-type) {
+  ${_chunkKHNI4BLBcjs.IconContainer}:not(:first-of-type) {
     visibility: hidden;
   }
 
   &:hover {
     color: ${({ theme }) => theme.hcNeutral};
 
-    ${_chunkWUHIPLEUcjs.IconContainer} {
+    ${_chunkKHNI4BLBcjs.IconContainer} {
       visibility: visible;
     }
   }
 `;
 var PageSectionListItem = ({ leftIcon, label, sectionId }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledPageSectionNavItem, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-  _chunkR27RYNHUcjs.TextButton,
+  _chunkSXMPLDMIcjs.TextButton,
   {
     text: label,
     padding: "8px 0",

package/dist/{chunk-5IB74GCV.js → chunk-QO63KDZX.js}

@@ -2,7 +2,7 @@ import {
   InputSubtext,
   Label,
   textInputStyle
-} from "./chunk-LJJL3R4H.js";
+} from "./chunk-PMTOT657.js";
 
 // src/components/TextArea.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-TBX6ZRPC.js → chunk-QQ3GU4LB.js}

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

package/dist/{chunk-SU2QIY54.cjs → chunk-QQNBGQC3.cjs}

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

package/dist/{chunk-QA6WS2XF.js → chunk-QS4U4EZX.js}

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

package/dist/{chunk-P5XIM7W2.cjs → chunk-QXYZQSLF.cjs}

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunk24X6QUDRcjs = require('./chunk-24X6QUDR.cjs');
+var _chunkGGV45LN2cjs = require('./chunk-GGV45LN2.cjs');
 
 
 
-var _chunkXXK54ZJXcjs = require('./chunk-XXK54ZJX.cjs');
+var _chunkGGRX5WH6cjs = require('./chunk-GGRX5WH6.cjs');
 
 
 
@@ -13,12 +13,12 @@ var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
 // src/components/typography/Btn.tsx
 var _jsxruntime = require('@emotion/react/jsx-runtime');
 function Btn(props) {
-  const propsWithDefaults = _chunkXXK54ZJXcjs.getPropDefaults.call(void 0, props);
+  const propsWithDefaults = _chunkGGRX5WH6cjs.getPropDefaults.call(void 0, props);
   let reactNodes = props.children || null;
   if (props.content) {
-    reactNodes = _chunk24X6QUDRcjs.toReactNodes.call(void 0, props.content);
+    reactNodes = _chunkGGV45LN2cjs.toReactNodes.call(void 0, props.content);
   }
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXXK54ZJXcjs.StyledBtn, _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, propsWithDefaults), { children: reactNodes }));
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGGRX5WH6cjs.StyledBtn, _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, propsWithDefaults), { children: reactNodes }));
 }
 
 

package/dist/{chunk-S3WWT4WN.js → chunk-REJT2JWX.js}

@@ -1,6 +1,6 @@
 import {
   DateWidget
-} from "./chunk-BQMMAL2P.js";
+} from "./chunk-TLAVB2MP.js";
 import {
   DateRangeOperation,
   MAX_DATE,
@@ -12,19 +12,19 @@ import {
 } from "./chunk-MS4Y7HXG.js";
 import {
   Filter
-} from "./chunk-M2JUIDYJ.js";
+} from "./chunk-SV54TB3K.js";
 import {
   Select_default
-} from "./chunk-JVCHMH2C.js";
+} from "./chunk-Z5B7ONRF.js";
 import {
   TextInput
-} from "./chunk-VMMTAIK4.js";
+} from "./chunk-YTW43PQ4.js";
 import {
   Spacing
 } from "./chunk-E5DUKMCU.js";
 import {
   Button
-} from "./chunk-HPEJTNFY.js";
+} from "./chunk-Z5KEMXBO.js";
 import {
   z
 } from "./chunk-55OQPFLF.js";

package/dist/{chunk-UF4LJGYR.js → chunk-REXFK7UE.js}

@@ -3,37 +3,37 @@ import {
 } from "./chunk-JJC2AUQ3.js";
 import {
   TextButton
-} from "./chunk-2AKHQHAZ.js";
+} from "./chunk-NU7LIKJ4.js";
 import {
   Dropdown
-} from "./chunk-4F5MMMQP.js";
+} from "./chunk-73HGBBO5.js";
 import {
   standardBorderColor
-} from "./chunk-LJJL3R4H.js";
+} from "./chunk-PMTOT657.js";
+import {
+  Badge,
+  badgeSmVPadding
+} from "./chunk-YMJF6XVJ.js";
+import {
+  toReactNodes
+} from "./chunk-YDKHMGTJ.js";
 import {
   Heading,
   headingWithDefaults
-} from "./chunk-PUHX6WRA.js";
+} from "./chunk-FAXSFXJR.js";
 import {
   Loading
-} from "./chunk-YEWALNNL.js";
+} from "./chunk-KDRDPL5B.js";
 import {
   UnstyledButton
-} from "./chunk-JJR6BLFQ.js";
-import {
-  Badge,
-  badgeSmVPadding
-} from "./chunk-KVZDA2LV.js";
-import {
-  toReactNodes
-} from "./chunk-JGQA7X73.js";
+} from "./chunk-JAKQ2K4G.js";
 import {
   Icon
-} from "./chunk-THGCS55L.js";
+} from "./chunk-FSTORN5W.js";
 import {
   standardBorderRadius,
   standardLineHeightEms
-} from "./chunk-6LWM35PR.js";
+} from "./chunk-6MM3TWSM.js";
 import {
   select
 } from "./chunk-YMNSXZ5D.js";

package/dist/{chunk-KSHQ37SR.js → chunk-RQ6ORYLC.js}

@@ -2,29 +2,29 @@ import {
   bannerTiming
 } from "./chunk-E3FGOYEJ.js";
 import {
-  z
-} from "./chunk-55OQPFLF.js";
+  useResizeObserver
+} from "./chunk-ZSWFGISK.js";
 import {
   toReactNodes
-} from "./chunk-JGQA7X73.js";
+} from "./chunk-YDKHMGTJ.js";
+import {
+  z
+} from "./chunk-55OQPFLF.js";
 import {
   Icon
-} from "./chunk-THGCS55L.js";
+} from "./chunk-FSTORN5W.js";
 import {
   Link
-} from "./chunk-MOYKPHLM.js";
+} from "./chunk-ZOYEWZAN.js";
 import {
   getColor
-} from "./chunk-YAXYAKUK.js";
+} from "./chunk-52MQ2ZDT.js";
 import {
   bp
 } from "./chunk-JSGRNWSB.js";
 import {
   colors
 } from "./chunk-4BTMZ2KB.js";
-import {
-  useResizeObserver
-} from "./chunk-ZSWFGISK.js";
 
 // src/components/Banner/Banner.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-JAYXGBJF.js → chunk-RRCCS2SJ.js}

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

package/dist/chunk-RUYP2JCV.cjs

@@ -0,0 +1,26 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/GridLogo.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function GridLogo({ fill = "currentColor" }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "svg",
+    {
+      width: "100%",
+      viewBox: "0 0 10.4 10.4",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "path",
+        {
+          d: "M4.28801 0V3.05605H6.11199V0H10.4V4.28801H7.34395V6.11199H10.4V10.4H6.11199V7.34395H4.28801V10.4H0V6.11199H3.05605V4.28801H0V0H4.28801ZM7.34395 9.16804H9.16804V7.34395H7.34395V9.16804ZM1.23196 9.16804H3.05605V7.34395H1.23196V9.16804ZM4.28801 6.11199H6.11199V4.28801H4.28801V6.11199ZM7.34395 3.05605H9.16804V1.23196H7.34395V3.05605ZM1.23196 3.05605H3.05605V1.23196H1.23196V3.05605Z",
+          fill,
+          fillRule: "evenodd",
+          clipRule: "evenodd"
+        }
+      )
+    }
+  );
+}
+
+
+
+exports.GridLogo = GridLogo;

package/dist/{chunk-J45K2BET.cjs → chunk-SDOGCRKD.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunk5IQ6G7A5cjs = require('./chunk-5IQ6G7A5.cjs');
+var _chunkFGJTIWFXcjs = require('./chunk-FGJTIWFX.cjs');
 
 
 
@@ -8,39 +8,39 @@ var _chunk5IQ6G7A5cjs = require('./chunk-5IQ6G7A5.cjs');
 
 
 
-var _chunkS4722UITcjs = require('./chunk-S4722UIT.cjs');
+var _chunkBZD34V76cjs = require('./chunk-BZD34V76.cjs');
 
 
-var _chunkFRDJP2ZRcjs = require('./chunk-FRDJP2ZR.cjs');
+var _chunkHEDQL5EPcjs = require('./chunk-HEDQL5EP.cjs');
 
 
-var _chunkI4RTWH7Kcjs = require('./chunk-I4RTWH7K.cjs');
+var _chunkGGV45LN2cjs = require('./chunk-GGV45LN2.cjs');
 
 
-var _chunkSU2QIY54cjs = require('./chunk-SU2QIY54.cjs');
+var _chunkYSMELLDKcjs = require('./chunk-YSMELLDK.cjs');
 
 
-var _chunkY7PBSDLPcjs = require('./chunk-Y7PBSDLP.cjs');
+var _chunkQN7ZRGAOcjs = require('./chunk-QN7ZRGAO.cjs');
 
 
-var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
+var _chunkQQNBGQC3cjs = require('./chunk-QQNBGQC3.cjs');
 
 
-var _chunk24X6QUDRcjs = require('./chunk-24X6QUDR.cjs');
+var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
 
-var _chunkWUHIPLEUcjs = require('./chunk-WUHIPLEU.cjs');
+var _chunkKHNI4BLBcjs = require('./chunk-KHNI4BLB.cjs');
 
 
-var _chunkNFHQ3LH4cjs = require('./chunk-NFHQ3LH4.cjs');
+var _chunkL2DITD7Rcjs = require('./chunk-L2DITD7R.cjs');
 
 
-var _chunkTUIKHIRHcjs = require('./chunk-TUIKHIRH.cjs');
+var _chunkKZU5SADGcjs = require('./chunk-KZU5SADG.cjs');
 
 
 
-var _chunkNNAUX3OGcjs = require('./chunk-NNAUX3OG.cjs');
+var _chunk5DLGWFPFcjs = require('./chunk-5DLGWFPF.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, {}, _chunkS4722UITcjs.defaultTextInputTypography), textInputProps.typography)
+    typography: _chunkYM5JDZDQcjs.__spreadValues.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, _chunkBZD34V76cjs.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, 
-            _chunkWUHIPLEUcjs.Icon,
+            _chunkKHNI4BLBcjs.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, _chunkFRDJP2ZRcjs.Loading, { center: false, size: rightIconWidth }) : props.icon && iconSide === "right" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkWUHIPLEUcjs.Icon,
+          children: props.loading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYSMELLDKcjs.Loading, { center: false, size: rightIconWidth }) : props.icon && iconSide === "right" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            _chunkKHNI4BLBcjs.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) ? _chunk24X6QUDRcjs.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) ? _chunkGGV45LN2cjs.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, 
-      _chunkS4722UITcjs.InputSubtext,
+      _chunkBZD34V76cjs.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, _chunkSU2QIY54cjs.Tooltip, { id: hintTooltipId, content: props.hintTooltip, place: "right" }) : null
+    props.hintTooltip ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkQQNBGQC3cjs.Tooltip, { id: hintTooltipId, content: props.hintTooltip, place: "right" }) : null
   ] });
 }
 var TextInputSelect = _styled2.default.select`
-  ${({ typography, theme }) => _chunkTUIKHIRHcjs.applyTypography.call(void 0, theme, typography.type, typography.size, typography.color)}
+  ${({ typography, theme }) => _chunkKZU5SADGcjs.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`
-  ${_chunkNFHQ3LH4cjs.standardBorderRadius.call(void 0, 8)}
+  ${_chunkL2DITD7Rcjs.standardBorderRadius.call(void 0, 8)}
   position: relative;
 
-  & ${_chunkWUHIPLEUcjs.IconContainer.toString()} {
+  & ${_chunkKHNI4BLBcjs.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 ? _chunkNNAUX3OGcjs.getFontColor.call(void 0, theme, colorProp) : _chunkS4722UITcjs.textInputPlaceholderColor.call(void 0, { theme })};
+  color: ${({ focused, hasValue, theme, colorProp }) => focused || hasValue ? _chunk5DLGWFPFcjs.getFontColor.call(void 0, theme, colorProp) : _chunkBZD34V76cjs.textInputPlaceholderColor.call(void 0, { theme })};
 `;
 var Input = _styled2.default.input`
-  ${_chunkS4722UITcjs.textInputStyle};
+  ${_chunkBZD34V76cjs.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, _chunkY7PBSDLPcjs.UnstyledButton)`
+var RightButton = _styled2.default.call(void 0, _chunkQN7ZRGAOcjs.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) ? _chunkS4722UITcjs.getBorderRadiusCSS.call(void 0, labelOptions.borderRadius) : "8px"};
+  border-radius: ${({ labelOptions }) => (labelOptions == null ? void 0 : labelOptions.borderRadius) ? _chunkBZD34V76cjs.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) ? _chunkNNAUX3OGcjs.getBackgroundColor.call(void 0, theme, labelOptions.backgroundColor) : theme.bg};
+  background-color: ${({ theme, labelOptions }) => (labelOptions == null ? void 0 : labelOptions.backgroundColor) ? _chunk5DLGWFPFcjs.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: ${_chunkS4722UITcjs.inputSpacingPx}px;
+  margin-top: ${_chunkBZD34V76cjs.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` : `${_chunkS4722UITcjs.inputSpacingPx}px`};
+    margin-top: ${({ marginTop }) => marginTop !== void 0 ? `${marginTop}px` : `${_chunkBZD34V76cjs.inputSpacingPx}px`};
   }
 
   ${TextInputHalfRow.toString()} & + & {
     margin-top: 0;
   }
 
-  ${_chunkI4RTWH7Kcjs.CheckboxContainer.toString()} + &,
-  ${_chunk5IQ6G7A5cjs.ToggleContainer.toString()} + &,
-  & + ${_chunkI4RTWH7Kcjs.CheckboxContainer.toString()},
-  & + ${_chunk5IQ6G7A5cjs.ToggleContainer.toString()} {
-    margin-top: ${_chunkS4722UITcjs.inputSpacingPx}px;
+  ${_chunkHEDQL5EPcjs.CheckboxContainer.toString()} + &,
+  ${_chunkFGJTIWFXcjs.ToggleContainer.toString()} + &,
+  & + ${_chunkHEDQL5EPcjs.CheckboxContainer.toString()},
+  & + ${_chunkFGJTIWFXcjs.ToggleContainer.toString()} {
+    margin-top: ${_chunkBZD34V76cjs.inputSpacingPx}px;
   }
 `;
 var InputContainer = _styled2.default.div`

package/dist/{chunk-OQSNN77U.cjs → chunk-SFQ5GM6G.cjs}

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunk24X6QUDRcjs = require('./chunk-24X6QUDR.cjs');
+var _chunkGGV45LN2cjs = require('./chunk-GGV45LN2.cjs');
 
 
 
-var _chunk5JZWRHGQcjs = require('./chunk-5JZWRHGQ.cjs');
+var _chunkA6LN7G72cjs = require('./chunk-A6LN7G72.cjs');
 
 
 
@@ -13,12 +13,12 @@ var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
 // src/components/typography/LabelModerate.tsx
 var _jsxruntime = require('@emotion/react/jsx-runtime');
 function LabelModerate(props) {
-  const propsWithDefaults = _chunk5JZWRHGQcjs.getPropDefaults.call(void 0, props);
+  const propsWithDefaults = _chunkA6LN7G72cjs.getPropDefaults.call(void 0, props);
   let reactNodes = props.children || null;
   if (props.content) {
-    reactNodes = _chunk24X6QUDRcjs.toReactNodes.call(void 0, props.content);
+    reactNodes = _chunkGGV45LN2cjs.toReactNodes.call(void 0, props.content);
   }
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5JZWRHGQcjs.StyledLabelModerate, _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, propsWithDefaults), { children: reactNodes }));
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA6LN7G72cjs.StyledLabelModerate, _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, propsWithDefaults), { children: reactNodes }));
 }
 
 

package/dist/{chunk-SQBNIXS2.js → chunk-SHFR4ZUI.js}

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

package/dist/{chunk-M43UNFWE.js → chunk-SINQLF2T.js}

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

package/dist/{chunk-FWDEJU4T.cjs → chunk-SKSQ6QOU.cjs}

@@ -6,7 +6,7 @@ var _chunkU6XO2EF4cjs = require('./chunk-U6XO2EF4.cjs');
 var _chunkB2MHM6CYcjs = require('./chunk-B2MHM6CY.cjs');
 
 
-var _chunkTUIKHIRHcjs = require('./chunk-TUIKHIRH.cjs');
+var _chunkKZU5SADGcjs = require('./chunk-KZU5SADG.cjs');
 
 
 
@@ -24,7 +24,7 @@ function getPropDefaults(props) {
   return _chunkU6XO2EF4cjs.getPropDefaultsBase.call(void 0, props, { as: props.tag || "span" });
 }
 var StyledBody = _styled2.default.span`
-  ${({ theme, size, colorProp }) => _chunkTUIKHIRHcjs.applyTypography.call(void 0, theme, "Body", size, colorProp)}
+  ${({ theme, size, colorProp }) => _chunkKZU5SADGcjs.applyTypography.call(void 0, theme, "Body", size, colorProp)}
   ${_chunkB2MHM6CYcjs.typographyStyles}
 `;