@lightsparkdev/ui 1.1.1 → 1.1.3

package/dist/{chunk-4FGWW3A2.js → chunk-7NTF3YFV.js}

@@ -1,9 +1,9 @@
 import {
   Icon
-} from "./chunk-YTKSEJHA.js";
+} from "./chunk-5VKJXXI3.js";
 import {
   renderTypography
-} from "./chunk-UL6O4F7D.js";
+} from "./chunk-NC6VCEIB.js";
 
 // src/components/CurrencyAmount.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-B4E7KGUR.cjs → chunk-7PO62A2O.cjs}

@@ -1,11 +1,14 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/ReceiptCheck.tsx
 var _jsxruntime = require('@emotion/react/jsx-runtime');
-function ReceiptCheck() {
+function ReceiptCheck({
+  strokeWidth = "1.5",
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     "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-XLNNWWCT.cjs → chunk-7RBARUPH.cjs}

@@ -1,32 +1,32 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkR46DRG52cjs = require('./chunk-R46DRG52.cjs');
+var _chunkFCBVJB3Ycjs = require('./chunk-FCBVJB3Y.cjs');
 
 
-var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
+var _chunkK57M5KQ5cjs = require('./chunk-K57M5KQ5.cjs');
 
 
-var _chunkSFVPZBMVcjs = require('./chunk-SFVPZBMV.cjs');
 
 
-var _chunk6OSTNEFIcjs = require('./chunk-6OSTNEFI.cjs');
+var _chunkWX5R7NU7cjs = require('./chunk-WX5R7NU7.cjs');
 
 
+var _chunkNCVALN33cjs = require('./chunk-NCVALN33.cjs');
 
 
-var _chunkXQNOVNF4cjs = require('./chunk-XQNOVNF4.cjs');
+var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
-var _chunk4N5EXQIScjs = require('./chunk-4N5EXQIS.cjs');
+var _chunkCKSZUZXJcjs = require('./chunk-CKSZUZXJ.cjs');
 
 
-var _chunkU35SY546cjs = require('./chunk-U35SY546.cjs');
+var _chunk545K27C4cjs = require('./chunk-545K27C4.cjs');
 
 
-var _chunkXUEKQQJVcjs = require('./chunk-XUEKQQJV.cjs');
+var _chunkEGKT7YHPcjs = require('./chunk-EGKT7YHP.cjs');
 
 
-var _chunkK7HWTEGPcjs = require('./chunk-K7HWTEGP.cjs');
+var _chunkDRTADBFRcjs = require('./chunk-DRTADBFR.cjs');
 
 
 
@@ -183,7 +183,7 @@ function Toasts({
     const fromCurrent = i === currentToastIndex ? 0 : currentToastIndex - i;
     const movingToCurrent = currentToast.isHiding && i === currentToastIndex - 1;
     const hidingFromCurrent = currentToast.isHiding ? fromCurrent - 1 : fromCurrent;
-    const nodes = toast.content ? _chunkSFVPZBMVcjs.setDefaultReactNodesTypography.call(void 0, toast.content, {
+    const nodes = toast.content ? _chunkFCBVJB3Ycjs.setDefaultReactNodesTypography.call(void 0, toast.content, {
       default: defaultTypography
     }).map((node) => {
       if (_lodashes.isObject.call(void 0, node) && "typography" in node && node.typography) {
@@ -201,11 +201,12 @@ function Toasts({
       }
       return node;
     }) : null;
-    const contentNode = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: nodes ? _chunk6OSTNEFIcjs.toReactNodes.call(void 0, nodes) : null });
+    const contentNode = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: nodes ? _chunkK57M5KQ5cjs.toReactNodes.call(void 0, nodes) : null });
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _react.Fragment, { children: _reactdom2.default.createPortal(
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
         StyledToast,
         {
+          backgroundColor: toast.type === "error" ? _chunkDRTADBFRcjs.colors.red50 : toast.type === "success" ? _chunkDRTADBFRcjs.colors.green37 : void 0,
           isActive: toast.isActive,
           isHiding: toast.isHiding,
           isVisible: fromCurrent < maxVisible,
@@ -224,18 +225,18 @@ function Toasts({
           children: [
             contentNode,
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunkR46DRG52cjs.UnstyledButton,
+              _chunkNCVALN33cjs.UnstyledButton,
               {
-                css: _chunkXQNOVNF4cjs.extend.call(void 0, _chunkXQNOVNF4cjs.flexCenter, {
+                css: _chunkWX5R7NU7cjs.extend.call(void 0, _chunkWX5R7NU7cjs.flexCenter, {
                   position: "absolute",
                   right: "5px",
                   top: "-1px",
                   height: "50px",
                   width: "50px",
-                  outlineColor: `${_chunkK7HWTEGPcjs.colors.white} !important`
+                  outlineColor: `${_chunkDRTADBFRcjs.colors.white} !important`
                 }),
                 onClick: () => hideToast(toast.id),
-                children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4N5EXQIScjs.Icon, { name: "Close", width: 9 })
+                children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCKSZUZXJcjs.Icon, { name: "Close", width: 9 })
               }
             )
           ]
@@ -252,12 +253,12 @@ var minScale = 0.95;
 var StyledToast = _styled2.default.div`
   position: fixed;
   z-index: ${_chunkZU72XWNEcjs.z.toast};
-  line-height: ${_chunkXQNOVNF4cjs.pxToRems.call(void 0, 16)};
+  line-height: ${_chunkWX5R7NU7cjs.pxToRems.call(void 0, 16)};
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
   font-weight: 500;
-  background-color: ${({ isCurrent, movingToCurrent }) => isCurrent || movingToCurrent ? _chunkK7HWTEGPcjs.colors.blue43 : _chunkXUEKQQJVcjs.themeOr.call(void 0, "#2A50B2", _chunkK7HWTEGPcjs.colors.blue43)};
+  background-color: ${({ isCurrent, movingToCurrent, backgroundColor }) => isCurrent || movingToCurrent ? backgroundColor != null ? backgroundColor : _chunkDRTADBFRcjs.colors.blue43 : backgroundColor != null ? backgroundColor : _chunkEGKT7YHPcjs.themeOr.call(void 0, "#2A50B2", _chunkDRTADBFRcjs.colors.blue43)};
   color: rgba(255, 255, 255, 0);
   padding: 16px 24px;
   ${({ duration }) => !duration && "padding-right: 50px;"}
@@ -272,7 +273,7 @@ var StyledToast = _styled2.default.div`
   transform: translateX(-50%);
   text-overflow: ellipsis;
   overflow: hidden;
-  max-width: calc(100% - ${_chunkU35SY546cjs.standardContentInset.smPx * 2}px);
+  max-width: calc(100% - ${_chunk545K27C4cjs.standardContentInset.smPx * 2}px);
 
   max-height: ${beginHeightPx}px;
   width: 0px;

package/dist/{chunk-VDD5W2ZW.js → chunk-7RKRDLFH.js}

@@ -3,44 +3,47 @@ import {
 } from "./chunk-PEK53X7W.js";
 import {
   ProgressBar
-} from "./chunk-VHX4V2EN.js";
-import {
-  IconWithCircleBackground
-} from "./chunk-363DAWKZ.js";
+} from "./chunk-ENLGSGQT.js";
 import {
   Drawer
-} from "./chunk-43FHEBXH.js";
+} from "./chunk-35YPXM7E.js";
 import {
-  Button,
-  ButtonSelector
-} from "./chunk-2OE2VPDJ.js";
+  useLiveRef
+} from "./chunk-UDFJ6IWI.js";
 import {
-  UnstyledButton
-} from "./chunk-3HIDFTSK.js";
+  IconWithCircleBackground
+} from "./chunk-YXFT4B2S.js";
 import {
-  z
-} from "./chunk-55OQPFLF.js";
+  setDefaultReactNodesTypography
+} from "./chunk-H7KIUDPL.js";
+import {
+  toReactNodes
+} from "./chunk-H37TWCVW.js";
 import {
   Spacing
 } from "./chunk-E5DUKMCU.js";
 import {
-  setDefaultReactNodesTypography
-} from "./chunk-5A7SOR5D.js";
+  overflowAutoWithoutScrollbars
+} from "./chunk-MGHQ74CH.js";
 import {
-  toReactNodes
-} from "./chunk-BDL3A6DZ.js";
+  Button,
+  ButtonSelector
+} from "./chunk-KWNSXCDT.js";
 import {
-  overflowAutoWithoutScrollbars
-} from "./chunk-KKGZ47R3.js";
+  UnstyledButton
+} from "./chunk-P6GYMAUR.js";
+import {
+  z
+} from "./chunk-55OQPFLF.js";
 import {
   Icon
-} from "./chunk-YTKSEJHA.js";
+} from "./chunk-5VKJXXI3.js";
 import {
   overlaySurface,
   standardBorderRadius,
   standardContentInset,
   standardFocusOutline
-} from "./chunk-ANZUTQRP.js";
+} from "./chunk-VAPNTHG5.js";
 import {
   select
 } from "./chunk-YMNSXZ5D.js";
