@lightsparkdev/ui 1.1.3 → 1.1.5

package/dist/{chunk-GZILHEOA.js → chunk-CQKSDNQF.js}

@@ -1,3 +1,6 @@
+import {
+  getTypography
+} from "./chunk-J3TUZRIL.js";
 import {
   buttonsThemeBase,
   defaultButtonsTheme
@@ -10,9 +13,6 @@ import {
   defaultLoadingTheme,
   loadingThemeBase
 } from "./chunk-S5AV3X5O.js";
-import {
-  getTypography
-} from "./chunk-J3TUZRIL.js";
 import {
   useBreakpoints
 } from "./chunk-JSGRNWSB.js";
@@ -21,7 +21,7 @@ import {
   darkGradient,
   hcNeutralFromBg,
   isColorKey
-} from "./chunk-EA22C7OJ.js";
+} from "./chunk-DDUDWE23.js";
 import {
   __spreadProps,
   __spreadValues
@@ -80,6 +80,8 @@ var baseThemeColors = {
   text: colors.black,
   vlcNeutral: colors.gray95,
   warning: colors.warning,
+  errorBackground: colors.errorBackground,
+  errorText: colors.errorText,
   transparent: colors.transparent
 };
 var themeOrColorKeyValues = [
@@ -137,6 +139,8 @@ var darkBaseTheme = {
   typography: getTypography("Lightspark" /* Lightspark */),
   vlcNeutral: colors.gray20,
   warning: colors.warning,
+  errorBackground: colors.errorBackground,
+  errorText: colors.errorText,
   transparent: colors.transparent,
   buttons: defaultButtonsTheme,
   loading: defaultLoadingTheme,
@@ -580,10 +584,10 @@ var bridgeBaseSettings = {
         defaultColor: "gray",
         defaultBackgroundColor: "gray",
         defaultBorderColor: "gray",
-        defaultHoverBackgroundColor: "gray",
-        defaultHoverBorderColor: "gray",
-        defaultActiveBackgroundColor: "gray",
-        defaultActiveBorderColor: "gray"
+        defaultHoverBackgroundColor: "grayhover",
+        defaultHoverBorderColor: "grayhover",
+        defaultActiveBackgroundColor: "grayactive",
+        defaultActiveBorderColor: "grayactive"
       },
       grayGradient: {
         defaultColor: "gray98",
@@ -600,6 +604,24 @@ var bridgeBaseSettings = {
         defaultHoverBorderColor: "transparent",
         defaultActiveBackgroundColor: "linkLight",
         defaultActiveBorderColor: "transparent"
+      },
+      locked: {
+        defaultColor: "gray75",
+        defaultBackgroundColor: "gray75",
+        defaultBorderColor: "gray75",
+        defaultHoverBackgroundColor: "gray75hover",
+        defaultHoverBorderColor: "gray75hover",
+        defaultActiveBackgroundColor: "gray75active",
+        defaultActiveBorderColor: "gray75active"
+      },
+      warningLight: {
+        defaultColor: "errorText",
+        defaultBackgroundColor: "errorBackground",
+        defaultBorderColor: "transparent",
+        defaultHoverBackgroundColor: "errorBackground",
+        defaultHoverBorderColor: "transparent",
+        defaultActiveBackgroundColor: "errorBackground",
+        defaultActiveBorderColor: "transparent"
       }
     }
   }),
@@ -635,7 +657,7 @@ var bridgeBaseSettings = {
       primary: {
         borderWidth: 1,
         smBorderWidth: 0,
-        borderColor: "grayBlue94",
+        borderColor: "gray3",
         paddingTop: 24,
         paddingBottom: 64,
         paddingX: 40,
@@ -644,7 +666,7 @@ var bridgeBaseSettings = {
       secondary: {
         borderWidth: 1,
         smBorderWidth: 0,
-        borderColor: "grayBlue94",
+        borderColor: "gray3",
         paddingTop: 32,
         paddingBottom: 64,
         paddingX: 32,

package/dist/{chunk-CJ7ADAD6.cjs → chunk-CYHISYZN.cjs}

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkK57M5KQ5cjs = require('./chunk-K57M5KQ5.cjs');
+var _chunkQHBU2DKMcjs = require('./chunk-QHBU2DKM.cjs');
 
 
-var _chunkHUFS2MGGcjs = require('./chunk-HUFS2MGG.cjs');
+var _chunkVT3J6XBJcjs = require('./chunk-VT3J6XBJ.cjs');
 
 
-var _chunkCKSZUZXJcjs = require('./chunk-CKSZUZXJ.cjs');
+var _chunkTRVU37HAcjs = require('./chunk-TRVU37HA.cjs');
 
 // src/components/InfoIconTooltip.tsx
 var _react = require('react');
@@ -16,17 +16,17 @@ function InfoIconTooltip({
   content,
   verticalAlign = "middle"
 }) {
-  const contentNodes = _chunkK57M5KQ5cjs.toReactNodes.call(void 0, content);
+  const contentNodes = _chunkVT3J6XBJcjs.toReactNodes.call(void 0, content);
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _react.Fragment, { children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       "div",
       {
         "data-tooltip-id": id,
         style: { display: "inline-flex", alignItems: "center", verticalAlign },
-        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCKSZUZXJcjs.Icon, { name: "Info", width: 12, ml: 4 })
+        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTRVU37HAcjs.Icon, { name: "Info", width: 12, ml: 4 })
       }
     ),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHUFS2MGGcjs.Tooltip, { id, render: () => contentNodes, clickable: true })
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkQHBU2DKMcjs.Tooltip, { id, render: () => contentNodes, clickable: true })
   ] });
 }
 

