@lightsparkdev/ui 1.0.1 → 1.0.3

package/dist/icons/index.js

@@ -1,25 +1,4 @@
-import "../chunk-MD7VQ24I.js";
-import {
-  Upload
-} from "../chunk-6B3T5X4O.js";
-import {
-  WalletSDKIcon
-} from "../chunk-3BSQFYGE.js";
-import {
-  WarningSign
-} from "../chunk-XBKRPEVT.js";
-import {
-  TapSingle
-} from "../chunk-5522HZOC.js";
-import {
-  Team
-} from "../chunk-PJMGLSAW.js";
-import {
-  Terminal
-} from "../chunk-FRZBZ7PD.js";
-import {
-  Trash
-} from "../chunk-3CHMNLGD.js";
+import "../chunk-FT62PIPN.js";
 import {
   TwoArrowsDown
 } from "../chunk-5ZDDVLS6.js";
@@ -33,17 +12,14 @@ import {
   UmaBridgeLoading
 } from "../chunk-MASPP6U5.js";
 import {
-  Selector
-} from "../chunk-RPYB66KY.js";
-import {
-  SemiCircleOverlap
-} from "../chunk-GOURVX6U.js";
+  Upload
+} from "../chunk-6B3T5X4O.js";
 import {
-  Share
-} from "../chunk-HPIVJCNC.js";
+  WalletSDKIcon
+} from "../chunk-3BSQFYGE.js";
 import {
-  ShieldCheck
-} from "../chunk-F3YK2EER.js";
+  WarningSign
+} from "../chunk-XBKRPEVT.js";
 import {
   Sidebar
 } from "../chunk-5XZ7ZEC7.js";
@@ -57,17 +33,17 @@ import {
   SwiftTwoTone
 } from "../chunk-L52XQKBX.js";
 import {
-  Restart
-} from "../chunk-J5NYACJ7.js";
+  TapSingle
+} from "../chunk-5522HZOC.js";
 import {
-  RightArrow
-} from "../chunk-CKOW6ME2.js";
+  Team
+} from "../chunk-PJMGLSAW.js";
 import {
-  Roadmap
-} from "../chunk-BX32TDWY.js";
+  Terminal
+} from "../chunk-FRZBZ7PD.js";
 import {
-  RustTwoTone
-} from "../chunk-IPD2D6QD.js";
+  Trash
+} from "../chunk-3CHMNLGD.js";
 import {
   Satoshi
 } from "../chunk-VRG7HI7X.js";
@@ -81,17 +57,17 @@ import {
   SecurityKey
 } from "../chunk-LQ6VW2FH.js";
 import {
-  Plus
-} from "../chunk-3YVEKRB3.js";
+  Selector
+} from "../chunk-RPYB66KY.js";
 import {
-  PythonTwoTone
-} from "../chunk-M4ORU6SJ.js";
+  SemiCircleOverlap
+} from "../chunk-GOURVX6U.js";
 import {
-  QRCodeIcon
-} from "../chunk-2TGRHBA5.js";
+  Share
+} from "../chunk-HPIVJCNC.js";
 import {
-  QuestionCircle
-} from "../chunk-H5R5ZG3Z.js";
+  ShieldCheck
+} from "../chunk-F3YK2EER.js";
 import {
   QuestionCircleStrong
 } from "../chunk-MXCYWGHN.js";
@@ -105,17 +81,17 @@ import {
   Remove
 } from "../chunk-E6ZB6OJD.js";
 import {
-  Monitor
-} from "../chunk-M2H6AEUK.js";
+  Restart
+} from "../chunk-J5NYACJ7.js";
 import {
-  NodeAdd
-} from "../chunk-XXE3N5AE.js";
+  RightArrow
+} from "../chunk-CKOW6ME2.js";
 import {
-  NotEye
-} from "../chunk-3XGQJIDN.js";
+  Roadmap
+} from "../chunk-BX32TDWY.js";
 import {
-  PaperPlane
-} from "../chunk-GJAG2D3Y.js";
+  RustTwoTone
+} from "../chunk-IPD2D6QD.js";
 import {
   Pencil
 } from "../chunk-G3AHVMGL.js";
