@lightsparkdev/ui 1.0.11 → 1.0.12

package/dist/{chunk-HF5DZZF7.js → chunk-H4K2ZEF4.js}

@@ -1,68 +1,68 @@
-import {
-  StyledSelect
-} from "./chunk-MNMGIPSQ.js";
 import {
   Headline
-} from "./chunk-54GVS2VF.js";
+} from "./chunk-QVOEB2KR.js";
 import {
-  StyledFileInput
-} from "./chunk-GEFRH7G5.js";
+  StyledSelect
+} from "./chunk-PEOEIN2Q.js";
 import {
-  ClipboardTextField
-} from "./chunk-V3XAM4BL.js";
+  StyledFileInput
+} from "./chunk-OPQ3OYOA.js";
 import {
   TextInputHalfRow
-} from "./chunk-KIE5GR5E.js";
+} from "./chunk-4RHUIDWO.js";
 import {
   ToggleContainer
-} from "./chunk-CBEPI4BG.js";
+} from "./chunk-LXPA6OZD.js";
 import {
   formButtonTopMarginStyle,
   inputSpacingPx
-} from "./chunk-UGHP4KVZ.js";
+} from "./chunk-IAGH4CKJ.js";
 import {
   StyledButtonRow
-} from "./chunk-2GSZZKB2.js";
-import {
-  pxToRems
-} from "./chunk-CD4D43OU.js";
+} from "./chunk-Z6TZF3W2.js";
 import {
   ButtonSelector
-} from "./chunk-LQKIJF4I.js";
+} from "./chunk-WUPMVX4G.js";
 import {
   LoadingWrapper
-} from "./chunk-AQ4L3IR5.js";
+} from "./chunk-24B3POUB.js";
 import {
   Checkbox
-} from "./chunk-S2VMVARY.js";
+} from "./chunk-PWLKDT2K.js";
 import {
   toReactNodesWithTypographyMap
-} from "./chunk-JZ2MJO3Z.js";
+} from "./chunk-RT7X3ZOO.js";
 import {
   toReactNodes
-} from "./chunk-2I22MYIY.js";
+} from "./chunk-SOGADTSR.js";
 import {
   icon
-} from "./chunk-G5IVQ4O3.js";
+} from "./chunk-FZUV52PP.js";
+import {
+  ClipboardTextField
+} from "./chunk-FC3BTZUR.js";
+import {
+  pxToRems
+} from "./chunk-AV62WHL7.js";
 import {
   mcBold,
   standardBorderRadius,
   standardCardShadow,
   standardCardShadowHard,
   standardContentInset
-} from "./chunk-YBJVTNAP.js";
+} from "./chunk-4H7CTVLY.js";
 import {
   Link
-} from "./chunk-TIX47F5U.js";
+} from "./chunk-PVEDEZJZ.js";
 import {
   getColor
-} from "./chunk-HYUF4RXZ.js";
+} from "./chunk-HCKCJR5Y.js";
 import {
   bp
 } from "./chunk-JSGRNWSB.js";
 import {
   colors
-} from "./chunk-MN4NUSPL.js";
+} from "./chunk-HO7LVJ3R.js";
 import {
   __spreadProps,
   __spreadValues
@@ -73,44 +73,6 @@ import { css, useTheme } from "@emotion/react";
 import styled from "@emotion/styled";
 import { useCallback } from "react";
 import { jsx, jsxs } from "@emotion/react/jsx-runtime";
-var descriptionTypography = {
-  primary: {
-    text: {
-      type: "Body Strong",
-      size: "Small",
-      color: "mcNeutral"
-    },
-    link: {
-      type: "Body Strong",
-      size: "Small",
-      color: "text"
-    }
-  },
-  secondary: {
-    text: {
-      type: "Body Strong",
-      size: "Small",
-      color: "mcNeutral"
-    },
-    link: {
-      type: "Body Strong",
-      size: "Small",
-      color: "text"
-    }
-  },
-  tertiary: {
-    text: {
-      type: "Body",
-      size: "Large",
-      color: "mcNeutral"
-    },
-    link: {
-      type: "Body",
-      size: "Large",
-      color: "text"
-    }
-  }
-};
 function resolveProps(args, theme) {
   const paddingY = resolveCardFormProp(void 0, args.kind, "paddingY", theme);
   const paddingX = resolveCardFormProp(void 0, args.kind, "paddingX", theme);
@@ -157,6 +119,12 @@ function resolveProps(args, theme) {
     "smBorderWidth",
     theme
   );
+  const defaultDescriptionTypographyMap = resolveCardFormProp(
+    void 0,
+    args.kind,
+    "defaultDescriptionTypographyMap",
+    theme
+  );
   const props = {
     paddingY,
     paddingX,
@@ -167,7 +135,8 @@ function resolveProps(args, theme) {
     textAlign,
     backgroundColor,
     smBackgroundColor,
-    smBorderWidth
+    smBorderWidth,
+    defaultDescriptionTypographyMap
   };
   return props;
 }
@@ -186,7 +155,8 @@ function CardForm({
   kind = "primary",
   shadow: shadowProp,
   textAlign: textAlignProp,
-  belowFormContent
+  belowFormContent,
+  belowFormContentGap = 0
 }) {
   const theme = useTheme();
   const {
@@ -199,7 +169,8 @@ function CardForm({
     textAlign,
     backgroundColor,
     smBackgroundColor,
-    smBorderWidth
+    smBorderWidth,
+    defaultDescriptionTypographyMap
   } = resolveProps(
     { kind, textAlign: textAlignProp, shadow: shadowProp },
     theme
@@ -216,7 +187,10 @@ function CardForm({
     },
     [onSubmit, disabled]
   );
-  const formattedDescription = description ? toReactNodesWithTypographyMap(description, descriptionTypography[kind]) : null;
+  const formattedDescription = description ? toReactNodesWithTypographyMap(
+    description,
+    defaultDescriptionTypographyMap
+  ) : null;
   const belowFormContentNodes = belowFormContent ? toReactNodes(belowFormContent) : null;
   const content = /* @__PURE__ */ jsxs(CardFormContent, { children: [
     topContent,
@@ -248,7 +222,7 @@ function CardForm({
   };
   return /* @__PURE__ */ jsxs(CardFormContainer, { children: [
     hasChildForm ? /* @__PURE__ */ jsx(StyledCardFormDiv, __spreadProps(__spreadValues({}, commonProps), { children: content })) : /* @__PURE__ */ jsx(StyledCardForm, __spreadProps(__spreadValues({ onSubmit: onSubmitForm, noValidate: true }, commonProps), { children: content })),
-    /* @__PURE__ */ jsx(BelowCardFormContent, { children: belowFormContentNodes })
+    /* @__PURE__ */ jsx(BelowCardFormContent, { gap: belowFormContentGap, children: belowFormContentNodes })
   ] });
 }
 var CardFormContainer = styled.div`
@@ -267,6 +241,10 @@ var CardFormContent = styled.div`
 var BelowCardFormContent = styled.div`
   text-align: center;
   margin-top: 32px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: ${({ gap }) => gap}px;
 
   ${bp.sm(`
     margin-bottom: 32px;

package/dist/{chunk-3YVEKRB3.js → chunk-H5TVOVCX.js}

@@ -1,6 +1,9 @@
 // src/icons/Plus.tsx
 import { jsx, jsxs } from "@emotion/react/jsx-runtime";
-function Plus() {
+function Plus({
+  strokeWidth = "1.5",
+  strokeLinecap = "round"
+}) {
   return /* @__PURE__ */ jsxs(
     "svg",
     {
@@ -14,8 +17,8 @@ function Plus() {
           {
             d: "M1.875 7.17828H7.1783V1.87498",
             stroke: "currentColor",
-            strokeWidth: "1.40621",
-            strokeLinecap: "round"
+            strokeWidth,
+            strokeLinecap
           }
         ),
         /* @__PURE__ */ jsx(
@@ -23,8 +26,8 @@ function Plus() {
           {
             d: "M7.33203 1.875V7.1783H12.6353",
             stroke: "currentColor",
-            strokeWidth: "1.40621",
-            strokeLinecap: "round"
+            strokeWidth,
+            strokeLinecap
           }
         ),
         /* @__PURE__ */ jsx(
@@ -32,8 +35,8 @@ function Plus() {
           {
             d: "M12.6367 7.33859H7.33342V12.6419",
             stroke: "currentColor",
-            strokeWidth: "1.40621",
-            strokeLinecap: "round"
+            strokeWidth,
+            strokeLinecap
           }
         ),
         /* @__PURE__ */ jsx(
@@ -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-CIWPDNGP.cjs → chunk-HAXWNU7K.cjs}

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunk4L7SC64Icjs = require('./chunk-4L7SC64I.cjs');
+var _chunkKHCCPRY7cjs = require('./chunk-KHCCPRY7.cjs');
 
 
-var _chunkNXETPPGEcjs = require('./chunk-NXETPPGE.cjs');
+var _chunkKOU32XJ2cjs = require('./chunk-KOU32XJ2.cjs');
 
 
 
@@ -25,7 +25,7 @@ function SatoshiInput(_a) {
   ]);
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _react.Fragment, { children: [
     label && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunk4L7SC64Icjs.SatoshiInputLabel,
+      _chunkKHCCPRY7cjs.SatoshiInputLabel,
       {
         text: label.text,
         availableSats: label.availableSats,
@@ -33,7 +33,7 @@ function SatoshiInput(_a) {
       }
     ),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkNXETPPGEcjs.CommaNumberInput_default,
+      _chunkKOU32XJ2cjs.CommaNumberInput_default,
       _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {
         placeholder: "SATs"
       }, rest), {

package/dist/{chunk-HYUF4RXZ.js → chunk-HCKCJR5Y.js}

@@ -1,18 +1,18 @@
 import {
   buttonsThemeBase,
   defaultButtonsTheme
-} from "./chunk-NVLTKMR6.js";
+} from "./chunk-BJSYSTAY.js";
 import {
   cardFormThemeBase,
   defaultCardFormTheme
-} from "./chunk-AK7B5554.js";
+} from "./chunk-ABVJG7FC.js";
 import {
   defaultLoadingTheme,
   loadingThemeBase
 } from "./chunk-LIVMIDVJ.js";
 import {
   getTypography
-} from "./chunk-YQP6BIJN.js";
+} from "./chunk-AZSSORPU.js";
 import {
   useBreakpoints
 } from "./chunk-JSGRNWSB.js";
@@ -21,7 +21,7 @@ import {
   darkGradient,
   hcNeutralFromBg,
   isColorKey
-} from "./chunk-MN4NUSPL.js";
+} from "./chunk-HO7LVJ3R.js";
 import {
   __spreadProps,
   __spreadValues
@@ -63,6 +63,7 @@ var baseThemeColors = {
   info: colors.blue43,
   lcNeutral: colors.gray80,
   link: colors.blue43,
+  linkLight: "#0068C90F",
   mcNeutral: colors.gray40,
   onInfoText: colors.white,
   onPrimaryText: colors.black,
@@ -73,7 +74,8 @@ var baseThemeColors = {
   success: colors.success,
   text: colors.black,
   vlcNeutral: colors.gray95,
-  warning: colors.warning
+  warning: colors.warning,
+  transparent: colors.transparent
 };
 var themeOrColorKeyValues = [
   ...Object.keys(baseThemeColors),
@@ -115,6 +117,7 @@ var darkBaseTheme = {
   info: colors.white,
   lcNeutral: colors.gray40,
   link: colors.blue43,
+  linkLight: "#0068C90F",
   mcNeutral: colors.gray60,
   onInfoText: colors.white,
   onPrimaryText: colors.black,
@@ -127,6 +130,7 @@ var darkBaseTheme = {
   typography: getTypography("Lightspark" /* Lightspark */),
   vlcNeutral: colors.gray20,
   warning: colors.warning,
+  transparent: colors.transparent,
   buttons: defaultButtonsTheme,
   loading: defaultLoadingTheme,
   cardForm: defaultCardFormTheme,
@@ -171,11 +175,14 @@ var umaAuthSdkLightTheme = extend(lightTheme, {
   smBg: colors.gray98,
   secondary: colors.grayBlue43,
   tertiary: colors.grayBlue9,
+  warning: "#F7E3E3",
+  danger: "#E31A1A",
   text: colors.grayBlue9,
   link: colors.blue39,
+  linkLight: "#0068C90F",
   inputBackground: colors.white,
   typography: getTypography("UmaAuthSdk" /* UmaAuthSdk */, {
-    main: "Manrope",
+    main: "Inter",
     code: "Monaco"
   }),
   content: extendBase(lightBaseTheme, {
@@ -204,8 +211,12 @@ var umaAuthSdkLightTheme = extend(lightTheme, {
     kinds: {
       primary: {
         defaultColor: "bg",
+        defaultBorderColor: "blue39",
         defaultBackgroundColor: "blue39",
-        defaultHoverBackgroundColor: "blue37"
+        defaultHoverBackgroundColor: "blue37",
+        defaultHoverBorderColor: "blue37",
+        defaultActiveBackgroundColor: "blue22",
+        defaultActiveBorderColor: "blue22"
       },
       ghost: {
         defaultColor: "secondary",
@@ -215,12 +226,46 @@ var umaAuthSdkLightTheme = extend(lightTheme, {
       },
       secondary: {
         defaultBackgroundColor: "grayBlue94",
-        defaultHoverBackgroundColor: "grayBlue80",
-        defaultBorderColor: "grayBlue80"
+        defaultBorderColor: "grayBlue94",
+        defaultHoverBackgroundColor: "grayBlue88",
+        defaultHoverBorderColor: "grayBlue88",
+        defaultActiveBackgroundColor: "grayBlue57",
+        defaultActiveBorderColor: "grayBlue57"
       },
       tertiary: {
         defaultColor: "bg",
-        defaultHoverBackgroundColor: "grayBlue18"
+        defaultBackgroundColor: "grayBlue9",
+        defaultHoverBackgroundColor: "grayBlue12",
+        defaultActiveBackgroundColor: "grayBlue14"
+      },
+      transparent: {
+        defaultBackgroundColor: "transparent",
+        defaultBorderColor: "transparent",
+        defaultHoverBackgroundColor: "transparenta02",
+        defaultHoverBorderColor: "transparent",
+        defaultActiveBackgroundColor: "transparenta08",
+        defaultActiveBorderColor: "transparent"
+      },
+      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"
+      },
+      danger: {
+        defaultColor: "white"
       }
     }
   })
@@ -235,7 +280,7 @@ var umaAuthSdkDarkTheme = extend(darkTheme, {
   link: colors.blue39,
   inputBackground: colors.gray5,
   typography: getTypography("UmaAuthSdk" /* UmaAuthSdk */, {
-    main: "Manrope",
+    main: "Inter",
     code: "Monaco"
   }),
   content: extendBase(lightBaseTheme, {
@@ -281,6 +326,26 @@ var umaAuthSdkDarkTheme = extend(darkTheme, {
       tertiary: {
         defaultColor: "bg",
         defaultHoverBackgroundColor: "grayBlue80"
+      },
+      transparent: {
+        defaultBackgroundColor: "transparent",
+        defaultBorderColor: "transparent",
+        defaultHoverBackgroundColor: "grayBlue94",
+        defaultHoverBorderColor: "transparent"
+      },
+      linkLight: {
+        defaultColor: "link",
+        defaultBackgroundColor: "linkLight",
+        defaultBorderColor: "transparent",
+        defaultHoverBackgroundColor: "linkLight",
+        defaultHoverBorderColor: "transparent"
+      },
+      warning: {
+        defaultColor: "danger",
+        defaultBackgroundColor: "warning",
+        defaultBorderColor: "transparent",
+        defaultHoverBackgroundColor: "warning",
+        defaultHoverBorderColor: "transparent"
       }
     }
   })
@@ -384,6 +449,18 @@ var bridgeBaseSettings = {
   cardForm: merge(cardFormThemeBase, {
     backgroundColor: "white",
     smBackgroundColor: "bg",
+    defaultDescriptionTypographyMap: {
+      default: {
+        type: "Body",
+        size: "Large",
+        color: "secondary"
+      },
+      link: {
+        type: "Body",
+        size: "Large",
+        color: "text"
+      }
+    },
     kinds: {
       primary: {
         paddingY: 56,

package/dist/{chunk-SZSK5ISJ.cjs → chunk-HCOW6636.cjs}

@@ -1,17 +1,17 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunk7EIZIKLRcjs = require('./chunk-7EIZIKLR.cjs');
+var _chunkC6XJ7ZJFcjs = require('./chunk-C6XJ7ZJF.cjs');
 
 
-var _chunk6PYUHYIPcjs = require('./chunk-6PYUHYIP.cjs');
+var _chunkSZKZWADNcjs = require('./chunk-SZKZWADN.cjs');
 
 // src/styles/typography.tsx
 var applyTypography = (theme, typographyType, size, color = "inherit", applyToAll = true) => {
   const selector = applyToAll ? "&, & *" : "&";
   return `
     ${selector} {
-      ${_chunk6PYUHYIPcjs.getTypographyString.call(void 0, theme, typographyType, size)};
-      color: ${_chunk7EIZIKLRcjs.getFontColor.call(void 0, theme, color)};
+      ${_chunkSZKZWADNcjs.getTypographyString.call(void 0, theme, typographyType, size)};
+      color: ${_chunkC6XJ7ZJFcjs.getFontColor.call(void 0, theme, color)};
     }
   `;
 };

package/dist/{chunk-7SNXBUCU.js → chunk-HGKK6OQJ.js}

@@ -1,6 +1,6 @@
 import {
   standardFocusOutline
-} from "./chunk-YBJVTNAP.js";
+} from "./chunk-4H7CTVLY.js";
 
 // src/components/UnstyledButton.tsx
 import styled from "@emotion/styled";

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-RSPUYVQM.cjs → chunk-HLDOB52A.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkQBAOUYXXcjs = require('./chunk-QBAOUYXX.cjs');
+var _chunkG6OCHOW7cjs = require('./chunk-G6OCHOW7.cjs');
 
 
 var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
@@ -13,7 +13,7 @@ var Filter = ({
   children
 }) => {
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, Container, { children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, FilterHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkQBAOUYXXcjs.LabelModerate, { children: `Filter by ${label}` }) }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, FilterHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkG6OCHOW7cjs.LabelModerate, { children: `Filter by ${label}` }) }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, FilterBody, { children })
   ] });
 };

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-DLBPASW7.js → chunk-HRNYKB2C.js}

@@ -1,6 +1,6 @@
 import {
   LabelModerate
-} from "./chunk-YLERYYWF.js";
+} from "./chunk-UE3WNLRT.js";
 import {
   Spacing
 } from "./chunk-E5DUKMCU.js";

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
+};