@lightsparkdev/ui 1.1.1 → 1.1.2

package/dist/{chunk-LXVLGEB6.cjs → chunk-XPB2MR7Z.cjs}

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunk6OSTNEFIcjs = require('./chunk-6OSTNEFI.cjs');
+var _chunkKOGW3LJCcjs = require('./chunk-KOGW3LJC.cjs');
 
 
 
-var _chunkI3KL3NAGcjs = require('./chunk-I3KL3NAG.cjs');
+var _chunkGEJSSLYLcjs = require('./chunk-GEJSSLYL.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 = _chunkI3KL3NAGcjs.getPropDefaults.call(void 0, props);
+  const propsWithDefaults = _chunkGEJSSLYLcjs.getPropDefaults.call(void 0, props);
   let reactNodes = props.children || null;
   if (props.content) {
-    reactNodes = _chunk6OSTNEFIcjs.toReactNodes.call(void 0, props.content);
+    reactNodes = _chunkKOGW3LJCcjs.toReactNodes.call(void 0, props.content);
   }
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkI3KL3NAGcjs.StyledBodyStrong, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, propsWithDefaults), { children: reactNodes }));
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGEJSSLYLcjs.StyledBodyStrong, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, propsWithDefaults), { children: reactNodes }));
 }
 
 

package/dist/{chunk-3AAQPOUS.cjs → chunk-XUE2IL5J.cjs}

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunk4N5EXQIScjs = require('./chunk-4N5EXQIS.cjs');
+var _chunk4JJ5GJLEcjs = require('./chunk-4JJ5GJLE.cjs');
 
 
-var _chunkXUEKQQJVcjs = require('./chunk-XUEKQQJV.cjs');
+var _chunkQI7YHMJZcjs = require('./chunk-QI7YHMJZ.cjs');
 
 
 
