@lightsparkdev/ui 1.0.11 → 1.0.13

package/dist/{chunk-N7QYPDKF.cjs → chunk-HHYISJUB.cjs}

@@ -1,6 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/Team.tsx
 var _jsxruntime = require('@emotion/react/jsx-runtime');
-function Team() {
+function Team({
+  strokeWidth = "1.5",
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     "svg",
     {
@@ -13,9 +17,9 @@ function Team() {
         {
           d: "M17.7498 19.25H21.4228C22.0042 19.25 22.468 18.754 22.3704 18.1808C21.8389 15.0624 20.0189 12.75 16.9998 12.75C16.5537 12.75 16.1338 12.8005 15.7404 12.8966M11.2497 7C11.2497 8.79493 9.79461 10.25 7.99969 10.25C6.20476 10.25 4.74969 8.79493 4.74969 7C4.74969 5.20507 6.20476 3.75 7.99969 3.75C9.79461 3.75 11.2497 5.20507 11.2497 7ZM19.7497 7.5C19.7497 9.01878 18.5185 10.25 16.9997 10.25C15.4809 10.25 14.2497 9.01878 14.2497 7.5C14.2497 5.98122 15.4809 4.75 16.9997 4.75C18.5185 4.75 19.7497 5.98122 19.7497 7.5ZM1.87029 19.1808C2.4382 15.4997 4.51686 12.75 7.99969 12.75C11.4825 12.75 13.5612 15.4997 14.1291 19.1808C14.2177 19.755 13.7549 20.25 13.1739 20.25H2.82547C2.24447 20.25 1.7817 19.755 1.87029 19.1808Z",
           stroke: "currentColor",
-          strokeWidth: "1.5",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
+          strokeWidth,
+          strokeLinecap,
+          strokeLinejoin
         }
       )
     }

package/dist/{chunk-FOC33AUT.js → chunk-HIA3H6YK.js}

@@ -1,6 +1,10 @@
 // src/icons/CreditCard.tsx
 import { jsx, jsxs } from "@emotion/react/jsx-runtime";
-function CreditCard() {
+function CreditCard({
+  strokeWidth = "1.125",
+  strokeLinecap = "butt",
+  strokeLinejoin = "miter"
+}) {
   return /* @__PURE__ */ jsxs(
     "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-ZQXRHPB6.js → chunk-HIWEVNZA.js}

@@ -1,6 +1,10 @@
 // src/icons/ArrowDown.tsx
 import { jsx } from "@emotion/react/jsx-runtime";
-function ArrowDown() {
+function ArrowDown({
+  strokeWidth = "1.5",
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
   return /* @__PURE__ */ jsx(
     "svg",
     {
@@ -13,9 +17,9 @@ function ArrowDown() {
         {
           d: "M1 9.52123L3.88111 12.4023M3.88111 12.4023L6.76222 9.52123M3.88111 12.4023L3.88111 0.8779M9.73778 9.52123",
           stroke: "currentColor",
-          strokeWidth: "1.5",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
+          strokeWidth,
+          strokeLinecap,
+          strokeLinejoin
         }
       )
     }

package/dist/{chunk-65AUSAGM.js → chunk-HKW4GTLB.js}

@@ -1,10 +1,10 @@
 import {
   toReactNodes
-} from "./chunk-2I22MYIY.js";
+} from "./chunk-TS7Y6L2D.js";
 import {
   StyledOverline,
   getPropDefaults
-} from "./chunk-QYALA36I.js";
+} from "./chunk-3XDBPCS7.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/{chunk-MN4NUSPL.js → chunk-HO7LVJ3R.js}

@@ -41,6 +41,8 @@ var baseColors = __spreadProps(__spreadValues({}, neutral), {
   // less than 50% saturated blue
   grayBlue5: "#0c0d0f",
   grayBlue9: "#16171A",
+  grayBlue12: "#2D2E34",
+  grayBlue14: "#3A3B41",
   grayBlue18: "#21283a",
   grayBlue32: "#4F5156",
   grayBlue43: "#686A72",
@@ -50,6 +52,8 @@ var baseColors = __spreadProps(__spreadValues({}, neutral), {
   grayBlue69: "#A6A9BA",
   grayBlue80: "#C0C9D6",
   grayBlue88: "#DEDFE4",
+  grayBlue92: "#E1EBF5",
+  grayBlue93: "#E6EEF6",
   grayBlue94: "#EBEEF2",
   grayBlue96: "#F2F5F7",
   // purple
@@ -57,13 +61,19 @@ var baseColors = __spreadProps(__spreadValues({}, neutral), {
   purple55: "#8B38DE",
   // red
   red42a10: "#D800271A",
+  red42a20: "#D800272D",
+  red42a30: "#D800273F",
   // yellow
   primary,
   warning: primary,
   // orange
   danger: "#FD2C0F",
   // neutral
-  secondary: neutral.black
+  secondary: neutral.black,
+  // transparent
+  transparent: "transparent",
+  transparenta02: "#00000005",
+  transparenta08: "#00000014"
 });
 var colors = baseColors;
 function isColorKey(key) {

package/dist/chunk-HSNTRQ7D.js

@@ -0,0 +1,24 @@
+// src/icons/Zap.tsx
+import { jsx } from "@emotion/react/jsx-runtime";
+function Zap() {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "100%",
+      viewBox: "0 0 16 16",
+      fill: "none",
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M9.33395 1.60194C9.33395 0.612524 8.05068 0.224007 7.50188 1.04724L2.12471 9.11298C1.68167 9.77751 2.15806 10.6677 2.95676 10.6677H6.66728V14.4001C6.66728 15.3895 7.95048 15.778 8.49928 14.9548L13.8765 6.88904C14.3195 6.2245 13.8431 5.33435 13.0444 5.33435H9.33395V1.60194Z",
+          fill: "currentColor"
+        }
+      )
+    }
+  );
+}
+
+export {
+  Zap
+};

package/dist/{chunk-UTST75JR.js → chunk-HZ47L6US.js}

@@ -1,6 +1,6 @@
 import {
   DateWidget
-} from "./chunk-TWUVFR36.js";
+} from "./chunk-J5HQFAUR.js";
 import {
   DateRangeOperation,
   MAX_DATE,
@@ -12,19 +12,19 @@ import {
 } from "./chunk-NNYCLSJV.js";
 import {
   Filter
-} from "./chunk-DLBPASW7.js";
+} from "./chunk-6DCFPU4Z.js";
 import {
   Select_default
-} from "./chunk-MNMGIPSQ.js";
+} from "./chunk-C4BSD2VC.js";
 import {
   Spacing
 } from "./chunk-E5DUKMCU.js";
 import {
   TextInput
-} from "./chunk-KIE5GR5E.js";
+} from "./chunk-SUFXV4SF.js";
 import {
   Button
-} from "./chunk-LQKIJF4I.js";
+} from "./chunk-4U3AAKMA.js";
 import {
   z
 } from "./chunk-55OQPFLF.js";

package/dist/{chunk-RCIZUC7L.js → chunk-IETDJ4VJ.js}

@@ -1,6 +1,9 @@
 // src/icons/HeartOutline.tsx
 import { jsx } from "@emotion/react/jsx-runtime";
-function HeartOutline() {
+function HeartOutline({
+  strokeWidth = "1.5",
+  strokeLinejoin = "round"
+}) {
   return /* @__PURE__ */ jsx(
     "svg",
     {
@@ -14,8 +17,8 @@ function HeartOutline() {
         {
           d: "M14.1041 2.9055C12.6568 1.46965 10.3103 1.46965 8.86307 2.9055L7.98955 3.88576L7.11603 2.90552C5.66876 1.46967 3.32227 1.46967 1.875 2.90552C0.427734 4.34137 0.427732 6.66934 1.875 8.10519L7.98953 14.1715L14.1041 8.10517C15.5514 6.66932 15.5514 4.34135 14.1041 2.9055Z",
           stroke: "currentColor",
-          strokeWidth: "1.5",
-          strokeLinejoin: "round"
+          strokeWidth,
+          strokeLinejoin
         }
       )
     }

package/dist/{chunk-WHIOQKWN.js → chunk-IHPPW7AC.js}

@@ -1,6 +1,10 @@
 // src/icons/BitcoinB.tsx
 import { jsx } from "@emotion/react/jsx-runtime";
-function BitcoinB() {
+function BitcoinB({
+  strokeWidth = "1.125",
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
   return /* @__PURE__ */ jsx(
     "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-UF2SAH66.js → chunk-IJGP5N74.js}

@@ -1,6 +1,10 @@
 // src/icons/ArrowsDown.tsx
 import { jsx } from "@emotion/react/jsx-runtime";
-function ArrowsDown() {
+function ArrowsDown({
+  strokeWidth = "1.5",
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
   return /* @__PURE__ */ jsx(
     "svg",
     {
@@ -13,9 +17,9 @@ function ArrowsDown() {
         {
           d: "M1 9.52123L3.88111 12.4023M3.88111 12.4023L6.76222 9.52123M3.88111 12.4023L3.88111 0.8779M9.73778 9.52123L12.6189 12.4023M12.6189 12.4023L15.5 9.52123M12.6189 12.4023L12.6189 0.8779",
           stroke: "currentColor",
-          strokeWidth: "1.5",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
+          strokeWidth,
+          strokeLinecap,
+          strokeLinejoin
         }
       )
     }

package/dist/{chunk-NL2PRKWN.cjs → chunk-ILX4T6XZ.cjs}

@@ -1,12 +1,16 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkQ7C5LR6Icjs = require('./chunk-Q7C5LR6I.cjs');
+var _chunkZWH3ABG3cjs = require('./chunk-ZWH3ABG3.cjs');
 
 
-var _chunk36SDWEWYcjs = require('./chunk-36SDWEWY.cjs');
+var _chunkSCLUBPNMcjs = require('./chunk-SCLUBPNM.cjs');
 
 
-var _chunkUMU7TYANcjs = require('./chunk-UMU7TYAN.cjs');
+var _chunkORWZTMF2cjs = require('./chunk-ORWZTMF2.cjs');
+
+
+
+var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
 
 // src/components/TextIconAligner.tsx
 var _jsxruntime = require('@emotion/react/jsx-runtime');
@@ -22,18 +26,13 @@ function TextIconAligner({
     size: (typographyProp == null ? void 0 : typographyProp.size) || "Small",
     color: (typographyProp == null ? void 0 : typographyProp.color) || "text"
   };
-  const defaultTypographyMap = {
-    link: defaultTypography,
-    text: defaultTypography,
-    nextLink: defaultTypography
-  };
-  const nodesWithTypography = _chunkQ7C5LR6Icjs.setDefaultReactNodesTypography.call(void 0, 
-    contentProp,
-    defaultTypographyMap
-  );
-  const content = _chunk36SDWEWYcjs.toReactNodes.call(void 0, nodesWithTypography);
+  const nodesWithTypography = _chunkZWH3ABG3cjs.setDefaultReactNodesTypography.call(void 0, contentProp, {
+    default: defaultTypography,
+    link: _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, defaultTypography), { color: "link" })
+  });
+  const content = _chunkSCLUBPNMcjs.toReactNodes.call(void 0, nodesWithTypography);
   const leftIconNode = leftIcon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkUMU7TYANcjs.Icon,
+    _chunkORWZTMF2cjs.Icon,
     {
       name: leftIcon.name,
       width: leftIcon.width ? leftIcon.width : 12,
@@ -42,7 +41,7 @@ function TextIconAligner({
     }
   ) : null;
   const rightIconNode = rightIcon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkUMU7TYANcjs.Icon,
+    _chunkORWZTMF2cjs.Icon,
     {
       name: rightIcon.name,
       width: rightIcon.width ? rightIcon.width : 12,

package/dist/{chunk-5P25HFMG.cjs → chunk-IMHBEZAV.cjs}

@@ -1,6 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/ChevronLeft.tsx
 var _jsxruntime = require('@emotion/react/jsx-runtime');
-var ChevronLeft = () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+var ChevronLeft = ({
+  strokeWidth = "1.5",
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
   "svg",
   {
     width: "100%",
@@ -13,9 +17,9 @@ var ChevronLeft = () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
       {
         d: "M15 20L7 12L15 4",
         stroke: "currentColor",
-        strokeWidth: "2",
-        strokeLinecap: "round",
-        strokeLinejoin: "round"
+        strokeWidth,
+        strokeLinecap,
+        strokeLinejoin
       }
     )
   }

package/dist/{chunk-BCPM2M3Y.cjs → chunk-ITH4PPTT.cjs}

@@ -4,13 +4,14 @@ var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
 
-var _chunkOQEP7VDDcjs = require('./chunk-OQEP7VDD.cjs');
+var _chunkD262WAOVcjs = require('./chunk-D262WAOV.cjs');
 
 
-var _chunkSZSK5ISJcjs = require('./chunk-SZSK5ISJ.cjs');
+var _chunkQK32JW3Ncjs = require('./chunk-QK32JW3N.cjs');
 
 
-var _chunk7EIZIKLRcjs = require('./chunk-7EIZIKLR.cjs');
+
+var _chunk6DWDBCUJcjs = require('./chunk-6DWDBCUJ.cjs');
 
 // src/styles/fields.tsx
 var _react = require('@emotion/react');
@@ -25,16 +26,16 @@ var formButtonTopMarginStyle = _react.css`
   margin-top: ${formButtonTopMargin};
 `;
 var standardBorderColor = ({ theme }) => _react.css`
-  border-color: ${_chunk7EIZIKLRcjs.themeOr.call(void 0, theme.c1Neutral, theme.mcNeutral)({ theme })};
+  border-color: ${_chunk6DWDBCUJcjs.themeOr.call(void 0, theme.c1Neutral, theme.mcNeutral)({ theme })};
 `;
 var inputBlockStyle = ({
   theme,
   hasValue,
   hasError
 }) => _react.css`
-  ${_chunkOQEP7VDDcjs.subtext.call(void 0, { theme })}
+  ${_chunkD262WAOVcjs.subtext.call(void 0, { theme })}
   ${standardBorderColor({ theme })}
-  ${_chunkOQEP7VDDcjs.standardBorderRadius.call(void 0, 8)}
+  ${_chunkD262WAOVcjs.standardBorderRadius.call(void 0, 8)}
   background-color: ${theme.bg};
   border-width: 2px;
   display: flex;
@@ -51,19 +52,31 @@ var textInputFontWeight = 600;
 var textInputBorderRadiusPx = 8;
 var textInputPaddingPx = 12;
 var textInputPadding = `${textInputPaddingPx}px`;
-var textInputBorderColor = ({ theme }) => _chunk7EIZIKLRcjs.themeOr.call(void 0, theme.c1Neutral, theme.c3Neutral)({ theme });
-var textInputBorderColorFocused = ({ theme }) => _chunk7EIZIKLRcjs.themeOr.call(void 0, theme.hcNeutral, theme.hcNeutral)({ theme });
+var textInputBorderColor = ({ theme }) => _chunk6DWDBCUJcjs.themeOr.call(void 0, theme.c1Neutral, theme.c3Neutral)({ theme });
+var textInputBorderColorFocused = ({ theme }) => _chunk6DWDBCUJcjs.themeOr.call(void 0, theme.hcNeutral, theme.hcNeutral)({ theme });
 var textInputActiveStyles = ({
   theme,
   paddingLeftPx,
-  paddingRightPx
-}) => _react.css`
-  border-color: ${textInputBorderColorFocused({ theme })};
-  border-width: 2px;
-  padding: ${textInputPaddingPx - 1}px;
-  ${paddingLeftPx ? `padding-left: ${paddingLeftPx - 1}px;` : ""}
-  ${paddingRightPx ? `padding-right: ${paddingRightPx - 1}px;` : ""}
-`;
+  paddingRightPx,
+  activeOutline,
+  activeOutlineColor
+}) => {
+  if (activeOutline) {
+    const outlineColor = activeOutlineColor ? _chunk6DWDBCUJcjs.getColor.call(void 0, theme, activeOutlineColor) : textInputBorderColorFocused({ theme });
+    return _react.css`
+      outline: 2px solid ${outlineColor};
+      outline-offset: 2px;
+      caret-color: ${outlineColor};
+    `;
+  }
+  return _react.css`
+    border-color: ${textInputBorderColorFocused({ theme })};
+    border-width: 2px;
+    padding: ${textInputPaddingPx - 1}px;
+    ${paddingLeftPx ? `padding-left: ${paddingLeftPx - 1}px;` : ""}
+    ${paddingRightPx ? `padding-right: ${paddingRightPx - 1}px;` : ""}
+  `;
+};
 var defaultTextInputTypography = {
   type: "Body",
   size: "Small",
@@ -76,6 +89,10 @@ var textInputStyle = ({
   hasError,
   paddingLeftPx,
   paddingRightPx,
+  paddingTopPx,
+  paddingBottomPx,
+  activeOutline,
+  activeOutlineColor,
   typography,
   borderRadius
 }) => {
@@ -93,13 +110,15 @@ var textInputStyle = ({
   padding: ${textInputPaddingPx - (hasError ? 1 : 0)}px;
   ${paddingLeftPx ? `padding-left: ${paddingLeftPx - (hasError ? 1 : 0)}px;` : ""}
   ${paddingRightPx ? `padding-right: ${paddingRightPx - (hasError ? 1 : 0)}px;` : ""}
+  ${paddingTopPx ? `padding-top: ${paddingTopPx - (hasError ? 1 : 0)}px;` : ""}
+  ${paddingBottomPx ? `padding-bottom: ${paddingBottomPx - (hasError ? 1 : 0)}px;` : ""}
   border-style: solid;
   border-width: ${hasError ? "2" : "1"}px;
   border-color: ${hasError ? theme.danger : textInputBorderColor({ theme })};
   line-height: 22px;
   outline: none;
 
-  ${_chunkSZSK5ISJcjs.applyTypography.call(void 0, 
+  ${_chunkQK32JW3Ncjs.applyTypography.call(void 0, 
     theme,
     (typography == null ? void 0 : typography.type) || defaultTextInputTypography.type,
     (typography == null ? void 0 : typography.size) || defaultTextInputTypography.size,
@@ -112,10 +131,22 @@ var textInputStyle = ({
   &:focus,
   &:active,
   &:has(:focus) {
-    ${textInputActiveStyles({ theme, paddingLeftPx, paddingRightPx })}
+    ${textInputActiveStyles({
+    theme,
+    paddingLeftPx,
+    paddingRightPx,
+    activeOutline,
+    activeOutlineColor
+  })}
   }
 
-  ${active && textInputActiveStyles({ theme, paddingLeftPx, paddingRightPx })}
+  ${active && textInputActiveStyles({
+    theme,
+    paddingLeftPx,
+    paddingRightPx,
+    activeOutline,
+    activeOutlineColor
+  })}
 
   &::placeholder {
     color: ${textInputPlaceholderColor({ theme })};
@@ -208,11 +239,11 @@ var labelStyle = ({
   }
 `;
 var Label = _styled2.default.label`
-  ${_chunkOQEP7VDDcjs.subtext}
+  ${_chunkD262WAOVcjs.subtext}
   ${labelStyle}
 `;
 var LabelDiv = _styled2.default.div`
-  ${_chunkOQEP7VDDcjs.subtext}
+  ${_chunkD262WAOVcjs.subtext}
   ${labelStyle}
 `;
 

package/dist/chunk-IWKBCFHJ.cjs

@@ -0,0 +1,24 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/Zap.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function Zap() {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "100%",
+      viewBox: "0 0 16 16",
+      fill: "none",
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "path",
+        {
+          d: "M9.33395 1.60194C9.33395 0.612524 8.05068 0.224007 7.50188 1.04724L2.12471 9.11298C1.68167 9.77751 2.15806 10.6677 2.95676 10.6677H6.66728V14.4001C6.66728 15.3895 7.95048 15.778 8.49928 14.9548L13.8765 6.88904C14.3195 6.2245 13.8431 5.33435 13.0444 5.33435H9.33395V1.60194Z",
+          fill: "currentColor"
+        }
+      )
+    }
+  );
+}
+
+
+
+exports.Zap = Zap;

package/dist/{chunk-CO6KDSEG.js → chunk-J4R6EJA5.js}

@@ -1,10 +1,10 @@
 import {
   toReactNodes
-} from "./chunk-2I22MYIY.js";
+} from "./chunk-TS7Y6L2D.js";
 import {
   StyledCode,
   getPropDefaults
-} from "./chunk-UPMUOBZO.js";
+} from "./chunk-7P4KTLCD.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/{chunk-TWUVFR36.js → chunk-J5HQFAUR.js}

@@ -1,21 +1,21 @@
 import {
   LabelModerate
-} from "./chunk-YLERYYWF.js";
+} from "./chunk-XKCJPDD3.js";
 import {
   Spacing
 } from "./chunk-E5DUKMCU.js";
 import {
   textInputStyle
-} from "./chunk-UGHP4KVZ.js";
+} from "./chunk-P2OCWRMQ.js";
 import {
   z
 } from "./chunk-55OQPFLF.js";
 import {
   Icon
-} from "./chunk-NCLVA6JY.js";
+} from "./chunk-DV6LJQJW.js";
 import {
   getTypographyString
-} from "./chunk-YQP6BIJN.js";
+} from "./chunk-AZSSORPU.js";
 
 // src/components/DataManagerTable/DateWidget.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-DMGDCXCZ.js → chunk-JA2CQPTC.js}

@@ -1,18 +1,18 @@
-import {
-  flexCenter
-} from "./chunk-CD4D43OU.js";
 import {
   Loading
-} from "./chunk-AQ4L3IR5.js";
+} from "./chunk-75PYS7WZ.js";
 import {
   UnstyledButton
-} from "./chunk-7SNXBUCU.js";
+} from "./chunk-ZP6BJB4X.js";
+import {
+  flexCenter
+} from "./chunk-4ZUB5ENE.js";
 import {
   Icon
-} from "./chunk-NCLVA6JY.js";
+} from "./chunk-DV6LJQJW.js";
 import {
   colors
-} from "./chunk-MN4NUSPL.js";
+} from "./chunk-HO7LVJ3R.js";
 
 // src/components/Pill.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-5EFICY5Y.js → chunk-JAGLJ4EU.js}

@@ -1,6 +1,10 @@
 // src/icons/PiggyBank.tsx
 import { jsx, jsxs } from "@emotion/react/jsx-runtime";
-function PiggyBank() {
+function PiggyBank({
+  strokeWidth = "1.5",
+  strokeLinecap = "butt",
+  strokeLinejoin = "miter"
+}) {
   return /* @__PURE__ */ jsxs(
     "svg",
     {
@@ -14,7 +18,9 @@ function PiggyBank() {
           {
             d: "M4.2852 2.80323L4.28378 2.81174C4.16768 3.50397 4.04904 4.21137 3.96368 4.82785C3.3302 5.5199 2.84097 6.34727 2.54459 7.26219H1.75H1.09375V7.91844V10.8244V11.4626L1.7317 11.4804L2.59376 11.5045C2.97833 12.6034 3.64313 13.5696 4.50179 14.318L3.94048 15.3554L3.63587 15.9184L4.19114 16.237L5.64215 17.0693L6.19546 17.3867L6.52843 16.8426L7.20243 15.7413C7.73371 15.8781 8.29024 15.9508 8.86295 15.9508H10.733C11.2494 15.9508 11.7526 15.8917 12.2361 15.7798L12.7333 16.6734L13.0537 17.2493L13.6282 16.9265L15.0524 16.1264L15.6282 15.8028L15.301 15.2291L14.8823 14.495C16.1356 13.4907 17.0179 12.0401 17.2872 10.3828H18.3359C19.2032 10.3828 19.9063 9.67973 19.9063 8.81242C19.9063 7.9451 19.2032 7.242 18.3359 7.242H17.0447C16.1753 4.58759 13.6788 2.66994 10.733 2.66994H8.86295C8.17571 2.66994 7.51184 2.77455 6.88698 2.96907C6.72823 2.86308 6.56121 2.75214 6.39011 2.63848L6.38912 2.63782C6.057 2.4172 5.70863 2.18579 5.36863 1.95616L4.52263 1.3848L4.3541 2.39166L4.28524 2.80302L4.2852 2.80323Z",
             stroke: "currentColor",
-            strokeWidth: "1.3125"
+            strokeWidth,
+            strokeLinecap,
+            strokeLinejoin
           }
         ),
         /* @__PURE__ */ jsx(
@@ -22,8 +28,8 @@ function PiggyBank() {
           {
             d: "M8.87903 5.07309H11.1462",
             stroke: "currentColor",
-            strokeWidth: "1.3125",
-            strokeLinecap: "round"
+            strokeWidth,
+            strokeLinecap
           }
         ),
         /* @__PURE__ */ jsx(

package/dist/{chunk-CFG65CGC.cjs → chunk-JBCEOOZS.cjs}

@@ -41,6 +41,8 @@ var baseColors = _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.
   // less than 50% saturated blue
   grayBlue5: "#0c0d0f",
   grayBlue9: "#16171A",
+  grayBlue12: "#2D2E34",
+  grayBlue14: "#3A3B41",
   grayBlue18: "#21283a",
   grayBlue32: "#4F5156",
   grayBlue43: "#686A72",
@@ -50,6 +52,8 @@ var baseColors = _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.
   grayBlue69: "#A6A9BA",
   grayBlue80: "#C0C9D6",
   grayBlue88: "#DEDFE4",
+  grayBlue92: "#E1EBF5",
+  grayBlue93: "#E6EEF6",
   grayBlue94: "#EBEEF2",
   grayBlue96: "#F2F5F7",
   // purple
@@ -57,13 +61,19 @@ var baseColors = _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.
   purple55: "#8B38DE",
   // red
   red42a10: "#D800271A",
+  red42a20: "#D800272D",
+  red42a30: "#D800273F",
   // yellow
   primary,
   warning: primary,
   // orange
   danger: "#FD2C0F",
   // neutral
-  secondary: neutral.black
+  secondary: neutral.black,
+  // transparent
+  transparent: "transparent",
+  transparenta02: "#00000005",
+  transparenta08: "#00000014"
 });
 var colors = baseColors;
 function isColorKey(key) {

package/dist/{chunk-WVBMQP6O.cjs → chunk-JBO3HA6G.cjs}

@@ -1,11 +1,11 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkOQEP7VDDcjs = require('./chunk-OQEP7VDD.cjs');
+var _chunkD262WAOVcjs = require('./chunk-D262WAOV.cjs');
 
 // src/components/UnstyledButton.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
 var UnstyledButton = _styled2.default.button`
-  ${_chunkOQEP7VDDcjs.standardFocusOutline}
+  ${_chunkD262WAOVcjs.standardFocusOutline}
   font-family: ${({ theme }) => theme.typography.fontFamilies.main};
   appearance: none;
   background: transparent;