package/dist/{chunk-M2PGQLYF.js → chunk-CZRGILV5.js}

@@ -1,6 +1,6 @@
 import {
   textInputStyle
-} from "./chunk-AO3ZBQ6T.js";
+} from "./chunk-6VB5CUJJ.js";
 
 // src/components/CodeInput/SingleCodeInput.tsx
 import { css, useTheme } from "@emotion/react";

package/dist/{chunk-3DNXQ5SN.cjs → chunk-D7DQXN6T.cjs}

@@ -5,28 +5,28 @@ var _chunk2JKTPKU6cjs = require('./chunk-2JKTPKU6.cjs');
 
 
 
-var _chunkO3NYVYX5cjs = require('./chunk-O3NYVYX5.cjs');
+var _chunkYGRSNZFRcjs = require('./chunk-YGRSNZFR.cjs');
 
 
-var _chunkWX5R7NU7cjs = require('./chunk-WX5R7NU7.cjs');
+var _chunkSLTSSCKDcjs = require('./chunk-SLTSSCKD.cjs');
 
 
-var _chunkCZJ6JPXBcjs = require('./chunk-CZJ6JPXB.cjs');
+var _chunkTQRKKUR4cjs = require('./chunk-TQRKKUR4.cjs');
 
 
-var _chunkNCVALN33cjs = require('./chunk-NCVALN33.cjs');
+var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
-var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
+var _chunkSRAWECJ4cjs = require('./chunk-SRAWECJ4.cjs');
 
 
-var _chunkCKSZUZXJcjs = require('./chunk-CKSZUZXJ.cjs');
+var _chunkTRVU37HAcjs = require('./chunk-TRVU37HA.cjs');
 
 
-var _chunk545K27C4cjs = require('./chunk-545K27C4.cjs');
+var _chunkZBJ5SGHGcjs = require('./chunk-ZBJ5SGHG.cjs');
 
 
-var _chunkDRTADBFRcjs = require('./chunk-DRTADBFR.cjs');
+var _chunkGHXHO5FQcjs = require('./chunk-GHXHO5FQ.cjs');
 
 // src/components/QRReaderButton.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -49,7 +49,7 @@ function QRReaderOverlay({
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, StyledQRReaderOverlay, { children: [
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, ScreenContext, { children: [
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, OverlayHeader, { children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, BackButton, { onClick: onClickBack, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCKSZUZXJcjs.Icon, { name: "ArrowLeft", width: 25 }) }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, BackButton, { onClick: onClickBack, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTRVU37HAcjs.Icon, { name: "ArrowLeft", width: 25 }) }),
         captureModeTitle ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: captureModeTitle }) : null
       ] }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -68,7 +68,7 @@ function QRReaderOverlay({
       ),
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, OverlayFooter, { children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: "or" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCZJ6JPXBcjs.Button, { text: "Enter an address", onClick: onClickBack, mt: 12 })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSLTSSCKDcjs.Button, { text: "Enter an address", onClick: onClickBack, mt: 12 })
       ] })
     ] }),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
