@lightsparkdev/ui 1.1.9 → 1.1.11

package/dist/{chunk-DQJULSDG.cjs → chunk-AXBQRLAI.cjs}

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkCPJPM464cjs = require('./chunk-CPJPM464.cjs');
+var _chunkR46EUJPGcjs = require('./chunk-R46EUJPG.cjs');
 
 
-var _chunkDM4IMFRPcjs = require('./chunk-DM4IMFRP.cjs');
+var _chunk3KN3Y2GKcjs = require('./chunk-3KN3Y2GK.cjs');
 
 
 
@@ -22,8 +22,8 @@ var BooleanFilter = ({
   state,
   label
 }) => {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCPJPM464cjs.Filter, { label, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkDM4IMFRPcjs.Radio,
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkR46EUJPGcjs.Filter, { label, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunk3KN3Y2GKcjs.Radio,
     {
       radioOptions: [
         { label: "Yes" /* YES */ },

package/dist/{chunk-ULHGKYHT.js → chunk-AYIPZL6B.js}

@@ -1,10 +1,10 @@
 import {
   toReactNodes
-} from "./chunk-BBA4F3CO.js";
+} from "./chunk-XB2SPC6C.js";
 import {
   StyledBodyStrong,
   getPropDefaults
-} from "./chunk-K7L6HLGS.js";
+} from "./chunk-L2UQFMAI.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/{chunk-DOKNK6V6.cjs → chunk-B2UFAGBB.cjs}

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkDI6H3X7Ucjs = require('./chunk-DI6H3X7U.cjs');
+var _chunkMQBSBIM7cjs = require('./chunk-MQBSBIM7.cjs');
 
 
-var _chunkYSMG5R44cjs = require('./chunk-YSMG5R44.cjs');
+var _chunkRSHN4K6Ncjs = require('./chunk-RSHN4K6N.cjs');
 
 // src/components/SecretContainer.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -22,12 +22,12 @@ function SecretContainer(props) {
         children: props.secret
       }
     ),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDI6H3X7Ucjs.CopyToClipboardButton, { value: props.secret, isSm: true, ml: 4 })
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMQBSBIM7cjs.CopyToClipboardButton, { value: props.secret, isSm: true, ml: 4 })
   ] }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledSecretContainer, { hasSecret: false, children: "There are no tokens associated with this account" });
 }
 var StyledSecretContainer = _styled2.default.div`
   background-color: ${({ theme, hasSecret, success }) => hasSecret ? success ? theme.success : theme.c05Neutral : theme.bg};
-  ${_chunkYSMG5R44cjs.standardBorderRadius.call(void 0, 8)}
+  ${_chunkRSHN4K6Ncjs.standardBorderRadius.call(void 0, 8)}
   padding: 18px 20px;
   color: ${({ theme, success }) => success ? theme.hcNeutral : theme.text};
   border: solid 1px

package/dist/{chunk-376WIOHY.cjs → chunk-B52J2QN7.cjs}

@@ -3,13 +3,13 @@
 var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
 
 
-var _chunkJEVPAUBWcjs = require('./chunk-JEVPAUBW.cjs');
+var _chunkMFKERIW4cjs = require('./chunk-MFKERIW4.cjs');
 
 
-var _chunk4PZLEYONcjs = require('./chunk-4PZLEYON.cjs');
+var _chunkWF7Z2VITcjs = require('./chunk-WF7Z2VIT.cjs');
 
 
-var _chunkYSMG5R44cjs = require('./chunk-YSMG5R44.cjs');
+var _chunkRSHN4K6Ncjs = require('./chunk-RSHN4K6N.cjs');
 
 // src/components/Collapsible.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -54,7 +54,7 @@ function Collapsible({
         {
           isOpen,
           useCustomIcon: openIcon !== void 0 && closeIcon !== void 0,
-          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4PZLEYONcjs.Icon, { width: iconWidth, name: iconName })
+          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWF7Z2VITcjs.Icon, { width: iconWidth, name: iconName })
         }
       )
     ] }),
@@ -73,7 +73,7 @@ var StyledCollapsibleButton = _styled2.default.button`
   background: none;
   border: none;
   cursor: pointer;