@@ -48,9 +51,6 @@ import {
   bp,
   useBreakpoints
 } from "./chunk-JSGRNWSB.js";
-import {
-  useLiveRef
-} from "./chunk-UDFJ6IWI.js";
 import {
   __objRest,
   __spreadValues
@@ -105,7 +105,9 @@ function Modal({
   topLeftIcon,
   drawerKind,
   drawerPadding,
-  drawerCloseButton = true
+  drawerCloseButton = true,
+  drawerAlignBottom,
+  drawerDisableTouchMove
 }) {
   const visibleChangedRef = useRef(false);
   const [visibleChanged, setVisibleChanged] = useState(false);
@@ -315,6 +317,8 @@ function Modal({
         kind: drawerKind != null ? drawerKind : "default",
         padding: drawerPadding !== void 0 ? `${drawerPadding}px` : void 0,
         top,
+        alignBottom: drawerAlignBottom,
+        disableTouchMove: drawerDisableTouchMove != null ? drawerDisableTouchMove : false,
         children: modalContent
       }
     );

package/dist/{chunk-B6C5BAVY.js → chunk-7SSXDHDU.js}

@@ -1,15 +1,15 @@
 import {
   Filter
-} from "./chunk-K7OIWNQA.js";
+} from "./chunk-QN24TRNO.js";
 import {
   TextInput
-} from "./chunk-JBKOX4EH.js";
-import {
-  Button
-} from "./chunk-2OE2VPDJ.js";
+} from "./chunk-GNNSP254.js";
 import {
   Spacing
 } from "./chunk-E5DUKMCU.js";