@@ -129,17 +105,17 @@ import {
   PiggyBank
 } from "../chunk-5EFICY5Y.js";
 import {
-  LinkIcon
-} from "../chunk-677VQ4DY.js";
+  Plus
+} from "../chunk-3YVEKRB3.js";
 import {
-  LoadingSpinner
-} from "../chunk-BDCKN7K3.js";
+  PythonTwoTone
+} from "../chunk-M4ORU6SJ.js";
 import {
-  Lock
-} from "../chunk-LDOAR276.js";
+  QRCodeIcon
+} from "../chunk-2TGRHBA5.js";
 import {
-  Logo
-} from "../chunk-SIWCH44U.js";
+  QuestionCircle
+} from "../chunk-H5R5ZG3Z.js";
 import {
   LogoBolt
 } from "../chunk-W5QTCRAG.js";
@@ -153,17 +129,17 @@ import {
   Minus
 } from "../chunk-LHSGZZVE.js";
 import {
-  Home
-} from "../chunk-QAWK7SU6.js";
+  Monitor
+} from "../chunk-M2H6AEUK.js";
 import {
-  HorizontalArrows
-} from "../chunk-72CHU34B.js";
+  NodeAdd
+} from "../chunk-XXE3N5AE.js";
 import {
-  Info
-} from "../chunk-5EIYTCCK.js";
+  NotEye
+} from "../chunk-3XGQJIDN.js";
 import {
-  JavaScriptTwoTone
-} from "../chunk-OSOHJUPD.js";
+  PaperPlane
+} from "../chunk-GJAG2D3Y.js";
 import {
   JavaTwoTone
 } from "../chunk-YO5J3T3L.js";
@@ -177,17 +153,17 @@ import {
   LightningOnRoundedSquare
 } from "../chunk-K6KKTYTR.js";
 import {
-  Figma
-} from "../chunk-GKH3ZH4N.js";
+  LinkIcon
+} from "../chunk-677VQ4DY.js";
 import {
-  FlutterTwoTone
-} from "../chunk-7UBU5MKY.js";
+  LoadingSpinner
+} from "../chunk-BDCKN7K3.js";
 import {
-  FramedLetterI
-} from "../chunk-IX5TIDMO.js";
+  Lock
+} from "../chunk-LDOAR276.js";
 import {
-  Gear
-} from "../chunk-FGJPZTJP.js";
+  Logo
+} from "../chunk-SIWCH44U.js";
 import {
   Github
 } from "../chunk-24JOGF62.js";
@@ -201,17 +177,17 @@ import {
   HeartOutline
 } from "../chunk-RCIZUC7L.js";
 import {
-  DollarManropeSmall
-} from "../chunk-KODQP6CN.js";
+  Home
+} from "../chunk-QAWK7SU6.js";
 import {
-  DotGrid1x3Horizontal
-} from "../chunk-UZ4TRHF3.js";
+  HorizontalArrows
+} from "../chunk-72CHU34B.js";
 import {
-  Download
-} from "../chunk-PF5SD6AF.js";
+  Info
+} from "../chunk-5EIYTCCK.js";
 import {
-  Envelope
-} from "../chunk-5XTJZUMA.js";
+  JavaScriptTwoTone
+} from "../chunk-OSOHJUPD.js";
 import {
   ExclamationPoint
 } from "../chunk-262GCJFO.js";
@@ -225,17 +201,17 @@ import {
   EyeDropper
 } from "../chunk-PO5NJLKW.js";
 import {
-  Clock
-} from "../chunk-C4CFIKAL.js";
+  Figma
+} from "../chunk-7Y2G2JDF.js";
 import {
-  Close
-} from "../chunk-TA7W237X.js";
+  FlutterTwoTone
+} from "../chunk-7UBU5MKY.js";
 import {
-  Code
-} from "../chunk-TSYLKHL2.js";
+  FramedLetterI
+} from "../chunk-IX5TIDMO.js";
 import {
-  Copy
-} from "../chunk-ZE4CS3ZS.js";
+  Gear
+} from "../chunk-FGJPZTJP.js";
 import {
   CreditCard
 } from "../chunk-FOC33AUT.js";
@@ -249,17 +225,17 @@ import {
   DollarManrope
 } from "../chunk-4EKGRFUQ.js";
 import {
-  CheckmarkCircleTier1
-} from "../chunk-NETNVCI3.js";
+  DollarManropeSmall
+} from "../chunk-KODQP6CN.js";
 import {
-  CheckmarkCircleTier2
-} from "../chunk-WNQ7KWL6.js";
+  DotGrid1x3Horizontal
+} from "../chunk-UZ4TRHF3.js";
 import {
-  CheckmarkCircleTier3
-} from "../chunk-O6YPHO6M.js";
+  Download
+} from "../chunk-PF5SD6AF.js";
 import {
-  Chevron
-} from "../chunk-2ITITIZK.js";
+  Envelope
+} from "../chunk-5XTJZUMA.js";
 import {
   ChevronLeft
 } from "../chunk-272LB55I.js";
