@lightsparkdev/ui 1.1.4 → 1.1.5

package/dist/{chunk-XIFQB757.cjs → chunk-LIFP65ZM.cjs}

@@ -3,37 +3,37 @@
 var _chunk46AVXTFOcjs = require('./chunk-46AVXTFO.cjs');
 
 
-var _chunkTSALGRXAcjs = require('./chunk-TSALGRXA.cjs');
+var _chunkWS5ZLO4Bcjs = require('./chunk-WS5ZLO4B.cjs');
 
 
-var _chunk3PPF3MWJcjs = require('./chunk-3PPF3MWJ.cjs');
+var _chunkEEX4GB3Pcjs = require('./chunk-EEX4GB3P.cjs');
 
 
-var _chunkZQO2GKVScjs = require('./chunk-ZQO2GKVS.cjs');
+var _chunkYGRSNZFRcjs = require('./chunk-YGRSNZFR.cjs');
 
 
 
-var _chunkZZAQUDNQcjs = require('./chunk-ZZAQUDNQ.cjs');
+var _chunkUZTX724Dcjs = require('./chunk-UZTX724D.cjs');
 
 
-var _chunkH2PJDRPTcjs = require('./chunk-H2PJDRPT.cjs');
+var _chunkPUWHPIPEcjs = require('./chunk-PUWHPIPE.cjs');
 
 
-var _chunkWLHC2LVQcjs = require('./chunk-WLHC2LVQ.cjs');
+var _chunkTQRKKUR4cjs = require('./chunk-TQRKKUR4.cjs');
 
 
 
-var _chunkI5ZDVFI5cjs = require('./chunk-I5ZDVFI5.cjs');
+var _chunkI4BK3LUQcjs = require('./chunk-I4BK3LUQ.cjs');
 
 
-var _chunk6IBADE46cjs = require('./chunk-6IBADE46.cjs');
+var _chunkVT3J6XBJcjs = require('./chunk-VT3J6XBJ.cjs');
 
 
-var _chunk267QLBXGcjs = require('./chunk-267QLBXG.cjs');
+var _chunkTRVU37HAcjs = require('./chunk-TRVU37HA.cjs');
 
 
 
-var _chunkMODD4YGEcjs = require('./chunk-MODD4YGE.cjs');
+var _chunkZBJ5SGHGcjs = require('./chunk-ZBJ5SGHG.cjs');
 
 
 var _chunk6VA4SAHQcjs = require('./chunk-6VA4SAHQ.cjs');
@@ -42,7 +42,7 @@ var _chunk6VA4SAHQcjs = require('./chunk-6VA4SAHQ.cjs');
 var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
 
 
