@lightsparkdev/ui 1.1.4 → 1.1.5

package/dist/{chunk-GSAWKUOA.js → chunk-C7KE3YIQ.js}

@@ -1,9 +1,9 @@
 import {
   Button
-} from "./chunk-EWU2MUVI.js";
+} from "./chunk-AIZ5GNQB.js";
 import {
   UnstyledButton
-} from "./chunk-VLZUMH7A.js";
+} from "./chunk-3ZO5BP6W.js";
 import {
   z
 } from "./chunk-55OQPFLF.js";
@@ -12,10 +12,10 @@ import {
 } from "./chunk-E5DUKMCU.js";
 import {
   Icon
-} from "./chunk-XJB6VA4O.js";
+} from "./chunk-ZSZGVHHS.js";
 import {
   standardFocusOutline
-} from "./chunk-IQQ7XKJO.js";
+} from "./chunk-ZD2DY4VO.js";
 
 // src/components/Drawer.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-32UJIATQ.cjs → chunk-CCO72ORJ.cjs}

@@ -3,13 +3,13 @@
 var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
 
 
-var _chunkW4UIZ5DJcjs = require('./chunk-W4UIZ5DJ.cjs');
+var _chunkSRAWECJ4cjs = require('./chunk-SRAWECJ4.cjs');
 
 
-var _chunk267QLBXGcjs = require('./chunk-267QLBXG.cjs');
+var _chunkTRVU37HAcjs = require('./chunk-TRVU37HA.cjs');
 
 
-var _chunkMODD4YGEcjs = require('./chunk-MODD4YGE.cjs');
+var _chunkZBJ5SGHGcjs = require('./chunk-ZBJ5SGHG.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, _chunk267QLBXGcjs.Icon, { width: iconWidth, name: iconName })
+          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTRVU37HAcjs.Icon, { width: iconWidth, name: iconName })
         }
       )
     ] }),
@@ -73,7 +73,7 @@ var StyledCollapsibleButton = _styled2.default.button`
   background: none;
   border: none;
   cursor: pointer;
-  ${_chunkMODD4YGEcjs.standardBorderRadius.call(void 0, 8)}
+  ${_chunkZBJ5SGHGcjs.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};` : ""}
 
-  ${_chunkW4UIZ5DJcjs.overflowAutoWithoutScrollbars}
+  ${_chunkSRAWECJ4cjs.overflowAutoWithoutScrollbars}
 
   @keyframes fadeIn {
     from {

package/dist/{chunk-DIH23YCL.cjs → chunk-CLCU75BP.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkFFXUPRYTcjs = require('./chunk-FFXUPRYT.cjs');
+var _chunkYIAN5J2Dcjs = require('./chunk-YIAN5J2D.cjs');
 
 
 var _chunkWKRK7DGRcjs = require('./chunk-WKRK7DGR.cjs');
@@ -11,7 +11,7 @@ var applyTypography = (theme, typographyType, size, color = "inherit", applyToAl
   return `
     ${selector} {
       ${_chunkWKRK7DGRcjs.getTypographyString.call(void 0, theme, typographyType, size)};
-      color: ${_chunkFFXUPRYTcjs.getFontColor.call(void 0, theme, color)};
+      color: ${_chunkYIAN5J2Dcjs.getFontColor.call(void 0, theme, color)};
     }
   `;
 };

package/dist/{chunk-AE3TH3NL.js → chunk-CPFYNVAQ.js}

@@ -5,28 +5,28 @@ import {
   FieldError,
   aboveFieldError,
   standardBorderColor
-} from "./chunk-WZFG7LSB.js";
+} from "./chunk-6VB5CUJJ.js";
 import {
   Button
-} from "./chunk-EWU2MUVI.js";
+} from "./chunk-AIZ5GNQB.js";
 import {
   UnstyledButton
-} from "./chunk-VLZUMH7A.js";
+} from "./chunk-3ZO5BP6W.js";
 import {
   z
 } from "./chunk-55OQPFLF.js";
 import {
   pxToRems
-} from "./chunk-VHE37AWV.js";
+} from "./chunk-Q3MTVY74.js";
 import {
   Icon
-} from "./chunk-XJB6VA4O.js";
+} from "./chunk-ZSZGVHHS.js";
 import {
   standardBorderRadius
-} from "./chunk-IQQ7XKJO.js";
+} from "./chunk-ZD2DY4VO.js";
 import {
   colors
-} from "./chunk-GUCFCDNY.js";
+} from "./chunk-DDUDWE23.js";
 
 // src/components/QRReaderButton.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-FGPPVSHM.js → chunk-CPH4WSLH.js}

