@lightsparkdev/ui 1.1.17 → 1.1.18

package/dist/{chunk-TEXBKPJA.js → chunk-S3WWT4WN.js}

@@ -1,6 +1,6 @@
 import {
   DateWidget
-} from "./chunk-IYAGIK3O.js";
+} from "./chunk-BQMMAL2P.js";
 import {
   DateRangeOperation,
   MAX_DATE,
@@ -12,19 +12,19 @@ import {
 } from "./chunk-MS4Y7HXG.js";
 import {
   Filter
-} from "./chunk-3OY2OJFQ.js";
+} from "./chunk-M2JUIDYJ.js";
 import {
   Select_default
-} from "./chunk-O4LA325I.js";
+} from "./chunk-JVCHMH2C.js";
 import {
   TextInput
-} from "./chunk-3PDB5N46.js";
+} from "./chunk-VMMTAIK4.js";
 import {
   Spacing
 } from "./chunk-E5DUKMCU.js";
 import {
   Button
-} from "./chunk-NE7756PY.js";
+} from "./chunk-HPEJTNFY.js";
 import {
   z
 } from "./chunk-55OQPFLF.js";

package/dist/{chunk-WDTLFMRW.cjs → chunk-S4722UIT.cjs}

@@ -3,19 +3,19 @@
 var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
-var _chunkS6OGIIJCcjs = require('./chunk-S6OGIIJC.cjs');
+var _chunk24X6QUDRcjs = require('./chunk-24X6QUDR.cjs');
 
 
 
-var _chunkGSQGDJAVcjs = require('./chunk-GSQGDJAV.cjs');
+var _chunkNFHQ3LH4cjs = require('./chunk-NFHQ3LH4.cjs');
 
 
-var _chunkEFUO4VCAcjs = require('./chunk-EFUO4VCA.cjs');
+var _chunkTUIKHIRHcjs = require('./chunk-TUIKHIRH.cjs');
 
 
 
 
-var _chunkWZIDVP2Ucjs = require('./chunk-WZIDVP2U.cjs');
+var _chunkNNAUX3OGcjs = require('./chunk-NNAUX3OG.cjs');
 
 
 var _chunkWRQU4F3Ncjs = require('./chunk-WRQU4F3N.cjs');
@@ -33,16 +33,16 @@ var formButtonTopMarginStyle = _react.css`
   margin-top: ${formButtonTopMargin};
 `;
 var standardBorderColor = ({ theme }) => _react.css`
-  border-color: ${_chunkWZIDVP2Ucjs.themeOr.call(void 0, theme.c1Neutral, theme.mcNeutral)({ theme })};
+  border-color: ${_chunkNNAUX3OGcjs.themeOr.call(void 0, theme.c1Neutral, theme.mcNeutral)({ theme })};
 `;
 var inputBlockStyle = ({
   theme,
   hasValue,
   hasError
 }) => _react.css`
-  ${_chunkGSQGDJAVcjs.subtext.call(void 0, { theme })}
+  ${_chunkNFHQ3LH4cjs.subtext.call(void 0, { theme })}
   ${standardBorderColor({ theme })}
-  ${_chunkGSQGDJAVcjs.standardBorderRadius.call(void 0, 8)}
+  ${_chunkNFHQ3LH4cjs.standardBorderRadius.call(void 0, 8)}
   background-color: ${theme.bg};
   border-width: 2px;
   display: flex;
@@ -58,8 +58,8 @@ var textInputPlaceholderColor = ({ theme }) => theme.c4Neutral;
 var textInputFontWeight = 600;
 var textInputPaddingPx = 12;
 var textInputPadding = `${textInputPaddingPx}px`;
-var textInputBorderColor = ({ theme }) => _chunkWZIDVP2Ucjs.isBridge.call(void 0, theme) ? _chunkWRQU4F3Ncjs.colors.gray4 : _chunkWZIDVP2Ucjs.themeOr.call(void 0, theme.c1Neutral, theme.c3Neutral)({ theme });
-var textInputBorderColorFocused = ({ theme }) => _chunkWZIDVP2Ucjs.themeOr.call(void 0, theme.hcNeutral, theme.hcNeutral)({ theme });
+var textInputBorderColor = ({ theme }) => _chunkNNAUX3OGcjs.isBridge.call(void 0, theme) ? _chunkWRQU4F3Ncjs.colors.gray4 : _chunkNNAUX3OGcjs.themeOr.call(void 0, theme.c1Neutral, theme.c3Neutral)({ theme });
+var textInputBorderColorFocused = ({ theme }) => _chunkNNAUX3OGcjs.themeOr.call(void 0, theme.hcNeutral, theme.hcNeutral)({ theme });
 var textInputActiveStyles = ({
   theme,
   paddingLeftPx,
@@ -70,7 +70,7 @@ var textInputActiveStyles = ({
   activeOutlineColor
 }) => {
   if (activeOutline) {
-    const outlineColor = activeOutlineColor ? _chunkWZIDVP2Ucjs.getColor.call(void 0, theme, activeOutlineColor) : textInputBorderColorFocused({ theme });
+    const outlineColor = activeOutlineColor ? _chunkNNAUX3OGcjs.getColor.call(void 0, theme, activeOutlineColor) : textInputBorderColorFocused({ theme });
     return _react.css`
       outline: 2px solid ${outlineColor};
       outline-offset: 2px;