-var _chunkIJMYMSSCcjs = require('./chunk-IJMYMSSC.cjs');
+var _chunkGHXHO5FQcjs = require('./chunk-GHXHO5FQ.cjs');
 
 
 var _chunkZ6EUSUADcjs = require('./chunk-Z6EUSUAD.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, _chunkZZAQUDNQcjs.Heading, { type: "h3", id: sectionId, mt: 0, mb: 40, children: title }) : null,
+    title ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUZTX724Dcjs.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 = _chunkZZAQUDNQcjs.headingWithDefaults.call(void 0, {
+var PageSectionSubheading = _chunkUZTX724Dcjs.headingWithDefaults.call(void 0, {
   type: "h4",
   mb: 32
 });
@@ -93,7 +93,7 @@ var PageSectionBoxActionColumn = ({
 ] });
 var StyledPageSectionBoxActionColumn = _styled2.default.div``;
 var PageSectionBoxActionColumnLabel = _styled2.default.div`
-  color: ${_chunkIJMYMSSCcjs.colors.gray40};
+  color: ${_chunkGHXHO5FQcjs.colors.gray40};
   font-weight: 500;
   margin: 0;
 `;
@@ -107,7 +107,7 @@ var PageSectionBoxActionColumnValue = _styled2.default.div`
 var PageSectionBoxActionColumnNoValue = _styled2.default.call(void 0, 
   PageSectionBoxActionColumnValue
 )`
-  color: ${_chunkIJMYMSSCcjs.colors.gray80};
+  color: ${_chunkGHXHO5FQcjs.colors.gray80};
   font-style: italic;
 `;
 function PageSectionBoxAction({
@@ -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, _chunkH2PJDRPTcjs.Loading, { size: 12, center: false }) }) : icon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWLHC2LVQcjs.UnstyledButton, { onClick: icon.onClick, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk267QLBXGcjs.Icon, { name: icon.name, width: 12, color: "mcNeutral" }) }) }) : dropdownItems ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunk3PPF3MWJcjs.Dropdown,
+  return loading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPUWHPIPEcjs.Loading, { size: 12, center: false }) }) : icon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTQRKKUR4cjs.UnstyledButton, { onClick: icon.onClick, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTRVU37HAcjs.Icon, { name: icon.name, width: 12, color: "mcNeutral" }) }) }) : dropdownItems ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunkEEX4GB3Pcjs.Dropdown,
     {
       button: {
-        getContent: () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk267QLBXGcjs.Icon, { name: "DotGrid1x3Horizontal", width: 16 })
+        getContent: () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTRVU37HAcjs.Icon, { name: "DotGrid1x3Horizontal", width: 16 })
       },
       dropdownItems
     }
-  ) : isDelete ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWLHC2LVQcjs.UnstyledButton, { css: { color: theme.mcNeutral }, onClick, children: "Delete" }) : label ? (
+  ) : isDelete ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTQRKKUR4cjs.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, 
-      _chunkTSALGRXAcjs.TextButton,
+      _chunkWS5ZLO4Bcjs.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, _chunkI5ZDVFI5cjs.Badge, { content: titleBadge, ml: 4, kind: titleBadgeKind }) : null
+              titleBadge ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkI4BK3LUQcjs.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;
-      ${_chunkZQO2GKVScjs.standardBorderColor.call(void 0, { theme }).styles};
+      ${_chunkYGRSNZFRcjs.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: _chunk6IBADE46cjs.toReactNodes.call(void 0, description) }),
+    description && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PageSectionBoxDescription, { children: _chunkVT3J6XBJcjs.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, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, action)) }) : null
   ] });
@@ -232,30 +232,30 @@ var StyledPageSectionBox = _styled2.default.div`
 
   & > ${PageSectionBoxRow}, & {
     border: 1px solid;
-    ${_chunkZQO2GKVScjs.standardBorderColor}
+    ${_chunkYGRSNZFRcjs.standardBorderColor}
   }
 
-  ${_chunkMODD4YGEcjs.standardBorderRadius.call(void 0, 8)}
+  ${_chunkZBJ5SGHGcjs.standardBorderRadius.call(void 0, 8)}
   padding: 16px;
 
   /* PageSectionBoxRow and PageSectionBoxColumn manage their own borders: */
   &:has(> ${PageSectionBoxRow}) {
     border: none;
     padding: 0;
-    ${_chunkMODD4YGEcjs.standardBorderRadius.call(void 0, 0)}
+    ${_chunkZBJ5SGHGcjs.standardBorderRadius.call(void 0, 0)}
   }
 
   & > ${PageSectionBoxRow} {
     &:first-of-type {
-      ${_chunkMODD4YGEcjs.standardBorderRadius.call(void 0, [12, 12, 0, 0])}
+      ${_chunkZBJ5SGHGcjs.standardBorderRadius.call(void 0, [12, 12, 0, 0])}
     }
 
     &:last-of-type {
-      ${_chunkMODD4YGEcjs.standardBorderRadius.call(void 0, [0, 0, 12, 12])}
+      ${_chunkZBJ5SGHGcjs.standardBorderRadius.call(void 0, [0, 0, 12, 12])}
     }
 
     &:only-of-type {
-      ${_chunkMODD4YGEcjs.standardBorderRadius.call(void 0, 12)}
+      ${_chunkZBJ5SGHGcjs.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;
-        ${_chunkZQO2GKVScjs.standardBorderColor}
+        ${_chunkYGRSNZFRcjs.standardBorderColor}
       }
     }
 
@@ -277,7 +277,7 @@ var StyledPageSectionBox = _styled2.default.div`
           &:not(:first-of-type) {
             border-left: 0 !important;
             border-top: solid 1px;
-            ${_chunkZQO2GKVScjs.standardBorderColor.call(void 0, { theme }).styles};
+            ${_chunkYGRSNZFRcjs.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 }) => _chunkMODD4YGEcjs.standardLineHeightEms * (lg ? 14 : 12) + _chunkI5ZDVFI5cjs.badgeSmVPadding * 2}px;
+  line-height: ${({ lg }) => _chunkZBJ5SGHGcjs.standardLineHeightEms * (lg ? 14 : 12) + _chunkI4BK3LUQcjs.badgeSmVPadding * 2}px;
 `;
 var PageSectionBoxDescription = _styled2.default.div`
   color: ${({ theme }) => theme.mcNeutral};

package/dist/{chunk-WQBKMEEM.js → chunk-LL66VQKD.js}

@@ -1,6 +1,6 @@
 import {
   Label
-} from "./chunk-STIKCFD2.js";
+} from "./chunk-33OS66BQ.js";
 import {
   Spacing
 } from "./chunk-E5DUKMCU.js";

package/dist/{chunk-3GJEQK5B.cjs → chunk-LO2ZXOAY.cjs}

@@ -3,7 +3,7 @@
 var _chunkAGIM6BKCcjs = require('./chunk-AGIM6BKC.cjs');
 
 
-var _chunkGM2CW26Ccjs = require('./chunk-GM2CW26C.cjs');
+var _chunkOL5J5J7Fcjs = require('./chunk-OL5J5J7F.cjs');
 
 // src/components/documentation/DocsHeadline.tsx
 var _react = require('react'); var _react2 = _interopRequireDefault(_react);
@@ -54,7 +54,7 @@ var DocsHeadline = ({
 }) => {
   const id = toKebabCase(getHeaderId(children));
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkGM2CW26Ccjs.StyledHeadline,
+    _chunkOL5J5J7Fcjs.StyledHeadline,
     {
       as: heading,
       id,

package/dist/{chunk-T336CT3Z.cjs → chunk-LXE7D3BH.cjs}

@@ -1,41 +1,41 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunk4VKLKRK6cjs = require('./chunk-4VKLKRK6.cjs');
+var _chunkODUEYPV2cjs = require('./chunk-ODUEYPV2.cjs');
 
 
 
 
 
 
-var _chunkZQO2GKVScjs = require('./chunk-ZQO2GKVS.cjs');
+var _chunkYGRSNZFRcjs = require('./chunk-YGRSNZFR.cjs');
 
 
-var _chunkH2PJDRPTcjs = require('./chunk-H2PJDRPT.cjs');
+var _chunkPUWHPIPEcjs = require('./chunk-PUWHPIPE.cjs');
 
 
-var _chunkQCB45DLMcjs = require('./chunk-QCB45DLM.cjs');
+var _chunkYFY5WU2Ucjs = require('./chunk-YFY5WU2U.cjs');
 
 
-var _chunkCOOETEX4cjs = require('./chunk-COOETEX4.cjs');
+var _chunkQHBU2DKMcjs = require('./chunk-QHBU2DKM.cjs');
 
 
-var _chunkWLHC2LVQcjs = require('./chunk-WLHC2LVQ.cjs');
+var _chunkTQRKKUR4cjs = require('./chunk-TQRKKUR4.cjs');
 
 
 var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
 
-var _chunk267QLBXGcjs = require('./chunk-267QLBXG.cjs');
+var _chunkTRVU37HAcjs = require('./chunk-TRVU37HA.cjs');
 
 
-var _chunkMODD4YGEcjs = require('./chunk-MODD4YGE.cjs');
+var _chunkZBJ5SGHGcjs = require('./chunk-ZBJ5SGHG.cjs');
 
 
-var _chunkDIH23YCLcjs = require('./chunk-DIH23YCL.cjs');
+var _chunkCLCU75BPcjs = require('./chunk-CLCU75BP.cjs');
 
 
-var _chunkFFXUPRYTcjs = require('./chunk-FFXUPRYT.cjs');
+var _chunkYIAN5J2Dcjs = require('./chunk-YIAN5J2D.cjs');
 
 
 
@@ -55,7 +55,7 @@ function withDefaults(textInputProps) {
     width: textInputProps.width || "full",
     type: textInputProps.type || "text",
     disabled: Boolean(textInputProps.disabled),
-    typography: _chunkZ6EUSUADcjs.__spreadValues.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, _chunkZQO2GKVScjs.defaultTextInputTypography), textInputProps.typography)
+    typography: _chunkZ6EUSUADcjs.__spreadValues.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, _chunkYGRSNZFRcjs.defaultTextInputTypography), textInputProps.typography)
   });
 }
 function TextInput(textInputProps) {
@@ -182,7 +182,7 @@ function TextInput(textInputProps) {
           colorProp: props.typography.color,
           iconOffset: typeof props.paddingX === "number" ? props.paddingX : leftIconOffset,
           children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunk267QLBXGcjs.Icon,
+            _chunkTRVU37HAcjs.Icon,
             {
               name: props.icon.name,
               width: iconWidth,
@@ -202,8 +202,8 @@ function TextInput(textInputProps) {
           hasValue: Boolean(props.value),
           colorProp: props.typography.color,
           iconOffset: typeof props.paddingX === "number" ? props.paddingX : rightIconOffset,
-          children: props.loading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH2PJDRPTcjs.Loading, { center: false, size: rightIconWidth }) : props.icon && iconSide === "right" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunk267QLBXGcjs.Icon,
+          children: props.loading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPUWHPIPEcjs.Loading, { center: false, size: rightIconWidth }) : props.icon && iconSide === "right" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            _chunkTRVU37HAcjs.Icon,
             {
               name: props.icon.name,
               width: rightIconWidth,
@@ -235,7 +235,7 @@ function TextInput(textInputProps) {
     ),
     input,
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkZQO2GKVScjs.InputSubtext,
+      _chunkYGRSNZFRcjs.InputSubtext,
       {
         text: props.error || props.success || props.hint,
         content: props.contentError || props.contentSuccess,
@@ -246,11 +246,11 @@ function TextInput(textInputProps) {
         focused
       }
     ),
-    props.hintTooltip ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCOOETEX4cjs.Tooltip, { id: hintTooltipId, content: props.hintTooltip, place: "right" }) : null
+    props.hintTooltip ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkQHBU2DKMcjs.Tooltip, { id: hintTooltipId, content: props.hintTooltip, place: "right" }) : null
   ] });
 }
 var TextInputSelect = _styled2.default.select`
-  ${({ typography, theme }) => _chunkDIH23YCLcjs.applyTypography.call(void 0, theme, typography.type, typography.size, typography.color)}
+  ${({ typography, theme }) => _chunkCLCU75BPcjs.applyTypography.call(void 0, theme, typography.type, typography.size, typography.color)}
   position: absolute;
   z-index: ${_chunkZU72XWNEcjs.z.textInput + 1};
   border: none;
@@ -261,10 +261,10 @@ var TextInputSelect = _styled2.default.select`
   width: ${({ widthProp }) => `${widthProp}px`};
 `;
 var WithIcon = _styled2.default.div`
-  ${_chunkMODD4YGEcjs.standardBorderRadius.call(void 0, 8)}
+  ${_chunkZBJ5SGHGcjs.standardBorderRadius.call(void 0, 8)}
   position: relative;
 
-  & ${_chunk267QLBXGcjs.IconContainer.toString()} {
+  & ${_chunkTRVU37HAcjs.IconContainer.toString()} {
     z-index: ${_chunkZU72XWNEcjs.z.textInput + 1};
   }
 `;
@@ -278,10 +278,10 @@ var TextInputIconContainer = _styled2.default.div`
   display: flex;
   align-items: center;
   cursor: ${({ onClick }) => onClick ? "pointer" : "auto"};
-  color: ${({ focused, hasValue, theme, colorProp }) => focused || hasValue ? _chunkFFXUPRYTcjs.getFontColor.call(void 0, theme, colorProp) : _chunkZQO2GKVScjs.textInputPlaceholderColor.call(void 0, { theme })};
+  color: ${({ focused, hasValue, theme, colorProp }) => focused || hasValue ? _chunkYIAN5J2Dcjs.getFontColor.call(void 0, theme, colorProp) : _chunkYGRSNZFRcjs.textInputPlaceholderColor.call(void 0, { theme })};
 `;
 var Input = _styled2.default.input`
-  ${_chunkZQO2GKVScjs.textInputStyle};
+  ${_chunkYGRSNZFRcjs.textInputStyle};
   // disable autofill styles in chrome https://stackoverflow.com/a/68240841/9808766
   &:-webkit-autofill,
   &:-webkit-autofill:focus,
@@ -303,7 +303,7 @@ var RightButtonAligner = _styled2.default.div`
   display: flex;
   align-items: center;
 `;
-var RightButton = _styled2.default.call(void 0, _chunkWLHC2LVQcjs.UnstyledButton)`
+var RightButton = _styled2.default.call(void 0, _chunkTQRKKUR4cjs.UnstyledButton)`
   border-radius: 4px;
   border: none;
   background-color: ${({ theme }) => theme.vlcNeutral};
@@ -313,7 +313,7 @@ var RightButton = _styled2.default.call(void 0, _chunkWLHC2LVQcjs.UnstyledButton
   padding: 8px 10px;
 `;
 var TextInputLabel = _styled2.default.label`
-  ${_chunkMODD4YGEcjs.standardBorderRadius.call(void 0, 8)}
+  ${_chunkZBJ5SGHGcjs.standardBorderRadius.call(void 0, 8)}
   font-size: 10px;
   position: absolute;
   z-index: ${_chunkZU72XWNEcjs.z.textInput + 1};
@@ -325,7 +325,7 @@ var TextInputLabel = _styled2.default.label`
   top: -10px;
 `;
 var TextInputHalfRow = _styled2.default.div`
-  margin-top: ${_chunkZQO2GKVScjs.inputSpacingPx}px;
+  margin-top: ${_chunkYGRSNZFRcjs.inputSpacingPx}px;
   display: flex;
   justify-content: space-between;
   gap: 16px;
@@ -341,18 +341,18 @@ var StyledTextInput = _styled2.default.div`
 
   /* eg forms, should be left consistent: */
   & + & {
-    margin-top: ${_chunkZQO2GKVScjs.inputSpacingPx}px;
+    margin-top: ${_chunkYGRSNZFRcjs.inputSpacingPx}px;
   }
 
   ${TextInputHalfRow.toString()} & + & {
     margin-top: 0;
   }
 
-  ${_chunkQCB45DLMcjs.CheckboxContainer.toString()} + &,
-  ${_chunk4VKLKRK6cjs.ToggleContainer.toString()} + &,
-  & + ${_chunkQCB45DLMcjs.CheckboxContainer.toString()},
-  & + ${_chunk4VKLKRK6cjs.ToggleContainer.toString()} {
-    margin-top: ${_chunkZQO2GKVScjs.inputSpacingPx}px;
+  ${_chunkYFY5WU2Ucjs.CheckboxContainer.toString()} + &,
+  ${_chunkODUEYPV2cjs.ToggleContainer.toString()} + &,
+  & + ${_chunkYFY5WU2Ucjs.CheckboxContainer.toString()},
+  & + ${_chunkODUEYPV2cjs.ToggleContainer.toString()} {
+    margin-top: ${_chunkYGRSNZFRcjs.inputSpacingPx}px;
   }
 `;
 var InputContainer = _styled2.default.div`

package/dist/{chunk-VAYYUDQ7.js → chunk-MUQNW4XB.js}

@@ -1,10 +1,10 @@
 import {
   toReactNodes
-} from "./chunk-AQ72FLUP.js";
+} from "./chunk-BQEN763M.js";
 import {
   StyledBody,
   getPropDefaults
-} from "./chunk-DU3JCART.js";
+} from "./chunk-HD7PNWIS.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/{chunk-TY52ZCSF.js → chunk-N4SJAJTV.js}

@@ -1,10 +1,10 @@
 import {
   toReactNodes
-} from "./chunk-AQ72FLUP.js";
+} from "./chunk-BQEN763M.js";
 import {
   StyledLabelStrong,
   getPropDefaults
-} from "./chunk-LMBUBQE3.js";
+} from "./chunk-FHVHTPA7.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/{chunk-VRKSWRR6.cjs → chunk-NC37VS6G.cjs}

@@ -4,10 +4,10 @@ var _chunkB6Y7HCBMcjs = require('./chunk-B6Y7HCBM.cjs');
 
 
 
-var _chunkMODD4YGEcjs = require('./chunk-MODD4YGE.cjs');
+var _chunkZBJ5SGHGcjs = require('./chunk-ZBJ5SGHG.cjs');
 
 
-var _chunkFFXUPRYTcjs = require('./chunk-FFXUPRYT.cjs');
+var _chunkYIAN5J2Dcjs = require('./chunk-YIAN5J2D.cjs');
 
 
 var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
@@ -46,7 +46,7 @@ var globalComponentStyles = ({ theme }) => _react.css`
   ${getFontImport(theme)};
 
   html {
-    font-size: ${_chunkMODD4YGEcjs.rootFontSizeRems}rem;
+    font-size: ${_chunkZBJ5SGHGcjs.rootFontSizeRems}rem;
     color: ${theme.text};
 
     /* required for iOS https://bit.ly/3Q8syG8 */
@@ -76,7 +76,7 @@ var globalComponentStyles = ({ theme }) => _react.css`
 
   * {
     box-sizing: border-box;
-    line-height: ${_chunkMODD4YGEcjs.standardLineHeightEms}em;
+    line-height: ${_chunkZBJ5SGHGcjs.standardLineHeightEms}em;
   }
 
   code {
@@ -123,7 +123,7 @@ var globalComponentStyles = ({ theme }) => _react.css`
 `;
 function GlobalStyles() {
   const theme = _react.useTheme.call(void 0, );
-  const bg = _chunkFFXUPRYTcjs.useThemeBg.call(void 0, );
+  const bg = _chunkYIAN5J2Dcjs.useThemeBg.call(void 0, );
   _react3.useEffect.call(void 0, () => {
     const documentHeight = () => {
       const doc = document.documentElement;

package/dist/{chunk-VR2MUBEL.cjs → chunk-NCM5HYV3.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkW4UIZ5DJcjs = require('./chunk-W4UIZ5DJ.cjs');
+var _chunkSRAWECJ4cjs = require('./chunk-SRAWECJ4.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 }) => _chunkW4UIZ5DJcjs.pxToRems.call(void 0, size)};
+  font-size: ${({ size }) => _chunkSRAWECJ4cjs.pxToRems.call(void 0, size)};
   font-weight: ${({ fontWeight }) => fontWeight};
 `;
 

package/dist/{chunk-XXNO6ALA.cjs → chunk-NG3UPNAO.cjs}

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunk6IBADE46cjs = require('./chunk-6IBADE46.cjs');
+var _chunkVT3J6XBJcjs = require('./chunk-VT3J6XBJ.cjs');
 
 
 
-var _chunk2QXFCTOMcjs = require('./chunk-2QXFCTOM.cjs');
+var _chunkGFAPK2FEcjs = require('./chunk-GFAPK2FE.cjs');
 
 
 
@@ -13,12 +13,12 @@ var _chunkZ6EUSUADcjs = require('./chunk-Z6EUSUAD.cjs');
 // src/components/typography/BodyStrong.tsx
 var _jsxruntime = require('@emotion/react/jsx-runtime');
 function BodyStrong(props) {
-  const propsWithDefaults = _chunk2QXFCTOMcjs.getPropDefaults.call(void 0, props);
+  const propsWithDefaults = _chunkGFAPK2FEcjs.getPropDefaults.call(void 0, props);
   let reactNodes = props.children || null;
   if (props.content) {
-    reactNodes = _chunk6IBADE46cjs.toReactNodes.call(void 0, props.content);
+    reactNodes = _chunkVT3J6XBJcjs.toReactNodes.call(void 0, props.content);
   }
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2QXFCTOMcjs.StyledBodyStrong, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, propsWithDefaults), { children: reactNodes }));
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGFAPK2FEcjs.StyledBodyStrong, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, propsWithDefaults), { children: reactNodes }));
 }
 
 