@@ -28,7 +28,7 @@ function MultiToggle({
     let content = null;
     if ("name" in optionProps) {
       content = /* @__PURE__ */ _react.createElement.call(void 0, 
-        _chunk4N5EXQIScjs.Icon,
+        _chunk4JJ5GJLEcjs.Icon,
         _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, optionProps), {
           width: 11,
           key,
@@ -54,7 +54,7 @@ function MultiToggle({
 }
 var StyledMultiToggle = _styled2.default.div`
   border-radius: 999px;
-  background: ${({ theme, bgColor }) => _chunkXUEKQQJVcjs.getColor.call(void 0, theme, bgColor)};
+  background: ${({ theme, bgColor }) => _chunkQI7YHMJZcjs.getColor.call(void 0, theme, bgColor)};
   padding: 2px;
   gap: 2px;
   display: flex;
@@ -64,7 +64,7 @@ var StyledMultiToggleOption = _styled2.default.div`
   cursor: pointer;
   border-radius: 999px;
   padding: 4px;
-  background: ${({ theme, selected, selectedBgColor }) => selected ? _chunkXUEKQQJVcjs.getColor.call(void 0, theme, selectedBgColor) : "transparent"};
+  background: ${({ theme, selected, selectedBgColor }) => selected ? _chunkQI7YHMJZcjs.getColor.call(void 0, theme, selectedBgColor) : "transparent"};
 `;
 
 

package/dist/chunk-XWM3GJ4I.cjs

@@ -0,0 +1,33 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/central/Bubble5.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function Bubble5({
+  strokeWidth = "2",
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "28",
+      height: "28",
+      viewBox: "0 0 28 28",
+      fill: "none",
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "path",
+        {
+          d: "M25.375 14C25.375 7.98437 20.9513 4.375 14 4.375C7.04861 4.375 2.625 7.98437 2.625 14C2.625 15.5596 3.69896 18.2064 3.86692 18.6109C3.88199 18.6472 3.89691 18.6803 3.91043 18.7172C4.02604 19.0325 4.50009 20.7115 2.625 23.1966C5.15278 24.3997 7.83727 22.4219 7.83727 22.4219C9.69457 23.403 11.9044 23.625 14 23.625C20.9513 23.625 25.375 20.0156 25.375 14Z",
+          stroke: "currentColor",
+          strokeWidth,
+          strokeLinecap,
+          strokeLinejoin,
+          vectorEffect: "non-scaling-stroke"
+        }
+      )
+    }
+  );
+}
+
+
+
+exports.Bubble5 = Bubble5;

package/dist/{chunk-YNBZC3U6.cjs → chunk-XWOTPLY4.cjs}

@@ -3,7 +3,7 @@
 var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
-var _chunkU35SY546cjs = require('./chunk-U35SY546.cjs');
+var _chunkO6BZRC56cjs = require('./chunk-O6BZRC56.cjs');
 
 
 
@@ -56,7 +56,7 @@ var styles = ({ theme, maxWidth }) => _css.css`
   border-radius: 8px !important;
   padding: 16px !important;
   z-index: ${_chunkZU72XWNEcjs.z.tooltip};
-  ${_chunkU35SY546cjs.overlaySurface.call(void 0, { theme, important: true })};
+  ${_chunkO6BZRC56cjs.overlaySurface.call(void 0, { theme, important: true })};
 
   max-width: ${maxWidth}px;
   word-break: break-word;

package/dist/{chunk-YZ2C4D6N.cjs → chunk-XYPLDDUH.cjs}

@@ -1,41 +1,41 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkAQ3YLJHIcjs = require('./chunk-AQ3YLJHI.cjs');
+var _chunkVXRMYWVTcjs = require('./chunk-VXRMYWVT.cjs');
 
 
 
 
 
 
-var _chunk6N7XRYZDcjs = require('./chunk-6N7XRYZD.cjs');
+var _chunkHW7ECH4Ncjs = require('./chunk-HW7ECH4N.cjs');
 
 
-var _chunk2VEWSENQcjs = require('./chunk-2VEWSENQ.cjs');
+var _chunkFUVI6AKGcjs = require('./chunk-FUVI6AKG.cjs');
 
 
-var _chunkYIT3HB4Tcjs = require('./chunk-YIT3HB4T.cjs');
+var _chunkXMSQNWZKcjs = require('./chunk-XMSQNWZK.cjs');
 
 
-var _chunkYNBZC3U6cjs = require('./chunk-YNBZC3U6.cjs');
+var _chunkJRCDVJMMcjs = require('./chunk-JRCDVJMM.cjs');
 
 
-var _chunkR46DRG52cjs = require('./chunk-R46DRG52.cjs');
+var _chunkXWOTPLY4cjs = require('./chunk-XWOTPLY4.cjs');
 
 
 var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
 
-var _chunk4N5EXQIScjs = require('./chunk-4N5EXQIS.cjs');
+var _chunk4JJ5GJLEcjs = require('./chunk-4JJ5GJLE.cjs');
 
 
-var _chunkU35SY546cjs = require('./chunk-U35SY546.cjs');
+var _chunkO6BZRC56cjs = require('./chunk-O6BZRC56.cjs');
 
 
-var _chunkHEMGZE2Gcjs = require('./chunk-HEMGZE2G.cjs');
+var _chunkLDNG63AKcjs = require('./chunk-LDNG63AK.cjs');
 
 
-var _chunkXUEKQQJVcjs = require('./chunk-XUEKQQJV.cjs');
+var _chunkQI7YHMJZcjs = require('./chunk-QI7YHMJZ.cjs');
 
 
 
@@ -47,18 +47,19 @@ var _react = require('react'); var _react2 = _interopRequireDefault(_react);
 var _jsxruntime = require('@emotion/react/jsx-runtime');
 var selectLeftOffset = 10;
 var iconSides = ["left", "right"];
-var iconOffsets = ["small", "large"];
-var iconWidths = [8, 12, 16];
+var iconOffsets = ["small", "medium", "large"];
+var iconWidths = [8, 12, 16, 20];
+var iconStrokeWidths = [1, 1.5, 2];
 function withDefaults(textInputProps) {
   return _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, textInputProps), {
     width: textInputProps.width || "full",
     type: textInputProps.type || "text",
     disabled: Boolean(textInputProps.disabled),
-    typography: _chunkZ6EUSUADcjs.__spreadValues.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, _chunk6N7XRYZDcjs.defaultTextInputTypography), textInputProps.typography)
+    typography: _chunkZ6EUSUADcjs.__spreadValues.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, _chunkHW7ECH4Ncjs.defaultTextInputTypography), textInputProps.typography)
   });
 }
 function TextInput(textInputProps) {
-  var _a, _b;
+  var _a, _b, _c, _d, _e;
   const props = withDefaults(textInputProps);
   const [focused, setFocused] = _react.useState.call(void 0, false);
   const inputRef = props.inputRef || _react2.default.createRef();
@@ -71,13 +72,14 @@ function TextInput(textInputProps) {
       props.onEnter();
     }
   };