-  ${_chunkYSMG5R44cjs.standardBorderRadius.call(void 0, 8)}
+  ${_chunkRSHN4K6Ncjs.standardBorderRadius.call(void 0, 8)}
   padding: 0;
 `;
 var IconContainer = _styled2.default.div`
@@ -95,7 +95,7 @@ var CollapsingContainer = _styled2.default.div`
   ${(props) => props.isOpen ? `height: 100%; animation-name: fadeIn;` : `height: 0; animation-name: fadeOut;`}
   ${(props) => props.full ? `height: ${props.isOpen ? "100vh" : 0};` : ""}
 
-  ${_chunkJEVPAUBWcjs.overflowAutoWithoutScrollbars}
+  ${_chunkMFKERIW4cjs.overflowAutoWithoutScrollbars}
 
   @keyframes fadeIn {
     from {

package/dist/{chunk-AM2VWS5D.js → chunk-BAGWLOPG.js}

@@ -1,12 +1,12 @@
 import {
   setDefaultReactNodesTypography
-} from "./chunk-7FJN2NNF.js";
+} from "./chunk-4Q2DQBOY.js";
 import {
   toReactNodes
-} from "./chunk-BBA4F3CO.js";
+} from "./chunk-XB2SPC6C.js";
 import {
   Icon
-} from "./chunk-B25Y765K.js";
+} from "./chunk-DMPXNHDT.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/chunk-BAWPBHRJ.js

@@ -0,0 +1,34 @@
+// src/icons/central/People.tsx
+import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+function People({
+  strokeWidth = "1.5",
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
+  return /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M15.749 6.5C15.749 8.57107 14.0701 10.25 11.999 10.25C9.92795 10.25 8.24902 8.57107 8.24902 6.5C8.24902 4.42893 9.92795 2.75 11.999 2.75C14.0701 2.75 15.749 4.42893 15.749 6.5Z",
+        stroke: "currentColor",
+        strokeWidth,
+        strokeLinejoin,
+        vectorEffect: "non-scaling-stroke"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M11.9985 13.25C8.20293 13.25 5.43245 15.7735 4.67009 19.1657C4.54089 19.7406 5.0077 20.25 5.59696 20.25H18.4001C18.9894 20.25 19.4562 19.7406 19.327 19.1657C18.5646 15.7735 15.7941 13.25 11.9985 13.25Z",
+        stroke: "currentColor",
+        strokeWidth,
+        strokeLinejoin,
+        vectorEffect: "non-scaling-stroke"
+      }
+    )
+  ] });
+}
+
+export {
+  People
+};

package/dist/{chunk-VYZ2DKZN.js → chunk-BZQ7WFLB.js}

@@ -1,6 +1,6 @@
 import {
   CodeInput
-} from "./chunk-RUQHKBGA.js";
+} from "./chunk-VATWAG2B.js";
 
 // src/components/CardForm/CardFormCodeInput.tsx
 import { css } from "@emotion/react";

package/dist/{chunk-7MUYMEDK.js → chunk-C46XJK6Z.js}

@@ -1,18 +1,18 @@
 import {
   Loading
-} from "./chunk-J2GJE5NF.js";
+} from "./chunk-YNCTWF7N.js";
 import {
   UnstyledButton
-} from "./chunk-Y6MK2KM4.js";
+} from "./chunk-5NUOBJXP.js";
 import {
   flexCenter
-} from "./chunk-DAUERVKA.js";
+} from "./chunk-FAWI3ZGU.js";
 import {
   Icon
-} from "./chunk-B25Y765K.js";
+} from "./chunk-DMPXNHDT.js";
 import {
   colors
-} from "./chunk-27AIQ3WT.js";
+} from "./chunk-MIIIUXV6.js";
 
 // src/components/Pill.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-EWO4HRAM.cjs → chunk-C64WZTHP.cjs}

@@ -1,16 +1,16 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkG6S4IK3Ycjs = require('./chunk-G6S4IK3Y.cjs');
+var _chunkSGG54BO5cjs = require('./chunk-SGG54BO5.cjs');
 
 
-var _chunkLL3KJ7DBcjs = require('./chunk-LL3KJ7DB.cjs');
+var _chunkOBHJBBPCcjs = require('./chunk-OBHJBBPC.cjs');
 
 // src/components/LightsparkProvider.tsx
 var _react = require('@emotion/react');
 var _jsxruntime = require('@emotion/react/jsx-runtime');
 function LightsparkProvider({ children }) {
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _react.ThemeProvider, { theme: _chunkLL3KJ7DBcjs.themes.light, children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkG6S4IK3Ycjs.GlobalStyles, {}),
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _react.ThemeProvider, { theme: _chunkOBHJBBPCcjs.themes.light, children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSGG54BO5cjs.GlobalStyles, {}),
     children
   ] });
 }

package/dist/{chunk-GVKW2TTV.cjs → chunk-CASNOVG7.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkVVFLMOE6cjs = require('./chunk-VVFLMOE6.cjs');
+var _chunkL2G3TFTDcjs = require('./chunk-L2G3TFTD.cjs');
 
 
 var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
@@ -15,7 +15,7 @@ function GradientCardHeader(props) {
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, CardHeaderWrapper, { children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Gradients, {}),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { children: [
-      props.status && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVVFLMOE6cjs.StatusIndicator, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, props.status)),
+      props.status && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkL2G3TFTDcjs.StatusIndicator, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, props.status)),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CardHeaderTitle, { children: props.title })
     ] }),
     props.children

package/dist/{chunk-WQ6JCKIF.js → chunk-CKO5XQTU.js}

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

package/dist/{chunk-II4WRTRP.js → chunk-CN5BQCS7.js}

@@ -1,10 +1,10 @@
 import {
   toReactNodes
-} from "./chunk-BBA4F3CO.js";
+} from "./chunk-XB2SPC6C.js";
 import {
   StyledLabelStrong,
   getPropDefaults
-} from "./chunk-SEGGZR5X.js";
+} from "./chunk-MBQLH3KS.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/{chunk-2ZZA6QXJ.js → chunk-COLUFMG2.js}

@@ -1,9 +1,9 @@
 import {
   DocsHeadline
-} from "./chunk-ZZCJTQBG.js";
+} from "./chunk-7C7IQOZI.js";
 import {
   Icon
-} from "./chunk-B25Y765K.js";
+} from "./chunk-DMPXNHDT.js";
 import {
   select
 } from "./chunk-YMNSXZ5D.js";

package/dist/{chunk-S2J6MJBN.cjs → chunk-CQHQTPY7.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkAPVWQQCAcjs = require('./chunk-APVWQQCA.cjs');
+var _chunkCSC4YVBEcjs = require('./chunk-CSC4YVBE.cjs');
 
 
 
@@ -14,7 +14,7 @@ function SecretInput(_a) {
   var rest = _chunkZ6EUSUADcjs.__objRest.call(void 0, _a, []);
   const [showSecret, setShowSecret] = _react.useState.call(void 0, false);
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkAPVWQQCAcjs.TextInput,
+    _chunkCSC4YVBEcjs.TextInput,
     _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, rest), {
       type: showSecret ? void 0 : "password",
       onClickIcon: () => setShowSecret(!showSecret),

package/dist/{chunk-APVWQQCA.cjs → chunk-CSC4YVBE.cjs}

@@ -1,45 +1,45 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkM5SCY5B5cjs = require('./chunk-M5SCY5B5.cjs');
+var _chunkVLYEKZJ6cjs = require('./chunk-VLYEKZJ6.cjs');
 
 
 
 
 
 
-var _chunkBGDEQI7Ycjs = require('./chunk-BGDEQI7Y.cjs');
+var _chunkZN3XZEMGcjs = require('./chunk-ZN3XZEMG.cjs');
 
 
-var _chunk6SW3YUOScjs = require('./chunk-6SW3YUOS.cjs');
+var _chunkOA2TKY4Kcjs = require('./chunk-OA2TKY4K.cjs');
 
 
-var _chunkNZFRPAUEcjs = require('./chunk-NZFRPAUE.cjs');
+var _chunkAP7CDJIPcjs = require('./chunk-AP7CDJIP.cjs');
 
 
-var _chunkUGLV6KNBcjs = require('./chunk-UGLV6KNB.cjs');
+var _chunkUFU3BYZOcjs = require('./chunk-UFU3BYZO.cjs');
 
 
-var _chunkBB4ZAFU4cjs = require('./chunk-BB4ZAFU4.cjs');
+var _chunkSNSG4HBQcjs = require('./chunk-SNSG4HBQ.cjs');
 
 
 var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
-var _chunkISSWG34Jcjs = require('./chunk-ISSWG34J.cjs');
+var _chunkEUQLJJEZcjs = require('./chunk-EUQLJJEZ.cjs');
 
 
 
-var _chunk4PZLEYONcjs = require('./chunk-4PZLEYON.cjs');
+var _chunkWF7Z2VITcjs = require('./chunk-WF7Z2VIT.cjs');
 
 
-var _chunkYSMG5R44cjs = require('./chunk-YSMG5R44.cjs');
+var _chunkRSHN4K6Ncjs = require('./chunk-RSHN4K6N.cjs');
 
 
-var _chunk4NCWQQA2cjs = require('./chunk-4NCWQQA2.cjs');
+var _chunkEDMCWD63cjs = require('./chunk-EDMCWD63.cjs');
 
 
 
-var _chunkLL3KJ7DBcjs = require('./chunk-LL3KJ7DB.cjs');
+var _chunkOBHJBBPCcjs = require('./chunk-OBHJBBPC.cjs');
 
 
 
@@ -59,7 +59,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, {}, _chunkBGDEQI7Ycjs.defaultTextInputTypography), textInputProps.typography)
+    typography: _chunkZ6EUSUADcjs.__spreadValues.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, _chunkZN3XZEMGcjs.defaultTextInputTypography), textInputProps.typography)
   });
 }
 function TextInput(textInputProps) {
@@ -186,7 +186,7 @@ function TextInput(textInputProps) {
           colorProp: props.typography.color,
           iconOffset: typeof props.paddingX === "number" ? props.paddingX : leftIconOffset,
           children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunk4PZLEYONcjs.Icon,
+            _chunkWF7Z2VITcjs.Icon,
             {
               name: props.icon.name,
               width: iconWidth,
@@ -206,8 +206,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, _chunk6SW3YUOScjs.Loading, { center: false, size: rightIconWidth }) : props.icon && iconSide === "right" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunk4PZLEYONcjs.Icon,
+          children: props.loading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkOA2TKY4Kcjs.Loading, { center: false, size: rightIconWidth }) : props.icon && iconSide === "right" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            _chunkWF7Z2VITcjs.Icon,
             {
               name: props.icon.name,
               width: rightIconWidth,
@@ -221,7 +221,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) ? _chunkISSWG34Jcjs.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) ? _chunkEUQLJJEZcjs.toReactNodes.call(void 0, {
       text: props.label,
       typography: props.labelOptions.typography
     }) : props.label }) : null,
@@ -242,7 +242,7 @@ function TextInput(textInputProps) {
     ),
     input,
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkBGDEQI7Ycjs.InputSubtext,
+      _chunkZN3XZEMGcjs.InputSubtext,
       {
         text: props.error || props.success || props.hint,
         content: props.contentError || props.contentSuccess,
@@ -253,11 +253,11 @@ function TextInput(textInputProps) {
         focused
       }
     ),
-    props.hintTooltip ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUGLV6KNBcjs.Tooltip, { id: hintTooltipId, content: props.hintTooltip, place: "right" }) : null
+    props.hintTooltip ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUFU3BYZOcjs.Tooltip, { id: hintTooltipId, content: props.hintTooltip, place: "right" }) : null
   ] });
 }
 var TextInputSelect = _styled2.default.select`
