@lightsparkdev/ui 1.0.16 → 1.0.17

package/dist/{chunk-ZL3BFUEN.cjs → chunk-HU4PSB3N.cjs}

@@ -1,30 +1,30 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunk27L4UDZXcjs = require('./chunk-27L4UDZX.cjs');
+var _chunkWLPKMO36cjs = require('./chunk-WLPKMO36.cjs');
 
 
-var _chunkV2O6JOJVcjs = require('./chunk-V2O6JOJV.cjs');
 
 
 
 
 
 
+var _chunkFBWTYGYEcjs = require('./chunk-FBWTYGYE.cjs');
 
 
-var _chunkFBWTYGYEcjs = require('./chunk-FBWTYGYE.cjs');
+var _chunkIEHW6GREcjs = require('./chunk-IEHW6GRE.cjs');
 
 
-var _chunk4OHQICODcjs = require('./chunk-4OHQICOD.cjs');
+var _chunk2DXEH7CBcjs = require('./chunk-2DXEH7CB.cjs');
 
 
-var _chunk2N6KBD5Acjs = require('./chunk-2N6KBD5A.cjs');
+var _chunkIXTGSOHTcjs = require('./chunk-IXTGSOHT.cjs');
 
 
 var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
 
 
-var _chunk2U6C2FAGcjs = require('./chunk-2U6C2FAG.cjs');
+var _chunkL6XBCODScjs = require('./chunk-L6XBCODS.cjs');
 
 
 var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
