@lightsparkdev/ui 1.1.0 → 1.1.2

package/dist/{chunk-3GKIKZL2.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 _chunk74SBZBYAcjs = require('./chunk-74SBZBYA.cjs');
+var _chunkVXRMYWVTcjs = require('./chunk-VXRMYWVT.cjs');
 
 
 
 
 
 
-var _chunk2PI3XHGDcjs = require('./chunk-2PI3XHGD.cjs');
+var _chunkHW7ECH4Ncjs = require('./chunk-HW7ECH4N.cjs');
 
 
-var _chunkYDN2RZ25cjs = require('./chunk-YDN2RZ25.cjs');
+var _chunkFUVI6AKGcjs = require('./chunk-FUVI6AKG.cjs');
 
 
-var _chunkBL5NDVAZcjs = require('./chunk-BL5NDVAZ.cjs');
+var _chunkXMSQNWZKcjs = require('./chunk-XMSQNWZK.cjs');
 
 
-var _chunkE2672QPScjs = require('./chunk-E2672QPS.cjs');
+var _chunkJRCDVJMMcjs = require('./chunk-JRCDVJMM.cjs');
 
 
-var _chunkK5JJ5ZJPcjs = require('./chunk-K5JJ5ZJP.cjs');
+var _chunkXWOTPLY4cjs = require('./chunk-XWOTPLY4.cjs');
 
 
 var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
 
-var _chunk6Z6ZBZEJcjs = require('./chunk-6Z6ZBZEJ.cjs');
+var _chunk4JJ5GJLEcjs = require('./chunk-4JJ5GJLE.cjs');
 
 
-var _chunkFPQ2OUYXcjs = require('./chunk-FPQ2OUYX.cjs');
+var _chunkO6BZRC56cjs = require('./chunk-O6BZRC56.cjs');
 
 
-var _chunkDO3PWX7Qcjs = require('./chunk-DO3PWX7Q.cjs');
+var _chunkLDNG63AKcjs = require('./chunk-LDNG63AK.cjs');
 
 
-var _chunkHGCI5IAMcjs = require('./chunk-HGCI5IAM.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, {}, _chunk2PI3XHGDcjs.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,
@@ -159,6 +162,7 @@ function TextInput(textInputProps) {
           }
         },
         borderRadius: props.borderRadius,
+        borderWidth: props.borderWidth,
         enterKeyHint: props.enterKeyHint,
         autoFocus: props.autoFocus
       }
