@lightsparkdev/ui 1.0.11 → 1.0.12

package/dist/{chunk-P73HWTOR.cjs → chunk-66BLXSWO.cjs}

@@ -1,6 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/Plus.tsx
 var _jsxruntime = require('@emotion/react/jsx-runtime');
-function Plus() {
+function Plus({
+  strokeWidth = "1.5",
+  strokeLinecap = "round"
+}) {
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     "svg",
     {
@@ -14,8 +17,8 @@ function Plus() {
           {
             d: "M1.875 7.17828H7.1783V1.87498",
             stroke: "currentColor",
-            strokeWidth: "1.40621",
-            strokeLinecap: "round"
+            strokeWidth,
+            strokeLinecap
           }
         ),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -23,8 +26,8 @@ function Plus() {
           {
             d: "M7.33203 1.875V7.1783H12.6353",
             stroke: "currentColor",
-            strokeWidth: "1.40621",
-            strokeLinecap: "round"
+            strokeWidth,
+            strokeLinecap
           }
         ),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -32,8 +35,8 @@ function Plus() {
           {
             d: "M12.6367 7.33859H7.33342V12.6419",
             stroke: "currentColor",
-            strokeWidth: "1.40621",
-            strokeLinecap: "round"
+            strokeWidth,
+            strokeLinecap
           }
         ),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -41,8 +44,8 @@ function Plus() {
           {
             d: "M7.17969 12.643L7.17969 7.33969L1.87639 7.33969",
             stroke: "currentColor",
-            strokeWidth: "1.40621",
-            strokeLinecap: "round"
+            strokeWidth,
+            strokeLinecap
           }
         )
       ]

package/dist/{chunk-2NURZSLX.js → chunk-67WFM4DK.js}

@@ -1,10 +1,10 @@
 import {
   toReactNodes
-} from "./chunk-2I22MYIY.js";
+} from "./chunk-SOGADTSR.js";
 import {
   StyledLabelStrong,
   getPropDefaults
-} from "./chunk-MPUHSMAP.js";
+} from "./chunk-YO3KUPPI.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/{chunk-HLLTNMEO.js → chunk-6DU7EFD6.js}

@@ -1,7 +1,7 @@
 import {
   firstChild,
   pxToRems
-} from "./chunk-CD4D43OU.js";
+} from "./chunk-AV62WHL7.js";
 import {
   bp
 } from "./chunk-JSGRNWSB.js";

package/dist/{chunk-C54KLX7Q.cjs → chunk-6IAPO7QF.cjs}

@@ -1,6 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/Bank.tsx
 var _jsxruntime = require('@emotion/react/jsx-runtime');
