@lightsparkdev/ui 1.1.15 → 1.1.17

package/dist/{chunk-W26V42SR.js → chunk-K4OYGFS3.js}

@@ -1,6 +1,6 @@
 import {
   textInputStyle
-} from "./chunk-QGXS3TWB.js";
+} from "./chunk-ULTSHCPV.js";
 
 // src/components/CodeInput/SingleCodeInput.tsx
 import { css, useTheme } from "@emotion/react";
@@ -26,9 +26,35 @@ function SingleCodeInput({
   ariaLabel,
   disabled,
   onBlur,
-  width = defaultWidth
+  width = defaultWidth,
+  variant = "default"
 }) {
   const theme = useTheme();
+  const commonCSS = css`
+    text-align: center;
+
+    &::-webkit-outer-spin-button,
+    &::-webkit-inner-spin-button {
+      display: none;
+      margin: 0;
+    }
+    -moz-appearance: textfield; /* Firefox */
+  `;
+  const unifiedCSS = css`
+    ${commonCSS}
+    width: ${width};
+    padding: 0;
+    border: none;
+    background: transparent;
+    font: inherit;
+    color: ${theme.text};
+    outline: none;
+    caret-color: ${theme.info};
+
+    &::placeholder {
+      color: ${theme.secondary};
+    }
+  `;
   const defaultCSS = css(
     `
       ${textInputStyle({
@@ -40,7 +66,6 @@ function SingleCodeInput({
       width: ${width};
       max-width: ${defaultWidth};
       padding: ${vPadding}px 0px;
-      text-align: center;
       &:not(:last-of-type):not(:focus-visible) {
         border-right: none;
       }
@@ -59,16 +84,11 @@ function SingleCodeInput({
       &:active {
         padding: ${vPadding - 1}px 0px !important;
       }
-
-      &::-webkit-outer-spin-button,
-      &::-webkit-inner-spin-button {
-        display: none;
-        margin: 0;
-      }
-      -moz-appearance:textfield; /* Firefox */
     `,
+    commonCSS,
     cssProp
   );
+  const inputStyles = variant === "unified" ? unifiedCSS : defaultCSS;
   return /* @__PURE__ */ jsx(
     "input",
     {
@@ -77,16 +97,17 @@ function SingleCodeInput({
       onChange: (event) => onChange(event, id),
       value,
       ref: inputRef,
-      type,
+      type: variant === "unified" ? "text" : type,
       "aria-label": ariaLabel,
       onKeyUp: (event) => onKeyUp(event, id),
       onKeyDown: (event) => onKeyDown(event, id),
       onPaste: (event) => onPaste(event),
       max,
-      css: defaultCSS,
+      css: inputStyles,
       onBlur,
       inputMode: "numeric",
-      pattern: "[0-9]*"
+      pattern: "[0-9]*",
+      placeholder: variant === "unified" ? "-" : void 0
     }
   );
 }

package/dist/{chunk-HXNXZ6PF.cjs → chunk-KC4YDWB2.cjs}

@@ -3,13 +3,13 @@
 var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
 
 
-var _chunkCF6NXTX7cjs = require('./chunk-CF6NXTX7.cjs');
+var _chunk2MT546OVcjs = require('./chunk-2MT546OV.cjs');
 
 
-var _chunkMLMYJBDVcjs = require('./chunk-MLMYJBDV.cjs');
+var _chunkDSTWBIG7cjs = require('./chunk-DSTWBIG7.cjs');
 
 
-var _chunkQ3N3HXJAcjs = require('./chunk-Q3N3HXJA.cjs');
+var _chunkGSQGDJAVcjs = require('./chunk-GSQGDJAV.cjs');
 
 // src/components/Collapsible.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -54,7 +54,7 @@ function Collapsible({
         {
           isOpen,
           useCustomIcon: openIcon !== void 0 && closeIcon !== void 0,
-          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMLMYJBDVcjs.Icon, { width: iconWidth, name: iconName })
+          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDSTWBIG7cjs.Icon, { width: iconWidth, name: iconName })
         }
       )
     ] }),
@@ -73,7 +73,7 @@ var StyledCollapsibleButton = _styled2.default.button`
   background: none;
   border: none;
   cursor: pointer;
-  ${_chunkQ3N3HXJAcjs.standardBorderRadius.call(void 0, 8)}
+  ${_chunkGSQGDJAVcjs.standardBorderRadius.call(void 0, 8)}
   padding: 0;
 `;
 var IconContainer = _styled2.default.div`
@@ -95,7 +95,7 @@ var CollapsingContainer = _styled2.default.div`
   ${(props) => props.isOpen ? `height: 100%; animation-name: fadeIn;` : `height: 0; animation-name: fadeOut;`}
   ${(props) => props.full ? `height: ${props.isOpen ? "100vh" : 0};` : ""}
 