-  const hasError = Boolean(props.error);
+  const hasError = Boolean(props.error || props.contentError);
+  const hasSuccess = Boolean(props.success || props.contentSuccess);
   const iconSide = props.icon ? props.icon.side || "right" : void 0;
   const hasIconLeft = Boolean(props.icon && iconSide === "left");
   const hasIconRight = Boolean(props.icon && iconSide === "right") || props.loading;
   const iconWidth = ((_a = props.icon) == null ? void 0 : _a.width) || 12;
-  const iconCenterOffset = ((_b = props.icon) == null ? void 0 : _b.offset) === "large" ? 26 : 18;
-  const iconTextOffset = iconCenterOffset === 18 ? 4 : 14;
+  const iconCenterOffset = ((_b = props.icon) == null ? void 0 : _b.offset) === "large" || ((_c = props.icon) == null ? void 0 : _c.offset) === "medium" ? 26 : 18;
+  const iconTextOffset = ((_d = props.icon) == null ? void 0 : _d.offset) === "large" ? 14 : ((_e = props.icon) == null ? void 0 : _e.offset) === "medium" ? 8 : 4;
   const leftIconOffset = iconCenterOffset - iconWidth / 2;
   let paddingLeftPx;
   if (typeof props.paddingX === "number") {
@@ -149,6 +151,7 @@ function TextInput(textInputProps) {
         activeOutline: props.activeOutline,
         activeOutlineColor: props.activeOutlineColor,
         hasError,
+        hasSuccess,
         "data-test-id": props.testId,
         typography: props.typography,
         autoComplete: props.autoComplete === "off" ? "new-password" : props.autoComplete,
@@ -178,7 +181,14 @@ 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, _chunk4N5EXQIScjs.Icon, { name: props.icon.name, width: iconWidth })
+          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            _chunk4JJ5GJLEcjs.Icon,
+            {
+              name: props.icon.name,
+              width: iconWidth,
+              iconProps: { strokeWidth: props.icon.strokeWidth }
+            }
+          )
         }
       ),
       input,
@@ -192,7 +202,14 @@ 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, _chunk2VEWSENQcjs.Loading, { center: false, size: rightIconWidth }) : props.icon && iconSide === "right" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4N5EXQIScjs.Icon, { name: props.icon.name, width: rightIconWidth }) : null
+          children: props.loading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXMSQNWZKcjs.Loading, { center: false, size: rightIconWidth }) : props.icon && iconSide === "right" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            _chunk4JJ5GJLEcjs.Icon,
+            {
+              name: props.icon.name,
+              width: rightIconWidth,
+              iconProps: { strokeWidth: props.icon.strokeWidth }
+            }
+          ) : null
         }
       )
     ] });
@@ -218,18 +235,22 @@ function TextInput(textInputProps) {
     ),
     input,
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunk6N7XRYZDcjs.InputSubtext,
+      _chunkHW7ECH4Ncjs.InputSubtext,
       {
-        text: props.error || props.hint,
+        text: props.error || props.success || props.hint,
+        content: props.contentError || props.contentSuccess,
         hasError,
-        tooltipId: hintTooltipId
+        hasSuccess,
+        tooltipId: hintTooltipId,
+        hideNonErrorsIfBlurred: props.hideNonErrorsIfBlurred,
+        focused
       }
     ),