+import {
+  Button
+} from "./chunk-KWNSXCDT.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/{chunk-ARF5YFDI.js → chunk-7V76NO4F.js}

@@ -3,16 +3,16 @@ import {
 } from "./chunk-JJC2AUQ3.js";
 import {
   TextButton
-} from "./chunk-GMBFE2Y7.js";
+} from "./chunk-QBQZHXOQ.js";
 import {
   IconContainer
-} from "./chunk-YTKSEJHA.js";
+} from "./chunk-5VKJXXI3.js";
 import {
   bp
 } from "./chunk-JSGRNWSB.js";
 import {
   colors
-} from "./chunk-WAGTMEWB.js";
+} from "./chunk-EA22C7OJ.js";
 
 // src/components/PageSection/PageSectionNav.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-H6A7QINF.cjs → chunk-A3WJIRV3.cjs}

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

package/dist/{chunk-ALFU7MBM.js → chunk-A5TI24JJ.js}

@@ -1,13 +1,13 @@
 import {
   UnstyledButton
-} from "./chunk-3HIDFTSK.js";
+} from "./chunk-P6GYMAUR.js";
 import {
   getColor,
   themeOr
-} from "./chunk-33OPRYWV.js";
+} from "./chunk-GZILHEOA.js";
 import {
   colors
-} from "./chunk-WAGTMEWB.js";
+} from "./chunk-EA22C7OJ.js";
 
 // src/components/Toggle.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-UQ3PKWPK.js → chunk-A6APLSNG.js}

@@ -1,21 +1,21 @@
+import {
+  useClipboard
+} from "./chunk-QHODHUW2.js";
 import {
   lineClamp
-} from "./chunk-KKGZ47R3.js";
+} from "./chunk-MGHQ74CH.js";
 import {
   Icon
-} from "./chunk-YTKSEJHA.js";
+} from "./chunk-5VKJXXI3.js";
 import {
   applyTypography
-} from "./chunk-J44WQFQT.js";
+} from "./chunk-RELY2KLK.js";
 import {
   elide
 } from "./chunk-HAC5YAGQ.js";
 import {
   getLineHeightNumberForTypographyType
 } from "./chunk-J3TUZRIL.js";