package/dist/{chunk-3TGZE6XW.js → chunk-NSDDLXLX.js}

@@ -1,6 +1,6 @@
 import {
   LabelModerate
-} from "./chunk-E4V22QOO.js";
+} from "./chunk-62YWRU3M.js";
 import {
   Spacing
 } from "./chunk-E5DUKMCU.js";

package/dist/{chunk-4VKLKRK6.cjs → chunk-ODUEYPV2.cjs}

@@ -1,13 +1,13 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkWLHC2LVQcjs = require('./chunk-WLHC2LVQ.cjs');
+var _chunkTQRKKUR4cjs = require('./chunk-TQRKKUR4.cjs');
 
 
 
-var _chunkFFXUPRYTcjs = require('./chunk-FFXUPRYT.cjs');
+var _chunkYIAN5J2Dcjs = require('./chunk-YIAN5J2D.cjs');
 
 
-var _chunkIJMYMSSCcjs = require('./chunk-IJMYMSSC.cjs');
+var _chunkGHXHO5FQcjs = require('./chunk-GHXHO5FQ.cjs');
 
 // src/components/Toggle.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -48,8 +48,8 @@ function Toggle({
 var width = 44;
 var circleDim = 20;
 var circleOffset = 2;
-var ToggleButton = _styled2.default.call(void 0, _chunkWLHC2LVQcjs.UnstyledButton)`
-  color: ${_chunkIJMYMSSCcjs.colors.white};
+var ToggleButton = _styled2.default.call(void 0, _chunkTQRKKUR4cjs.UnstyledButton)`
+  color: ${_chunkGHXHO5FQcjs.colors.white};
   font-weight: 500;
   border-radius: 44px;
   width: ${width}px;