-    props.hintTooltip ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYNBZC3U6cjs.Tooltip, { id: hintTooltipId, content: props.hintTooltip, place: "right" }) : null
+    props.hintTooltip ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXWOTPLY4cjs.Tooltip, { id: hintTooltipId, content: props.hintTooltip, place: "right" }) : null
   ] });
 }
 var TextInputSelect = _styled2.default.select`
-  ${({ typography, theme }) => _chunkHEMGZE2Gcjs.applyTypography.call(void 0, theme, typography.type, typography.size, typography.color)}
+  ${({ typography, theme }) => _chunkLDNG63AKcjs.applyTypography.call(void 0, theme, typography.type, typography.size, typography.color)}
   position: absolute;
   z-index: ${_chunkZU72XWNEcjs.z.textInput + 1};
   border: none;
@@ -240,10 +261,10 @@ var TextInputSelect = _styled2.default.select`
   width: ${({ widthProp }) => `${widthProp}px`};
 `;
 var WithIcon = _styled2.default.div`
-  ${_chunkU35SY546cjs.standardBorderRadius.call(void 0, 8)}
+  ${_chunkO6BZRC56cjs.standardBorderRadius.call(void 0, 8)}
   position: relative;
 
-  & ${_chunk4N5EXQIScjs.IconContainer.toString()} {
+  & ${_chunk4JJ5GJLEcjs.IconContainer.toString()} {
     z-index: ${_chunkZU72XWNEcjs.z.textInput + 1};
   }
 `;
@@ -257,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 ? _chunkXUEKQQJVcjs.getFontColor.call(void 0, theme, colorProp) : _chunk6N7XRYZDcjs.textInputPlaceholderColor.call(void 0, { theme })};
+  color: ${({ focused, hasValue, theme, colorProp }) => focused || hasValue ? _chunkQI7YHMJZcjs.getFontColor.call(void 0, theme, colorProp) : _chunkHW7ECH4Ncjs.textInputPlaceholderColor.call(void 0, { theme })};
 `;
 var Input = _styled2.default.input`
-  ${_chunk6N7XRYZDcjs.textInputStyle};
+  ${_chunkHW7ECH4Ncjs.textInputStyle};
   // disable autofill styles in chrome https://stackoverflow.com/a/68240841/9808766
   &:-webkit-autofill,
   &:-webkit-autofill:focus,
@@ -282,7 +303,7 @@ var RightButtonAligner = _styled2.default.div`
   display: flex;
   align-items: center;
 `;
-var RightButton = _styled2.default.call(void 0, _chunkR46DRG52cjs.UnstyledButton)`
+var RightButton = _styled2.default.call(void 0, _chunkJRCDVJMMcjs.UnstyledButton)`
   border-radius: 4px;
   border: none;
   background-color: ${({ theme }) => theme.vlcNeutral};
@@ -292,7 +313,7 @@ var RightButton = _styled2.default.call(void 0, _chunkR46DRG52cjs.UnstyledButton
   padding: 8px 10px;
 `;
 var TextInputLabel = _styled2.default.label`
-  ${_chunkU35SY546cjs.standardBorderRadius.call(void 0, 8)}
+  ${_chunkO6BZRC56cjs.standardBorderRadius.call(void 0, 8)}
   font-size: 10px;
   position: absolute;
   z-index: ${_chunkZU72XWNEcjs.z.textInput + 1};
@@ -304,7 +325,7 @@ var TextInputLabel = _styled2.default.label`
   top: -10px;
 `;
 var TextInputHalfRow = _styled2.default.div`
-  margin-top: ${_chunk6N7XRYZDcjs.inputSpacingPx}px;
+  margin-top: ${_chunkHW7ECH4Ncjs.inputSpacingPx}px;
   display: flex;
   justify-content: space-between;
   gap: 16px;
@@ -320,18 +341,18 @@ var StyledTextInput = _styled2.default.div`
 
   /* eg forms, should be left consistent: */
   & + & {
-    margin-top: ${_chunk6N7XRYZDcjs.inputSpacingPx}px;
+    margin-top: ${_chunkHW7ECH4Ncjs.inputSpacingPx}px;
   }
 
   ${TextInputHalfRow.toString()} & + & {
     margin-top: 0;
   }
 
-  ${_chunkYIT3HB4Tcjs.CheckboxContainer.toString()} + &,
-  ${_chunkAQ3YLJHIcjs.ToggleContainer.toString()} + &,
-  & + ${_chunkYIT3HB4Tcjs.CheckboxContainer.toString()},
-  & + ${_chunkAQ3YLJHIcjs.ToggleContainer.toString()} {
-    margin-top: ${_chunk6N7XRYZDcjs.inputSpacingPx}px;
+  ${_chunkFUVI6AKGcjs.CheckboxContainer.toString()} + &,
+  ${_chunkVXRMYWVTcjs.ToggleContainer.toString()} + &,
+  & + ${_chunkFUVI6AKGcjs.CheckboxContainer.toString()},
+  & + ${_chunkVXRMYWVTcjs.ToggleContainer.toString()} {
+    margin-top: ${_chunkHW7ECH4Ncjs.inputSpacingPx}px;
   }
 `;
 var InputContainer = _styled2.default.div`
@@ -344,4 +365,5 @@ var InputContainer = _styled2.default.div`
 
 
 
-exports.iconSides = iconSides; exports.iconOffsets = iconOffsets; exports.iconWidths = iconWidths; exports.TextInput = TextInput; exports.TextInputHalfRow = TextInputHalfRow;
+
+exports.iconSides = iconSides; exports.iconOffsets = iconOffsets; exports.iconWidths = iconWidths; exports.iconStrokeWidths = iconStrokeWidths; exports.TextInput = TextInput; exports.TextInputHalfRow = TextInputHalfRow;

package/dist/{chunk-PTJ7AVLT.js → chunk-YIEDSI2X.js}

@@ -1,12 +1,12 @@
 import {
   renderTypography
-} from "./chunk-UL6O4F7D.js";
+} from "./chunk-MSMN63ZY.js";
 import {
   isString
 } from "./chunk-HAC5YAGQ.js";
 import {
   colors
-} from "./chunk-WAGTMEWB.js";
+} from "./chunk-QPO3F72O.js";
 
 // src/router.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-42MFZHGO.js → chunk-YJWS43OQ.js}

