@lightsparkdev/ui 1.1.4 → 1.1.6

package/dist/{chunk-YI6Y7EAU.cjs → chunk-5LPJSI3M.cjs}

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunk6IBADE46cjs = require('./chunk-6IBADE46.cjs');
+var _chunkMKQVFO6Lcjs = require('./chunk-MKQVFO6L.cjs');
 
 
 
-var _chunkJOHXUOL2cjs = require('./chunk-JOHXUOL2.cjs');
+var _chunkSHI3HYAXcjs = require('./chunk-SHI3HYAX.cjs');
 
 
 
@@ -13,12 +13,12 @@ var _chunkZ6EUSUADcjs = require('./chunk-Z6EUSUAD.cjs');
 // src/components/typography/LabelModerate.tsx
 var _jsxruntime = require('@emotion/react/jsx-runtime');
 function LabelModerate(props) {
-  const propsWithDefaults = _chunkJOHXUOL2cjs.getPropDefaults.call(void 0, props);
+  const propsWithDefaults = _chunkSHI3HYAXcjs.getPropDefaults.call(void 0, props);
   let reactNodes = props.children || null;
   if (props.content) {
-    reactNodes = _chunk6IBADE46cjs.toReactNodes.call(void 0, props.content);
+    reactNodes = _chunkMKQVFO6Lcjs.toReactNodes.call(void 0, props.content);
   }
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJOHXUOL2cjs.StyledLabelModerate, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, propsWithDefaults), { children: reactNodes }));
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSHI3HYAXcjs.StyledLabelModerate, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, propsWithDefaults), { children: reactNodes }));
 }
 
 

package/dist/{chunk-JODYYGZ7.cjs → chunk-5MRYURYB.cjs}

@@ -9,7 +9,7 @@ var _chunkB2MHM6CYcjs = require('./chunk-B2MHM6CY.cjs');
 var _chunk6VA4SAHQcjs = require('./chunk-6VA4SAHQ.cjs');
 
 
-var _chunkDIH23YCLcjs = require('./chunk-DIH23YCL.cjs');
+var _chunkMIEMA7HOcjs = require('./chunk-MIEMA7HO.cjs');
 
 
 