@@ -273,17 +249,17 @@ import {
   CirclePlus
 } from "../chunk-6AFSPHQC.js";
 import {
-  Bank
-} from "../chunk-NESZTWYE.js";
+  Clock
+} from "../chunk-C4CFIKAL.js";
 import {
-  BitcoinB
-} from "../chunk-WHIOQKWN.js";
+  Close
+} from "../chunk-TA7W237X.js";
 import {
-  BitcoinBOnRoundedSquare
-} from "../chunk-CJDIDKDD.js";
+  Code
+} from "../chunk-TSYLKHL2.js";
 import {
-  CameraCapture
-} from "../chunk-SGI4RWHJ.js";
+  Copy
+} from "../chunk-ZE4CS3ZS.js";
 import {
   CaretRight
 } from "../chunk-ZLYJ3AKU.js";
@@ -297,18 +273,17 @@ import {
   CheckmarkCircleGreen
 } from "../chunk-4FM66VF3.js";
 import {
-  ArrowCircle
-} from "../chunk-C5PYKGR6.js";
-import "../chunk-VI6WTKMV.js";
+  CheckmarkCircleTier1
+} from "../chunk-NETNVCI3.js";
 import {
-  ArrowCircleTier1
-} from "../chunk-QW2INB5A.js";
+  CheckmarkCircleTier2
+} from "../chunk-WNQ7KWL6.js";
 import {
-  ArrowCircleTier2
-} from "../chunk-JLD7MGLC.js";
+  CheckmarkCircleTier3
+} from "../chunk-O6YPHO6M.js";
 import {
-  ArrowCircleTier3
-} from "../chunk-DW6LFUI2.js";
+  Chevron
+} from "../chunk-2ITITIZK.js";
 import {
   ArrowCornerDownRight
 } from "../chunk-6AC5YUBP.js";
@@ -320,7 +295,19 @@ import {
 } from "../chunk-Q3YLC4JA.js";
 import {
   ArrowUpRightCircleFill
-} from "../chunk-BAQMHUBZ.js";
+} from "../chunk-2IXAUIKR.js";
+import {
+  Bank
+} from "../chunk-NESZTWYE.js";
+import {
+  BitcoinB
+} from "../chunk-WHIOQKWN.js";
+import {
+  BitcoinBOnRoundedSquare
+} from "../chunk-CJDIDKDD.js";
+import {
+  CameraCapture
+} from "../chunk-SGI4RWHJ.js";
 import {
   AI
 } from "../chunk-36RZWQ7S.js";