@@ -177,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, _chunk6Z6ZBZEJcjs.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,
@@ -191,20 +202,28 @@ 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, _chunkBL5NDVAZcjs.Loading, { center: false, size: rightIconWidth }) : props.icon && iconSide === "right" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk6Z6ZBZEJcjs.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
         }
       )
     ] });
   }
   const hintTooltipId = props.hintTooltip ? `${props.id || "input"}-hint-tooltip` : void 0;
   const { select } = props;
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, StyledTextInput, { widthProp: textInputWidth, children: [
+  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,
     select && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       TextInputSelect,
       {
         value: select.value,
         widthProp: select.width,
+        heightProp: select.height,
         typography: props.typography,
         onChange: (event) => {
           var _a2;
@@ -216,32 +235,36 @@ function TextInput(textInputProps) {
     ),
     input,
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunk2PI3XHGDcjs.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, _chunkE2672QPScjs.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 }) => _chunkDO3PWX7Qcjs.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;
   background-color: transparent;
   top: 0;
   left: ${selectLeftOffset}px;
-  height: 48px;
+  height: ${({ heightProp }) => `${heightProp}px`};
   width: ${({ widthProp }) => `${widthProp}px`};
 `;
 var WithIcon = _styled2.default.div`
-  ${_chunkFPQ2OUYXcjs.standardBorderRadius.call(void 0, 8)}
+  ${_chunkO6BZRC56cjs.standardBorderRadius.call(void 0, 8)}
   position: relative;
 
-  & ${_chunk6Z6ZBZEJcjs.IconContainer.toString()} {
+  & ${_chunk4JJ5GJLEcjs.IconContainer.toString()} {
     z-index: ${_chunkZU72XWNEcjs.z.textInput + 1};
   }
 `;
@@ -255,11 +278,10 @@ var TextInputIconContainer = _styled2.default.div`
   display: flex;
   align-items: center;
   cursor: ${({ onClick }) => onClick ? "pointer" : "auto"};
-  color: ${({ focused, hasValue, theme, colorProp }) => focused || hasValue ? _chunkHGCI5IAMcjs.getFontColor.call(void 0, theme, colorProp) : _chunk2PI3XHGDcjs.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`
-  ${_chunk2PI3XHGDcjs.textInputStyle};
-
+  ${_chunkHW7ECH4Ncjs.textInputStyle};
   // disable autofill styles in chrome https://stackoverflow.com/a/68240841/9808766
   &:-webkit-autofill,
   &:-webkit-autofill:focus,
@@ -281,7 +303,7 @@ var RightButtonAligner = _styled2.default.div`
   display: flex;
   align-items: center;
 `;
-var RightButton = _styled2.default.call(void 0, _chunkK5JJ5ZJPcjs.UnstyledButton)`
+var RightButton = _styled2.default.call(void 0, _chunkJRCDVJMMcjs.UnstyledButton)`
   border-radius: 4px;
   border: none;
   background-color: ${({ theme }) => theme.vlcNeutral};
@@ -291,7 +313,7 @@ var RightButton = _styled2.default.call(void 0, _chunkK5JJ5ZJPcjs.UnstyledButton
   padding: 8px 10px;
 `;
 var TextInputLabel = _styled2.default.label`
-  ${_chunkFPQ2OUYXcjs.standardBorderRadius.call(void 0, 8)}
+  ${_chunkO6BZRC56cjs.standardBorderRadius.call(void 0, 8)}
   font-size: 10px;
   position: absolute;
   z-index: ${_chunkZU72XWNEcjs.z.textInput + 1};
@@ -303,7 +325,7 @@ var TextInputLabel = _styled2.default.label`
   top: -10px;
 `;
 var TextInputHalfRow = _styled2.default.div`
-  margin-top: ${_chunk2PI3XHGDcjs.inputSpacingPx}px;
+  margin-top: ${_chunkHW7ECH4Ncjs.inputSpacingPx}px;
   display: flex;
   justify-content: space-between;
   gap: 16px;
@@ -314,21 +336,23 @@ var TextInputHalfRow = _styled2.default.div`
 var StyledTextInput = _styled2.default.div`
   width: ${({ widthProp }) => widthProp};
   position: relative;
+  /* Apply marginTop to every TextInput when specified */
+  margin-top: ${({ marginTop }) => marginTop !== void 0 ? `${marginTop}px` : ""};
 
   /* eg forms, should be left consistent: */
   & + & {
-    margin-top: ${_chunk2PI3XHGDcjs.inputSpacingPx}px;
+    margin-top: ${_chunkHW7ECH4Ncjs.inputSpacingPx}px;
   }
 
   ${TextInputHalfRow.toString()} & + & {
     margin-top: 0;
   }
 
-  ${_chunkYDN2RZ25cjs.CheckboxContainer.toString()} + &,
-  ${_chunk74SBZBYAcjs.ToggleContainer.toString()} + &,
-  & + ${_chunkYDN2RZ25cjs.CheckboxContainer.toString()},
-  & + ${_chunk74SBZBYAcjs.ToggleContainer.toString()} {
-    margin-top: ${_chunk2PI3XHGDcjs.inputSpacingPx}px;
+  ${_chunkFUVI6AKGcjs.CheckboxContainer.toString()} + &,
+  ${_chunkVXRMYWVTcjs.ToggleContainer.toString()} + &,
+  & + ${_chunkFUVI6AKGcjs.CheckboxContainer.toString()},
+  & + ${_chunkVXRMYWVTcjs.ToggleContainer.toString()} {
+    margin-top: ${_chunkHW7ECH4Ncjs.inputSpacingPx}px;
   }
 `;
 var InputContainer = _styled2.default.div`
@@ -341,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-5HDXWO2E.js → chunk-YIEDSI2X.js}

@@ -1,12 +1,12 @@
 import {
   renderTypography
-} from "./chunk-6H54ZONZ.js";
+} from "./chunk-MSMN63ZY.js";
 import {
   isString
 } from "./chunk-HAC5YAGQ.js";
 import {
   colors
-} from "./chunk-YJIIP7IY.js";
+} from "./chunk-QPO3F72O.js";
 
 // src/router.tsx
 import styled from "@emotion/styled";
@@ -86,7 +86,8 @@ var LinkBase = forwardRef(
       content = typography ? renderTypography(typography.type, {
         size: typography.size,
         color: typography.color,
-        children: text
+        children: text,
+        underline: typography.underline
       }) : text;
     }
     return /* @__PURE__ */ jsx(

package/dist/{chunk-CFILIWVR.js → chunk-YJWS43OQ.js}

@@ -1,6 +1,6 @@
 import {
   TextInput
-} from "./chunk-JU2FTCTN.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-HNMOCE5D.cjs → chunk-YQIEEVUE.cjs}

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkPMF5K72Fcjs = require('./chunk-PMF5K72F.cjs');
+var _chunkKOGW3LJCcjs = require('./chunk-KOGW3LJC.cjs');
 
 
 
-var _chunk66TMF6JRcjs = require('./chunk-66TMF6JR.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 = _chunk66TMF6JRcjs.getPropDefaults.call(void 0, props);
+  const propsWithDefaults = _chunkLEDA4EMPcjs.getPropDefaults.call(void 0, props);
   let reactNodes = props.children || null;
   if (props.content) {
-    reactNodes = _chunkPMF5K72Fcjs.toReactNodes.call(void 0, props.content);
+    reactNodes = _chunkKOGW3LJCcjs.toReactNodes.call(void 0, props.content);
   }
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk66TMF6JRcjs.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-7U5SIH6F.js → chunk-YTE3K2FZ.js}

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

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

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

package/dist/{chunk-2L6PVYRN.cjs → chunk-YYIYLDKB.cjs}

@@ -6,7 +6,7 @@ var _chunkSFGLEWHWcjs = require('./chunk-SFGLEWHW.cjs');
 var _chunkB2MHM6CYcjs = require('./chunk-B2MHM6CY.cjs');
 
 
-var _chunkDO3PWX7Qcjs = require('./chunk-DO3PWX7Q.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 }) => _chunkDO3PWX7Qcjs.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-Y4T7OW76.js → chunk-ZHKLSHFU.js}

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

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

@@ -3,37 +3,37 @@ import {
 } from "./chunk-JJC2AUQ3.js";
 import {
   TextButton
-} from "./chunk-SNSZGFFQ.js";
+} from "./chunk-73YPCCU5.js";
 import {
   Dropdown
-} from "./chunk-2FG7PGPI.js";
+} from "./chunk-TQ2UZZHD.js";
 import {
   standardBorderColor
-} from "./chunk-KU4X4VPI.js";
-import {
-  Heading,
-  headingWithDefaults
-} from "./chunk-XMTRQXAR.js";
+} from "./chunk-TKOYRZ7J.js";
 import {
   Badge,
   badgeSmVPadding
-} from "./chunk-HWWCQX5E.js";
+} from "./chunk-OYN2GQHU.js";
 import {
   toReactNodes
-} from "./chunk-AHC2USPG.js";
+} from "./chunk-E7KQDR6U.js";
+import {
+  Heading,
+  headingWithDefaults
+} from "./chunk-4CGAORBB.js";
 import {
   Loading
-} from "./chunk-MYRSWJPJ.js";
+} from "./chunk-4D4LDRA5.js";
 import {
   UnstyledButton
-} from "./chunk-Z6I64NIF.js";
+} from "./chunk-BJP4OTMN.js";
 import {
   Icon
-} from "./chunk-DJOYSVI3.js";
+} from "./chunk-JWFDHULW.js";
 import {
   standardBorderRadius,
   standardLineHeightEms
-} from "./chunk-E46IHC27.js";
+} from "./chunk-HQN2LS2G.js";
 import {
   select
 } from "./chunk-YMNSXZ5D.js";
@@ -42,7 +42,7 @@ import {
 } from "./chunk-JSGRNWSB.js";
 import {
   colors
-} from "./chunk-YJIIP7IY.js";
+} from "./chunk-QPO3F72O.js";
 import {
   __spreadValues
 } from "./chunk-W7FAWX6T.js";

package/dist/{chunk-6XON2Q7W.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 _chunkFPQ2OUYXcjs = require('./chunk-FPQ2OUYX.cjs');
+var _chunkO6BZRC56cjs = require('./chunk-O6BZRC56.cjs');
 
 
-var _chunkHGCI5IAMcjs = require('./chunk-HGCI5IAM.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: ${_chunkFPQ2OUYXcjs.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: ${_chunkFPQ2OUYXcjs.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 = _chunkHGCI5IAMcjs.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-QSHSTJDS.js → chunk-ZUSKTNKQ.js}

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

package/dist/{chunk-GNQBORV6.js → chunk-ZYI2BYYK.js}

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