-function Bank() {
+function Bank({
+  strokeWidth = "1.5",
+  strokeLinecap = "square",
+  strokeLinejoin = "round"
+}) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     "svg",
     {
@@ -13,9 +17,9 @@ function Bank() {
         {
           d: "M20.2297 8.83298V17.6817M15.6892 17.6817V8.83298M3.77027 8.83298V17.6817M8.31081 17.6817V8.83298M20.5467 17.6817H3.4533C2.9647 17.6817 2.53092 17.9863 2.37642 18.4381L1.99803 19.5442C1.75302 20.2604 2.30012 21 3.07492 21H20.9251C21.6998 21 22.247 20.2604 22.002 19.5442L21.6236 18.4381C21.4691 17.9863 21.0353 17.6817 20.5467 17.6817ZM21.3649 8.83298H2.63514C2.00822 8.83298 1.5 8.33776 1.5 7.72689V7.21615C1.5 6.79885 1.74102 6.41707 2.12328 6.22889L11.4882 1.61883C11.81 1.46039 12.19 1.46039 12.5118 1.61883L21.8767 6.22889C22.259 6.41707 22.5 6.79885 22.5 7.21615V7.72689C22.5 8.33776 21.9918 8.83298 21.3649 8.83298Z",
           stroke: "currentColor",
-          strokeWidth: "1.5",
-          strokeLinecap: "square",
-          strokeLinejoin: "round"
+          strokeWidth,
+          strokeLinecap,
+          strokeLinejoin
         }
       )
     }

package/dist/chunk-6PQGI7PY.cjs

@@ -0,0 +1,158 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _chunkEZNRFABOcjs = require('./chunk-EZNRFABO.cjs');
+
+
+var _chunkAIJ4JHXBcjs = require('./chunk-AIJ4JHXB.cjs');
+
+
+var _chunkRROZ5XYPcjs = require('./chunk-RROZ5XYP.cjs');
+
+
+var _chunkHCOW6636cjs = require('./chunk-HCOW6636.cjs');
+
+
+var _chunk7PRNB5U5cjs = require('./chunk-7PRNB5U5.cjs');
+
+
+var _chunkSZKZWADNcjs = require('./chunk-SZKZWADN.cjs');
+
+
+
+var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
+
+// src/components/ClipboardTextField.tsx
+var _react = require('@emotion/react');
+var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
+var _react3 = require('react');
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function ClipboardTextField({
+  value,
+  icon,
+  id,
+  stopPropagation,
+  maxLines,
+  elide: elideArgs,
+  wordBreakAll = false,
+  tag = "span",
+  iconSide = "left",
+  iconColor: iconColorProp,
+  typography,
+  clipboardCallbacks
+}) {
+  const theme = _react.useTheme.call(void 0, );
+  const { canWriteToClipboard, writeTextToClipboard } = _chunkEZNRFABOcjs.useClipboard.call(void 0, clipboardCallbacks);
+  const addLineClamp = Boolean(maxLines && maxLines > 1);
+  const displayValue = elideArgs ? _chunk7PRNB5U5cjs.elide.call(void 0, value, elideArgs) : value;
+  const valueNode = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    ClipboardTextFieldValue,
+    {
+      wordBreakAll,
+      typography,
+      addLineClamp,
+      maxLines,
+      children: displayValue
+    }
+  );
+  const onClick = _react3.useCallback.call(void 0, 
+    (event) => {
+      if (stopPropagation) {
+        event.stopPropagation();
+      }
+      void writeTextToClipboard(value);
+    },
+    [stopPropagation, value, writeTextToClipboard]
+  );
+  function onKeyDown(event) {
+    if (event.key === "Enter" || event.key === " ") {
+      if (stopPropagation) {
+        event.stopPropagation();
+      }
+      void writeTextToClipboard(value);
+    }
+  }
+  const commonProps = {
+    as: tag,
+    id,
+    addLineClamp,
+    maxLines
+  };
+  const typographyType = (typography == null ? void 0 : typography.type) || "Body";
+  const typographySize = (typography == null ? void 0 : typography.size) || "ExtraSmall";
+  const lineHeight = _chunkSZKZWADNcjs.getLineHeightNumberForTypographyType.call(void 0, 
+    typographyType,
+    typographySize,
+    theme
+  );
+  const iconColor = iconColorProp || (typography == null ? void 0 : typography.color) || "inherit";
+  return canWriteToClipboard && value ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    StyledClipboardTextField,
+    _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {
+      onClick,
+      role: "button",
+      tabIndex: 0,
+      onKeyDown
+    }, commonProps), {
+      children: [
+        icon && iconSide === "left" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _chunkRROZ5XYPcjs.Icon,
+          {
+            name: "Copy",
+            width: lineHeight * 0.7,
+            mr: lineHeight * 0.3,
+            color: iconColor
+          }
+        ) : null,
+        valueNode,
+        icon && iconSide === "right" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _chunkRROZ5XYPcjs.Icon,
+          {
+            name: "Copy",
+            width: lineHeight * 0.7,
+            ml: lineHeight * 0.3,
+            color: iconColor
+          }
+        ) : null
+      ]
+    })
+  ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledClipboardTextField, _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, commonProps), { children: valueNode }));
+}
+var StyledClipboardTextField = _styled2.default.span`
+  max-width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  align-items: center;
+  box-sizing: content-box;
+  cursor: pointer;
+
+  ${({ addLineClamp, maxLines }) => (
+  /* keep the icon on the same line when addLineClamp: */
+  addLineClamp || maxLines === 1 ? "display: inline-flex;" : ""
+)}
+
+  ${({ maxLines }) => maxLines === 1 ? "white-space: nowrap;" : ""}
+`;
+var ClipboardTextFieldValue = _styled2.default.span`
+  flex: 1;
+  overflow: hidden;
+  text-align: left;
+  text-overflow: ellipsis;
+  word-break: ${({ wordBreakAll }) => wordBreakAll ? "break-all" : "normal"};
+  vertical-align: middle;
+
+  ${({ addLineClamp, maxLines }) => addLineClamp && maxLines ? `
+        ${_chunkAIJ4JHXBcjs.lineClamp.call(void 0, maxLines).styles}
+        align-self: baseline;
+      ` : ""}
+
+  ${({ theme, typography }) => _chunkHCOW6636cjs.applyTypography.call(void 0, 
+  theme,
+  (typography == null ? void 0 : typography.type) || "Body",
+  (typography == null ? void 0 : typography.size) || "ExtraSmall",
+  (typography == null ? void 0 : typography.color) || "inherit"
+)}
+`;
+
+
+
+exports.ClipboardTextField = ClipboardTextField;