-  ${_chunkCF6NXTX7cjs.overflowAutoWithoutScrollbars}
+  ${_chunk2MT546OVcjs.overflowAutoWithoutScrollbars}
 
   @keyframes fadeIn {
     from {

package/dist/{chunk-LNJO2UWZ.js → chunk-KD6STVFZ.js}

@@ -1,12 +1,12 @@
 import {
   Tooltip
-} from "./chunk-H7OGKA7Q.js";
+} from "./chunk-3RRZQG56.js";
 import {
   toReactNodes
-} from "./chunk-6FPEWTKF.js";
+} from "./chunk-2C4XFGJH.js";
 import {
   Icon
-} from "./chunk-V7BAFKL2.js";
+} from "./chunk-MNNK5Z6E.js";
 
 // src/components/InfoIconTooltip.tsx
 import { Fragment } from "react";

package/dist/{chunk-PE2GMFRW.cjs → chunk-KNOF6XGC.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkMLMYJBDVcjs = require('./chunk-MLMYJBDV.cjs');
+var _chunkDSTWBIG7cjs = require('./chunk-DSTWBIG7.cjs');
 
 // src/components/Loading.tsx
 var _react = require('@emotion/react');
@@ -17,7 +17,7 @@ function Loading({
 }) {
   const theme = _react.useTheme.call(void 0, );
   const iconName = resolveLoadingProp(null, kind, "defaultIconName", theme);
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, LoadingWrapper, { center, ml, mt, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Rotate, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMLMYJBDVcjs.Icon, { name: iconName, width: size, color }) }) });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, LoadingWrapper, { center, ml, mt, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Rotate, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDSTWBIG7cjs.Icon, { name: iconName, width: size, color }) }) });
 }
 var LoadingWrapper = _styled2.default.div`
   flex-grow: 1;

package/dist/{chunk-M7TBIMVO.js → chunk-KP7LUPMU.js}

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

package/dist/{chunk-W4OAWAZZ.js → chunk-KY5ANFQH.js}

@@ -1,10 +1,10 @@
 import {
   toReactNodes
-} from "./chunk-6FPEWTKF.js";
+} from "./chunk-2C4XFGJH.js";
 import {
   StyledCode,
   getPropDefaults
-} from "./chunk-S7FZMXY3.js";
+} from "./chunk-JJCOC4HY.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/{chunk-YRASUZJH.js → chunk-L4DV2S2G.js}

@@ -1,9 +1,9 @@
 import {
   Heading
-} from "./chunk-LG6ILY3O.js";
+} from "./chunk-ETCK4N4Z.js";
 import {
   StyledButtonRow
-} from "./chunk-DZCZ5DIU.js";
+} from "./chunk-6ZZPMIC2.js";
 import {
   z
 } from "./chunk-55OQPFLF.js";
@@ -11,7 +11,7 @@ import {
   flexCenter,
   overflowAutoWithoutScrollbars,
   size
-} from "./chunk-HOPTXOE6.js";
+} from "./chunk-OOOWTNUV.js";
 import {
   cardBorderRadiusPx,
   darkGradientBg,
@@ -19,10 +19,10 @@ import {
   standardBorderRadius,
   standardCardShadow,
   standardContentInset
-} from "./chunk-65SUEHNK.js";
+} from "./chunk-B73N7I6O.js";
 import {
   themeOr
-} from "./chunk-UTNGZDDG.js";
+} from "./chunk-V7XAF6D2.js";
 import {
   bp,
   useBreakpoints
@@ -36,7 +36,10 @@ function CardPage(props) {
   const initiallyExpanded = useRef(Boolean(props.expandRight));
   const [wasExpanded, setWasExpanded] = useState(Boolean(props.expandRight));
   const bp2 = useBreakpoints();
-  const header = props.title ? /* @__PURE__ */ jsx(CardPageHeader, { children: /* @__PURE__ */ jsx(Heading, { type: "h1", m0: true, children: props.title }) }) : null;
+  const header = props.title ? /* @__PURE__ */ jsxs(CardPageHeader, { children: [
+    /* @__PURE__ */ jsx(Heading, { type: "h1", m0: true, children: props.title }),
+    props.headerRightContent && /* @__PURE__ */ jsx(CardPageHeaderRight, { children: props.headerRightContent })
+  ] }) : null;
   useEffect(() => {
     if (props.expandRight) {
       setWasExpanded(true);
@@ -289,6 +292,10 @@ var CardPageHeader = styled.div`
     margin-top: 16px;
   }
 `;
+var CardPageHeaderRight = styled.div`
+  display: flex;
+  align-items: center;
+`;
 var CardPageContent = styled.div`
   ${({
   maxContentWidth,

package/dist/{chunk-4PCMHLMN.cjs → chunk-L66WFAPE.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkYUURHUIRcjs = require('./chunk-YUURHUIR.cjs');
+var _chunkJSTLSJH4cjs = require('./chunk-JSTLSJH4.cjs');
 
 
 var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
@@ -30,7 +30,7 @@ function Radio({
         onChange: handleRadioClick
       }
     ),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYUURHUIRcjs.Label, { children: option.label })
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJSTLSJH4cjs.Label, { children: option.label })
   ] }, option.label)) });
 }
 var RadioContainer = _styled2.default.div`

package/dist/{chunk-GJE63M3I.js → chunk-LCBH4UOZ.js}

@@ -1,36 +1,36 @@
+import {
+  OverlineString
+} from "./chunk-QGZXH6TR.js";
 import {
   BtnString
-} from "./chunk-OG7LMEFQ.js";
+} from "./chunk-7CRDK3QY.js";
 import {
   LabelString
-} from "./chunk-MSAPLEXG.js";
+} from "./chunk-R2BXUIJC.js";
 import {
   LabelModerateString
-} from "./chunk-UN4NZEGW.js";
+} from "./chunk-WRL7C7KA.js";
 import {
   LabelStrongString
-} from "./chunk-PBVH4W32.js";
-import {
-  OverlineString
-} from "./chunk-3PYLKB4C.js";
-import {
-  BodyStrongString
-} from "./chunk-KJSFT7A2.js";
+} from "./chunk-775JVHSY.js";
 import {
   TitleString
-} from "./chunk-6GAXNET6.js";
+} from "./chunk-R65FTD5N.js";
 import {
   CodeString
-} from "./chunk-S7FZMXY3.js";
+} from "./chunk-JJCOC4HY.js";
 import {
   DisplayString
-} from "./chunk-D5YVTJRQ.js";
+} from "./chunk-VMI6YMZH.js";
 import {
   BodyString
-} from "./chunk-M7TBIMVO.js";
+} from "./chunk-KP7LUPMU.js";
+import {
+  BodyStrongString
+} from "./chunk-DAIRX6CF.js";
 import {
   HeadlineString
-} from "./chunk-OYFFHIB7.js";
+} from "./chunk-UG47I3VN.js";
 
 // src/components/typography/renderTypography.tsx
 import React from "react";

package/dist/{chunk-RYF2RDW3.js → chunk-LGJ25IAM.js}

@@ -3,13 +3,13 @@ import {
 } from "./chunk-E5DUKMCU.js";
 import {
   overflowAutoWithoutScrollbars
-} from "./chunk-HOPTXOE6.js";
+} from "./chunk-OOOWTNUV.js";
 import {
   Icon
-} from "./chunk-V7BAFKL2.js";
+} from "./chunk-MNNK5Z6E.js";
 import {
   standardBorderRadius
-} from "./chunk-65SUEHNK.js";
+} from "./chunk-B73N7I6O.js";
 
 // src/components/Collapsible.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-W34YTUVY.cjs → chunk-LI7EUIPG.cjs}

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkMLMYJBDVcjs = require('./chunk-MLMYJBDV.cjs');
+var _chunkDSTWBIG7cjs = require('./chunk-DSTWBIG7.cjs');
 
 
-var _chunkG5KGXBICcjs = require('./chunk-G5KGXBIC.cjs');
+var _chunk366NWQOGcjs = require('./chunk-366NWQOG.cjs');
 
 // src/components/CurrencyAmount.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -78,7 +78,7 @@ function CurrencyAmount({
   }
   let content = formattedNumber;
   if (typography && typography.type) {
-    content = _chunkG5KGXBICcjs.renderTypography.call(void 0, typography.type, {
+    content = _chunk366NWQOGcjs.renderTypography.call(void 0, typography.type, {
       size: typography.size,
       color: typography.color,
       children: formattedNumber
@@ -93,9 +93,9 @@ function CurrencyAmount({
 var CurrencyIcon = ({ unit }) => {
   switch (unit) {
     case _core.CurrencyUnit.BITCOIN:
-      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMLMYJBDVcjs.Icon, { name: "BitcoinB", width: 8, verticalAlign: -2, mr: 2 });
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDSTWBIG7cjs.Icon, { name: "BitcoinB", width: 8, verticalAlign: -2, mr: 2 });
     case _core.CurrencyUnit.SATOSHI:
-      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMLMYJBDVcjs.Icon, { name: "Satoshi", width: 8, verticalAlign: -2, mr: 2 });
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDSTWBIG7cjs.Icon, { name: "Satoshi", width: 8, verticalAlign: -2, mr: 2 });
     default:
       return null;
   }

package/dist/{chunk-CWJB4DKG.cjs → chunk-LJ2GWN2H.cjs}

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

package/dist/{chunk-VHT47KVP.js → chunk-M2N7G6CT.js}

@@ -1,9 +1,9 @@
 import {
   central_exports
-} from "./chunk-3W3LSX6R.js";
+} from "./chunk-FLB4IJ5R.js";
 import {
   icons_exports
-} from "./chunk-IDNJSYWN.js";
+} from "./chunk-MFK6X5M7.js";
 import {
   __spreadValues
 } from "./chunk-CWMXXUWU.js";

package/dist/chunk-MANOOCWE.js

@@ -0,0 +1,32 @@
+// src/icons/central/ChevronDoubleUp.tsx
+import { jsx } from "@emotion/react/jsx-runtime";
+function ChevronDoubleUp({
+  strokeWidth = "1.5",
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M8 10.5L11.4697 7.03034C11.7626 6.73745 12.2374 6.73745 12.5303 7.03034L16 10.5M8 17.5L11.4697 14.0303C11.7626 13.7374 12.2374 13.7374 12.5303 14.0303L16 17.5",
+          stroke: "currentColor",
+          strokeWidth,
+          strokeLinecap,
+          strokeLinejoin
+        }
+      )
+    }
+  );
+}
+
+export {
+  ChevronDoubleUp
+};

package/dist/{chunk-RN5GZXGU.js → chunk-MGSNMMIS.js}

@@ -1,6 +1,6 @@
 import {
   pxToRems
-} from "./chunk-HOPTXOE6.js";
+} from "./chunk-OOOWTNUV.js";
 
 // src/components/StatusIndicator.tsx
 import styled from "@emotion/styled";

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

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

package/dist/{chunk-JSXV524U.cjs → chunk-MTSCS45Z.cjs}

@@ -3,7 +3,7 @@
 var _chunkAGIM6BKCcjs = require('./chunk-AGIM6BKC.cjs');
 
 
-var _chunkNRWYUNWCcjs = require('./chunk-NRWYUNWC.cjs');
+var _chunkFMQOOQNLcjs = require('./chunk-FMQOOQNL.cjs');
 
 // src/components/documentation/DocsHeadline.tsx
 var _react = require('react'); var _react2 = _interopRequireDefault(_react);
@@ -54,7 +54,7 @@ var DocsHeadline = ({
 }) => {
   const id = toKebabCase(getHeaderId(children));
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkNRWYUNWCcjs.StyledHeadline,
+    _chunkFMQOOQNLcjs.StyledHeadline,
     {
       as: heading,
       id,

package/dist/chunk-MXET3LXA.cjs

@@ -0,0 +1,31 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/central/QuestionCircle.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function QuestionCircle({
+  strokeWidth = "1.5",
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "svg",
+    {
+      width: "100%",
+      viewBox: "0 0 20 20",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "path",
+        {
+          d: "M7.75 7.25C8.5 5 12.25 5.19156 12.25 7.54132C12.25 9.2008 10 9.4614 10 11.25M10 14V13.99M19.25 10C19.25 15.1086 15.1086 19.25 10 19.25C4.89137 19.25 0.75 15.1086 0.75 10C0.75 4.89137 4.89137 0.75 10 0.75C15.1086 0.75 19.25 4.89137 19.25 10ZM10.25 14C10.25 14.1381 10.1381 14.25 10 14.25C9.8619 14.25 9.75 14.1381 9.75 14C9.75 13.8619 9.8619 13.75 10 13.75C10.1381 13.75 10.25 13.8619 10.25 14Z",
+          stroke: "currentColor",
+          strokeWidth,
+          strokeLinecap,
+          strokeLinejoin
+        }
+      )
+    }
+  );
+}
+
+
+
+exports.QuestionCircle = QuestionCircle;

package/dist/{chunk-JOIT4F4U.js → chunk-MYHTABTU.js}

@@ -1,9 +1,9 @@
 import {
   DocsHeadline
-} from "./chunk-E7NZUNQH.js";
+} from "./chunk-GXEIFSWS.js";
 import {
   Icon
-} from "./chunk-V7BAFKL2.js";
+} from "./chunk-MNNK5Z6E.js";
 import {
   select
 } from "./chunk-YMNSXZ5D.js";

package/dist/{chunk-RUPCXJV4.cjs → chunk-NE6BUG64.cjs}

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkG5KGXBICcjs = require('./chunk-G5KGXBIC.cjs');
+var _chunk366NWQOGcjs = require('./chunk-366NWQOG.cjs');
 
 
 var _chunkJA7KZV3Qcjs = require('./chunk-JA7KZV3Q.cjs');
 
 
-var _chunkJFPLNGMQcjs = require('./chunk-JFPLNGMQ.cjs');
+var _chunkWRQU4F3Ncjs = require('./chunk-WRQU4F3N.cjs');
 
 // src/router.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -85,7 +85,7 @@ var LinkBase = _react.forwardRef.call(void 0,
     }
     let content = children;
     if (text) {
-      content = typography ? _chunkG5KGXBICcjs.renderTypography.call(void 0, typography.type, {
+      content = typography ? _chunk366NWQOGcjs.renderTypography.call(void 0, typography.type, {
         size: typography.size,
         color: typography.color,
         children: text,
@@ -101,7 +101,7 @@ var LinkBase = _react.forwardRef.call(void 0,
         onClick,
         className,
         download: filename,
-        style: { color: blue ? _chunkJFPLNGMQcjs.colors.blue43 : "inherit" },
+        style: { color: blue ? _chunkWRQU4F3Ncjs.colors.blue43 : "inherit" },
         target: newTab ? "_blank" : void 0,
         rel: newTab ? "noopener noreferrer" : void 0,
         ref,

package/dist/{chunk-CHQSMSJF.js → chunk-NE7756PY.js}

@@ -1,34 +1,34 @@
 import {
   Loading
-} from "./chunk-LVQYVZQR.js";
+} from "./chunk-RTJLPD5V.js";
 import {
   Tooltip
-} from "./chunk-H7OGKA7Q.js";
+} from "./chunk-3RRZQG56.js";
 import {
   UnstyledButton
-} from "./chunk-R4GLUZNO.js";
+} from "./chunk-3A65FDXQ.js";
 import {
   Icon
-} from "./chunk-V7BAFKL2.js";
+} from "./chunk-MNNK5Z6E.js";
 import {
   getFocusOutline
-} from "./chunk-65SUEHNK.js";
+} from "./chunk-B73N7I6O.js";
 import {
   Link
-} from "./chunk-K6N6FCBJ.js";
+} from "./chunk-TQLHHWTU.js";
 import {
   renderTypography
-} from "./chunk-GJE63M3I.js";
+} from "./chunk-LCBH4UOZ.js";
 import {
   select
 } from "./chunk-YMNSXZ5D.js";
 import {
   applyTypography
-} from "./chunk-WDMRNPBD.js";
+} from "./chunk-I3KWQ42J.js";
 import {
   getBackgroundColor,
   isThemeOrColorKey
-} from "./chunk-UTNGZDDG.js";
+} from "./chunk-V7XAF6D2.js";
 import {
   __objRest,
   __spreadProps,
@@ -262,7 +262,8 @@ var Button = forwardRef((props, ref) => {
           display: "flex",
           alignItems: "center",
           justifyContent,
-          gap: gap ? `${gap}px` : void 0
+          gap: gap ? `${gap}px` : void 0,
+          overflow: "hidden"
         },
         children: [
           iconSide === "left" && currentIcon,

package/dist/{chunk-OO6J6HL4.js → chunk-NFEQRUA5.js}

@@ -1,10 +1,10 @@
 import {
   toReactNodes
-} from "./chunk-6FPEWTKF.js";
+} from "./chunk-2C4XFGJH.js";
 import {
   StyledDisplay,
   getPropDefaults
-} from "./chunk-D5YVTJRQ.js";
+} from "./chunk-VMI6YMZH.js";
 import {
   __spreadProps,
   __spreadValues