@@ -1,10 +1,10 @@
 import {
   toReactNodes
-} from "./chunk-AQ72FLUP.js";
+} from "./chunk-BQEN763M.js";
 import {
   StyledBodyStrong,
   getPropDefaults
-} from "./chunk-VWDX2EV3.js";
+} from "./chunk-IHVWNXDR.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/{chunk-YPQXKAV2.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-GUCFCDNY.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,
@@ -609,6 +613,15 @@ var bridgeBaseSettings = {
         defaultHoverBorderColor: "gray75hover",
         defaultActiveBackgroundColor: "gray75active",
         defaultActiveBorderColor: "gray75active"
+      },
+      warningLight: {
+        defaultColor: "errorText",
+        defaultBackgroundColor: "errorBackground",
+        defaultBorderColor: "transparent",
+        defaultHoverBackgroundColor: "errorBackground",
+        defaultHoverBorderColor: "transparent",
+        defaultActiveBackgroundColor: "errorBackground",
+        defaultActiveBorderColor: "transparent"
       }
     }
   }),

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

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkCOOETEX4cjs = require('./chunk-COOETEX4.cjs');
+var _chunkQHBU2DKMcjs = require('./chunk-QHBU2DKM.cjs');
 
 
-var _chunk6IBADE46cjs = require('./chunk-6IBADE46.cjs');
+var _chunkVT3J6XBJcjs = require('./chunk-VT3J6XBJ.cjs');
 
 
-var _chunk267QLBXGcjs = require('./chunk-267QLBXG.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 = _chunk6IBADE46cjs.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, _chunk267QLBXGcjs.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, _chunkCOOETEX4cjs.Tooltip, { id, render: () => contentNodes, clickable: true })
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkQHBU2DKMcjs.Tooltip, { id, render: () => contentNodes, clickable: true })
   ] });
 }
 

package/dist/{chunk-5WSDFMON.js → chunk-CZRGILV5.js}

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

package/dist/{chunk-KZ67ZXG2.cjs → chunk-D7DQXN6T.cjs}

@@ -5,28 +5,28 @@ var _chunk2JKTPKU6cjs = require('./chunk-2JKTPKU6.cjs');
 
 
 
-var _chunkZQO2GKVScjs = require('./chunk-ZQO2GKVS.cjs');
+var _chunkYGRSNZFRcjs = require('./chunk-YGRSNZFR.cjs');
 
 
-var _chunkKGBWMBLAcjs = require('./chunk-KGBWMBLA.cjs');
+var _chunkSLTSSCKDcjs = require('./chunk-SLTSSCKD.cjs');
 
 
-var _chunkWLHC2LVQcjs = require('./chunk-WLHC2LVQ.cjs');
+var _chunkTQRKKUR4cjs = require('./chunk-TQRKKUR4.cjs');
 
 
 var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