-import {
-  useClipboard
-} from "./chunk-QHODHUW2.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/{chunk-5257236A.js → chunk-AE2DZLGM.js}

@@ -1,13 +1,13 @@
 import {
   cssVars
-} from "./chunk-VQVEZVAG.js";
+} from "./chunk-SLEBHXIK.js";
 import {
   rootFontSizeRems,
   standardLineHeightEms
-} from "./chunk-ANZUTQRP.js";
+} from "./chunk-VAPNTHG5.js";
 import {
   useThemeBg
-} from "./chunk-33OPRYWV.js";
+} from "./chunk-GZILHEOA.js";
 import {
   bp
 } from "./chunk-JSGRNWSB.js";

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

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunk6OSTNEFIcjs = require('./chunk-6OSTNEFI.cjs');
+var _chunkK57M5KQ5cjs = require('./chunk-K57M5KQ5.cjs');
 
 
 
-var _chunkENUWW557cjs = require('./chunk-ENUWW557.cjs');
+var _chunkHHQKIKZCcjs = require('./chunk-HHQKIKZC.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 = _chunkHHQKIKZCcjs.getPropDefaults.call(void 0, props);
   let reactNodes = props.children || null;
   if (props.content) {
-    reactNodes = _chunk6OSTNEFIcjs.toReactNodes.call(void 0, props.content);
+    reactNodes = _chunkK57M5KQ5cjs.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, _chunkHHQKIKZCcjs.StyledOverline, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, propsWithDefaults), { children: reactNodes }));
 }
 
 

package/dist/{chunk-UH2H3Y7Y.js → chunk-AO3ZBQ6T.js}

@@ -1,27 +1,30 @@
+import {
+  toReactNodes
+} from "./chunk-H37TWCVW.js";
 import {
   z
 } from "./chunk-55OQPFLF.js";
 import {
   standardBorderRadius,
   subtext
-} from "./chunk-ANZUTQRP.js";
+} from "./chunk-VAPNTHG5.js";
 import {
   applyTypography
-} from "./chunk-J44WQFQT.js";
+} from "./chunk-RELY2KLK.js";
 import {
   getColor,
   isBridge,
   themeOr
-} from "./chunk-33OPRYWV.js";
+} from "./chunk-GZILHEOA.js";
 import {
   colors
-} from "./chunk-WAGTMEWB.js";
+} from "./chunk-EA22C7OJ.js";
 
 // src/styles/fields.tsx
 import { css } from "@emotion/react";
 import styled from "@emotion/styled";
 import { useLayoutEffect, useRef, useState } from "react";
-import { jsx } from "@emotion/react/jsx-runtime";
+import { Fragment, jsx } from "@emotion/react/jsx-runtime";
 var maxFieldWidth = "100%";
 var fieldWidth = "100%";
 var inputSpacingPx = 24;