@@ -333,6 +320,19 @@ import {
 import {
   AppIcon
 } from "../chunk-U2VV6SRJ.js";
+import {
+  ArrowCircle
+} from "../chunk-C5PYKGR6.js";
+import "../chunk-VI6WTKMV.js";
+import {
+  ArrowCircleTier1
+} from "../chunk-QW2INB5A.js";
+import {
+  ArrowCircleTier2
+} from "../chunk-JLD7MGLC.js";
+import {
+  ArrowCircleTier3
+} from "../chunk-DW6LFUI2.js";
 import "../chunk-LOPKRCGI.js";
 export {
   AI,

package/dist/router.js

@@ -8,9 +8,9 @@ import {
   useMatchRoute,
   useMatchRoutes,
   useNavigate
-} from "./chunk-4QVTXKRX.js";
+} from "./chunk-AAFUVYVP.js";
 import "./chunk-EDN2QDCB.js";
-import "./chunk-KYTOF4WO.js";
+import "./chunk-XUWFUTR4.js";
 import "./chunk-LOPKRCGI.js";
 export {
   Link,

package/dist/styles/buttons.cjs

@@ -54,7 +54,8 @@ var allowedButtonTypographyTypes = [
 ];
 var buttonsThemeBase = {
   defaultSize: "Small",
-  defaultTypography: "Body Strong",
+  defaultTypographyType: "Body Strong",
+  defaultColor: "text",
   defaultBorderRadius: 32,
   defaultBorderWidth: 1,
   defaultBackgroundColor: "bg",
@@ -78,6 +79,7 @@ var buttonsThemeBase = {
 var defaultButtonsTheme = __spreadProps(__spreadValues({}, buttonsThemeBase), {
   kinds: {
     primary: {
+      defaultColor: "bg",
       defaultBorderWidth: 0,
       defaultBackgroundColor: "c9Neutral",
       defaultBorderColor: "c9Neutral",
@@ -105,7 +107,20 @@ var defaultButtonsTheme = __spreadProps(__spreadValues({}, buttonsThemeBase), {
       defaultHoverBorderColor: ["gray90", "gray20"]
     },
     blue39: {
-      defaultBorderColor: "blue39"
+      defaultBorderColor: "blue39",
+      defaultColor: "gray98"
+    },
+    blue43: {
+      defaultColor: "white"
+    },
+    green33: {
+      defaultColor: "white"
+    },
+    purple55: {
+      defaultColor: "white"
+    },
+    danger: {
+      defaultColor: "white"
     }
   }
 });

package/dist/styles/buttons.d.cts

@@ -1,4 +1,4 @@
-export { A as AllowedButtonTypographyTypes, B as ButtonBorderRadius, y as ButtonsThemeKey, r as PaddingY, P as PaddingYKey, w as allowedButtonTypographyTypes, v as buttonBorderRadiuses, x as buttonsThemeBase, z as defaultButtonsTheme } from '../buttons-a63671c2.js';
+export { A as AllowedButtonTypographyTypes, a as ButtonBorderRadius, B as ButtonTypographyArgs, z as ButtonsThemeKey, v as PaddingY, P as PaddingYKey, x as allowedButtonTypographyTypes, w as buttonBorderRadiuses, y as buttonsThemeBase, C as defaultButtonsTheme } from '../buttons-36cdd0fe.js';
 import './tokens/typography.cjs';
 import '@emotion/react';
 import '@emotion/css';

package/dist/styles/buttons.d.ts

@@ -1,4 +1,4 @@
-export { A as AllowedButtonTypographyTypes, B as ButtonBorderRadius, y as ButtonsThemeKey, r as PaddingY, P as PaddingYKey, w as allowedButtonTypographyTypes, v as buttonBorderRadiuses, x as buttonsThemeBase, z as defaultButtonsTheme } from '../buttons-38b5823f.js';
+export { A as AllowedButtonTypographyTypes, a as ButtonBorderRadius, B as ButtonTypographyArgs, z as ButtonsThemeKey, v as PaddingY, P as PaddingYKey, x as allowedButtonTypographyTypes, w as buttonBorderRadiuses, y as buttonsThemeBase, C as defaultButtonsTheme } from '../buttons-35280bfe.js';
 import './tokens/typography.js';
 import '@emotion/react';
 import '@emotion/css';

package/dist/styles/buttons.js

@@ -3,7 +3,7 @@ import {
   buttonBorderRadiuses,
   buttonsThemeBase,
   defaultButtonsTheme
-} from "../chunk-GKBQAEH5.js";
+} from "../chunk-FO7I4E45.js";
 import "../chunk-LOPKRCGI.js";
 export {
   allowedButtonTypographyTypes,

package/dist/styles/colors.cjs

@@ -109,7 +109,7 @@ var colors = baseColors;
 function isColorKey(key) {
   return key in colors;
 }
-function hcNeutralFromBg(bgHex, defaultHex, altHex) {
+function hcNeutralFromBg(bgHex, defaultHex = colors.black, altHex = colors.white) {
   const bgRGB = hexToRGB(bgHex);
   const hcRGB = hexToRGB(defaultHex);
   if (!bgRGB || !hcRGB)

package/dist/styles/colors.d.cts

@@ -47,7 +47,7 @@ declare const colors: {
 };
 type ColorKey = keyof typeof colors;
 declare function isColorKey(key: string): key is ColorKey;
-declare function hcNeutralFromBg(bgHex: string, defaultHex: string, altHex: string): string;
+declare function hcNeutralFromBg(bgHex: string, defaultHex?: string, altHex?: string): string;
 declare function luminance(r: number, g: number, b: number): number;
 type RGB = [number, number, number];
 declare function contrast(rgb1: RGB, rgb2: RGB): number;

package/dist/styles/colors.d.ts

@@ -47,7 +47,7 @@ declare const colors: {
 };
 type ColorKey = keyof typeof colors;
 declare function isColorKey(key: string): key is ColorKey;
-declare function hcNeutralFromBg(bgHex: string, defaultHex: string, altHex: string): string;
+declare function hcNeutralFromBg(bgHex: string, defaultHex?: string, altHex?: string): string;
 declare function luminance(r: number, g: number, b: number): number;
 type RGB = [number, number, number];
 declare function contrast(rgb1: RGB, rgb2: RGB): number;

package/dist/styles/colors.js

@@ -9,7 +9,7 @@ import {
   isColorKey,
   luminance,
   rgbToHex
-} from "../chunk-KYTOF4WO.js";
+} from "../chunk-XUWFUTR4.js";
 import "../chunk-LOPKRCGI.js";
 export {
   colors,

package/dist/styles/common.cjs

@@ -228,7 +228,7 @@ var baseColors = __spreadProps(__spreadValues({}, neutral), {
   secondary: neutral.black
 });
 var colors = baseColors;
-function hcNeutralFromBg(bgHex, defaultHex, altHex) {
+function hcNeutralFromBg(bgHex, defaultHex = colors.black, altHex = colors.white) {
   const bgRGB = hexToRGB(bgHex);
   const hcRGB = hexToRGB(defaultHex);
   if (!bgRGB || !hcRGB)
@@ -269,7 +269,8 @@ var import_deepmerge = __toESM(require("deepmerge"), 1);
 // src/styles/buttons.tsx
 var buttonsThemeBase = {
   defaultSize: "Small",
-  defaultTypography: "Body Strong",
+  defaultTypographyType: "Body Strong",
+  defaultColor: "text",
   defaultBorderRadius: 32,
   defaultBorderWidth: 1,
   defaultBackgroundColor: "bg",
@@ -293,6 +294,7 @@ var buttonsThemeBase = {
 var defaultButtonsTheme = __spreadProps(__spreadValues({}, buttonsThemeBase), {
   kinds: {
     primary: {
+      defaultColor: "bg",
       defaultBorderWidth: 0,
       defaultBackgroundColor: "c9Neutral",
       defaultBorderColor: "c9Neutral",
@@ -320,7 +322,20 @@ var defaultButtonsTheme = __spreadProps(__spreadValues({}, buttonsThemeBase), {
       defaultHoverBorderColor: ["gray90", "gray20"]
     },
     blue39: {
-      defaultBorderColor: "blue39"
+      defaultBorderColor: "blue39",
+      defaultColor: "gray98"
+    },
+    blue43: {
+      defaultColor: "white"
+    },
+    green33: {
+      defaultColor: "white"
+    },
+    purple55: {
+      defaultColor: "white"
+    },
+    danger: {
+      defaultColor: "white"
     }
   }
 });
@@ -3511,7 +3526,8 @@ var baseThemeColors = {
   success: colors.success,
   text: colors.black,
   vlcNeutral: colors.gray95,
-  warning: colors.warning
+  warning: colors.warning,
+  inputBackground: colors.white
 };
 var themeOrColorKeyValues = [
   ...Object.keys(baseThemeColors),
@@ -3559,7 +3575,8 @@ var darkBaseTheme = {
   vlcNeutral: colors.gray20,
   warning: colors.warning,
   buttons: defaultButtonsTheme,
-  loading: "LoadingSpinner"
+  loading: "LoadingSpinner",
+  inputBackground: colors.black
 };
 var lightTheme = extend(lightBaseTheme, {
   header: extendBase(lightBaseTheme, {
@@ -3598,6 +3615,7 @@ var umameDocsLightTheme = extend(lightTheme, {
   secondary: colors.grayBlue43,
   text: colors.grayBlue9,
   link: colors.blue39,
+  inputBackground: colors.white,
   typography: getTypography("UmameDocs" /* UmameDocs */, {
     main: "Manrope",
     code: "Monaco"
@@ -3642,28 +3660,30 @@ var bridgeBaseSettings = {
     code: "Monaco"
   }),
   buttons: (0, import_deepmerge.default)(buttonsThemeBase, {
-    defaultTypography: "Title",
+    defaultTypographyType: "Title",
     defaultSize: "Medium",
     defaultBorderRadius: 8,
     defaultBorderWidth: 0,
+    defaultPaddingsY: {
+      ExtraSmall: 14,
+      Small: 14,
+      Schmedium: 14,
+      Medium: 14,
+      Mlarge: 14,
+      Large: 14
+    },
     kinds: {
       primary: {
+        defaultColor: "bg",
         defaultBackgroundColor: "blue39",
         defaultHoverBackgroundColor: "blue37"
       },
       ghost: {
+        defaultColor: "secondary",
         defaultBackgroundColor: "transparent",
         defaultBorderWidth: 0,
         defaultHoverBackgroundColor: "transparent",
-        defaultHoverBorderColor: "transparent",
-        defaultPaddingsY: {
-          ExtraSmall: 0,
-          Small: 0,
-          Schmedium: 0,
-          Medium: 0,
-          Mlarge: 0,
-          Large: 0
-        }
+        defaultHoverBorderColor: "transparent"
       },
       secondary: {
         defaultBackgroundColor: "transparent",
@@ -3680,7 +3700,8 @@ var bridgeLightTheme = extend(lightTheme, __spreadProps(__spreadValues({}, bridg
   bg: colors.gray98,
   smBg: colors.gray98,
   text: colors.grayBlue9,
-  secondary: colors.grayBlue43
+  secondary: colors.grayBlue43,
+  inputBackground: colors.white
 }));
 var bridgeDarkTheme = extend(darkTheme, __spreadProps(__spreadValues({}, bridgeBaseSettings), {
   type: "bridgeDark" /* BridgeDark */
@@ -3811,11 +3832,12 @@ var overlaySurfaceBorderColor = ({
 `;
 var overlaySurface = ({
   theme,
-  important = false
+  important = false,
+  border = true
 }) => import_react4.css`
-  background-color: ${themeOr(colors.white, theme.c1Neutral)({ theme })}
+  background-color: ${themeOr(theme.bg, theme.c1Neutral)({ theme })}
     ${important ? "!important" : ""};
-  border: 0.5px solid ${important ? "!important" : ""};
+  ${border ? `border: 0.5px solid ${important ? "!important" : ""};` : ""}
   ${overlaySurfaceBorderColor({ theme, important })};
   ${themeOr(
   `box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.08), 0px 1px 4px rgba(0, 0, 0, 0.1) ${important ? "!important" : ""};`,

package/dist/styles/common.d.cts

@@ -2,7 +2,7 @@ import * as _emotion_styled from '@emotion/styled';
 import * as react from 'react';
 import * as _emotion_react from '@emotion/react';
 import { Theme } from '@emotion/react';
-import { W as WithTheme, a as ThemeProp } from '../buttons-a63671c2.js';
+import { W as WithTheme, b as ThemeProp } from '../buttons-36cdd0fe.js';
 import './tokens/typography.cjs';
 import '@emotion/css';
 import './colors.cjs';
@@ -47,8 +47,9 @@ declare const darkGradientBg: _emotion_react.SerializedStyles;
 declare const overlaySurfaceBorderColor: ({ theme, important, }: WithTheme<{
     important?: boolean;
 }>) => _emotion_react.SerializedStyles;
-declare const overlaySurface: ({ theme, important, }: WithTheme<{
+declare const overlaySurface: ({ theme, important, border, }: WithTheme<{
     important?: boolean;
+    border?: boolean;
 }>) => _emotion_react.SerializedStyles;
 declare const mcBold: (theme: Theme) => _emotion_react.SerializedStyles;
 declare const mcBoldStyled: ({ theme }: ThemeProp) => _emotion_react.SerializedStyles;

package/dist/styles/common.d.ts

@@ -2,7 +2,7 @@ import * as _emotion_styled from '@emotion/styled';
 import * as react from 'react';
 import * as _emotion_react from '@emotion/react';
 import { Theme } from '@emotion/react';
-import { W as WithTheme, a as ThemeProp } from '../buttons-38b5823f.js';
+import { W as WithTheme, b as ThemeProp } from '../buttons-35280bfe.js';
 import './tokens/typography.js';
 import '@emotion/css';
 import './colors.js';
@@ -47,8 +47,9 @@ declare const darkGradientBg: _emotion_react.SerializedStyles;
 declare const overlaySurfaceBorderColor: ({ theme, important, }: WithTheme<{
     important?: boolean;
 }>) => _emotion_react.SerializedStyles;
-declare const overlaySurface: ({ theme, important, }: WithTheme<{
+declare const overlaySurface: ({ theme, important, border, }: WithTheme<{
     important?: boolean;
+    border?: boolean;
 }>) => _emotion_react.SerializedStyles;
 declare const mcBold: (theme: Theme) => _emotion_react.SerializedStyles;
 declare const mcBoldStyled: ({ theme }: ThemeProp) => _emotion_react.SerializedStyles;