package/dist/{chunk-JWMMGYNV.js → chunk-6TBJ3WAQ.js}

@@ -5,8 +5,7 @@ function Uma() {
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
-      width: "40",
-      height: "18",
+      width: "100%",
       viewBox: "0 0 40 18",
       fill: "none",
       children: [

package/dist/{chunk-R7ZYIVAN.cjs → chunk-6VYXAPL5.cjs}

@@ -22,6 +22,8 @@ var buttonsThemeBase = {
   defaultBorderColor: "bg",
   defaultHoverBackgroundColor: "bg",
   defaultHoverBorderColor: "bg",
+  defaultActiveBackgroundColor: "bg",
+  defaultActiveBorderColor: "bg",
   defaultOutlineOffset: 1,
   defaultPaddingsY: {
     ExtraSmall: 4,
@@ -43,7 +45,9 @@ var defaultButtonsTheme = _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5
       defaultBackgroundColor: "c9Neutral",
       defaultBorderColor: "c9Neutral",
       defaultHoverBackgroundColor: "c8Neutral",
-      defaultHoverBorderColor: "c8Neutral"
+      defaultHoverBorderColor: "c8Neutral",
+      defaultActiveBackgroundColor: "c7Neutral",
+      defaultActiveBorderColor: "c7Neutral"
     },
     ghost: {
       defaultBackgroundColor: "transparent",
@@ -58,11 +62,45 @@ var defaultButtonsTheme = _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5
         Large: 0
       }
     },
+    transparent: {
+      defaultBackgroundColor: "transparent",
+      defaultBorderColor: "transparent",
+      defaultHoverBackgroundColor: "transparenta02",
+      defaultHoverBorderColor: "transparent",
+      defaultActiveBackgroundColor: "transparenta08",
+      defaultActiveBorderColor: "transparent"
+    },
     secondary: {
-      defaultBackgroundColor: ["bg", "c1Neutral"],
-      defaultBorderColor: ["gray90", "gray20"],
-      defaultHoverBackgroundColor: ["bg", "c1Neutral"],
-      defaultHoverBorderColor: ["gray90", "gray20"]
+      defaultBackgroundColor: "bg",
+      defaultBorderColor: "gray90",
+      defaultHoverBackgroundColor: "bg",
+      defaultHoverBorderColor: "gray85",
+      defaultActiveBackgroundColor: "bg",
+      defaultActiveBorderColor: "gray80"
+    },
+    linkLight: {
+      defaultColor: "link",
+      defaultBackgroundColor: "linkLight",
+      defaultBorderColor: "transparent",
+      defaultHoverBackgroundColor: "grayBlue93",
+      defaultHoverBorderColor: "grayBlue93",
+      defaultActiveBackgroundColor: "grayBlue92",
+      defaultActiveBorderColor: "grayBlue92"
+    },
+    warning: {
+      defaultColor: "danger",
+      defaultBackgroundColor: "red42a10",
+      defaultBorderColor: "transparent",
+      defaultHoverBackgroundColor: "red42a20",
+      defaultHoverBorderColor: "transparent",
+      defaultActiveBackgroundColor: "red42a30",
+      defaultActiveBorderColor: "transparent"
+    },
+    tertiary: {
+      defaultColor: "bg",
+      defaultBackgroundColor: "grayBlue9",
+      defaultHoverBackgroundColor: "grayBlue12",
+      defaultActiveBackgroundColor: "grayBlue14"
     },
     blue39: {
       defaultBorderColor: "blue39",

package/dist/{chunk-INAP7GDJ.cjs → chunk-6XSWUT6N.cjs}

@@ -1,6 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/BitcoinB.tsx
 var _jsxruntime = require('@emotion/react/jsx-runtime');
-function BitcoinB() {
+function BitcoinB({
+  strokeWidth = "1.125",
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     "svg",
     {
@@ -13,9 +17,9 @@ function BitcoinB() {
         {
           d: "M2.52899 2.51568H1M2.52899 2.51568V6.30488M2.52899 2.51568H3.12195M2.52899 6.30488H6.25472M2.52899 6.30488V10.0941M6.25472 6.30488C7.61193 6.30488 8.42683 7.15312 8.42683 8.19948C8.42683 9.24584 7.61193 10.0941 6.25472 10.0941M6.25472 6.30488C7.61193 6.30488 8.42683 5.45664 8.42683 4.41028C8.42683 3.36392 7.61193 2.51568 6.25472 2.51568M6.25472 10.0941V11.875M6.25472 10.0941H3.12195M2.52899 10.0941H1M2.52899 10.0941H3.12195M6.25472 2.51568V1M6.25472 2.51568H3.12195M3.12195 1V2.51568M3.12195 10.0941V11.875",
           stroke: "currentColor",
-          strokeWidth: "1.125",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
+          strokeWidth,
+          strokeLinecap,
+          strokeLinejoin
         }
       )
     }

package/dist/{chunk-2ITITIZK.js → chunk-74WE3XMA.js}

@@ -1,6 +1,10 @@
 // src/icons/Chevron.tsx
 import { jsx } from "@emotion/react/jsx-runtime";
-function Chevron() {
+function Chevron({
+  strokeWidth = "1.5",
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
   return /* @__PURE__ */ jsx(
     "svg",
     {
@@ -13,9 +17,9 @@ function Chevron() {
         {
           d: "M3.3335 5.33337L8.00016 10L12.6668 5.33337",
           stroke: "currentColor",
-          strokeWidth: "1.5",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
+          strokeWidth,
+          strokeLinecap,
+          strokeLinejoin
         }
       )
     }

package/dist/{chunk-BHBDIEBG.js → chunk-774SVRJM.js}

@@ -1,18 +1,18 @@
 import {
   setDefaultReactNodesTypography
-} from "./chunk-JZ2MJO3Z.js";
+} from "./chunk-RT7X3ZOO.js";
 import {
   toReactNodes
-} from "./chunk-2I22MYIY.js";
+} from "./chunk-SOGADTSR.js";
 import {
   Icon
-} from "./chunk-NCLVA6JY.js";
+} from "./chunk-OFZVJPBJ.js";
 import {
   standardBorderRadius
-} from "./chunk-YBJVTNAP.js";
+} from "./chunk-4H7CTVLY.js";
 import {
   getColor
-} from "./chunk-HYUF4RXZ.js";
+} from "./chunk-HCKCJR5Y.js";
 
 // src/components/Badge.tsx
 import styled from "@emotion/styled";
@@ -32,15 +32,9 @@ function Badge({
     size: (typographyProp == null ? void 0 : typographyProp.size) || "Small",
     color: (typographyProp == null ? void 0 : typographyProp.color) || (kind === "danger" ? "danger" : "text")
   };
-  const defaultTypographyMap = {
-    link: defaultTypography,
-    text: defaultTypography,
-    nextLink: defaultTypography
-  };
-  const nodesWithTypography = setDefaultReactNodesTypography(
-    contentProp,
-    defaultTypographyMap
-  );
+  const nodesWithTypography = setDefaultReactNodesTypography(contentProp, {
+    default: defaultTypography
+  });
   const content = toReactNodes(nodesWithTypography);
   return contentProp ? /* @__PURE__ */ jsxs(StyledBadge, { kind, ml, mr, size, block, children: [
     icon ? /* @__PURE__ */ jsx(

package/dist/{chunk-XHLHQC5Q.js → chunk-7GDAU2A5.js}

@@ -1,6 +1,9 @@
 // src/icons/Person.tsx
 import { jsx, jsxs } from "@emotion/react/jsx-runtime";
-function Person() {
+function Person({
+  strokeWidth = "1.5",
+  strokeLinejoin = "round"
+}) {
   return /* @__PURE__ */ jsxs(
     "svg",
     {
@@ -14,8 +17,8 @@ function Person() {
           {
             d: "M15.7485 6.5C15.7485 8.57107 14.0696 10.25 11.9985 10.25C9.92747 10.25 8.24854 8.57107 8.24854 6.5C8.24854 4.42893 9.92747 2.75 11.9985 2.75C14.0696 2.75 15.7485 4.42893 15.7485 6.5Z",
             stroke: "currentColor",
-            strokeWidth: "1.5",
-            strokeLinejoin: "round"
+            strokeWidth,
+            strokeLinejoin
           }
         ),
         /* @__PURE__ */ jsx(
@@ -23,8 +26,8 @@ function Person() {
           {
             d: "M11.9985 13.25C8.20293 13.25 5.43245 15.7735 4.67009 19.1657C4.54089 19.7406 5.0077 20.25 5.59696 20.25H18.4001C18.9894 20.25 19.4562 19.7406 19.327 19.1657C18.5646 15.7735 15.7941 13.25 11.9985 13.25Z",
             stroke: "currentColor",
-            strokeWidth: "1.5",
-            strokeLinejoin: "round"
+            strokeWidth,
+            strokeLinejoin
           }
         )
       ]

package/dist/{chunk-JGHR6XRE.cjs → chunk-7HUGOQWD.cjs}

@@ -1,6 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/CreditCard.tsx
 var _jsxruntime = require('@emotion/react/jsx-runtime');
-function CreditCard() {
+function CreditCard({
+  strokeWidth = "1.125",
+  strokeLinecap = "butt",
+  strokeLinejoin = "miter"
+}) {
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     "svg",
     {
@@ -19,7 +23,9 @@ function CreditCard() {
             height: "7.125",
             rx: "1",
             stroke: "currentColor",
-            strokeWidth: "1.125",
+            strokeWidth,
+            strokeLinecap,
+            strokeLinejoin,
             mask: "url(#path-1-inside-1_865_26901)"
           }
         )

package/dist/{chunk-OVQKO5XJ.js → chunk-7LDS4SRD.js}

@@ -1,6 +1,6 @@
 import {
   Label
-} from "./chunk-BYSPGS6B.js";
+} from "./chunk-5H4BI3W4.js";
 import {
   Spacing
 } from "./chunk-E5DUKMCU.js";

package/dist/{chunk-3CHMNLGD.js → chunk-7LMCUJSK.js}

@@ -1,6 +1,10 @@
 // src/icons/Trash.tsx
 import { jsx, jsxs } from "@emotion/react/jsx-runtime";
-function Trash() {
+function Trash({
+  strokeWidth = "1",
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
   return /* @__PURE__ */ jsxs(
     "svg",
     {
@@ -14,12 +18,29 @@ function Trash() {
           {
             d: "M0.5 2.85714H11.5M4.07143 11.5H7.92857C8.79647 11.5 9.5 10.7965 9.5 9.92857L9.92857 2.07143C9.92857 1.20355 9.22504 0.5 8.35714 0.5H3.64286C2.77498 0.5 2.07143 1.20355 2.07143 2.07143L2.5 9.92857C2.5 10.7965 3.20355 11.5 4.07143 11.5Z",
             stroke: "currentColor",
-            strokeLinecap: "round",
-            strokeLinejoin: "round"
+            strokeWidth,
+            strokeLinecap,
+            strokeLinejoin
           }
         ),
-        /* @__PURE__ */ jsx("path", { d: "M5 5V9", stroke: "currentColor", strokeLinecap: "round" }),
-        /* @__PURE__ */ jsx("path", { d: "M7 5V9", stroke: "currentColor", strokeLinecap: "round" })
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M5 5V9",
+            stroke: "currentColor",
+            strokeWidth,
+            strokeLinecap
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M7 5V9",
+            stroke: "currentColor",
+            strokeWidth,
+            strokeLinecap
+          }
+        )
       ]
     }
   );

package/dist/{chunk-B72V5HCX.cjs → chunk-7MJAEOCT.cjs}

@@ -1,29 +1,29 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+var _chunkGMVP3EYXcjs = require('./chunk-GMVP3EYX.cjs');
 
 
-var _chunkQ3F7S3R3cjs = require('./chunk-Q3F7S3R3.cjs');
+var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
-var _chunkWVBMQP6Ocjs = require('./chunk-WVBMQP6O.cjs');
+var _chunkCBPXRCT4cjs = require('./chunk-CBPXRCT4.cjs');
 
 
-var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
-var _chunk36SDWEWYcjs = require('./chunk-36SDWEWY.cjs');
+var _chunkAIJ4JHXBcjs = require('./chunk-AIJ4JHXB.cjs');
 
 
-var _chunkUMU7TYANcjs = require('./chunk-UMU7TYAN.cjs');
+var _chunkRROZ5XYPcjs = require('./chunk-RROZ5XYP.cjs');
 
 
-var _chunkOQEP7VDDcjs = require('./chunk-OQEP7VDD.cjs');
+var _chunkSWQDRB3Acjs = require('./chunk-SWQDRB3A.cjs');
 
 
-var _chunk7EIZIKLRcjs = require('./chunk-7EIZIKLR.cjs');
+var _chunkC6XJ7ZJFcjs = require('./chunk-C6XJ7ZJF.cjs');
 
 
-var _chunkCFG65CGCcjs = require('./chunk-CFG65CGC.cjs');
+var _chunkJBCEOOZScjs = require('./chunk-JBCEOOZS.cjs');
 
 
 
@@ -173,7 +173,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 textNode = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: toast.text ? _chunk36SDWEWYcjs.toReactNodes.call(void 0, toast.text) : null });
+    const textNode = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: toast.text ? _chunkCBPXRCT4cjs.toReactNodes.call(void 0, toast.text) : null });
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _react.Fragment, { children: _reactdom2.default.createPortal(
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
         StyledToast,
@@ -196,18 +196,18 @@ function Toasts({
           children: [
             textNode,
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunkWVBMQP6Ocjs.UnstyledButton,
+              _chunkGMVP3EYXcjs.UnstyledButton,
               {
-                css: _chunkQ3F7S3R3cjs.extend.call(void 0, _chunkQ3F7S3R3cjs.flexCenter, {
+                css: _chunkAIJ4JHXBcjs.extend.call(void 0, _chunkAIJ4JHXBcjs.flexCenter, {
                   position: "absolute",
                   right: "5px",
                   top: "-1px",
                   height: "50px",
                   width: "50px",
-                  outlineColor: `${_chunkCFG65CGCcjs.colors.white} !important`
+                  outlineColor: `${_chunkJBCEOOZScjs.colors.white} !important`
                 }),
                 onClick: () => hideToast(toast.id),
-                children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUMU7TYANcjs.Icon, { name: "Close", width: 9 })
+                children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRROZ5XYPcjs.Icon, { name: "Close", width: 9 })
               }
             )
           ]
@@ -224,12 +224,12 @@ var minScale = 0.95;
 var StyledToast = _styled2.default.div`
   position: fixed;
   z-index: ${_chunkZU72XWNEcjs.z.toast};
-  line-height: ${_chunkQ3F7S3R3cjs.pxToRems.call(void 0, 16)};
+  line-height: ${_chunkAIJ4JHXBcjs.pxToRems.call(void 0, 16)};
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
   font-weight: 500;
-  background-color: ${({ isCurrent, movingToCurrent }) => isCurrent || movingToCurrent ? _chunkCFG65CGCcjs.colors.blue43 : _chunk7EIZIKLRcjs.themeOr.call(void 0, "#2A50B2", _chunkCFG65CGCcjs.colors.blue43)};
+  background-color: ${({ isCurrent, movingToCurrent }) => isCurrent || movingToCurrent ? _chunkJBCEOOZScjs.colors.blue43 : _chunkC6XJ7ZJFcjs.themeOr.call(void 0, "#2A50B2", _chunkJBCEOOZScjs.colors.blue43)};
   color: rgba(255, 255, 255, 0);
   padding: 16px 24px;
   ${({ duration }) => !duration && "padding-right: 50px;"}
@@ -244,7 +244,7 @@ var StyledToast = _styled2.default.div`
   transform: translateX(-50%);
   text-overflow: ellipsis;
   overflow: hidden;
-  max-width: calc(100% - ${_chunkOQEP7VDDcjs.standardContentInset.smPx * 2}px);
+  max-width: calc(100% - ${_chunkSWQDRB3Acjs.standardContentInset.smPx * 2}px);
 
   max-height: ${beginHeightPx}px;
   width: 0px;