@@ -1,6 +1,6 @@
 import {
   TextInput
-} from "./chunk-JBKOX4EH.js";
+} from "./chunk-DFYU5VPB.js";
 import {
   __objRest,
   __spreadProps,

package/dist/{chunk-JE5HNGTT.js → chunk-YLRNYSQY.js}

@@ -1,11 +1,14 @@
 // src/icons/ReceiptCheck.tsx
 import { jsx } from "@emotion/react/jsx-runtime";
-function ReceiptCheck() {
+function ReceiptCheck({
+  strokeWidth = "1.5",
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
   return /* @__PURE__ */ jsx(
     "svg",
     {
-      width: "24",
-      height: "24",
+      width: "100%",
       viewBox: "0 0 24 24",
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
@@ -13,10 +16,10 @@ function ReceiptCheck() {
         "path",
         {
           d: "M8.75 14.75H15.25M9.875 9.50001L11.4583 11.0834L14.625 7.91669M5.75 2.75H18.25C18.8023 2.75 19.25 3.19772 19.25 3.75V21.25L16.6667 19L14.3333 21.25L12 19L9.66667 21.25L7.33333 19L4.75 21.25V3.75C4.75 3.19772 5.19772 2.75 5.75 2.75Z",
-          stroke: "black",
-          strokeWidth: "1.5",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
+          stroke: "currentColor",
+          strokeWidth,
+          strokeLinecap,
+          strokeLinejoin
         }
       )
     }

package/dist/{chunk-PIOJFAQQ.cjs → chunk-YQIEEVUE.cjs}

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunk6OSTNEFIcjs = require('./chunk-6OSTNEFI.cjs');
+var _chunkKOGW3LJCcjs = require('./chunk-KOGW3LJC.cjs');
 
 
 
-var _chunkENUWW557cjs = require('./chunk-ENUWW557.cjs');
+var _chunkLEDA4EMPcjs = require('./chunk-LEDA4EMP.cjs');
 
 
 
@@ -13,12 +13,12 @@ var _chunkZ6EUSUADcjs = require('./chunk-Z6EUSUAD.cjs');
 // src/components/typography/Overline.tsx
 var _jsxruntime = require('@emotion/react/jsx-runtime');
 function Overline(props) {
-  const propsWithDefaults = _chunkENUWW557cjs.getPropDefaults.call(void 0, props);
+  const propsWithDefaults = _chunkLEDA4EMPcjs.getPropDefaults.call(void 0, props);
   let reactNodes = props.children || null;
   if (props.content) {
-    reactNodes = _chunk6OSTNEFIcjs.toReactNodes.call(void 0, props.content);
+    reactNodes = _chunkKOGW3LJCcjs.toReactNodes.call(void 0, props.content);
   }
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkENUWW557cjs.StyledOverline, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, propsWithDefaults), { children: reactNodes }));
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLEDA4EMPcjs.StyledOverline, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, propsWithDefaults), { children: reactNodes }));
 }
 
 