@@ -57,11 +57,11 @@ var ToggleButton = _styled2.default.call(void 0, _chunkWLHC2LVQcjs.UnstyledButto
   opacity: ${({ disabled }) => disabled ? 0.3 : 1};
   background-color: ${({ bg, theme, isOn }) => {
   if (bg) {
-    return _chunkFFXUPRYTcjs.getColor.call(void 0, theme, bg);
+    return _chunkYIAN5J2Dcjs.getColor.call(void 0, theme, bg);
   } else if (isOn) {
     return theme.success;
   }
-  return _chunkFFXUPRYTcjs.themeOr.call(void 0, theme.c1Neutral, theme.c4Neutral)({ theme });
+  return _chunkYIAN5J2Dcjs.themeOr.call(void 0, theme.c1Neutral, theme.c4Neutral)({ theme });
 }};
   position: relative;
   &:after {
@@ -73,7 +73,7 @@ var ToggleButton = _styled2.default.call(void 0, _chunkWLHC2LVQcjs.UnstyledButto
     box-shadow:
       0 3px 8px 0 rgba(0, 0, 0, 0.15),
       0 3px 1px 0 rgba(0, 0, 0, 0.06);
-    background-color: ${_chunkIJMYMSSCcjs.colors.white};
+    background-color: ${_chunkGHXHO5FQcjs.colors.white};
     width: ${circleDim}px;
     height: ${circleDim}px;
     top: ${circleOffset}px;

package/dist/{chunk-U5K7C7RY.js → chunk-OGO5ZMAI.js}

@@ -1,18 +1,18 @@
 import {
   setDefaultReactNodesTypography
-} from "./chunk-DTELIM22.js";
+} from "./chunk-TYGUATM2.js";
 import {
   toReactNodes
-} from "./chunk-AQ72FLUP.js";
+} from "./chunk-BQEN763M.js";
 import {
   Icon
-} from "./chunk-XJB6VA4O.js";
+} from "./chunk-ZSZGVHHS.js";
 import {
   standardBorderRadius
-} from "./chunk-IQQ7XKJO.js";
+} from "./chunk-ZD2DY4VO.js";
 import {
   getColor
-} from "./chunk-YPQXKAV2.js";
+} from "./chunk-CQKSDNQF.js";
 
 // src/components/Badge.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-GM2CW26C.cjs → chunk-OL5J5J7F.cjs}