-  ${({ typography, theme }) => _chunk4NCWQQA2cjs.applyTypography.call(void 0, theme, typography.type, typography.size, typography.color)}
+  ${({ typography, theme }) => _chunkEDMCWD63cjs.applyTypography.call(void 0, theme, typography.type, typography.size, typography.color)}
   position: absolute;
   z-index: ${_chunkZU72XWNEcjs.z.textInput + 1};
   border: none;
@@ -268,10 +268,10 @@ var TextInputSelect = _styled2.default.select`
   width: ${({ widthProp }) => `${widthProp}px`};
 `;
 var WithIcon = _styled2.default.div`
-  ${_chunkYSMG5R44cjs.standardBorderRadius.call(void 0, 8)}
+  ${_chunkRSHN4K6Ncjs.standardBorderRadius.call(void 0, 8)}
   position: relative;
 
-  & ${_chunk4PZLEYONcjs.IconContainer.toString()} {
+  & ${_chunkWF7Z2VITcjs.IconContainer.toString()} {
     z-index: ${_chunkZU72XWNEcjs.z.textInput + 1};
   }
 `;
@@ -285,10 +285,10 @@ var TextInputIconContainer = _styled2.default.div`
   display: flex;
   align-items: center;
   cursor: ${({ onClick }) => onClick ? "pointer" : "auto"};
-  color: ${({ focused, hasValue, theme, colorProp }) => focused || hasValue ? _chunkLL3KJ7DBcjs.getFontColor.call(void 0, theme, colorProp) : _chunkBGDEQI7Ycjs.textInputPlaceholderColor.call(void 0, { theme })};
+  color: ${({ focused, hasValue, theme, colorProp }) => focused || hasValue ? _chunkOBHJBBPCcjs.getFontColor.call(void 0, theme, colorProp) : _chunkZN3XZEMGcjs.textInputPlaceholderColor.call(void 0, { theme })};
 `;
 var Input = _styled2.default.input`
-  ${_chunkBGDEQI7Ycjs.textInputStyle};
+  ${_chunkZN3XZEMGcjs.textInputStyle};
   // disable autofill styles in chrome https://stackoverflow.com/a/68240841/9808766
   &:-webkit-autofill,
   &:-webkit-autofill:focus,
@@ -310,7 +310,7 @@ var RightButtonAligner = _styled2.default.div`
   display: flex;
   align-items: center;
 `;
-var RightButton = _styled2.default.call(void 0, _chunkBB4ZAFU4cjs.UnstyledButton)`
+var RightButton = _styled2.default.call(void 0, _chunkSNSG4HBQcjs.UnstyledButton)`
   border-radius: 4px;
   border: none;
   background-color: ${({ theme }) => theme.vlcNeutral};
@@ -320,11 +320,11 @@ var RightButton = _styled2.default.call(void 0, _chunkBB4ZAFU4cjs.UnstyledButton
   padding: 8px 10px;
 `;
 var TextInputLabel = _styled2.default.label`
-  ${({ labelOptions }) => (labelOptions == null ? void 0 : labelOptions.borderRadius) ? `${labelOptions.borderRadius}px` : _chunkYSMG5R44cjs.standardBorderRadius.call(void 0, 8)};
+  ${({ labelOptions }) => (labelOptions == null ? void 0 : labelOptions.borderRadius) ? `${labelOptions.borderRadius}px` : _chunkRSHN4K6Ncjs.standardBorderRadius.call(void 0, 8)};
   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) ? _chunkLL3KJ7DBcjs.getBackgroundColor.call(void 0, theme, labelOptions.backgroundColor) : theme.bg};
+  background-color: ${({ theme, labelOptions }) => (labelOptions == null ? void 0 : labelOptions.backgroundColor) ? _chunkOBHJBBPCcjs.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`};
@@ -336,7 +336,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: ${_chunkBGDEQI7Ycjs.inputSpacingPx}px;
+  margin-top: ${_chunkZN3XZEMGcjs.inputSpacingPx}px;
   display: flex;
   justify-content: space-between;
   gap: 16px;