@@ -188,12 +188,12 @@ function QRReaderButton({
         onClick: () => setCapturing(true),
         hasError: Boolean(errorMsg),
         children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCKSZUZXJcjs.Icon, { name: "CameraCapture", width: 64 }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTRVU37HAcjs.Icon, { name: "CameraCapture", width: 64 }),
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { css: { marginTop: "21px" }, children: "Scan QR Code" })
         ]
       }
     ),
-    errorMsg ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkO3NYVYX5cjs.FieldError, { children: errorMsg }) : null
+    errorMsg ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYGRSNZFRcjs.FieldError, { children: errorMsg }) : null
   ] });
 }
 var StyledQRReaderOverlay = _styled2.default.div`
@@ -219,13 +219,13 @@ var QRContainer = _styled2.default.div`
   }
 `;
 var QRReaderButtonContainer = _styled2.default.div``;
-var ScanQRButton = _styled2.default.call(void 0, _chunkNCVALN33cjs.UnstyledButton)`
-  ${_chunkO3NYVYX5cjs.standardBorderColor}
-  ${_chunkO3NYVYX5cjs.aboveFieldError}
+var ScanQRButton = _styled2.default.call(void 0, _chunkTQRKKUR4cjs.UnstyledButton)`
+  ${_chunkYGRSNZFRcjs.standardBorderColor}
+  ${_chunkYGRSNZFRcjs.aboveFieldError}
   margin-top: 16px;
   border-style: solid;
   border-width: 1px;
-  ${_chunk545K27C4cjs.standardBorderRadius.call(void 0, 8)}
+  ${_chunkZBJ5SGHGcjs.standardBorderRadius.call(void 0, 8)}
   width: 100%;
   padding: 24px 16px 16px;
   display: flex;
@@ -243,14 +243,14 @@ var ScreenContext = _styled2.default.div`
   height: 100vh;
   left: 50%;
   transform: translateX(-50%);
-  color: ${_chunkDRTADBFRcjs.colors.white};
+  color: ${_chunkGHXHO5FQcjs.colors.white};
   text-align: center;
 `;
 var qrOverlayHeaderHeightPx = 80;
-var BackButton = _styled2.default.call(void 0, _chunkNCVALN33cjs.UnstyledButton)`
+var BackButton = _styled2.default.call(void 0, _chunkTQRKKUR4cjs.UnstyledButton)`
   height: ${qrOverlayHeaderHeightPx}px;
   width: ${qrOverlayHeaderHeightPx}px;
-  color: ${_chunkDRTADBFRcjs.colors.white};
+  color: ${_chunkGHXHO5FQcjs.colors.white};
   display: flex;
   align-items: center;
   justify-content: center;
@@ -261,7 +261,7 @@ var BackButton = _styled2.default.call(void 0, _chunkNCVALN33cjs.UnstyledButton)
 var OverlayHeader = _styled2.default.div`
   position: absolute;
   top: 0;