-var _chunkW4UIZ5DJcjs = require('./chunk-W4UIZ5DJ.cjs');
+var _chunkSRAWECJ4cjs = require('./chunk-SRAWECJ4.cjs');
 
 
-var _chunk267QLBXGcjs = require('./chunk-267QLBXG.cjs');
+var _chunkTRVU37HAcjs = require('./chunk-TRVU37HA.cjs');
 
 
-var _chunkMODD4YGEcjs = require('./chunk-MODD4YGE.cjs');
+var _chunkZBJ5SGHGcjs = require('./chunk-ZBJ5SGHG.cjs');
 
 
-var _chunkIJMYMSSCcjs = require('./chunk-IJMYMSSC.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, _chunk267QLBXGcjs.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, _chunkKGBWMBLAcjs.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, _chunk267QLBXGcjs.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, _chunkZQO2GKVScjs.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, _chunkWLHC2LVQcjs.UnstyledButton)`
-  ${_chunkZQO2GKVScjs.standardBorderColor}
-  ${_chunkZQO2GKVScjs.aboveFieldError}
+var ScanQRButton = _styled2.default.call(void 0, _chunkTQRKKUR4cjs.UnstyledButton)`
+  ${_chunkYGRSNZFRcjs.standardBorderColor}
+  ${_chunkYGRSNZFRcjs.aboveFieldError}
   margin-top: 16px;
   border-style: solid;
   border-width: 1px;
-  ${_chunkMODD4YGEcjs.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: ${_chunkIJMYMSSCcjs.colors.white};
+  color: ${_chunkGHXHO5FQcjs.colors.white};
   text-align: center;
 `;
 var qrOverlayHeaderHeightPx = 80;
-var BackButton = _styled2.default.call(void 0, _chunkWLHC2LVQcjs.UnstyledButton)`
+var BackButton = _styled2.default.call(void 0, _chunkTQRKKUR4cjs.UnstyledButton)`
   height: ${qrOverlayHeaderHeightPx}px;
   width: ${qrOverlayHeaderHeightPx}px;
-  color: ${_chunkIJMYMSSCcjs.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, _chunkWLHC2LVQcjs.UnstyledButton)
 var OverlayHeader = _styled2.default.div`
   position: absolute;
   top: 0;
-  font-size: ${_chunkW4UIZ5DJcjs.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: ${_chunkIJMYMSSCcjs.colors.black};
+  background: ${_chunkGHXHO5FQcjs.colors.black};
   bottom: 0;
   left: 0;
   width: 100%;
-  font-size: ${_chunkW4UIZ5DJcjs.pxToRems.call(void 0, 16)};
+  font-size: ${_chunkSRAWECJ4cjs.pxToRems.call(void 0, 16)};
   text-align: center;
   display: flex;
   flex-direction: column;

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

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

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

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunk6IBADE46cjs = require('./chunk-6IBADE46.cjs');
+var _chunkVT3J6XBJcjs = require('./chunk-VT3J6XBJ.cjs');
 
 
 
-var _chunkJOHXUOL2cjs = require('./chunk-JOHXUOL2.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 = _chunkJOHXUOL2cjs.getPropDefaults.call(void 0, props);
+  const propsWithDefaults = _chunk22SY7HZFcjs.getPropDefaults.call(void 0, props);
   let reactNodes = props.children || null;
   if (props.content) {
-    reactNodes = _chunk6IBADE46cjs.toReactNodes.call(void 0, props.content);
+    reactNodes = _chunkVT3J6XBJcjs.toReactNodes.call(void 0, props.content);
   }
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJOHXUOL2cjs.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-GUCFCDNY.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

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

@@ -6,7 +6,7 @@ var _chunkSFGLEWHWcjs = require('./chunk-SFGLEWHW.cjs');
 var _chunkB2MHM6CYcjs = require('./chunk-B2MHM6CY.cjs');
 
 
-var _chunkDIH23YCLcjs = require('./chunk-DIH23YCL.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 }) => _chunkDIH23YCLcjs.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-HJRQTVEB.cjs → chunk-DJ3C7EIB.cjs}

@@ -3,10 +3,10 @@
 var _chunkFBWTYGYEcjs = require('./chunk-FBWTYGYE.cjs');
 
 
-var _chunkYI6Y7EAUcjs = require('./chunk-YI6Y7EAU.cjs');
+var _chunkDBTNWKPPcjs = require('./chunk-DBTNWKPP.cjs');
 
 
-var _chunkZQO2GKVScjs = require('./chunk-ZQO2GKVS.cjs');
+var _chunkYGRSNZFRcjs = require('./chunk-YGRSNZFR.cjs');
 
 
 var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
@@ -15,7 +15,7 @@ var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
 
 
-var _chunk267QLBXGcjs = require('./chunk-267QLBXG.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, _chunk267QLBXGcjs.Icon, { name: "ArrowCornerDownRight", width: 16, color: "c6Neutral" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYI6Y7EAUcjs.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 }) => _chunkZQO2GKVScjs.textInputStyle.call(void 0, { theme, active })};
+    ${({ theme, active }) => _chunkYGRSNZFRcjs.textInputStyle.call(void 0, { theme, active })};
     input:focus-visible {
       outline: none;
     }

package/dist/{chunk-Y2ZOBJU3.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 _chunk267QLBXGcjs = require('./chunk-267QLBXG.cjs');
+var _chunkTRVU37HAcjs = require('./chunk-TRVU37HA.cjs');
 
 
-var _chunkFFXUPRYTcjs = require('./chunk-FFXUPRYT.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, 
-        _chunk267QLBXGcjs.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 }) => _chunkFFXUPRYTcjs.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 ? _chunkFFXUPRYTcjs.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-2TS5N7VQ.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 _chunkVL5TR573cjs = require('./chunk-VL5TR573.cjs');
+var _chunkU6QJO2QOcjs = require('./chunk-U6QJO2QO.cjs');
 
 
-var _chunkZQO2GKVScjs = require('./chunk-ZQO2GKVS.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, 
-        _chunkVL5TR573cjs.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: ${_chunkZQO2GKVScjs.textInputBorderColor};
+  background-color: ${_chunkYGRSNZFRcjs.textInputBorderColor};
   border-radius: 2px;
   margin: 0 ${separatorMargin}px;
 `;

package/dist/{chunk-2KOCOKP5.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 _chunkCOOETEX4cjs = require('./chunk-COOETEX4.cjs');
+var _chunkQHBU2DKMcjs = require('./chunk-QHBU2DKM.cjs');
 
 
-var _chunkWLHC2LVQcjs = require('./chunk-WLHC2LVQ.cjs');
+var _chunkTQRKKUR4cjs = require('./chunk-TQRKKUR4.cjs');
 
 
-var _chunk267QLBXGcjs = require('./chunk-267QLBXG.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, _chunk267QLBXGcjs.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, 
-      _chunkCOOETEX4cjs.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, _chunkWLHC2LVQcjs.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` : ""};