@@ -144,7 +144,7 @@ var textInputStyle = ({
   line-height: 22px;
   outline: none;
 
-  ${_chunkEFUO4VCAcjs.applyTypography.call(void 0, 
+  ${_chunkTUIKHIRHcjs.applyTypography.call(void 0, 
     theme,
     (typography == null ? void 0 : typography.type) || defaultTextInputTypography.type,
     (typography == null ? void 0 : typography.size) || defaultTextInputTypography.size,
@@ -256,7 +256,7 @@ function InputSubtextContent({
   if (typeof text === "string") {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children: text });
   }
-  return _chunkS6OGIIJCcjs.toReactNodes.call(void 0, text);
+  return _chunk24X6QUDRcjs.toReactNodes.call(void 0, text);
 }
 var StyledInputSubtext = _styled2.default.div`
   margin-top: ${({ visible }) => visible ? "8px" : "0px"};
@@ -293,11 +293,11 @@ var labelStyle = ({
   }
 `;
 var Label = _styled2.default.label`
-  ${_chunkGSQGDJAVcjs.subtext}
+  ${_chunkNFHQ3LH4cjs.subtext}
   ${labelStyle}
 `;
 var LabelDiv = _styled2.default.div`
-  ${_chunkGSQGDJAVcjs.subtext}
+  ${_chunkNFHQ3LH4cjs.subtext}
   ${labelStyle}
 `;
 

package/dist/{chunk-2ZHFS273.js → chunk-SBWLKLAB.js}

@@ -1,9 +1,9 @@
 import {
   Icon
-} from "./chunk-MNNK5Z6E.js";
+} from "./chunk-THGCS55L.js";
 import {
   getColor
-} from "./chunk-V7XAF6D2.js";
+} from "./chunk-YAXYAKUK.js";
 import {
   __objRest,
   __spreadProps,

package/dist/{chunk-7CRDK3QY.js → chunk-SQBNIXS2.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-YW4BJCOL.js";
 import {
   applyTypography
-} from "./chunk-I3KWQ42J.js";
+} from "./chunk-HUAZI5PV.js";
 import {
   __objRest,
   __spreadProps,

package/dist/{chunk-Y34U46IL.cjs → chunk-SU2QIY54.cjs}

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

package/dist/{chunk-RTL42PXK.cjs → chunk-SWZXAWVE.cjs}

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkS6OGIIJCcjs = require('./chunk-S6OGIIJC.cjs');
+var _chunk24X6QUDRcjs = require('./chunk-24X6QUDR.cjs');
 
 
 
-var _chunkLJ2GWN2Hcjs = require('./chunk-LJ2GWN2H.cjs');
+var _chunkH4YBPQX5cjs = require('./chunk-H4YBPQX5.cjs');
 
 
 
@@ -13,12 +13,12 @@ var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
 // src/components/typography/Display.tsx
 var _jsxruntime = require('@emotion/react/jsx-runtime');
 function Display(props) {
-  const propsWithDefaults = _chunkLJ2GWN2Hcjs.getPropDefaults.call(void 0, props);
+  const propsWithDefaults = _chunkH4YBPQX5cjs.getPropDefaults.call(void 0, props);
   let reactNodes = props.children || null;
   if (props.content) {
-    reactNodes = _chunkS6OGIIJCcjs.toReactNodes.call(void 0, props.content);
+    reactNodes = _chunk24X6QUDRcjs.toReactNodes.call(void 0, props.content);
   }
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLJ2GWN2Hcjs.StyledDisplay, _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, propsWithDefaults), { children: reactNodes }));
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH4YBPQX5cjs.StyledDisplay, _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, propsWithDefaults), { children: reactNodes }));
 }
 
 