-  font-size: ${_chunkWX5R7NU7cjs.pxToRems.call(void 0, 16)};
+  font-size: ${_chunkSRAWECJ4cjs.pxToRems.call(void 0, 16)};
   text-align: center;
   width: 100%;
   height: ${qrOverlayHeaderHeightPx}px;
@@ -274,11 +274,11 @@ var OverlayFooter = _styled2.default.div`
   position: absolute;
   height: 32%;
   max-height: 250px;
-  background: ${_chunkDRTADBFRcjs.colors.black};
+  background: ${_chunkGHXHO5FQcjs.colors.black};
   bottom: 0;
   left: 0;
   width: 100%;
-  font-size: ${_chunkWX5R7NU7cjs.pxToRems.call(void 0, 16)};
+  font-size: ${_chunkSRAWECJ4cjs.pxToRems.call(void 0, 16)};
   text-align: center;
   display: flex;
   flex-direction: column;

package/dist/{chunk-AE2DZLGM.js → chunk-DBOHABCM.js}

@@ -4,10 +4,10 @@ import {
 import {
   rootFontSizeRems,
   standardLineHeightEms
-} from "./chunk-VAPNTHG5.js";
+} from "./chunk-ZD2DY4VO.js";
 import {
   useThemeBg
-} from "./chunk-GZILHEOA.js";
+} from "./chunk-CQKSDNQF.js";
 import {
   bp
 } from "./chunk-JSGRNWSB.js";

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

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

package/dist/{chunk-EA22C7OJ.js → chunk-DDUDWE23.js}

@@ -46,6 +46,7 @@ var baseColors = __spreadProps(__spreadValues({}, neutral), {
   blue50: "#2483D1",
   blue58: "#28BFFF",
   blue32: "#0052A4",
+  blue90: "#0C3C6F",
   // less than 50% saturated blue
   grayBlue5: "#0c0d0f",
   grayBlue9: "#16171A",
@@ -80,6 +81,7 @@ var baseColors = __spreadProps(__spreadValues({}, neutral), {
   // yellow
   primary,
   warning: primary,
+  warningYellow: "#E08A00",
   warningText: "#BB6B01",
   warningBackground: "#FBEECB",
   // orange
@@ -87,12 +89,17 @@ var baseColors = __spreadProps(__spreadValues({}, neutral), {
   // neutral
   secondary: neutral.black,
   gray: "#242526",
+  grayhover: "#2D2E30",
+  grayactive: "#38393B",
   gray2: "#6D7685",
   gray3: "#D9DBDF",
   gray4: "#B6BAC3",
   gray6: "#8E95A2",
   gray7: "#FFFFFF9C",
   gray70: "#ffffff70",
+  gray75: "#4A4E5A",
+  gray75hover: "#535762",
+  gray75active: "#5C606B",
   // transparent
   transparent: "transparent",
   transparenta02: "#00000005",

package/dist/{chunk-XMN4JVOC.cjs → chunk-DHMAIJ2H.cjs}

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

package/dist/{chunk-4733JNWW.cjs → chunk-DJ3C7EIB.cjs}

@@ -3,19 +3,19 @@
 var _chunkFBWTYGYEcjs = require('./chunk-FBWTYGYE.cjs');
 
 
-var _chunkA3WJIRV3cjs = require('./chunk-A3WJIRV3.cjs');
+var _chunkDBTNWKPPcjs = require('./chunk-DBTNWKPP.cjs');
 
 
-var _chunkO3NYVYX5cjs = require('./chunk-O3NYVYX5.cjs');
+var _chunkYGRSNZFRcjs = require('./chunk-YGRSNZFR.cjs');
 
 
-var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
+var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
-var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
+var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
 
 
-var _chunkCKSZUZXJcjs = require('./chunk-CKSZUZXJ.cjs');
+var _chunkTRVU37HAcjs = require('./chunk-TRVU37HA.cjs');
 
 
 var _chunkWKRK7DGRcjs = require('./chunk-WKRK7DGR.cjs');
@@ -158,8 +158,8 @@ var DateWidget = ({
   }
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, Container, { children: [
     dateRangeOperation === "is between" /* IsBetween */ && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, Indicators, { children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCKSZUZXJcjs.Icon, { name: "ArrowCornerDownRight", width: 16, color: "c6Neutral" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA3WJIRV3cjs.LabelModerate, { color: "c6Neutral", children: "and" })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTRVU37HAcjs.Icon, { name: "ArrowCornerDownRight", width: 16, color: "c6Neutral" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDBTNWKPPcjs.LabelModerate, { color: "c6Neutral", children: "and" })
     ] }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CalendarContents, { active, children: calendarComponent })
   ] });
@@ -243,7 +243,7 @@ var CalendarContents = _styled2.default.div`
     height: 100%;
     flex-grow: 1;
     padding: 0 2px;
