@lightsparkdev/ui 1.1.8 → 1.1.10

package/dist/{chunk-K7VLXZA2.js → chunk-H2V7AUPD.js}

@@ -1,25 +1,25 @@
 import {
   TextInput
-} from "./chunk-TDUDDWTZ.js";
-import {
-  Pill
-} from "./chunk-OKUFNIRX.js";
+} from "./chunk-H5MRGJQP.js";
 import {
   InputSubtext,
   inputBlockStyle
-} from "./chunk-B5EUALP4.js";
+} from "./chunk-FTMB6R72.js";
+import {
+  Pill
+} from "./chunk-OSYLTDKI.js";
+import {
+  useClipboard
+} from "./chunk-QHODHUW2.js";
 import {
   UnstyledButton
-} from "./chunk-5UHQJD3J.js";
+} from "./chunk-5NUOBJXP.js";
 import {
   Icon
-} from "./chunk-U6AUAZQA.js";
+} from "./chunk-DMPXNHDT.js";
 import {
   useBreakpoints
 } from "./chunk-JSGRNWSB.js";
-import {
-  useClipboard
-} from "./chunk-QHODHUW2.js";
 import {
   __async
 } from "./chunk-W7FAWX6T.js";

package/dist/{chunk-TDUDDWTZ.js → chunk-H5MRGJQP.js}