@@ -9,7 +9,7 @@ var _chunkB2MHM6CYcjs = require('./chunk-B2MHM6CY.cjs');
 var _chunk6VA4SAHQcjs = require('./chunk-6VA4SAHQ.cjs');
 
 
-var _chunkDIH23YCLcjs = require('./chunk-DIH23YCL.cjs');
+var _chunkCLCU75BPcjs = require('./chunk-CLCU75BP.cjs');
 
 
 
@@ -28,7 +28,7 @@ function getPropDefaults(props) {
   return _chunkSFGLEWHWcjs.getPropDefaultsBase.call(void 0, props, { as: props.heading || "h1" });
 }
 var StyledHeadline = _styled2.default.span`
-  ${({ theme, size, colorProp }) => _chunkDIH23YCLcjs.applyTypography.call(void 0, theme, "Headline", size, colorProp)}
+  ${({ theme, size, colorProp }) => _chunkCLCU75BPcjs.applyTypography.call(void 0, theme, "Headline", size, colorProp)}
   ${_chunkB2MHM6CYcjs.typographyStyles}
 `;
 function headlineSelector(heading) {

package/dist/{chunk-QI4ONJPB.cjs → chunk-PNDMUZ5F.cjs}

@@ -6,7 +6,7 @@ var _chunkSFGLEWHWcjs = require('./chunk-SFGLEWHW.cjs');
 var _chunkB2MHM6CYcjs = require('./chunk-B2MHM6CY.cjs');
 
 
-var _chunkDIH23YCLcjs = require('./chunk-DIH23YCL.cjs');
+var _chunkCLCU75BPcjs = require('./chunk-CLCU75BP.cjs');
 
 
 
@@ -24,7 +24,7 @@ function getPropDefaults(props) {
   return _chunkSFGLEWHWcjs.getPropDefaultsBase.call(void 0, props, { as: props.tag || "span" });
 }
 var StyledOverline = _styled2.default.span`
-  ${({ theme, size, colorProp }) => _chunkDIH23YCLcjs.applyTypography.call(void 0, theme, "Overline", size, colorProp)}
+  ${({ theme, size, colorProp }) => _chunkCLCU75BPcjs.applyTypography.call(void 0, theme, "Overline", size, colorProp)}
   ${_chunkB2MHM6CYcjs.typographyStyles}
 `;