-    ${({ theme, active }) => _chunkO3NYVYX5cjs.textInputStyle.call(void 0, { theme, active })};
+    ${({ theme, active }) => _chunkYGRSNZFRcjs.textInputStyle.call(void 0, { theme, active })};
     input:focus-visible {
       outline: none;
     }

package/dist/{chunk-TOSEMP4G.cjs → chunk-DMFL5TBX.cjs}

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkCKSZUZXJcjs = require('./chunk-CKSZUZXJ.cjs');
+var _chunkTRVU37HAcjs = require('./chunk-TRVU37HA.cjs');
 
 
-var _chunkEGKT7YHPcjs = require('./chunk-EGKT7YHP.cjs');
+var _chunkYIAN5J2Dcjs = require('./chunk-YIAN5J2D.cjs');
 
 
 
@@ -28,7 +28,7 @@ function MultiToggle({
     let content = null;
     if ("name" in optionProps) {
       content = /* @__PURE__ */ _react.createElement.call(void 0, 
-        _chunkCKSZUZXJcjs.Icon,
+        _chunkTRVU37HAcjs.Icon,
         _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, optionProps), {
           width: 11,
           key,
@@ -54,7 +54,7 @@ function MultiToggle({
 }
 var StyledMultiToggle = _styled2.default.div`
   border-radius: 999px;
-  background: ${({ theme, bgColor }) => _chunkEGKT7YHPcjs.getColor.call(void 0, theme, bgColor)};
+  background: ${({ theme, bgColor }) => _chunkYIAN5J2Dcjs.getColor.call(void 0, theme, bgColor)};
   padding: 2px;
   gap: 2px;
   display: flex;
@@ -64,7 +64,7 @@ var StyledMultiToggleOption = _styled2.default.div`
   cursor: pointer;
   border-radius: 999px;
   padding: 4px;
-  background: ${({ theme, selected, selectedBgColor }) => selected ? _chunkEGKT7YHPcjs.getColor.call(void 0, theme, selectedBgColor) : "transparent"};
+  background: ${({ theme, selected, selectedBgColor }) => selected ? _chunkYIAN5J2Dcjs.getColor.call(void 0, theme, selectedBgColor) : "transparent"};
 `;
 
 

package/dist/chunk-E375DU7Y.cjs

@@ -0,0 +1,57 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/central/Link.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function Link({
+  strokeWidth = "1.5",
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "20",
+      height: "20",
+      viewBox: "0 0 20 20",
+      fill: "none",
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            d: "M8.125 4.60308L8.93038 3.79768C10.9385 1.78965 14.1941 1.78965 16.2021 3.79768C18.2101 5.80569 18.2101 9.06133 16.2021 11.0693L15.3949 11.8766",
+            stroke: "currentColor",
+            strokeWidth,
+            strokeLinecap,
+            strokeLinejoin,
+            vectorEffect: "non-scaling-stroke"
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            d: "M11.873 15.3985L11.0692 16.2023C9.06117 18.2103 5.80554 18.2103 3.79752 16.2023C1.7895 14.1943 1.78949 10.9387 3.79752 8.93067L4.60722 8.12094",
+            stroke: "currentColor",
+            strokeWidth,
+            strokeLinecap,
+            strokeLinejoin,
+            vectorEffect: "non-scaling-stroke"
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            d: "M7.9165 12.0833L12.0832 7.91666",
+            stroke: "currentColor",
+            strokeWidth,
+            strokeLinecap,
+            strokeLinejoin,
+            vectorEffect: "non-scaling-stroke"
+          }
+        )
+      ]
+    }
+  );
+}
+
+
+
+exports.Link = Link;

package/dist/{chunk-3HLLFZBP.cjs → chunk-E52P3BHH.cjs}

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkGDWMPRPKcjs = require('./chunk-GDWMPRPK.cjs');
+var _chunkU6QJO2QOcjs = require('./chunk-U6QJO2QO.cjs');
 
 
-var _chunkO3NYVYX5cjs = require('./chunk-O3NYVYX5.cjs');
+var _chunkYGRSNZFRcjs = require('./chunk-YGRSNZFR.cjs');
 
 
 
@@ -241,7 +241,7 @@ function CodeInput({
     const inputId = getInputId(i);
     inputs.push(
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkGDWMPRPKcjs.SingleCodeInput,
+        _chunkU6QJO2QOcjs.SingleCodeInput,
         {
           value: inputState[inputId].value,
           id: inputId,
@@ -316,7 +316,7 @@ var CodeInputGroup = _styled2.default.div`
 var CodeInputGroupSeparator = _styled2.default.div`
   width: ${separatorWidth}px;
   height: 4px;
-  background-color: ${_chunkO3NYVYX5cjs.textInputBorderColor};
+  background-color: ${_chunkYGRSNZFRcjs.textInputBorderColor};
   border-radius: 2px;
   margin: 0 ${separatorMargin}px;
 `;

package/dist/{chunk-KNFL6XU7.cjs → chunk-E5TWV5LL.cjs}

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkNCVALN33cjs = require('./chunk-NCVALN33.cjs');
+var _chunkQHBU2DKMcjs = require('./chunk-QHBU2DKM.cjs');
 
 
-var _chunkHUFS2MGGcjs = require('./chunk-HUFS2MGG.cjs');
+var _chunkTQRKKUR4cjs = require('./chunk-TQRKKUR4.cjs');
 
 
-var _chunkCKSZUZXJcjs = require('./chunk-CKSZUZXJ.cjs');
+var _chunkTRVU37HAcjs = require('./chunk-TRVU37HA.cjs');
 
 
 var _chunkZ6EUSUADcjs = require('./chunk-Z6EUSUAD.cjs');
@@ -45,12 +45,12 @@ var CopyToClipboardButton = (props) => {
         "data-tooltip-id": id,
         children: [
           props.children ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Children, { children: props.children }) : null,
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCKSZUZXJcjs.Icon, { name: icon, width: props.isSm ? 12 : 16 })
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTRVU37HAcjs.Icon, { name: icon, width: props.isSm ? 12 : 16 })
         ]
       }
     ),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkHUFS2MGGcjs.Tooltip,
+      _chunkQHBU2DKMcjs.Tooltip,
       {
         id,
         place: props.place || "right",
@@ -62,7 +62,7 @@ var CopyToClipboardButton = (props) => {
 var Children = _styled2.default.span`
   margin-right: 4px;
 `;
-var Button = _styled2.default.call(void 0, _chunkNCVALN33cjs.UnstyledButton)`
+var Button = _styled2.default.call(void 0, _chunkTQRKKUR4cjs.UnstyledButton)`
   background: rgba(0, 0, 0, 0);
   vertical-align: middle;
   ${({ ml }) => ml ? `margin-left: ${ml}px` : ""};

package/dist/{chunk-46IQK5NT.js → chunk-EDBAABPQ.js}

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