package/dist/{chunk-775JVHSY.js → chunk-TBX6ZRPC.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-YW4BJCOL.js";
 import {
   applyTypography
-} from "./chunk-I3KWQ42J.js";
+} from "./chunk-HUAZI5PV.js";
 import {
   __objRest,
   __spreadProps,

package/dist/{chunk-JJCOC4HY.js → chunk-TH35ZLYM.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-YW4BJCOL.js";
 import {
   applyTypography
-} from "./chunk-I3KWQ42J.js";
+} from "./chunk-HUAZI5PV.js";
 import {
   __objRest,
   __spreadProps,

package/dist/{chunk-MNNK5Z6E.js → chunk-THGCS55L.js}

@@ -1,19 +1,19 @@
 import {
   iconMap
-} from "./chunk-M2N7G6CT.js";
+} from "./chunk-ZOG6HHIT.js";
 import {
   invertFillColor,
   invertStrokeColor
 } from "./chunk-VI6WTKMV.js";
 import {
   rootFontSizePx
-} from "./chunk-B73N7I6O.js";
+} from "./chunk-6LWM35PR.js";
 import {
   isString
 } from "./chunk-HAC5YAGQ.js";
 import {
   getFontColor
-} from "./chunk-V7XAF6D2.js";
+} from "./chunk-YAXYAKUK.js";
 
 // src/components/Icon/Icon.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-5E2ZNAOQ.cjs → chunk-THS7LCOM.cjs}

@@ -1,25 +1,25 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunk4BQLWFUTcjs = require('./chunk-4BQLWFUT.cjs');
+var _chunkJ45K2BETcjs = require('./chunk-J45K2BET.cjs');
 
 
-var _chunkNJAEPGD6cjs = require('./chunk-NJAEPGD6.cjs');
+var _chunkU37LU5UWcjs = require('./chunk-U37LU5UW.cjs');
 
 
 
-var _chunkWDTLFMRWcjs = require('./chunk-WDTLFMRW.cjs');
+var _chunkS4722UITcjs = require('./chunk-S4722UIT.cjs');
 
 
-var _chunkOIVMDDPCcjs = require('./chunk-OIVMDDPC.cjs');
+var _chunkY7PBSDLPcjs = require('./chunk-Y7PBSDLP.cjs');
 
 
-var _chunkDSTWBIG7cjs = require('./chunk-DSTWBIG7.cjs');
+var _chunkWUHIPLEUcjs = require('./chunk-WUHIPLEU.cjs');
 
 
 var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
 
 
-var _chunkEZNRFABOcjs = require('./chunk-EZNRFABO.cjs');
+var _chunk7R36UJLUcjs = require('./chunk-7R36UJLU.cjs');
 
 
 var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