package/dist/{chunk-SCRXEZAI.js → chunk-YTE3K2FZ.js}

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

package/dist/{chunk-KKGZ47R3.js → chunk-YWNKHN46.js}

@@ -1,6 +1,6 @@
 import {
   rootFontSizePx
-} from "./chunk-ANZUTQRP.js";
+} from "./chunk-HQN2LS2G.js";
 
 // src/styles/utils.tsx
 import { css } from "@emotion/react";

package/dist/{chunk-J6J6O5BR.cjs → chunk-YYIYLDKB.cjs}

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

package/dist/{chunk-YVINHMMA.js → chunk-ZHKLSHFU.js}

@@ -7,17 +7,17 @@ import {
   textInputPadding,
   textInputPaddingPx,
   textInputPlaceholderColor
-} from "./chunk-UH2H3Y7Y.js";
+} from "./chunk-TKOYRZ7J.js";
 import {
   z
 } from "./chunk-55OQPFLF.js";
 import {
   Icon
-} from "./chunk-YTKSEJHA.js";
+} from "./chunk-JWFDHULW.js";
 import {
   getColor,
   themeOr
-} from "./chunk-33OPRYWV.js";
+} from "./chunk-NF6LGARO.js";
 import {
   __objRest,
   __spreadProps,

package/dist/{chunk-CENFKSI4.js → chunk-ZIARRNP6.js}

@@ -3,37 +3,37 @@ import {
 } from "./chunk-JJC2AUQ3.js";
 import {
   TextButton
-} from "./chunk-GMBFE2Y7.js";
+} from "./chunk-73YPCCU5.js";
 import {
   Dropdown
-} from "./chunk-VUXLRZHO.js";
+} from "./chunk-TQ2UZZHD.js";
 import {
   standardBorderColor
-} from "./chunk-UH2H3Y7Y.js";
+} from "./chunk-TKOYRZ7J.js";
+import {
+  Badge,
+  badgeSmVPadding
+} from "./chunk-OYN2GQHU.js";
+import {
+  toReactNodes
+} from "./chunk-E7KQDR6U.js";
 import {
   Heading,
   headingWithDefaults
-} from "./chunk-KDCMTDLB.js";
+} from "./chunk-4CGAORBB.js";
 import {
   Loading
-} from "./chunk-WW3KFUFD.js";
+} from "./chunk-4D4LDRA5.js";
 import {
   UnstyledButton
-} from "./chunk-3HIDFTSK.js";
-import {
-  Badge,
-  badgeSmVPadding
-} from "./chunk-E62AL352.js";
-import {
-  toReactNodes
-} from "./chunk-BDL3A6DZ.js";
+} from "./chunk-BJP4OTMN.js";
 import {
   Icon
-} from "./chunk-YTKSEJHA.js";
+} from "./chunk-JWFDHULW.js";
 import {
   standardBorderRadius,
   standardLineHeightEms
-} from "./chunk-ANZUTQRP.js";
+} from "./chunk-HQN2LS2G.js";
 import {
   select
 } from "./chunk-YMNSXZ5D.js";