@@ -354,18 +354,18 @@ var StyledTextInput = _styled2.default.div`
 
   /* eg forms, should be left consistent: */
   & + & {
-    margin-top: ${_chunkBGDEQI7Ycjs.inputSpacingPx}px;
+    margin-top: ${_chunkZN3XZEMGcjs.inputSpacingPx}px;
   }
 
   ${TextInputHalfRow.toString()} & + & {
     margin-top: 0;
   }
 
-  ${_chunkNZFRPAUEcjs.CheckboxContainer.toString()} + &,
-  ${_chunkM5SCY5B5cjs.ToggleContainer.toString()} + &,
-  & + ${_chunkNZFRPAUEcjs.CheckboxContainer.toString()},
-  & + ${_chunkM5SCY5B5cjs.ToggleContainer.toString()} {
-    margin-top: ${_chunkBGDEQI7Ycjs.inputSpacingPx}px;
+  ${_chunkAP7CDJIPcjs.CheckboxContainer.toString()} + &,
+  ${_chunkVLYEKZJ6cjs.ToggleContainer.toString()} + &,
+  & + ${_chunkAP7CDJIPcjs.CheckboxContainer.toString()},
+  & + ${_chunkVLYEKZJ6cjs.ToggleContainer.toString()} {
+    margin-top: ${_chunkZN3XZEMGcjs.inputSpacingPx}px;
   }
 `;
 var InputContainer = _styled2.default.div`

package/dist/{chunk-OUJCEEMU.js → chunk-CWY7LSFE.js}

@@ -1,10 +1,10 @@
 import {
   toReactNodes
-} from "./chunk-BBA4F3CO.js";
+} from "./chunk-XB2SPC6C.js";
 import {
   StyledLabelModerate,
   getPropDefaults
-} from "./chunk-ZJNK722E.js";
+} from "./chunk-5HUKQ4HX.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/{chunk-EVJK43SC.js → chunk-DGVQGJSA.js}

@@ -1,31 +1,31 @@
 import {
   StyledContentTable
-} from "./chunk-IPQR3S24.js";
+} from "./chunk-Y3Y43TZD.js";
 import {
   Spacing
 } from "./chunk-E5DUKMCU.js";
 import {
   overflowAutoWithoutScrollbars
-} from "./chunk-DAUERVKA.js";
+} from "./chunk-FAWI3ZGU.js";
 import {
   standardBorderRadius
-} from "./chunk-FS5ZY6RP.js";
+} from "./chunk-HGZGGJQB.js";
 import {
   StyledTitle
-} from "./chunk-O7DWADCV.js";
+} from "./chunk-EQDCU7HD.js";
 import {
   StyledCode
-} from "./chunk-WQ6JCKIF.js";
+} from "./chunk-CKO5XQTU.js";
 import {
   displaySelector
-} from "./chunk-QSNNRUEV.js";
+} from "./chunk-DKKSEGTF.js";
 import {
   ALL_HEADLINE_SELECTORS,
   headlineSelector
-} from "./chunk-W67JHKG5.js";
+} from "./chunk-3FHPHO5S.js";
 import {
   StyledBody
-} from "./chunk-LB2TLBRA.js";
+} from "./chunk-E6KUNQIE.js";
 import {
   select
 } from "./chunk-YMNSXZ5D.js";
@@ -34,7 +34,7 @@ import {
 } from "./chunk-KCUSJWDZ.js";
 import {
   colors
-} from "./chunk-27AIQ3WT.js";
+} from "./chunk-MIIIUXV6.js";
 
 // src/components/typography/Article.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-KB3OXVMV.cjs → chunk-DIPPWB45.cjs}

@@ -6,7 +6,7 @@ var _chunkSFGLEWHWcjs = require('./chunk-SFGLEWHW.cjs');
 var _chunkB2MHM6CYcjs = require('./chunk-B2MHM6CY.cjs');
 
 
-var _chunk4NCWQQA2cjs = require('./chunk-4NCWQQA2.cjs');
+var _chunkEDMCWD63cjs = require('./chunk-EDMCWD63.cjs');
 
 
 
@@ -24,7 +24,7 @@ function getPropDefaults(props) {
   return _chunkSFGLEWHWcjs.getPropDefaultsBase.call(void 0, props, { as: props.tag || "span" });
 }
 var StyledBtn = _styled2.default.span`
-  ${({ theme, size, colorProp }) => _chunk4NCWQQA2cjs.applyTypography.call(void 0, theme, "Btn", size, colorProp)}
+  ${({ theme, size, colorProp }) => _chunkEDMCWD63cjs.applyTypography.call(void 0, theme, "Btn", size, colorProp)}
   ${_chunkB2MHM6CYcjs.typographyStyles}
 `;
 

package/dist/{chunk-ISGV3MEK.js → chunk-DIVTTCYV.js}

@@ -1,10 +1,10 @@
 import {
   toReactNodes
-} from "./chunk-BBA4F3CO.js";
+} from "./chunk-XB2SPC6C.js";
 import {
   StyledBody,
   getPropDefaults
-} from "./chunk-LB2TLBRA.js";
+} from "./chunk-E6KUNQIE.js";
 import {
   __spreadProps,
   __spreadValues