@@ -43,7 +43,7 @@ function ReadClipboardButton({
   clipboardCallbacks
 }) {
   const bp = _chunkKW3JYLRIcjs.useBreakpoints.call(void 0, );
-  const { canReadFromClipboard, readTextFromClipboard } = _chunkEZNRFABOcjs.useClipboard.call(void 0, clipboardCallbacks);
+  const { canReadFromClipboard, readTextFromClipboard } = _chunk7R36UJLUcjs.useClipboard.call(void 0, clipboardCallbacks);
   const [isEditingTextInput, setIsEditingTextInput] = _react.useState.call(void 0, false);
   const isDeleting = _react.useRef.call(void 0, false);
   const getTextFromClipboard = _react.useCallback.call(void 0, () => _chunkYM5JDZDQcjs.__async.call(void 0, this, null, function* () {
@@ -107,12 +107,12 @@ function ReadClipboardButton({
         hasError: Boolean(errorMsg),
         onMouseUp: onDeleteMouseUp,
         children: autoButtonText ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkOIVMDDPCcjs.UnstyledButton,
+          _chunkY7PBSDLPcjs.UnstyledButton,
           {
             onClick: onClickAutoButton,
             css: { cursor: "pointer" },
             children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunkNJAEPGD6cjs.Pill,
+              _chunkU37LU5UWcjs.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, _chunkOIVMDDPCcjs.UnstyledButton, { onClick, children: [
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDSTWBIG7cjs.Icon, { name: "Copy", width: 19 }),
+          !value && !isEditingTextInput ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkY7PBSDLPcjs.UnstyledButton, { onClick, children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWUHIPLEUcjs.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, 
-            _chunkNJAEPGD6cjs.Pill,
+            _chunkU37LU5UWcjs.Pill,
             {
               text: value,
               onDeleteMouseDown,
@@ -145,9 +145,9 @@ function ReadClipboardButton({
         ] })
       }
     ),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWDTLFMRWcjs.InputSubtext, { text: errorMsg || hint, hasError: Boolean(errorMsg) })
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkS4722UITcjs.InputSubtext, { text: errorMsg || hint, hasError: Boolean(errorMsg) })
   ] }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _react.Fragment, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunk4BQLWFUTcjs.TextInput,
+    _chunkJ45K2BETcjs.TextInput,
     {
       onChange: onChangeTextInput,
       value,
@@ -157,7 +157,7 @@ function ReadClipboardButton({
   ) });
 }
 var ReadClipboardButtonContainer = _styled2.default.div`
-  ${({ theme, hasAddress, hasError }) => _chunkWDTLFMRWcjs.inputBlockStyle.call(void 0, { theme, hasValue: hasAddress, hasError })}
+  ${({ theme, hasAddress, hasError }) => _chunkS4722UITcjs.inputBlockStyle.call(void 0, { theme, hasValue: hasAddress, hasError })}
 `;
 
 

package/dist/{chunk-JAFJO7SR.js → chunk-THTGYP6C.js}

@@ -1,9 +1,9 @@
 import {
   SatoshiInputLabel
-} from "./chunk-U5KMEDB6.js";
+} from "./chunk-WADQUAUX.js";
 import {
   NumberInput_default
-} from "./chunk-YMYTHVW4.js";
+} from "./chunk-J4APIUYK.js";
 import {
   __objRest,
   __spreadProps,

package/dist/{chunk-CWO637N3.cjs → chunk-TN4YJFMD.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkS6OGIIJCcjs = require('./chunk-S6OGIIJC.cjs');
+var _chunk24X6QUDRcjs = require('./chunk-24X6QUDR.cjs');
 
 
 
@@ -90,7 +90,7 @@ function toReactNodesWithTypographyMap(nodesArg, nodesTypographyMap, replaceExis
     nodesTypographyMap,
     replaceExistingTypography
   );
-  const nodes = _chunkS6OGIIJCcjs.toReactNodes.call(void 0, nodesWithTypography);
+  const nodes = _chunk24X6QUDRcjs.toReactNodes.call(void 0, nodesWithTypography);
   return nodes;
 }
 function setDefaultReactNodesTypography(nodesArg, setDefaultReactNodesTypographyArg) {

package/dist/{chunk-ZALNXS4V.cjs → chunk-TS75L22R.cjs}

@@ -6,7 +6,7 @@ var _chunkU6XO2EF4cjs = require('./chunk-U6XO2EF4.cjs');
 var _chunkB2MHM6CYcjs = require('./chunk-B2MHM6CY.cjs');
 
 
-var _chunkEFUO4VCAcjs = require('./chunk-EFUO4VCA.cjs');
+var _chunkTUIKHIRHcjs = require('./chunk-TUIKHIRH.cjs');
 
 
 
@@ -24,7 +24,7 @@ function getPropDefaults(props) {
   return _chunkU6XO2EF4cjs.getPropDefaultsBase.call(void 0, props, { as: props.tag || "span" });
 }
 var StyledLabel = _styled2.default.span`
-  ${({ theme, size, colorProp }) => _chunkEFUO4VCAcjs.applyTypography.call(void 0, theme, "Label", size, colorProp)}
+  ${({ theme, size, colorProp }) => _chunkTUIKHIRHcjs.applyTypography.call(void 0, theme, "Label", size, colorProp)}
   ${_chunkB2MHM6CYcjs.typographyStyles}
 `;
 

package/dist/{chunk-EFUO4VCA.cjs → chunk-TUIKHIRH.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkWZIDVP2Ucjs = require('./chunk-WZIDVP2U.cjs');
+var _chunkNNAUX3OGcjs = require('./chunk-NNAUX3OG.cjs');
 
 
 var _chunkCC4HS72Dcjs = require('./chunk-CC4HS72D.cjs');
@@ -11,7 +11,7 @@ var applyTypography = (theme, typographyType, size, color = "inherit", applyToAl
   return `
     ${selector} {
       ${_chunkCC4HS72Dcjs.getTypographyString.call(void 0, theme, typographyType, size)};
-      color: ${_chunkWZIDVP2Ucjs.getFontColor.call(void 0, theme, color)};
+      color: ${_chunkNNAUX3OGcjs.getFontColor.call(void 0, theme, color)};
     }
   `;
 };

package/dist/{chunk-FL3CJSCW.cjs → chunk-TWFVY6ON.cjs}

@@ -4,10 +4,10 @@ var _chunkB6Y7HCBMcjs = require('./chunk-B6Y7HCBM.cjs');
 
 
 
-var _chunkGSQGDJAVcjs = require('./chunk-GSQGDJAV.cjs');
+var _chunkNFHQ3LH4cjs = require('./chunk-NFHQ3LH4.cjs');
 
 
-var _chunkWZIDVP2Ucjs = require('./chunk-WZIDVP2U.cjs');
+var _chunkNNAUX3OGcjs = require('./chunk-NNAUX3OG.cjs');
 
 
 var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
@@ -17,6 +17,7 @@ var _react = require('@emotion/react');
 var _react3 = require('react');
 require('react-tooltip/dist/react-tooltip.css');
 require('./static/fonts.css');
+var import_meta = {};
 var _jsxruntime = require('@emotion/react/jsx-runtime');
 var getFontImport = (theme) => {
   let importStr = "";
@@ -48,48 +49,56 @@ var getFontImport = (theme) => {
   }
   return importStr;
 };
+var getFontsBase = () => {
+  try {
+    return `${import_meta.env.BASE_URL.replace(/\/$/, "")}/fonts`;
+  } catch (e) {
+    return "/fonts";
+  }
+};
 var getFontFaces = (theme) => {
   let fontFacesStr = "";
   if (theme.typography.fontFamilies.main === "SuisseIntl") {
+    const fontsBase = getFontsBase();
     fontFacesStr += `
       @font-face {
         font-family: "SuisseIntl";
-        src: url("/fonts/SuisseIntl-Light.woff2") format("woff2");
+        src: url("${fontsBase}/SuisseIntl-Light.woff2") format("woff2");
         font-weight: 300;
         font-style: normal;
         font-display: swap;
       }
       @font-face {
         font-family: "SuisseIntl";
-        src: url("/fonts/SuisseIntl-Regular.woff2") format("woff2");
+        src: url("${fontsBase}/SuisseIntl-Regular.woff2") format("woff2");
         font-weight: 400;
         font-style: normal;
         font-display: swap;
       }
       @font-face {
         font-family: "SuisseIntl";
-        src: url("/fonts/SuisseIntl-Book.woff2") format("woff2");
+        src: url("${fontsBase}/SuisseIntl-Book.woff2") format("woff2");
         font-weight: 450;
         font-style: normal;
         font-display: swap;
       }
       @font-face {
         font-family: "SuisseIntl";
-        src: url("/fonts/SuisseIntl-Medium.woff2") format("woff2");
+        src: url("${fontsBase}/SuisseIntl-Medium.woff2") format("woff2");
         font-weight: 500;
         font-style: normal;
         font-display: swap;
       }
       @font-face {
         font-family: "SuisseIntl";
-        src: url("/fonts/SuisseIntl-Semibold.woff2") format("woff2");
+        src: url("${fontsBase}/SuisseIntl-Semibold.woff2") format("woff2");
         font-weight: 600;
         font-style: normal;
         font-display: swap;
       }
       @font-face {
         font-family: "SuisseIntl";
-        src: url("/fonts/SuisseIntl-Bold.woff2") format("woff2");
+        src: url("${fontsBase}/SuisseIntl-Bold.woff2") format("woff2");
         font-weight: 700;
         font-style: normal;
         font-display: swap;
@@ -97,10 +106,11 @@ var getFontFaces = (theme) => {
     `;
   }
   if (theme.typography.fontFamilies.code === "SuisseIntl-Mono") {
+    const fontsBase = getFontsBase();
     fontFacesStr += `
       @font-face {
         font-family: "SuisseIntl-Mono";
-        src: url("/fonts/SuisseIntlMono-Regular.woff2") format("woff2");
+        src: url("${fontsBase}/SuisseIntlMono-Regular.woff2") format("woff2");
         font-weight: 400;
         font-style: normal;
         font-display: swap;
@@ -114,7 +124,7 @@ var globalComponentStyles = ({ theme }) => _react.css`
   ${getFontFaces(theme)};
 
   html {
-    font-size: ${_chunkGSQGDJAVcjs.rootFontSizeRems}rem;
+    font-size: ${_chunkNFHQ3LH4cjs.rootFontSizeRems}rem;
     color: ${theme.text};
 
     /* required for iOS https://bit.ly/3Q8syG8 */
@@ -144,7 +154,7 @@ var globalComponentStyles = ({ theme }) => _react.css`
 
   * {
     box-sizing: border-box;
-    line-height: ${_chunkGSQGDJAVcjs.standardLineHeightEms}em;
+    line-height: ${_chunkNFHQ3LH4cjs.standardLineHeightEms}em;
   }
 
   code {
@@ -191,7 +201,7 @@ var globalComponentStyles = ({ theme }) => _react.css`
 `;
 function GlobalStyles() {
   const theme = _react.useTheme.call(void 0, );
-  const bg = _chunkWZIDVP2Ucjs.useThemeBg.call(void 0, );
+  const bg = _chunkNNAUX3OGcjs.useThemeBg.call(void 0, );
   _react3.useEffect.call(void 0, () => {
     const documentHeight = () => {
       const doc = document.documentElement;

package/dist/{chunk-6ZZPMIC2.js → chunk-TWXZHMQ2.js}

@@ -3,13 +3,13 @@ import {
 } from "./chunk-E5DUKMCU.js";
 import {
   Button
-} from "./chunk-NE7756PY.js";
+} from "./chunk-HPEJTNFY.js";
 import {
   overflowAutoWithoutScrollbars
-} from "./chunk-OOOWTNUV.js";
+} from "./chunk-TZSN4RZE.js";
 import {
   standardContentInset
-} from "./chunk-B73N7I6O.js";
+} from "./chunk-6LWM35PR.js";
 import {
   bp
 } from "./chunk-JSGRNWSB.js";

package/dist/{chunk-WRXIHU6H.js → chunk-TZDJ6F4X.js}

@@ -3,50 +3,50 @@ import {
 } from "./chunk-PEK53X7W.js";
 import {
   ProgressBar
-} from "./chunk-FTH2YC6J.js";
+} from "./chunk-IG7262OB.js";
 import {
   IconWithCircleBackground
-} from "./chunk-E6I5QATB.js";
+} from "./chunk-7PBAGREW.js";
 import {
   Drawer
-} from "./chunk-FEXQPKM6.js";
+} from "./chunk-HKYNUGXY.js";
 import {
   Spacing
 } from "./chunk-E5DUKMCU.js";
 import {
   Button,
   ButtonSelector
-} from "./chunk-NE7756PY.js";
+} from "./chunk-HPEJTNFY.js";
 import {
   UnstyledButton
-} from "./chunk-3A65FDXQ.js";
+} from "./chunk-JJR6BLFQ.js";
 import {
   z
 } from "./chunk-55OQPFLF.js";
 import {
   setDefaultReactNodesTypography
-} from "./chunk-C7M4DUT3.js";
+} from "./chunk-63GEHMED.js";
 import {
   toReactNodes
-} from "./chunk-2C4XFGJH.js";
+} from "./chunk-JGQA7X73.js";
 import {
   overflowAutoWithoutScrollbars
-} from "./chunk-OOOWTNUV.js";
+} from "./chunk-TZSN4RZE.js";
 import {
   Icon
-} from "./chunk-MNNK5Z6E.js";
+} from "./chunk-THGCS55L.js";
 import {
   overlaySurface,
   standardBorderRadius,
   standardContentInset,
   standardFocusOutline
-} from "./chunk-B73N7I6O.js";
+} from "./chunk-6LWM35PR.js";
 import {
   select
 } from "./chunk-YMNSXZ5D.js";
 import {
   getColor
-} from "./chunk-V7XAF6D2.js";
+} from "./chunk-YAXYAKUK.js";
 import {
   bp,
   useBreakpoints

package/dist/{chunk-BE7T24PO.cjs → chunk-TZQGS626.cjs}

@@ -1,15 +1,15 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkPFRZI756cjs = require('./chunk-PFRZI756.cjs');
+var _chunkMRAIRVQEcjs = require('./chunk-MRAIRVQE.cjs');
 
 
-var _chunkHWDJCLQ3cjs = require('./chunk-HWDJCLQ3.cjs');
+var _chunkIOHAFV7Acjs = require('./chunk-IOHAFV7A.cjs');
 
 
-var _chunkHEZ5UCCWcjs = require('./chunk-HEZ5UCCW.cjs');
+var _chunkJRMWIAG7cjs = require('./chunk-JRMWIAG7.cjs');
 
 
-var _chunkGJ4EVX5Ncjs = require('./chunk-GJ4EVX5N.cjs');
+var _chunkGGPCU5XOcjs = require('./chunk-GGPCU5XO.cjs');
 
 
 var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
@@ -38,7 +38,7 @@ var EnumFilter = ({
   var _a;
   const appliedValueButtons = (_a = state.appliedValues) == null ? void 0 : _a.map((value) => {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkGJ4EVX5Ncjs.Button,
+      _chunkGGPCU5XOcjs.Button,
       {
         kind: "primary",
         size: "ExtraSmall",
@@ -58,8 +58,8 @@ var EnumFilter = ({
     );
   });
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHWDJCLQ3cjs.Filter, { label, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkHEZ5UCCWcjs.Select_default,
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIOHAFV7Acjs.Filter, { label, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkJRMWIAG7cjs.Select_default,
       {
         zIndex: _chunkZU72XWNEcjs.z.dropdown + 1,
         placeholder: "Select value",
@@ -87,7 +87,7 @@ var EnumFilter = ({
         }
       }
     ) }),
-    !!(appliedValueButtons == null ? void 0 : appliedValueButtons.length) ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPFRZI756cjs.AppliedButtonsContainer, { children: appliedValueButtons }) : null
+    !!(appliedValueButtons == null ? void 0 : appliedValueButtons.length) ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMRAIRVQEcjs.AppliedButtonsContainer, { children: appliedValueButtons }) : null
   ] });
 };
 

package/dist/{chunk-OOOWTNUV.js → chunk-TZSN4RZE.js}

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