@@ -190,14 +193,18 @@ var aboveFieldError = ({
 var inputSubtextSeconds = 0.25;
 function InputSubtext({
   text,
+  content,
   hasError = false,
-  tooltipId
+  hasSuccess = false,
+  tooltipId,
+  hideNonErrorsIfBlurred = false,
+  focused = false
 }) {
   const timeoutRef = useRef(null);
   const [subtext2, setSubtext] = useState(text);
   const [visible, setVisible] = useState(Boolean(text));
   useLayoutEffect(() => {
-    if (text) {
+    if (text || content) {
       setSubtext(text);
       setVisible(true);
       if (timeoutRef.current) {
@@ -209,20 +216,34 @@ function InputSubtext({
         setSubtext(void 0);
       }, inputSubtextSeconds * 1e3);
     }
-  }, [text]);
+  }, [text, content]);
   return /* @__PURE__ */ jsx(
     StyledInputSubtext,
     {
-      visible,
+      visible: visible && (hasError || focused || !hideNonErrorsIfBlurred),
       hasError,
+      hasSuccess,
       cursorPointer: Boolean(tooltipId),
-      children: tooltipId ? /* @__PURE__ */ jsx("span", { "data-tooltip-id": tooltipId, children: subtext2 }) : subtext2
+      usingContent: content !== void 0,
+      children: tooltipId ? /* @__PURE__ */ jsx("span", { "data-tooltip-id": tooltipId, children: /* @__PURE__ */ jsx(InputSubtextContent, { text: subtext2, content }) }) : /* @__PURE__ */ jsx(InputSubtextContent, { text: subtext2, content })
     }
   );
 }
+function InputSubtextContent({
+  text,
+  content
+}) {
+  if (content) {
+    return content;
+  }
+  if (typeof text === "string") {
+    return /* @__PURE__ */ jsx(Fragment, { children: text });
+  }
+  return toReactNodes(text);
+}
 var StyledInputSubtext = styled.div`
   margin-top: ${({ visible }) => visible ? "8px" : "0px"};
-  margin-left: ${({ visible }) => visible ? "8px" : "0px"};
+  margin-left: ${({ visible, usingContent }) => visible && !usingContent ? "8px" : "0px"};
   font-size: 12px;
   font-size: ${({ visible }) => visible ? "12px" : "0px"};
   opacity: ${({ visible }) => visible ? "1" : "0"};
@@ -231,7 +252,7 @@ var StyledInputSubtext = styled.div`
     font-size ${inputSubtextSeconds}s cubic-bezier(0.25, 0.87, 0.56, 1.23),
     opacity ${inputSubtextSeconds * 0.8}s cubic-bezier(0.25, 0.87, 0.56, 1.23),
     margin ${inputSubtextSeconds}s cubic-bezier(0.25, 0.87, 0.56, 1.23);
-  color: ${({ hasError, theme }) => hasError ? theme.danger : theme.text};
+  color: ${({ hasError, hasSuccess, theme }) => hasError ? theme.danger : hasSuccess ? theme.success : theme.text};
   cursor: ${({ cursorPointer }) => cursorPointer ? "pointer" : "auto"};
 `;
 var labelStyle = ({

package/dist/{chunk-DGBVWO3Q.cjs → chunk-ASXKJDVT.cjs}

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

package/dist/{chunk-XYZWSNVM.cjs → chunk-B3ZFDZXG.cjs}

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

package/dist/{chunk-4S2OUM3H.js → chunk-B5OPCMGB.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk-YMNSXZ5D.js";
 import {
   applyTypography
-} from "./chunk-J44WQFQT.js";
+} from "./chunk-RELY2KLK.js";
 import {
   __objRest,
   __spreadProps,

package/dist/{chunk-T7ZB3XF7.cjs → chunk-B6Y7HCBM.cjs}

@@ -4,7 +4,7 @@ var cssVars = {
 };
 var headerHeightPx = 102;
 var smHeaderHeightPx = 60;
-var smHeaderLogoMarginLeft = "30px";
+var smHeaderLogoMarginLeft = "20px";
 var navBorderRadiusPx = 12;
 
 

package/dist/{chunk-QX2R5WFV.js → chunk-BGBAE2DX.js}

@@ -1,10 +1,10 @@
 import {
   toReactNodes
-} from "./chunk-BDL3A6DZ.js";
+} from "./chunk-H37TWCVW.js";
 import {
   StyledLabelModerate,
   getPropDefaults
-} from "./chunk-XK6WXVWL.js";
+} from "./chunk-4IYA4DYI.js";
 import {
   __spreadProps,
   __spreadValues

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

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

package/dist/{chunk-2NFFDKIX.js → chunk-BOO6NMGY.js}

@@ -1,18 +1,18 @@
+import {
+  flexCenter
+} from "./chunk-MGHQ74CH.js";
 import {
   Loading
-} from "./chunk-WW3KFUFD.js";
+} from "./chunk-HGYZXUCB.js";
 import {
   UnstyledButton
-} from "./chunk-3HIDFTSK.js";
-import {
-  flexCenter
-} from "./chunk-KKGZ47R3.js";
+} from "./chunk-P6GYMAUR.js";
 import {
   Icon
-} from "./chunk-YTKSEJHA.js";
+} from "./chunk-5VKJXXI3.js";
 import {
   colors
-} from "./chunk-WAGTMEWB.js";
+} from "./chunk-EA22C7OJ.js";
 
 // src/components/Pill.tsx
 import styled from "@emotion/styled";