@@ -1,41 +1,45 @@
 import {
   ToggleContainer
-} from "./chunk-L6ZT3AUA.js";
+} from "./chunk-JXEBM5BK.js";
 import {
   InputSubtext,
   defaultTextInputTypography,
   inputSpacingPx,
   textInputPlaceholderColor,
   textInputStyle
-} from "./chunk-B5EUALP4.js";
-import {
-  Loading
-} from "./chunk-2NTAA34G.js";
+} from "./chunk-FTMB6R72.js";
 import {
   CheckboxContainer
-} from "./chunk-GQTVFDKF.js";
+} from "./chunk-MJT4VLKE.js";
 import {
-  Tooltip
-} from "./chunk-T426IS64.js";
+  toReactNodes
+} from "./chunk-OYIPFTQC.js";
+import {
+  Loading
+} from "./chunk-YNCTWF7N.js";
 import {
   UnstyledButton
-} from "./chunk-5UHQJD3J.js";
+} from "./chunk-5NUOBJXP.js";
+import {
+  Tooltip
+} from "./chunk-RO7YTILY.js";
 import {
   z
 } from "./chunk-55OQPFLF.js";
 import {
   Icon,
   IconContainer
-} from "./chunk-U6AUAZQA.js";
+} from "./chunk-DMPXNHDT.js";
 import {
   standardBorderRadius
-} from "./chunk-33BECMKR.js";
+} from "./chunk-HGZGGJQB.js";
 import {
   applyTypography
-} from "./chunk-XIWXA6GF.js";
+} from "./chunk-2C7DZIDY.js";
 import {
+  getBackgroundColor,
   getFontColor
-} from "./chunk-2JNM2KTT.js";
+} from "./chunk-VAH342U2.js";
 import {
   __spreadProps,
   __spreadValues
@@ -59,7 +63,7 @@ function withDefaults(textInputProps) {
   });
 }
 function TextInput(textInputProps) {
-  var _a, _b, _c, _d, _e;
+  var _a, _b, _c, _d, _e, _f;
   const props = withDefaults(textInputProps);
   const [focused, setFocused] = useState(false);
   const inputRef = props.inputRef || React.createRef();
@@ -217,7 +221,10 @@ function TextInput(textInputProps) {
   const hintTooltipId = props.hintTooltip ? `${props.id || "input"}-hint-tooltip` : void 0;
   const { select } = props;
   return /* @__PURE__ */ jsxs(StyledTextInput, { widthProp: textInputWidth, marginTop: props.marginTop, children: [
-    props.label ? /* @__PURE__ */ jsx(TextInputLabel, { hasError, children: props.label }) : null,
+    props.label ? /* @__PURE__ */ jsx(TextInputLabel, { hasError, labelOptions: props.labelOptions, children: ((_f = props.labelOptions) == null ? void 0 : _f.typography) ? toReactNodes({
+      text: props.label,
+      typography: props.labelOptions.typography
+    }) : props.label }) : null,
     select && /* @__PURE__ */ jsx(
       TextInputSelect,
       {
@@ -313,16 +320,20 @@ var RightButton = styled(UnstyledButton)`
   padding: 8px 10px;
 `;
 var TextInputLabel = styled.label`
-  ${standardBorderRadius(8)}
+  ${({ labelOptions }) => (labelOptions == null ? void 0 : labelOptions.borderRadius) ? `${labelOptions.borderRadius}px` : standardBorderRadius(8)};
   font-size: 10px;
-  position: absolute;
+  position: ${({ labelOptions }) => (labelOptions == null ? void 0 : labelOptions.position) || "absolute"};
   z-index: ${z.textInput + 1};
-  background-color: ${({ theme }) => theme.bg};
+  background-color: ${({ theme, labelOptions }) => (labelOptions == null ? void 0 : labelOptions.backgroundColor) ? getBackgroundColor(theme, labelOptions.backgroundColor) : theme.bg};
   color: ${({ theme, hasError }) => hasError ? theme.danger : theme.mcNeutral};
   font-weight: 600;
-  padding: 4px 6px;
-  left: 12px;
-  top: -10px;
+  padding-left: ${({ labelOptions }) => (labelOptions == null ? void 0 : labelOptions.paddingX) === void 0 ? "6px" : `${labelOptions.paddingX}px`};
+  padding-right: ${({ labelOptions }) => (labelOptions == null ? void 0 : labelOptions.paddingX) === void 0 ? "6px" : `${labelOptions.paddingX}px`};
+  padding-top: ${({ labelOptions }) => (labelOptions == null ? void 0 : labelOptions.paddingY) === void 0 ? "4px" : `${labelOptions.paddingY}px`};
+  padding-bottom: ${({ labelOptions }) => (labelOptions == null ? void 0 : labelOptions.paddingY) === void 0 ? "4px" : `${labelOptions.paddingY}px`};
+  left: ${({ labelOptions }) => (labelOptions == null ? void 0 : labelOptions.position) === "relative" ? "0" : "12px"};
+  top: ${({ labelOptions }) => (labelOptions == null ? void 0 : labelOptions.position) === "relative" ? "0" : "-10px"};
+  margin-bottom: ${({ labelOptions }) => (labelOptions == null ? void 0 : labelOptions.marginBottom) ? `${labelOptions.marginBottom}px` : "0"};
 `;
 var TextInputHalfRow = styled.div`
   margin-top: ${inputSpacingPx}px;
@@ -334,6 +345,8 @@ var TextInputHalfRow = styled.div`
   }
 `;
 var StyledTextInput = styled.div`
+  display: flex;
+  flex-direction: column;
   width: ${({ widthProp }) => widthProp};
   position: relative;
   /* Apply marginTop to every TextInput when specified */

package/dist/{chunk-73IZZDQD.js → chunk-HCDN3FAX.js}

@@ -3,19 +3,19 @@ import {
 } from "./chunk-MS4Y7HXG.js";
 import {
   LabelModerate
-} from "./chunk-GTUR5PQO.js";
+} from "./chunk-25AAHDUW.js";
 import {
   textInputStyle
-} from "./chunk-B5EUALP4.js";
-import {
-  z
-} from "./chunk-55OQPFLF.js";
+} from "./chunk-FTMB6R72.js";
 import {
   Spacing
 } from "./chunk-E5DUKMCU.js";
+import {
+  z
+} from "./chunk-55OQPFLF.js";
 import {
   Icon
-} from "./chunk-U6AUAZQA.js";
+} from "./chunk-DMPXNHDT.js";
 import {
   getTypographyString
 } from "./chunk-KCUSJWDZ.js";

package/dist/{chunk-33BECMKR.js → chunk-HGZGGJQB.js}

@@ -1,12 +1,12 @@
 import {
   themeOr
-} from "./chunk-2JNM2KTT.js";
+} from "./chunk-VAH342U2.js";
 import {
   bp
 } from "./chunk-JSGRNWSB.js";
 import {
   darkGradient
-} from "./chunk-5J7O4QVA.js";
+} from "./chunk-MIIIUXV6.js";
 
 // src/styles/common.tsx
 import { css } from "@emotion/react";

package/dist/{chunk-ZYHUGCHM.cjs → chunk-HPMPD35V.cjs}

@@ -6,7 +6,7 @@ var _chunkSFGLEWHWcjs = require('./chunk-SFGLEWHW.cjs');
 var _chunkB2MHM6CYcjs = require('./chunk-B2MHM6CY.cjs');
 
 
-var _chunk6SDFZ57Lcjs = require('./chunk-6SDFZ57L.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 StyledCode = _styled2.default.span`
-  ${({ theme, size, colorProp }) => _chunk6SDFZ57Lcjs.applyTypography.call(void 0, theme, "Code", size, colorProp)}
+  ${({ theme, size, colorProp }) => _chunkEDMCWD63cjs.applyTypography.call(void 0, theme, "Code", size, colorProp)}
   ${_chunkB2MHM6CYcjs.typographyStyles}
 `;
 

package/dist/{chunk-MEFVU35R.js → chunk-HXNX5ZV6.js}

@@ -1,13 +1,13 @@
 import {
   setDefaultReactNodesTypography
-} from "./chunk-557I2E7R.js";
+} from "./chunk-EZI6E6UO.js";
 import {
   toReactNodes
-} from "./chunk-R44KNXWJ.js";
+} from "./chunk-OYIPFTQC.js";
 import {
   themeOrWithKey,
   themes
-} from "./chunk-2JNM2KTT.js";
+} from "./chunk-VAH342U2.js";
 import {
   getLineHeightForTypographyType
 } from "./chunk-KCUSJWDZ.js";

package/dist/{chunk-WPI73XRG.js → chunk-HYNMVBYS.js}

@@ -2,11 +2,11 @@ import {
   standardBorderRadius,
   standardCardShadow,
   standardContentInset
-} from "./chunk-33BECMKR.js";
+} from "./chunk-HGZGGJQB.js";
 import {
   isDark,
   themeOr
-} from "./chunk-2JNM2KTT.js";
+} from "./chunk-VAH342U2.js";
 
 // src/components/Table/TableEmptyState.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-M7NXFRWI.cjs → chunk-IDJPIJSN.cjs}

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkEC2UGHQ6cjs = require('./chunk-EC2UGHQ6.cjs');
+var _chunkDDGSFIWAcjs = require('./chunk-DDGSFIWA.cjs');
 
 
 
-var _chunkE2KMCAZ5cjs = require('./chunk-E2KMCAZ5.cjs');
+var _chunk7THTVLRTcjs = require('./chunk-7THTVLRT.cjs');
 
 
 
@@ -13,12 +13,12 @@ var _chunkZ6EUSUADcjs = require('./chunk-Z6EUSUAD.cjs');
 // src/components/typography/Body.tsx
 var _jsxruntime = require('@emotion/react/jsx-runtime');
 function Body(props) {
-  const propsWithDefaults = _chunkE2KMCAZ5cjs.getPropDefaults.call(void 0, props);
+  const propsWithDefaults = _chunk7THTVLRTcjs.getPropDefaults.call(void 0, props);
   let reactNodes = props.children || null;
   if (props.content) {
-    reactNodes = _chunkEC2UGHQ6cjs.toReactNodes.call(void 0, props.content);
+    reactNodes = _chunkDDGSFIWAcjs.toReactNodes.call(void 0, props.content);
   }
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkE2KMCAZ5cjs.StyledBody, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, propsWithDefaults), { children: reactNodes }));
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7THTVLRTcjs.StyledBody, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, propsWithDefaults), { children: reactNodes }));
 }
 
 

package/dist/{chunk-7EJGVZAA.cjs → chunk-ILBP4CTU.cjs}

@@ -1,41 +1,45 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunk5TDELL2Ncjs = require('./chunk-5TDELL2N.cjs');
+var _chunkVLYEKZJ6cjs = require('./chunk-VLYEKZJ6.cjs');
 
 
 
 
 
 
-var _chunkC3FY5BQCcjs = require('./chunk-C3FY5BQC.cjs');
+var _chunkAEJ7VTL4cjs = require('./chunk-AEJ7VTL4.cjs');
 
 
-var _chunkCU6RWGR5cjs = require('./chunk-CU6RWGR5.cjs');
+var _chunkJ2EZWKMZcjs = require('./chunk-J2EZWKMZ.cjs');
 
 
-var _chunkYGKKGDPNcjs = require('./chunk-YGKKGDPN.cjs');
+var _chunkDDGSFIWAcjs = require('./chunk-DDGSFIWA.cjs');
 
 
-var _chunkW2Y7RKIEcjs = require('./chunk-W2Y7RKIE.cjs');
+var _chunkOA2TKY4Kcjs = require('./chunk-OA2TKY4K.cjs');
 
 
-var _chunk22Q6UJGLcjs = require('./chunk-22Q6UJGL.cjs');
+var _chunkSNSG4HBQcjs = require('./chunk-SNSG4HBQ.cjs');
+
+
+var _chunkUFU3BYZOcjs = require('./chunk-UFU3BYZO.cjs');
 
 
 var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
 
-var _chunk5R7OENS4cjs = require('./chunk-5R7OENS4.cjs');
+var _chunkWF7Z2VITcjs = require('./chunk-WF7Z2VIT.cjs');
+
 
+var _chunkRSHN4K6Ncjs = require('./chunk-RSHN4K6N.cjs');
 
-var _chunkUL22WLXRcjs = require('./chunk-UL22WLXR.cjs');
 
+var _chunkEDMCWD63cjs = require('./chunk-EDMCWD63.cjs');
 
-var _chunk6SDFZ57Lcjs = require('./chunk-6SDFZ57L.cjs');
 
 
-var _chunkLPTWQ2KPcjs = require('./chunk-LPTWQ2KP.cjs');
+var _chunkOBHJBBPCcjs = require('./chunk-OBHJBBPC.cjs');
 
 
 
@@ -55,11 +59,11 @@ 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, {}, _chunkC3FY5BQCcjs.defaultTextInputTypography), textInputProps.typography)
+    typography: _chunkZ6EUSUADcjs.__spreadValues.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, _chunkAEJ7VTL4cjs.defaultTextInputTypography), textInputProps.typography)
   });
 }
 function TextInput(textInputProps) {
-  var _a, _b, _c, _d, _e;
+  var _a, _b, _c, _d, _e, _f;
   const props = withDefaults(textInputProps);
   const [focused, setFocused] = _react.useState.call(void 0, false);
   const inputRef = props.inputRef || _react2.default.createRef();
@@ -182,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, 
-            _chunk5R7OENS4cjs.Icon,
+            _chunkWF7Z2VITcjs.Icon,
             {
               name: props.icon.name,
               width: iconWidth,
@@ -202,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, _chunkCU6RWGR5cjs.Loading, { center: false, size: rightIconWidth }) : props.icon && iconSide === "right" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunk5R7OENS4cjs.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,
@@ -217,7 +221,10 @@ 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, children: props.label }) : null,
+    props.label ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextInputLabel, { hasError, labelOptions: props.labelOptions, children: ((_f = props.labelOptions) == null ? void 0 : _f.typography) ? _chunkDDGSFIWAcjs.toReactNodes.call(void 0, {
+      text: props.label,
+      typography: props.labelOptions.typography
+    }) : props.label }) : null,
     select && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       TextInputSelect,
       {
@@ -235,7 +242,7 @@ function TextInput(textInputProps) {
     ),
     input,
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkC3FY5BQCcjs.InputSubtext,
+      _chunkAEJ7VTL4cjs.InputSubtext,
       {
         text: props.error || props.success || props.hint,
         content: props.contentError || props.contentSuccess,
@@ -246,11 +253,11 @@ function TextInput(textInputProps) {
         focused
       }
     ),
-    props.hintTooltip ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkW2Y7RKIEcjs.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 }) => _chunk6SDFZ57Lcjs.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;
@@ -261,10 +268,10 @@ var TextInputSelect = _styled2.default.select`
   width: ${({ widthProp }) => `${widthProp}px`};
 `;
 var WithIcon = _styled2.default.div`
-  ${_chunkUL22WLXRcjs.standardBorderRadius.call(void 0, 8)}
+  ${_chunkRSHN4K6Ncjs.standardBorderRadius.call(void 0, 8)}
   position: relative;
 
-  & ${_chunk5R7OENS4cjs.IconContainer.toString()} {
+  & ${_chunkWF7Z2VITcjs.IconContainer.toString()} {
     z-index: ${_chunkZU72XWNEcjs.z.textInput + 1};
   }
 `;
@@ -278,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 ? _chunkLPTWQ2KPcjs.getFontColor.call(void 0, theme, colorProp) : _chunkC3FY5BQCcjs.textInputPlaceholderColor.call(void 0, { theme })};
+  color: ${({ focused, hasValue, theme, colorProp }) => focused || hasValue ? _chunkOBHJBBPCcjs.getFontColor.call(void 0, theme, colorProp) : _chunkAEJ7VTL4cjs.textInputPlaceholderColor.call(void 0, { theme })};
 `;
 var Input = _styled2.default.input`
-  ${_chunkC3FY5BQCcjs.textInputStyle};
+  ${_chunkAEJ7VTL4cjs.textInputStyle};
   // disable autofill styles in chrome https://stackoverflow.com/a/68240841/9808766
   &:-webkit-autofill,
   &:-webkit-autofill:focus,
@@ -303,7 +310,7 @@ var RightButtonAligner = _styled2.default.div`
   display: flex;
   align-items: center;
 `;
-var RightButton = _styled2.default.call(void 0, _chunk22Q6UJGLcjs.UnstyledButton)`
+var RightButton = _styled2.default.call(void 0, _chunkSNSG4HBQcjs.UnstyledButton)`
   border-radius: 4px;
   border: none;
   background-color: ${({ theme }) => theme.vlcNeutral};
@@ -313,19 +320,23 @@ var RightButton = _styled2.default.call(void 0, _chunk22Q6UJGLcjs.UnstyledButton
   padding: 8px 10px;
 `;
 var TextInputLabel = _styled2.default.label`
-  ${_chunkUL22WLXRcjs.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: absolute;
+  position: ${({ labelOptions }) => (labelOptions == null ? void 0 : labelOptions.position) || "absolute"};
   z-index: ${_chunkZU72XWNEcjs.z.textInput + 1};
-  background-color: ${({ theme }) => 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: 4px 6px;
-  left: 12px;
-  top: -10px;
+  padding-left: ${({ labelOptions }) => (labelOptions == null ? void 0 : labelOptions.paddingX) === void 0 ? "6px" : `${labelOptions.paddingX}px`};
+  padding-right: ${({ labelOptions }) => (labelOptions == null ? void 0 : labelOptions.paddingX) === void 0 ? "6px" : `${labelOptions.paddingX}px`};
+  padding-top: ${({ labelOptions }) => (labelOptions == null ? void 0 : labelOptions.paddingY) === void 0 ? "4px" : `${labelOptions.paddingY}px`};
+  padding-bottom: ${({ labelOptions }) => (labelOptions == null ? void 0 : labelOptions.paddingY) === void 0 ? "4px" : `${labelOptions.paddingY}px`};
+  left: ${({ labelOptions }) => (labelOptions == null ? void 0 : labelOptions.position) === "relative" ? "0" : "12px"};
+  top: ${({ labelOptions }) => (labelOptions == null ? void 0 : labelOptions.position) === "relative" ? "0" : "-10px"};
+  margin-bottom: ${({ labelOptions }) => (labelOptions == null ? void 0 : labelOptions.marginBottom) ? `${labelOptions.marginBottom}px` : "0"};
 `;
 var TextInputHalfRow = _styled2.default.div`
-  margin-top: ${_chunkC3FY5BQCcjs.inputSpacingPx}px;
+  margin-top: ${_chunkAEJ7VTL4cjs.inputSpacingPx}px;
   display: flex;
   justify-content: space-between;
   gap: 16px;
@@ -334,6 +345,8 @@ var TextInputHalfRow = _styled2.default.div`
   }
 `;
 var StyledTextInput = _styled2.default.div`
+  display: flex;
+  flex-direction: column;
   width: ${({ widthProp }) => widthProp};
   position: relative;
   /* Apply marginTop to every TextInput when specified */
@@ -341,18 +354,18 @@ var StyledTextInput = _styled2.default.div`
 
   /* eg forms, should be left consistent: */
   & + & {
-    margin-top: ${_chunkC3FY5BQCcjs.inputSpacingPx}px;
+    margin-top: ${_chunkAEJ7VTL4cjs.inputSpacingPx}px;
   }
 
   ${TextInputHalfRow.toString()} & + & {
     margin-top: 0;
   }
 
-  ${_chunkYGKKGDPNcjs.CheckboxContainer.toString()} + &,
-  ${_chunk5TDELL2Ncjs.ToggleContainer.toString()} + &,
-  & + ${_chunkYGKKGDPNcjs.CheckboxContainer.toString()},
-  & + ${_chunk5TDELL2Ncjs.ToggleContainer.toString()} {
-    margin-top: ${_chunkC3FY5BQCcjs.inputSpacingPx}px;
+  ${_chunkJ2EZWKMZcjs.CheckboxContainer.toString()} + &,
+  ${_chunkVLYEKZJ6cjs.ToggleContainer.toString()} + &,
+  & + ${_chunkJ2EZWKMZcjs.CheckboxContainer.toString()},
+  & + ${_chunkVLYEKZJ6cjs.ToggleContainer.toString()} {
+    margin-top: ${_chunkAEJ7VTL4cjs.inputSpacingPx}px;
   }
 `;
 var InputContainer = _styled2.default.div`

package/dist/chunk-ILCW4USS.js

@@ -0,0 +1,32 @@
+// src/icons/central/Home.tsx
+import { jsx } from "@emotion/react/jsx-runtime";
+function Home({
+  strokeWidth = "1.5",
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "20",
+      height: "20",
+      viewBox: "0 0 20 20",
+      fill: "none",
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M3.125 8.56185C3.125 7.86539 3.125 7.51717 3.21261 7.195C3.29023 6.90957 3.41788 6.64018 3.58964 6.39937C3.78351 6.12755 4.05302 5.90704 4.59205 5.46602L7.46705 3.11374C8.36942 2.37541 8.82067 2.00624 9.32283 1.86494C9.76567 1.74033 10.2343 1.74033 10.6772 1.86494C11.1793 2.00624 11.6306 2.37541 12.5329 3.11374L15.4079 5.46602C15.947 5.90704 16.2165 6.12755 16.4103 6.39937C16.5821 6.64018 16.7097 6.90957 16.7874 7.195C16.875 7.51717 16.875 7.86539 16.875 8.56185V12.8747C16.875 14.2748 16.875 14.9748 16.6025 15.5096C16.3628 15.98 15.9804 16.3625 15.51 16.6022C14.9752 16.8747 14.2752 16.8747 12.875 16.8747H7.125C5.72487 16.8747 5.0248 16.8747 4.49003 16.6022C4.01962 16.3625 3.63717 15.98 3.39748 15.5096C3.125 14.9748 3.125 14.2748 3.125 12.8747V8.56185Z",
+          stroke: "currentColor",
+          strokeWidth,
+          strokeLinecap,
+          strokeLinejoin
+        }
+      )
+    }
+  );
+}
+
+export {
+  Home
+};

package/dist/{chunk-XSN4IRUE.js → chunk-IT6Y66F5.js}

@@ -1,10 +1,10 @@
 import {
   toReactNodes
-} from "./chunk-R44KNXWJ.js";
+} from "./chunk-OYIPFTQC.js";
 import {
   StyledLabel,
   getPropDefaults
-} from "./chunk-C3I42MEE.js";
+} from "./chunk-2FUPV2YR.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/{chunk-YGKKGDPN.cjs → chunk-J2EZWKMZ.cjs}

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkZTIYSEE6cjs = require('./chunk-ZTIYSEE6.cjs');
+var _chunkYPB3YRAGcjs = require('./chunk-YPB3YRAG.cjs');
 
 
-var _chunkEC2UGHQ6cjs = require('./chunk-EC2UGHQ6.cjs');
+var _chunkDDGSFIWAcjs = require('./chunk-DDGSFIWA.cjs');
 
 // src/components/Checkbox.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -31,10 +31,10 @@ function Checkbox({
     size: (typographyProp == null ? void 0 : typographyProp.size) || "Medium",
     color: (typographyProp == null ? void 0 : typographyProp.color) || "text"
   };
-  const nodesWithTypography = _chunkZTIYSEE6cjs.setDefaultReactNodesTypography.call(void 0, label, {
+  const nodesWithTypography = _chunkYPB3YRAGcjs.setDefaultReactNodesTypography.call(void 0, label, {
     default: defaultTypography
   });
-  const content = _chunkEC2UGHQ6cjs.toReactNodes.call(void 0, nodesWithTypography);
+  const content = _chunkDDGSFIWAcjs.toReactNodes.call(void 0, nodesWithTypography);
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, CheckboxContainer, { mt, mb, ml, mr, alignItems, children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       StyledCheckbox,

package/dist/{chunk-SBIP5FN4.cjs → chunk-J7CGEXDD.cjs}

@@ -3,16 +3,16 @@
 var _chunk46AVXTFOcjs = require('./chunk-46AVXTFO.cjs');
 
 
-var _chunkLLYPCLOOcjs = require('./chunk-LLYPCLOO.cjs');
+var _chunk6DYK4XKYcjs = require('./chunk-6DYK4XKY.cjs');
 
 
-var _chunk5R7OENS4cjs = require('./chunk-5R7OENS4.cjs');
+var _chunkWF7Z2VITcjs = require('./chunk-WF7Z2VIT.cjs');
 
 
 var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
 
 
-var _chunk2J2ZDWLFcjs = require('./chunk-2J2ZDWLF.cjs');
+var _chunkQQDRBCBYcjs = require('./chunk-QQDRBCBY.cjs');
 
 // src/components/PageSection/PageSectionNav.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -41,24 +41,24 @@ var PageSectionList = _styled2.default.ul`
 `;
 var StyledPageSectionNavItem = _styled2.default.li`
   align-items: center;
-  color: ${_chunk2J2ZDWLFcjs.colors.gray40};
+  color: ${_chunkQQDRBCBYcjs.colors.gray40};
   display: flex;
   list-style: none;
 
-  ${_chunk5R7OENS4cjs.IconContainer}:not(:first-of-type) {
+  ${_chunkWF7Z2VITcjs.IconContainer}:not(:first-of-type) {
     visibility: hidden;
   }
 
   &:hover {
     color: ${({ theme }) => theme.hcNeutral};
 
-    ${_chunk5R7OENS4cjs.IconContainer} {
+    ${_chunkWF7Z2VITcjs.IconContainer} {
       visibility: visible;
     }
   }
 `;
 var PageSectionListItem = ({ leftIcon, label, sectionId }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledPageSectionNavItem, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-  _chunkLLYPCLOOcjs.TextButton,
+  _chunk6DYK4XKYcjs.TextButton,
   {
     text: label,
     padding: "8px 0",

package/dist/{chunk-TOXR46LH.cjs → chunk-J7HZA7ZF.cjs}

@@ -6,7 +6,7 @@ var _chunkSFGLEWHWcjs = require('./chunk-SFGLEWHW.cjs');
 var _chunkB2MHM6CYcjs = require('./chunk-B2MHM6CY.cjs');
 
 
-var _chunk6SDFZ57Lcjs = require('./chunk-6SDFZ57L.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 StyledLabelModerate = _styled2.default.span`
-  ${({ theme, size, colorProp }) => _chunk6SDFZ57Lcjs.applyTypography.call(void 0, theme, "Label Moderate", size, colorProp)}
+  ${({ theme, size, colorProp }) => _chunkEDMCWD63cjs.applyTypography.call(void 0, theme, "Label Moderate", size, colorProp)}
   ${_chunkB2MHM6CYcjs.typographyStyles}
 `;