@@ -42,7 +42,7 @@ import {
 } from "./chunk-JSGRNWSB.js";
 import {
   colors
-} from "./chunk-WAGTMEWB.js";
+} from "./chunk-QPO3F72O.js";
 import {
   __spreadValues
 } from "./chunk-W7FAWX6T.js";

package/dist/{chunk-EPQWR7TV.cjs → chunk-ZNA5ILKB.cjs}

@@ -1,13 +1,13 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkT7ZB3XF7cjs = require('./chunk-T7ZB3XF7.cjs');
+var _chunkB6Y7HCBMcjs = require('./chunk-B6Y7HCBM.cjs');
 
 
 
-var _chunkU35SY546cjs = require('./chunk-U35SY546.cjs');
+var _chunkO6BZRC56cjs = require('./chunk-O6BZRC56.cjs');
 
 
-var _chunkXUEKQQJVcjs = require('./chunk-XUEKQQJV.cjs');
+var _chunkQI7YHMJZcjs = require('./chunk-QI7YHMJZ.cjs');
 
 
 var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
@@ -46,7 +46,7 @@ var globalComponentStyles = ({ theme }) => _react.css`
   ${getFontImport(theme)};
 
   html {
-    font-size: ${_chunkU35SY546cjs.rootFontSizeRems}rem;
+    font-size: ${_chunkO6BZRC56cjs.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: ${_chunkU35SY546cjs.standardLineHeightEms}em;
+    line-height: ${_chunkO6BZRC56cjs.standardLineHeightEms}em;
   }
 
   code {
@@ -123,11 +123,11 @@ var globalComponentStyles = ({ theme }) => _react.css`
 `;
 function GlobalStyles() {
   const theme = _react.useTheme.call(void 0, );
-  const bg = _chunkXUEKQQJVcjs.useThemeBg.call(void 0, );
+  const bg = _chunkQI7YHMJZcjs.useThemeBg.call(void 0, );
   _react3.useEffect.call(void 0, () => {
     const documentHeight = () => {
       const doc = document.documentElement;
-      doc.style.setProperty(_chunkT7ZB3XF7cjs.cssVars.docHeight, `${window.innerHeight}px`);
+      doc.style.setProperty(_chunkB6Y7HCBMcjs.cssVars.docHeight, `${window.innerHeight}px`);
     };
     window.addEventListener("resize", documentHeight);
     documentHeight();
@@ -137,7 +137,7 @@ function GlobalStyles() {
     ${globalComponentStyles({ theme })}
 
     :root {
-      ${_chunkT7ZB3XF7cjs.cssVars.docHeight}: 100vh;
+      ${_chunkB6Y7HCBMcjs.cssVars.docHeight}: 100vh;
       --rt-opacity: 1 !important;
       --rt-transition-show-delay: 0.15s !important;
       --rt-transition-closing-delay: 0.2s !important;
@@ -150,7 +150,7 @@ function GlobalStyles() {
     body {
       height: 100%;
       margin: 0;
-      min-height: var(${_chunkT7ZB3XF7cjs.cssVars.docHeight});
+      min-height: var(${_chunkB6Y7HCBMcjs.cssVars.docHeight});
       overflow-x: hidden;
       overflow-y: auto;
       overscroll-behavior: auto;

package/dist/{chunk-JMDDJ2I2.js → chunk-ZUSKTNKQ.js}

@@ -1,6 +1,6 @@
 import {
   Icon
-} from "./chunk-YTKSEJHA.js";
+} from "./chunk-JWFDHULW.js";
 
 // src/components/ContentTable.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-7QQY56II.js → chunk-ZYI2BYYK.js}

@@ -1,10 +1,10 @@
 import {
   toReactNodes
-} from "./chunk-BDL3A6DZ.js";
+} from "./chunk-E7KQDR6U.js";
 import {
   StyledDisplay,
   getPropDefaults
-} from "./chunk-4S2OUM3H.js";
+} from "./chunk-VJIRCBU6.js";
 import {
   __spreadProps,
   __spreadValues