@@ -98,7 +98,7 @@ var DateFilter = ({
       },
       components: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, TimeAndGranularity, { children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunk2N6KBD5Acjs.TextInput,
+          _chunkIXTGSOHTcjs.TextInput,
           {
             placeholder: "60",
             onChange: (value) => {
@@ -112,7 +112,7 @@ var DateFilter = ({
           }
         ),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunk4OHQICODcjs.Select_default,
+          _chunk2DXEH7CBcjs.Select_default,
           {
             defaultValue: {
               value: customDateRangeData == null ? void 0 : customDateRangeData.granularity,
@@ -142,7 +142,7 @@ var DateFilter = ({
         return { start: _chunkFBWTYGYEcjs.startOfDay.call(void 0, date), end: _chunkFBWTYGYEcjs.endOfDay.call(void 0, date) };
       },
       components: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkV2O6JOJVcjs.DateWidget,
+        _chunkWLPKMO36cjs.DateWidget,
         {
           dateRangeOperation: "is equal to" /* IsEqualTo */,
           onChange: updateStateWithCustomRange,
@@ -162,7 +162,7 @@ var DateFilter = ({
         return { start, end };
       },
       components: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkV2O6JOJVcjs.DateWidget,
+        _chunkWLPKMO36cjs.DateWidget,
         {
           dateRangeOperation: "is between" /* IsBetween */,
           onChange: updateStateWithCustomRange,
@@ -178,7 +178,7 @@ var DateFilter = ({
         return { start: date, end: _chunkFBWTYGYEcjs.MAX_DATE };
       },
       components: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkV2O6JOJVcjs.DateWidget,
+        _chunkWLPKMO36cjs.DateWidget,
         {
           dateRangeOperation: "is after" /* IsAfter */,
           onChange: updateStateWithCustomRange,
@@ -194,7 +194,7 @@ var DateFilter = ({
         return { start: _chunkFBWTYGYEcjs.MIN_DATE, end: date };
       },
       components: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkV2O6JOJVcjs.DateWidget,
+        _chunkWLPKMO36cjs.DateWidget,
         {
           dateRangeOperation: "is before" /* IsBefore */,
           onChange: updateStateWithCustomRange,
@@ -263,10 +263,10 @@ var DateFilter = ({
   const handleSelectCustomRangeOption = (operation) => {
     updateStateWithCustomRange(dateRangeOptions[operation].defaultData);
   };
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk27L4UDZXcjs.Filter, { label: "date", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, Container, { children: [
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIEHW6GREcjs.Filter, { label: "date", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, Container, { children: [
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, ButtonsContainer, { children: [
       presets.map((preset) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunk2U6C2FAGcjs.Button,
+        _chunkL6XBCODScjs.Button,
         {
           kind: preset === state.preset ? "primary" : void 0,
           text: preset,
@@ -276,7 +276,7 @@ var DateFilter = ({
         preset
       )),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunk2U6C2FAGcjs.Button,
+        _chunkL6XBCODScjs.Button,
         {
           kind: state.preset === "Custom" /* Custom */ ? "primary" : void 0,
           text: "Custom",
@@ -287,7 +287,7 @@ var DateFilter = ({
     ] }),
     showCustomOptions && customDateRangeData && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunk4OHQICODcjs.Select_default,
+        _chunk2DXEH7CBcjs.Select_default,
         {
           defaultValue: {
             value: customDateRangeData.type,

package/dist/{chunk-6JJFCYKD.js → chunk-HYCPAGAW.js}

@@ -1,9 +1,9 @@
 import {
   useNumberInput
-} from "./chunk-T6Q43UMB.js";
+} from "./chunk-T74FAGM4.js";
 import {
   TextInput
-} from "./chunk-IE3QUJRS.js";
+} from "./chunk-SCB5GKFG.js";
 import {
   __objRest,
   __spreadProps,

package/dist/{chunk-F6U655TY.cjs → chunk-I6VHS5CF.cjs}

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunk7QQBTG3Ocjs = require('./chunk-7QQBTG3O.cjs');
+var _chunkVAUZ4W4Ocjs = require('./chunk-VAUZ4W4O.cjs');
 
 
-var _chunk2U6C2FAGcjs = require('./chunk-2U6C2FAG.cjs');
+var _chunkL6XBCODScjs = require('./chunk-L6XBCODS.cjs');
 
 
-var _chunk2KKFVDUDcjs = require('./chunk-2KKFVDUD.cjs');
+var _chunkNWNESPGQcjs = require('./chunk-NWNESPGQ.cjs');
 
 
 var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
@@ -31,7 +31,7 @@ function ButtonRow({
       headerHeight,
       bottomBorder,
       children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledButtonRow, { className, children: buttons.map(
-        (button, idx) => button === "divider" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ButtonRowDivider, {}, idx) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2U6C2FAGcjs.Button, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, button), idx)
+        (button, idx) => button === "divider" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ButtonRowDivider, {}, idx) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkL6XBCODScjs.Button, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, button), idx)
       ) })
     }
   );
@@ -46,9 +46,9 @@ var ButtonRowContainer = _styled2.default.div`
             position: sticky;
             top: ${headerHeight}px;
             margin-top: 24px;
-            margin-left: -${_chunk2KKFVDUDcjs.standardContentInset.smPx}px;
-            width: calc(100% + ${_chunk2KKFVDUDcjs.standardContentInset.smPx * 2}px);
-            max-width: calc(100% + ${_chunk2KKFVDUDcjs.standardContentInset.smPx * 2}px);
+            margin-left: -${_chunkNWNESPGQcjs.standardContentInset.smPx}px;
+            width: calc(100% + ${_chunkNWNESPGQcjs.standardContentInset.smPx * 2}px);
+            max-width: calc(100% + ${_chunkNWNESPGQcjs.standardContentInset.smPx * 2}px);
             z-index: 2;` : `position: relative;`}
         ${bottomBorder ? `
             &:before {
@@ -72,7 +72,7 @@ var ButtonRowDivider = _styled2.default.div`
   padding-left: 16px;
 `;
 var StyledButtonRow = _styled2.default.div`
-  ${_chunk7QQBTG3Ocjs.overflowAutoWithoutScrollbars}
+  ${_chunkVAUZ4W4Ocjs.overflowAutoWithoutScrollbars}
   background: ${({ theme }) => theme.bg};
   display: flex;
   position: relative;
@@ -89,7 +89,7 @@ var StyledButtonRow = _styled2.default.div`
   }
 
   ${_chunkKW3JYLRIcjs.bp.sm(`
-    padding: ${_chunk2KKFVDUDcjs.standardContentInset.smPx}px;
+    padding: ${_chunkNWNESPGQcjs.standardContentInset.smPx}px;
   `)}
 `;
 

package/dist/{chunk-T4KB6SLY.cjs → chunk-I75KJLUV.cjs}

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunk27L4UDZXcjs = require('./chunk-27L4UDZX.cjs');
+var _chunkIEHW6GREcjs = require('./chunk-IEHW6GRE.cjs');
 
 
-var _chunk3EYXTCGOcjs = require('./chunk-3EYXTCGO.cjs');
+var _chunkKSYQ6LPOcjs = require('./chunk-KSYQ6LPO.cjs');
 
 
-var _chunkF6U655TYcjs = require('./chunk-F6U655TY.cjs');
+var _chunkI6VHS5CFcjs = require('./chunk-I6VHS5CF.cjs');
 
 
 
@@ -55,7 +55,7 @@ var CurrencyFilter = ({
       isApplied: false
     }));
   };
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk27L4UDZXcjs.Filter, { label, children: [
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkIEHW6GREcjs.Filter, { label, children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       NumberButtonRowContainer,
       {
@@ -85,7 +85,7 @@ var CurrencyFilter = ({
     ),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, InputContainer, { children: [
       isMinDisplayed && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunk3EYXTCGOcjs.NumberInput_default,
+        _chunkKSYQ6LPOcjs.NumberInput_default,
         {
           placeholder: "0",
           onChange: handleMinChange,
@@ -97,7 +97,7 @@ var CurrencyFilter = ({
       ),
       isMinDisplayed && isMaxDisplayed && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Divider, {}),
       isMaxDisplayed && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunk3EYXTCGOcjs.NumberInput_default,
+        _chunkKSYQ6LPOcjs.NumberInput_default,
         {
           placeholder: "0",
           onChange: handleMaxChange,
@@ -110,7 +110,7 @@ var CurrencyFilter = ({
     ] })
   ] }) });
 };
-var NumberButtonRowContainer = _styled2.default.call(void 0, _chunkF6U655TYcjs.ButtonRow)`
+var NumberButtonRowContainer = _styled2.default.call(void 0, _chunkI6VHS5CFcjs.ButtonRow)`
   padding: 0px !important;
 `;
 var InputContainer = _styled2.default.div`

package/dist/{chunk-27L4UDZX.cjs → chunk-IEHW6GRE.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkHRLEYHRQcjs = require('./chunk-HRLEYHRQ.cjs');
+var _chunkGYM3B7AAcjs = require('./chunk-GYM3B7AA.cjs');
 
 
 var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
@@ -13,7 +13,7 @@ var Filter = ({
   children
 }) => {
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, Container, { children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, FilterHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHRLEYHRQcjs.LabelModerate, { children: `Filter by ${label}` }) }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, FilterHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGYM3B7AAcjs.LabelModerate, { children: `Filter by ${label}` }) }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, FilterBody, { children })
   ] });
 };

package/dist/chunk-IMZKCKTI.cjs

@@ -0,0 +1,56 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _chunkUK5GJ2J2cjs = require('./chunk-UK5GJ2J2.cjs');
+
+
+var _chunkNE2ZJLB2cjs = require('./chunk-NE2ZJLB2.cjs');
+
+
+var _chunkSBUXCFVLcjs = require('./chunk-SBUXCFVL.cjs');
+
+
+var _chunk52ZPI4LHcjs = require('./chunk-52ZPI4LH.cjs');
+
+
+var _chunkPIJDG55Scjs = require('./chunk-PIJDG55S.cjs');
+
+
+var _chunkT4PBRJFTcjs = require('./chunk-T4PBRJFT.cjs');
+
+
+var _chunkETO64UV5cjs = require('./chunk-ETO64UV5.cjs');
+
+
+var _chunkGZ7ZKXUQcjs = require('./chunk-GZ7ZKXUQ.cjs');
+
+
+var _chunk6ZGEOYFRcjs = require('./chunk-6ZGEOYFR.cjs');
+
+
+var _chunk2ZERFWQCcjs = require('./chunk-2ZERFWQC.cjs');
+
+// src/components/typography/renderTypography.tsx
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+var typographyMap = {
+  Display: _chunkGZ7ZKXUQcjs.DisplayString,
+  Headline: _chunk2ZERFWQCcjs.HeadlineString,
+  Title: _chunkT4PBRJFTcjs.TitleString,
+  Body: _chunk6ZGEOYFRcjs.BodyString,
+  "Body Strong": _chunkPIJDG55Scjs.BodyStrongString,
+  Label: _chunkSBUXCFVLcjs.LabelString,
+  "Label Moderate": _chunk52ZPI4LHcjs.LabelModerateString,
+  "Label Strong": _chunkUK5GJ2J2cjs.LabelStrongString,
+  Overline: _chunkNE2ZJLB2cjs.OverlineString,
+  Code: _chunkETO64UV5cjs.CodeString,
+  "Code Strong": _chunkETO64UV5cjs.CodeString
+};
+var renderTypography = (typographyType, typographyProps) => {
+  const TypographyComponent = typographyMap[typographyType];
+  const { children } = typographyProps;
+  return _react2.default.createElement(TypographyComponent, typographyProps, children);
+};
+
+
+
+
+exports.typographyMap = typographyMap; exports.renderTypography = renderTypography;

package/dist/{chunk-BT2NS24U.cjs → chunk-IR56ZLYL.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkAPCRRZMTcjs = require('./chunk-APCRRZMT.cjs');
+var _chunkXTQV7ZJ6cjs = require('./chunk-XTQV7ZJ6.cjs');
 
 // src/components/Loading.tsx
 var _react = require('@emotion/react');
@@ -16,7 +16,7 @@ function Loading({
 }) {
   const theme = _react.useTheme.call(void 0, );
   const iconName = resolveLoadingProp(null, kind, "defaultIconName", theme);
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, LoadingWrapper, { center, ml, mt, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Rotate, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkAPCRRZMTcjs.Icon, { name: iconName, width: size }) }) });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, LoadingWrapper, { center, ml, mt, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Rotate, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXTQV7ZJ6cjs.Icon, { name: iconName, width: size }) }) });
 }
 var LoadingWrapper = _styled2.default.div`
   flex-grow: 1;

package/dist/{chunk-2N6KBD5A.cjs → chunk-IXTGSOHT.cjs}

@@ -1,41 +1,41 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkNNQVQMFIcjs = require('./chunk-NNQVQMFI.cjs');
+var _chunkVAKYMPPXcjs = require('./chunk-VAKYMPPX.cjs');
 
 
 
 
 
 
-var _chunkVS54P2UScjs = require('./chunk-VS54P2US.cjs');
+var _chunkE4MOQFMEcjs = require('./chunk-E4MOQFME.cjs');
 
 
-var _chunkZ4P3SDK3cjs = require('./chunk-Z4P3SDK3.cjs');
+var _chunkKSHNWL2Lcjs = require('./chunk-KSHNWL2L.cjs');
 
 
-var _chunkBT2NS24Ucjs = require('./chunk-BT2NS24U.cjs');
+var _chunkIR56ZLYLcjs = require('./chunk-IR56ZLYL.cjs');
 
 
-var _chunkELEYS3GZcjs = require('./chunk-ELEYS3GZ.cjs');
+var _chunkM2ZLCF6Pcjs = require('./chunk-M2ZLCF6P.cjs');
 
 
-var _chunkND4ZEWCYcjs = require('./chunk-ND4ZEWCY.cjs');
+var _chunkWDEX6VIPcjs = require('./chunk-WDEX6VIP.cjs');
 
 
 var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
 
-var _chunkAPCRRZMTcjs = require('./chunk-APCRRZMT.cjs');
+var _chunkXTQV7ZJ6cjs = require('./chunk-XTQV7ZJ6.cjs');
 
 
-var _chunk2KKFVDUDcjs = require('./chunk-2KKFVDUD.cjs');
+var _chunkNWNESPGQcjs = require('./chunk-NWNESPGQ.cjs');
 
 
-var _chunkR5RXA5HTcjs = require('./chunk-R5RXA5HT.cjs');
+var _chunkFZBPLBNDcjs = require('./chunk-FZBPLBND.cjs');
 
 
-var _chunkEUDYMZXOcjs = require('./chunk-EUDYMZXO.cjs');
+var _chunkN63HBX3Vcjs = require('./chunk-N63HBX3V.cjs');
 
 
 
@@ -54,7 +54,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, {}, _chunkVS54P2UScjs.defaultTextInputTypography), textInputProps.typography)
+    typography: _chunkZ6EUSUADcjs.__spreadValues.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, _chunkE4MOQFMEcjs.defaultTextInputTypography), textInputProps.typography)
   });
 }
 function TextInput(textInputProps) {
@@ -177,7 +177,7 @@ function TextInput(textInputProps) {
           hasValue: Boolean(props.value),
           colorProp: props.typography.color,
           iconOffset: typeof props.paddingX === "number" ? props.paddingX : leftIconOffset,
-          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkAPCRRZMTcjs.Icon, { name: props.icon.name, width: iconWidth })
+          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXTQV7ZJ6cjs.Icon, { name: props.icon.name, width: iconWidth })
         }
       ),
       input,
@@ -191,7 +191,7 @@ 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, _chunkBT2NS24Ucjs.Loading, { center: false, size: rightIconWidth }) : props.icon && iconSide === "right" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkAPCRRZMTcjs.Icon, { name: props.icon.name, width: rightIconWidth }) : null
+          children: props.loading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIR56ZLYLcjs.Loading, { center: false, size: rightIconWidth }) : props.icon && iconSide === "right" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXTQV7ZJ6cjs.Icon, { name: props.icon.name, width: rightIconWidth }) : null
         }
       )
     ] });
@@ -216,18 +216,18 @@ function TextInput(textInputProps) {
     ),
     input,
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkVS54P2UScjs.InputSubtext,
+      _chunkE4MOQFMEcjs.InputSubtext,
       {
         text: props.error || props.hint,
         hasError,
         tooltipId: hintTooltipId
       }
     ),
-    props.hintTooltip ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkELEYS3GZcjs.Tooltip, { id: hintTooltipId, content: props.hintTooltip, place: "right" }) : null
+    props.hintTooltip ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWDEX6VIPcjs.Tooltip, { id: hintTooltipId, content: props.hintTooltip, place: "right" }) : null
   ] });
 }
 var TextInputSelect = _styled2.default.select`
-  ${({ typography, theme }) => _chunkR5RXA5HTcjs.applyTypography.call(void 0, theme, typography.type, typography.size, typography.color)}
+  ${({ typography, theme }) => _chunkFZBPLBNDcjs.applyTypography.call(void 0, theme, typography.type, typography.size, typography.color)}
   position: absolute;
   z-index: ${_chunkZU72XWNEcjs.z.textInput + 1};
   border: none;
@@ -238,10 +238,10 @@ var TextInputSelect = _styled2.default.select`
   width: ${({ widthProp }) => `${widthProp}px`};
 `;
 var WithIcon = _styled2.default.div`
-  ${_chunk2KKFVDUDcjs.standardBorderRadius.call(void 0, 8)}
+  ${_chunkNWNESPGQcjs.standardBorderRadius.call(void 0, 8)}
   position: relative;
 
-  & ${_chunkAPCRRZMTcjs.IconContainer.toString()} {
+  & ${_chunkXTQV7ZJ6cjs.IconContainer.toString()} {
     z-index: ${_chunkZU72XWNEcjs.z.textInput + 1};
   }
 `;
@@ -255,10 +255,10 @@ var TextInputIconContainer = _styled2.default.div`
   display: flex;
   align-items: center;
   cursor: ${({ onClick }) => onClick ? "pointer" : "auto"};
-  color: ${({ focused, hasValue, theme, colorProp }) => focused || hasValue ? _chunkEUDYMZXOcjs.getFontColor.call(void 0, theme, colorProp) : _chunkVS54P2UScjs.textInputPlaceholderColor.call(void 0, { theme })};
+  color: ${({ focused, hasValue, theme, colorProp }) => focused || hasValue ? _chunkN63HBX3Vcjs.getFontColor.call(void 0, theme, colorProp) : _chunkE4MOQFMEcjs.textInputPlaceholderColor.call(void 0, { theme })};
 `;
 var Input = _styled2.default.input`
-  ${_chunkVS54P2UScjs.textInputStyle};
+  ${_chunkE4MOQFMEcjs.textInputStyle};
 
   // disable autofill styles in chrome https://stackoverflow.com/a/68240841/9808766
   &:-webkit-autofill,
@@ -281,7 +281,7 @@ var RightButtonAligner = _styled2.default.div`
   display: flex;
   align-items: center;
 `;
-var RightButton = _styled2.default.call(void 0, _chunkND4ZEWCYcjs.UnstyledButton)`
+var RightButton = _styled2.default.call(void 0, _chunkM2ZLCF6Pcjs.UnstyledButton)`
   border-radius: 4px;
   border: none;
   background-color: ${({ theme }) => theme.vlcNeutral};
@@ -291,7 +291,7 @@ var RightButton = _styled2.default.call(void 0, _chunkND4ZEWCYcjs.UnstyledButton
   padding: 8px 10px;
 `;
 var TextInputLabel = _styled2.default.label`
-  ${_chunk2KKFVDUDcjs.standardBorderRadius.call(void 0, 8)}
+  ${_chunkNWNESPGQcjs.standardBorderRadius.call(void 0, 8)}
   font-size: 10px;
   position: absolute;
   z-index: ${_chunkZU72XWNEcjs.z.textInput + 1};
@@ -303,7 +303,7 @@ var TextInputLabel = _styled2.default.label`
   top: -10px;
 `;
 var TextInputHalfRow = _styled2.default.div`
-  margin-top: ${_chunkVS54P2UScjs.inputSpacingPx}px;
+  margin-top: ${_chunkE4MOQFMEcjs.inputSpacingPx}px;
   display: flex;
   justify-content: space-between;
   gap: 16px;
@@ -317,18 +317,18 @@ var StyledTextInput = _styled2.default.div`
 
   /* eg forms, should be left consistent: */
   & + & {
-    margin-top: ${_chunkVS54P2UScjs.inputSpacingPx}px;
+    margin-top: ${_chunkE4MOQFMEcjs.inputSpacingPx}px;
   }
 
   ${TextInputHalfRow.toString()} & + & {
     margin-top: 0;
   }
 
-  ${_chunkZ4P3SDK3cjs.CheckboxContainer.toString()} + &,
-  ${_chunkNNQVQMFIcjs.ToggleContainer.toString()} + &,
-  & + ${_chunkZ4P3SDK3cjs.CheckboxContainer.toString()},
-  & + ${_chunkNNQVQMFIcjs.ToggleContainer.toString()} {
-    margin-top: ${_chunkVS54P2UScjs.inputSpacingPx}px;
+  ${_chunkKSHNWL2Lcjs.CheckboxContainer.toString()} + &,
+  ${_chunkVAKYMPPXcjs.ToggleContainer.toString()} + &,
+  & + ${_chunkKSHNWL2Lcjs.CheckboxContainer.toString()},
+  & + ${_chunkVAKYMPPXcjs.ToggleContainer.toString()} {
+    margin-top: ${_chunkE4MOQFMEcjs.inputSpacingPx}px;
   }
 `;
 var InputContainer = _styled2.default.div`

package/dist/{chunk-SHJ7MSPL.cjs → chunk-IYIN4UXN.cjs}

@@ -3,7 +3,7 @@
 var _chunk4XPAKKBScjs = require('./chunk-4XPAKKBS.cjs');
 
 
-var _chunk2N6KBD5Acjs = require('./chunk-2N6KBD5A.cjs');
+var _chunkIXTGSOHTcjs = require('./chunk-IXTGSOHT.cjs');
 
 
 
@@ -77,7 +77,7 @@ function PhoneInput({
   const isValidPhone = formatter.isValid();
   const error = !isValidPhone && wasBlurred ? "Please enter a valid phone number." : void 0;
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunk2N6KBD5Acjs.TextInput,
+    _chunkIXTGSOHTcjs.TextInput,
     {
       select: {
         options,

package/dist/{chunk-QXYZAROG.cjs → chunk-JBVSQGPY.cjs}

@@ -8,22 +8,22 @@
 var _chunkCH2PLO6Fcjs = require('./chunk-CH2PLO6F.cjs');
 
 
-var _chunkTKNO6W27cjs = require('./chunk-TKNO6W27.cjs');
+var _chunkAMXTRBOOcjs = require('./chunk-AMXTRBOO.cjs');
 
 
-var _chunkZMEKXFUWcjs = require('./chunk-ZMEKXFUW.cjs');
+var _chunkCYINPDD3cjs = require('./chunk-CYINPDD3.cjs');
 
 
-var _chunkKF2ZLWG4cjs = require('./chunk-KF2ZLWG4.cjs');
+var _chunk6KPDO4EPcjs = require('./chunk-6KPDO4EP.cjs');
 
 
-var _chunkAPCRRZMTcjs = require('./chunk-APCRRZMT.cjs');
+var _chunkXTQV7ZJ6cjs = require('./chunk-XTQV7ZJ6.cjs');
 
 
-var _chunkRLTFMTRWcjs = require('./chunk-RLTFMTRW.cjs');
+var _chunkWY7PY47Qcjs = require('./chunk-WY7PY47Q.cjs');
 
 
-var _chunkRREQ4EDAcjs = require('./chunk-RREQ4EDA.cjs');
+var _chunkIMZKCKTIcjs = require('./chunk-IMZKCKTI.cjs');
 
 
 var _chunkL3U3VIEJcjs = require('./chunk-L3U3VIEJ.cjs');
@@ -47,7 +47,7 @@ function toReactNodes(toReactNodesArg) {
       let content = text;
       if (_chunkCH2PLO6Fcjs.isTextNode.call(void 0, node) && node.typography) {
         const _a = node.typography, { type: typographyType } = _a, typographyProps = _chunkZ6EUSUADcjs.__objRest.call(void 0, _a, ["type"]);
-        content = _chunkRREQ4EDAcjs.renderTypography.call(void 0, typographyType, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, typographyProps), {
+        content = _chunkIMZKCKTIcjs.renderTypography.call(void 0, typographyType, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, typographyProps), {
           children: text
         }));
       } else {
@@ -58,16 +58,16 @@ function toReactNodes(toReactNodesArg) {
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _react.Fragment, { children: content }, `text-${i}-${text.substr(0, 20)}`)
       );
     } else if (_chunkCH2PLO6Fcjs.isLinkNode.call(void 0, node)) {
-      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRLTFMTRWcjs.Link, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, node.link), `link-${i}-${node.link.id}`);
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWY7PY47Qcjs.Link, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, node.link), `link-${i}-${node.link.id}`);
     } else if (_chunkCH2PLO6Fcjs.isNextLinkNode.call(void 0, node)) {
       return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkTKNO6W27cjs.NextLink,
+        _chunkAMXTRBOOcjs.NextLink,
         _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, node.nextLink),
         `next-link-${i}-${node.nextLink.id}`
       );
     } else if (_chunkCH2PLO6Fcjs.isIconNode.call(void 0, node)) {
       return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkAPCRRZMTcjs.Icon,
+        _chunkXTQV7ZJ6cjs.Icon,
         _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, node.icon), {
           width: node.icon.width || 12
         }),
@@ -75,13 +75,13 @@ function toReactNodes(toReactNodesArg) {
       );
     } else if (_chunkCH2PLO6Fcjs.isCurrencyAmountNode.call(void 0, node)) {
       return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkZMEKXFUWcjs.CurrencyAmount,
+        _chunk6KPDO4EPcjs.CurrencyAmount,
         _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, node.currencyAmount),
         `currency-amount-${i}-${node.currencyAmount.id}`
       );
     } else if (_chunkCH2PLO6Fcjs.isClipboardTextFieldNode.call(void 0, node)) {
       return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkKF2ZLWG4cjs.ClipboardTextField,
+        _chunkCYINPDD3cjs.ClipboardTextField,
         _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, node.clipboardTextField),
         `clipboard-text-field-${i}-${node.clipboardTextField.id}`
       );

package/dist/{chunk-YPR6F7JT.js → chunk-JGFSABKL.js}

@@ -1,12 +1,12 @@
 import {
   Modal
-} from "./chunk-MGSIBRTB.js";
+} from "./chunk-ACQIOYO3.js";
 import {
   Spacing
 } from "./chunk-E5DUKMCU.js";
 import {
   Button
-} from "./chunk-ZR5RJNK6.js";
+} from "./chunk-CEZHIXNR.js";
 import {
   z
 } from "./chunk-55OQPFLF.js";