@@ -28,7 +28,7 @@ function getPropDefaults(props) {
   return _chunkSFGLEWHWcjs.getPropDefaultsBase.call(void 0, props, { as: props.tag || "h1" });
 }
 var StyledDisplay = _styled2.default.h1`
-  ${({ theme, size, colorProp }) => _chunkDIH23YCLcjs.applyTypography.call(void 0, theme, "Display", size, colorProp)}
+  ${({ theme, size, colorProp }) => _chunkMIEMA7HOcjs.applyTypography.call(void 0, theme, "Display", size, colorProp)}
   ${_chunkB2MHM6CYcjs.typographyStyles}
 `;
 function displaySelector(element) {

package/dist/{chunk-YPQXKAV2.js → chunk-5NZ22GSE.js}

@@ -1,3 +1,6 @@
+import {
+  getTypography
+} from "./chunk-DG7KBY6O.js";
 import {
   buttonsThemeBase,
   defaultButtonsTheme
@@ -10,9 +13,6 @@ import {
   defaultLoadingTheme,
   loadingThemeBase
 } from "./chunk-S5AV3X5O.js";
-import {
-  getTypography
-} from "./chunk-J3TUZRIL.js";
 import {
   useBreakpoints
 } from "./chunk-JSGRNWSB.js";
@@ -21,7 +21,7 @@ import {
   darkGradient,
   hcNeutralFromBg,
   isColorKey
-} from "./chunk-GUCFCDNY.js";
+} from "./chunk-DDUDWE23.js";
 import {
   __spreadProps,
   __spreadValues
@@ -80,6 +80,8 @@ var baseThemeColors = {
   text: colors.black,
   vlcNeutral: colors.gray95,
   warning: colors.warning,
+  errorBackground: colors.errorBackground,
+  errorText: colors.errorText,
   transparent: colors.transparent
 };
 var themeOrColorKeyValues = [
@@ -137,6 +139,8 @@ var darkBaseTheme = {
   typography: getTypography("Lightspark" /* Lightspark */),
   vlcNeutral: colors.gray20,
   warning: colors.warning,
+  errorBackground: colors.errorBackground,
+  errorText: colors.errorText,
   transparent: colors.transparent,
   buttons: defaultButtonsTheme,
   loading: defaultLoadingTheme,
@@ -609,6 +613,15 @@ var bridgeBaseSettings = {
         defaultHoverBorderColor: "gray75hover",
         defaultActiveBackgroundColor: "gray75active",
         defaultActiveBorderColor: "gray75active"
+      },
+      warningLight: {
+        defaultColor: "errorText",
+        defaultBackgroundColor: "errorBackground",
+        defaultBorderColor: "transparent",
+        defaultHoverBackgroundColor: "errorBackground",
+        defaultHoverBorderColor: "transparent",
+        defaultActiveBackgroundColor: "errorBackground",
+        defaultActiveBorderColor: "transparent"
       }
     }
   }),
@@ -671,7 +684,7 @@ var bridgeLightTheme = extend(lightTheme, __spreadProps(__spreadValues({}, bridg
   smBg: colors.gray98,
   text: colors.grayBlue9,
   secondary: colors.gray2,
-  tertiary: colors.gray3,
+  tertiary: colors.gray6,
   inputBackground: colors.white,
   danger: colors.red50
 }));

package/dist/{chunk-TSALGRXA.cjs → chunk-5SEBJLNQ.cjs}

@@ -1,15 +1,15 @@
 "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 _chunkCBLCAH6Ocjs = require('./chunk-CBLCAH6O.cjs');
 
 
-var _chunkISQLKRONcjs = require('./chunk-ISQLKRON.cjs');
+var _chunkZVUV74BAcjs = require('./chunk-ZVUV74BA.cjs');
 
 
-var _chunkMODD4YGEcjs = require('./chunk-MODD4YGE.cjs');
+var _chunkJPVQC3NYcjs = require('./chunk-JPVQC3NY.cjs');
 
 
-var _chunk7KHYVDQ6cjs = require('./chunk-7KHYVDQ6.cjs');
+var _chunkKBCOGLGXcjs = require('./chunk-KBCOGLGX.cjs');
 
 
 var _chunkJA7KZV3Qcjs = require('./chunk-JA7KZV3Q.cjs');
@@ -48,7 +48,7 @@ function TextButton({
   }
   const defaultIconColor = iconMatchTextColor ? void 0 : "mcNeutral";
   const content = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkISQLKRONcjs.TextIconAligner,
+    _chunkCBLCAH6Ocjs.TextIconAligner,
     {
       onClick,
       leftIcon: leftIcon ? {
@@ -93,7 +93,7 @@ var buttonStyle = ({
   padding: ${padding};
 
   &:focus-visible {
-    outline: ${_chunkMODD4YGEcjs.getFocusOutline.call(void 0, { theme })};
+    outline: ${_chunkJPVQC3NYcjs.getFocusOutline.call(void 0, { theme })};
   }
 
   & > * {
@@ -103,10 +103,10 @@ var buttonStyle = ({
     cursor: ${disabled ? "not-allowed" : "pointer"};
   }
 `;
-var StyledButton = _styled2.default.call(void 0, _chunkWLHC2LVQcjs.UnstyledButton)`
+var StyledButton = _styled2.default.call(void 0, _chunkZVUV74BAcjs.UnstyledButton)`
   ${(props) => buttonStyle(props)}
 `;
-var ButtonLink = _styled2.default.call(void 0, _chunk7KHYVDQ6cjs.Link)`
+var ButtonLink = _styled2.default.call(void 0, _chunkKBCOGLGXcjs.Link)`
   ${(props) => buttonStyle(props)}
 `;
 var ButtonHrefLink = _styled2.default.a`

package/dist/{chunk-3NEARZTN.js → chunk-5SG5KWXI.js}

@@ -1,12 +1,12 @@
 import {
   renderTypography
-} from "./chunk-PGWPSTYB.js";
+} from "./chunk-OLGTZHWT.js";
 import {
   isString
 } from "./chunk-HAC5YAGQ.js";
 import {
   colors
-} from "./chunk-GUCFCDNY.js";
+} from "./chunk-DDUDWE23.js";
 
 // src/router.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-HCW3CXP3.js → chunk-5TSKZVFE.js}

@@ -1,9 +1,9 @@
 import {
   GlobalStyles
-} from "./chunk-JWDQGQA5.js";
+} from "./chunk-VTI35WT6.js";
 import {
   themes
-} from "./chunk-YPQXKAV2.js";
+} from "./chunk-5NZ22GSE.js";
 
 // src/components/LightsparkProvider.tsx
 import { ThemeProvider } from "@emotion/react";

package/dist/{chunk-H4FJGMM7.cjs → chunk-65FW4EX5.cjs}

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

package/dist/{chunk-VRKSWRR6.cjs → chunk-6AVX6VVL.cjs}

@@ -4,10 +4,10 @@ var _chunkB6Y7HCBMcjs = require('./chunk-B6Y7HCBM.cjs');
 
 
 
-var _chunkMODD4YGEcjs = require('./chunk-MODD4YGE.cjs');
+var _chunkJPVQC3NYcjs = require('./chunk-JPVQC3NY.cjs');
 
 
-var _chunkFFXUPRYTcjs = require('./chunk-FFXUPRYT.cjs');
+var _chunk4NC6INKXcjs = require('./chunk-4NC6INKX.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: ${_chunkJPVQC3NYcjs.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: ${_chunkJPVQC3NYcjs.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 = _chunk4NC6INKXcjs.useThemeBg.call(void 0, );
   _react3.useEffect.call(void 0, () => {
     const documentHeight = () => {
       const doc = document.documentElement;

package/dist/{chunk-TC25DKJX.cjs → chunk-6B52PCWY.cjs}

@@ -1,25 +1,25 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkT336CT3Zcjs = require('./chunk-T336CT3Z.cjs');
+var _chunk4COTW37Xcjs = require('./chunk-4COTW37X.cjs');
 
 
-var _chunk3RVXS6NYcjs = require('./chunk-3RVXS6NY.cjs');
 
+var _chunk3OMRODUDcjs = require('./chunk-3OMRODUD.cjs');
 
 
-var _chunkZQO2GKVScjs = require('./chunk-ZQO2GKVS.cjs');
+var _chunkXOPHYGHIcjs = require('./chunk-XOPHYGHI.cjs');
 
 
-var _chunkWLHC2LVQcjs = require('./chunk-WLHC2LVQ.cjs');
+var _chunkJZ3TGO3Dcjs = require('./chunk-JZ3TGO3D.cjs');
 
 
-var _chunk267QLBXGcjs = require('./chunk-267QLBXG.cjs');
+var _chunkZVUV74BAcjs = require('./chunk-ZVUV74BA.cjs');
 
 
-var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
+var _chunk3KX4AU6Jcjs = require('./chunk-3KX4AU6J.cjs');
 
 
-var _chunkJZ3TGO3Dcjs = require('./chunk-JZ3TGO3D.cjs');
+var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
 
 
 var _chunkZ6EUSUADcjs = require('./chunk-Z6EUSUAD.cjs');
@@ -107,12 +107,12 @@ function ReadClipboardButton({
         hasError: Boolean(errorMsg),
         onMouseUp: onDeleteMouseUp,
         children: autoButtonText ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkWLHC2LVQcjs.UnstyledButton,
+          _chunkZVUV74BAcjs.UnstyledButton,
           {
             onClick: onClickAutoButton,
             css: { cursor: "pointer" },
             children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunk3RVXS6NYcjs.Pill,
+              _chunkXOPHYGHIcjs.Pill,
               {
                 text: autoButtonText,
                 icon: "MagicWand",
@@ -123,12 +123,12 @@ function ReadClipboardButton({
             )
           }
         ) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _react.Fragment, { children: [
-          !value && !isEditingTextInput ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkWLHC2LVQcjs.UnstyledButton, { onClick, children: [
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk267QLBXGcjs.Icon, { name: "Copy", width: 19 }),
+          !value && !isEditingTextInput ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkZVUV74BAcjs.UnstyledButton, { onClick, children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3KX4AU6Jcjs.Icon, { name: "Copy", width: 19 }),
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { css: { marginTop: "8px" }, children: description })
           ] }) : null,
           value || isEditingTextInput ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunk3RVXS6NYcjs.Pill,
+            _chunkXOPHYGHIcjs.Pill,
             {
               text: value,
               onDeleteMouseDown,
@@ -145,9 +145,9 @@ function ReadClipboardButton({
         ] })
       }
     ),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZQO2GKVScjs.InputSubtext, { text: errorMsg || hint, hasError: Boolean(errorMsg) })
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3OMRODUDcjs.InputSubtext, { text: errorMsg || hint, hasError: Boolean(errorMsg) })
   ] }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _react.Fragment, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkT336CT3Zcjs.TextInput,
+    _chunk4COTW37Xcjs.TextInput,
     {
       onChange: onChangeTextInput,
       value,
@@ -157,7 +157,7 @@ function ReadClipboardButton({
   ) });
 }
 var ReadClipboardButtonContainer = _styled2.default.div`
-  ${({ theme, hasAddress, hasError }) => _chunkZQO2GKVScjs.inputBlockStyle.call(void 0, { theme, hasValue: hasAddress, hasError })}
+  ${({ theme, hasAddress, hasError }) => _chunk3OMRODUDcjs.inputBlockStyle.call(void 0, { theme, hasValue: hasAddress, hasError })}
 `;
 
 

package/dist/{chunk-XXNO6ALA.cjs → chunk-6HDDGLE2.cjs}

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunk6IBADE46cjs = require('./chunk-6IBADE46.cjs');
+var _chunkMKQVFO6Lcjs = require('./chunk-MKQVFO6L.cjs');
 
 
 
-var _chunk2QXFCTOMcjs = require('./chunk-2QXFCTOM.cjs');
+var _chunkHG3DMZQLcjs = require('./chunk-HG3DMZQL.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 = _chunkHG3DMZQLcjs.getPropDefaults.call(void 0, props);
   let reactNodes = props.children || null;
   if (props.content) {
-    reactNodes = _chunk6IBADE46cjs.toReactNodes.call(void 0, props.content);
+    reactNodes = _chunkMKQVFO6Lcjs.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, _chunkHG3DMZQLcjs.StyledBodyStrong, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, propsWithDefaults), { children: reactNodes }));
 }
 
 

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

@@ -3,7 +3,7 @@
 var _chunkAGIM6BKCcjs = require('./chunk-AGIM6BKC.cjs');
 
 
-var _chunkGM2CW26Ccjs = require('./chunk-GM2CW26C.cjs');
+var _chunkGSPF2RXKcjs = require('./chunk-GSPF2RXK.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,
+    _chunkGSPF2RXKcjs.StyledHeadline,
     {
       as: heading,
       id,

package/dist/{chunk-45LUK7YV.cjs → chunk-6U5RZAR6.cjs}

@@ -3,16 +3,16 @@
 var _chunk46AVXTFOcjs = require('./chunk-46AVXTFO.cjs');
 
 
-var _chunkTSALGRXAcjs = require('./chunk-TSALGRXA.cjs');
+var _chunk5SEBJLNQcjs = require('./chunk-5SEBJLNQ.cjs');
 
 
-var _chunk267QLBXGcjs = require('./chunk-267QLBXG.cjs');
+var _chunk3KX4AU6Jcjs = require('./chunk-3KX4AU6J.cjs');
 
 
 var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
 
 
-var _chunkIJMYMSSCcjs = require('./chunk-IJMYMSSC.cjs');
+var _chunkGHXHO5FQcjs = require('./chunk-GHXHO5FQ.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: ${_chunkIJMYMSSCcjs.colors.gray40};
+  color: ${_chunkGHXHO5FQcjs.colors.gray40};
   display: flex;
   list-style: none;
 
-  ${_chunk267QLBXGcjs.IconContainer}:not(:first-of-type) {
+  ${_chunk3KX4AU6Jcjs.IconContainer}:not(:first-of-type) {
     visibility: hidden;
   }
 
   &:hover {
     color: ${({ theme }) => theme.hcNeutral};
 
-    ${_chunk267QLBXGcjs.IconContainer} {
+    ${_chunk3KX4AU6Jcjs.IconContainer} {
       visibility: visible;
     }
   }
 `;
 var PageSectionListItem = ({ leftIcon, label, sectionId }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledPageSectionNavItem, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-  _chunkTSALGRXAcjs.TextButton,
+  _chunk5SEBJLNQcjs.TextButton,
   {
     text: label,
     padding: "8px 0",

package/dist/{chunk-6WI2BWJZ.cjs → chunk-6ZFLR5QB.cjs}

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunk6IBADE46cjs = require('./chunk-6IBADE46.cjs');
+var _chunkMKQVFO6Lcjs = require('./chunk-MKQVFO6L.cjs');
 
 
 
-var _chunkLAC74MPTcjs = require('./chunk-LAC74MPT.cjs');
+var _chunkQ2OSEA3Ncjs = require('./chunk-Q2OSEA3N.cjs');
 
 
 
@@ -13,12 +13,12 @@ var _chunkZ6EUSUADcjs = require('./chunk-Z6EUSUAD.cjs');
 // src/components/typography/Title.tsx
 var _jsxruntime = require('@emotion/react/jsx-runtime');
 function Title(props) {
-  const propsWithDefaults = _chunkLAC74MPTcjs.getPropDefaults.call(void 0, props);
+  const propsWithDefaults = _chunkQ2OSEA3Ncjs.getPropDefaults.call(void 0, props);
   let reactNodes = props.children || null;
   if (props.content) {
-    reactNodes = _chunk6IBADE46cjs.toReactNodes.call(void 0, props.content);
+    reactNodes = _chunkMKQVFO6Lcjs.toReactNodes.call(void 0, props.content);
   }
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLAC74MPTcjs.StyledTitle, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, propsWithDefaults), { children: reactNodes }));
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkQ2OSEA3Ncjs.StyledTitle, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, propsWithDefaults), { children: reactNodes }));
 }
 
 

package/dist/{chunk-6XGH4HSX.js → chunk-7446HLUG.js}

@@ -1,18 +1,18 @@
+import {
+  flexCenter
+} from "./chunk-KQ4LSNOH.js";
 import {
   Loading
-} from "./chunk-XIDZLXAN.js";
+} from "./chunk-S6OAIHTX.js";
 import {
   UnstyledButton
-} from "./chunk-VLZUMH7A.js";
-import {
-  flexCenter
-} from "./chunk-VHE37AWV.js";
+} from "./chunk-LAYWVYBF.js";
 import {
   Icon
-} from "./chunk-XJB6VA4O.js";
+} from "./chunk-JFKPUTCA.js";
 import {
   colors
-} from "./chunk-GUCFCDNY.js";
+} from "./chunk-DDUDWE23.js";
 
 // src/components/Pill.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-REIDK2ZB.js → chunk-7B2QWCHJ.js}

@@ -1,10 +1,10 @@
 import {
   toReactNodes
-} from "./chunk-AQ72FLUP.js";
+} from "./chunk-QM373UWV.js";
 import {
   StyledTitle,
   getPropDefaults
-} from "./chunk-4RLCU5SR.js";
+} from "./chunk-EGKJJ3HO.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/{chunk-CMZIIVE7.cjs → chunk-7JJDWNJZ.cjs}

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkT336CT3Zcjs = require('./chunk-T336CT3Z.cjs');
+var _chunkCBZWRFNUcjs = require('./chunk-CBZWRFNU.cjs');
 
 
-var _chunkWSK2MYVLcjs = require('./chunk-WSK2MYVL.cjs');
+var _chunk4COTW37Xcjs = require('./chunk-4COTW37X.cjs');
 
 
 
@@ -31,7 +31,7 @@ function NumberInput(_a) {
     handleOnFocus,
     handleOnKeyDown,
     handleOnKeyUp
-  } = _chunkWSK2MYVLcjs.useNumberInput.call(void 0, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, rest), {
+  } = _chunkCBZWRFNUcjs.useNumberInput.call(void 0, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, rest), {
     onChange: onChangeProp,
     ref
   }));
@@ -60,7 +60,7 @@ function NumberInput(_a) {
     [handleOnKeyDown]
   );
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkT336CT3Zcjs.TextInput,
+    _chunk4COTW37Xcjs.TextInput,
     _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {
       placeholder: "Enter a number"
     }, rest), {

package/dist/{chunk-QU77BZXQ.js → chunk-7NUT22Q6.js}

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

package/dist/{chunk-H2PJDRPT.cjs → chunk-7RBR33F4.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunk267QLBXGcjs = require('./chunk-267QLBXG.cjs');
+var _chunk3KX4AU6Jcjs = require('./chunk-3KX4AU6J.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, _chunk267QLBXGcjs.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, _chunk3KX4AU6Jcjs.Icon, { name: iconName, width: size }) }) });
 }
 var LoadingWrapper = _styled2.default.div`
   flex-grow: 1;