@lightsparkdev/ui 1.0.3 → 1.0.4

package/dist/{buttons-36cdd0fe.d.ts → themes-37e92940.d.ts}

@@ -1,9 +1,66 @@
 import * as _emotion_react from '@emotion/react';
 import { Theme } from '@emotion/react';
-import { FontFamilies, TypographyGroup, TokenSizeKey } from './styles/tokens/typography.cjs';
+import { TokenSizeKey, FontFamilies, TypographyGroup } from './styles/tokens/typography.cjs';
 import { CSSInterpolation } from '@emotion/css';
 import { ColorKey } from './styles/colors.cjs';
 
+type PaddingYKey = "short" | "regular";
+type PaddingY = number | {
+    [key in PaddingYKey]: number;
+};
+declare const buttonBorderRadiuses: readonly [8, 32];
+type ButtonBorderRadius = (typeof buttonBorderRadiuses)[number];
+declare const allowedButtonTypographyTypes: readonly ["Body", "Body Strong", "Title", "Label", "Label Moderate", "Label Strong"];
+type AllowedButtonTypographyTypes = (typeof allowedButtonTypographyTypes)[number];
+type ButtonTypographyArgs = {
+    type?: AllowedButtonTypographyTypes;
+    color?: ThemeOrColorKey;
+};
+declare const buttonsThemeBase: {
+    defaultSize: TokenSizeKey;
+    defaultTypographyType: "Title" | "Body" | "Body Strong" | "Label" | "Label Moderate" | "Label Strong";
+    defaultColor: ThemeOrColorKey;
+    defaultBorderRadius: 8 | 32;
+    defaultBorderWidth: number;
+    defaultBackgroundColor: BackgroundColorKeyArg;
+    defaultBorderColor: BackgroundColorKeyArg;
+    defaultHoverBackgroundColor: BackgroundColorKeyArg;
+    defaultHoverBorderColor: BackgroundColorKeyArg;
+    defaultOutlineOffset: number;
+    defaultPaddingsY: {
+        ExtraSmall: number;
+        Small: PaddingY;
+        Schmedium: number;
+        Medium: number;
+        Mlarge: number;
+        Large: number;
+    };
+    kinds: {};
+};
+type ButtonsThemeKey = keyof typeof buttonsThemeBase;
+type ButtonKindsProps = Record<string, Partial<typeof buttonsThemeBase>>;
+declare const defaultButtonsTheme: {
+    kinds: ButtonKindsProps;
+    defaultSize: TokenSizeKey;
+    defaultTypographyType: "Title" | "Body" | "Body Strong" | "Label" | "Label Moderate" | "Label Strong";
+    defaultColor: ThemeOrColorKey;
+    defaultBorderRadius: 8 | 32;
+    defaultBorderWidth: number;
+    defaultBackgroundColor: BackgroundColorKeyArg;
+    defaultBorderColor: BackgroundColorKeyArg;
+    defaultHoverBackgroundColor: BackgroundColorKeyArg;
+    defaultHoverBorderColor: BackgroundColorKeyArg;
+    defaultOutlineOffset: number;
+    defaultPaddingsY: {
+        ExtraSmall: number;
+        Small: PaddingY;
+        Schmedium: number;
+        Medium: number;
+        Mlarge: number;
+        Large: number;
+    };
+};
+
 declare enum Themes {
     Light = "light",
     Dark = "dark",
@@ -43,7 +100,6 @@ declare const baseThemeColors: {
     text: string;
     vlcNeutral: string;
     warning: string;
-    inputBackground: string;
 };
 type ThemeColorKey = keyof typeof baseThemeColors;
 declare const themeOrColorKeyValues: readonly string[];
@@ -1751,7 +1807,11 @@ declare const baseTheme: {
             Large: number;
         };
     };
-    loading: "Code" | "LoadingSpinner" | "AI" | "AnchorLink" | "ApiConnection" | "AppIcon" | "ArrowCircle" | "ArrowCircleTier1" | "ArrowCircleTier2" | "ArrowCircleTier3" | "ArrowCornerDownRight" | "ArrowDown" | "ArrowUp" | "ArrowUpRightCircleFill" | "Bank" | "BitcoinB" | "BitcoinBOnRoundedSquare" | "CameraCapture" | "CaretRight" | "CentralArrowShareRight" | "Checkmark" | "CheckmarkCircleGreen" | "CheckmarkCircleTier1" | "CheckmarkCircleTier2" | "CheckmarkCircleTier3" | "Chevron" | "ChevronLeft" | "CircleCheck" | "CircleCheckOutline" | "CirclePlus" | "Clock" | "Close" | "Copy" | "CreditCard" | "DeleteIcon" | "Dollar" | "DollarManrope" | "DollarManropeSmall" | "DotGrid1x3Horizontal" | "Download" | "Envelope" | "ExclamationPoint" | "Explorer" | "Eye" | "EyeDropper" | "Figma" | "FlutterTwoTone" | "FramedLetterI" | "Gear" | "Github" | "GoTwoTone" | "GraphQLTwoTone" | "HeartOutline" | "Home" | "HorizontalArrows" | "Info" | "JavaScriptTwoTone" | "JavaTwoTone" | "KotlinTwoTone" | "LeftArrow" | "LightningOnRoundedSquare" | "LinkIcon" | "Lock" | "Logo" | "LogoBolt" | "LogoOnCircle" | "MagicWand" | "Minus" | "Monitor" | "NodeAdd" | "NotEye" | "PaperPlane" | "Pencil" | "Person" | "PersonCircle" | "PiggyBank" | "Plus" | "PythonTwoTone" | "QRCodeIcon" | "QuestionCircle" | "QuestionCircleStrong" | "ReactTwoTone" | "Recycling" | "Remove" | "Restart" | "RightArrow" | "Roadmap" | "RustTwoTone" | "Satoshi" | "SatoshiRounded" | "Search" | "SecurityKey" | "Selector" | "SemiCircleOverlap" | "Share" | "ShieldCheck" | "Sidebar" | "Sort" | "StackedLines" | "SwiftTwoTone" | "TapSingle" | "Team" | "Terminal" | "Trash" | "TwoArrowsDown" | "TwoArrowsUp" | "Uma" | "UmaBridgeLoading" | "Upload" | "WalletSDKIcon" | "WarningSign";
+    badge: {
+        bg: ThemeOrColorKey;
+    };
+    inputBackground: string;
+    loading: "Code" | "AI" | "AnchorLink" | "ApiConnection" | "AppIcon" | "ArrowCircle" | "ArrowCircleTier1" | "ArrowCircleTier2" | "ArrowCircleTier3" | "ArrowCornerDownRight" | "ArrowDown" | "ArrowUp" | "ArrowUpRightCircleFill" | "Bank" | "BitcoinB" | "BitcoinBOnRoundedSquare" | "CameraCapture" | "CaretRight" | "CentralArrowShareRight" | "Checkmark" | "CheckmarkCircleGreen" | "CheckmarkCircleTier1" | "CheckmarkCircleTier2" | "CheckmarkCircleTier3" | "Chevron" | "ChevronLeft" | "CircleCheck" | "CircleCheckOutline" | "CirclePlus" | "Clock" | "Close" | "Copy" | "CreditCard" | "DeleteIcon" | "Dollar" | "DollarManrope" | "DollarManropeSmall" | "DotGrid1x3Horizontal" | "Download" | "Envelope" | "ExclamationPoint" | "Explorer" | "Eye" | "EyeDropper" | "Figma" | "FlutterTwoTone" | "FramedLetterI" | "Gear" | "Github" | "GoTwoTone" | "GraphQLTwoTone" | "HeartOutline" | "Home" | "HorizontalArrows" | "Info" | "JavaScriptTwoTone" | "JavaTwoTone" | "KotlinTwoTone" | "LeftArrow" | "LightningOnRoundedSquare" | "LinkIcon" | "LoadingSpinner" | "Lock" | "Logo" | "LogoBolt" | "LogoOnCircle" | "MagicWand" | "Minus" | "Monitor" | "NodeAdd" | "NotEye" | "PaperPlane" | "Pencil" | "Person" | "PersonCircle" | "PiggyBank" | "Plus" | "PythonTwoTone" | "QRCodeIcon" | "QuestionCircle" | "QuestionCircleStrong" | "ReactTwoTone" | "Recycling" | "Remove" | "Restart" | "RightArrow" | "Roadmap" | "RustTwoTone" | "Satoshi" | "SatoshiRounded" | "Search" | "SecurityKey" | "Selector" | "SemiCircleOverlap" | "Share" | "ShieldCheck" | "Sidebar" | "Sort" | "StackedLines" | "SwiftTwoTone" | "TapSingle" | "Team" | "Terminal" | "Trash" | "TwoArrowsDown" | "TwoArrowsUp" | "Uma" | "UmaBridgeLoading" | "Upload" | "WalletSDKIcon" | "WarningSign";
     bg: string;
     smBg: string;
     c05Neutral: string;
@@ -1780,7 +1840,6 @@ declare const baseTheme: {
     text: string;
     vlcNeutral: string;
     warning: string;
-    inputBackground: string;
 };
 type BaseTheme = typeof baseTheme;
 type LightsparkSurfaces = {
@@ -3506,7 +3565,11 @@ declare function setFonts(theme: Theme, fontFamilies: FontFamilies): {
             Large: number;
         };
     };
-    loading: "Code" | "LoadingSpinner" | "AI" | "AnchorLink" | "ApiConnection" | "AppIcon" | "ArrowCircle" | "ArrowCircleTier1" | "ArrowCircleTier2" | "ArrowCircleTier3" | "ArrowCornerDownRight" | "ArrowDown" | "ArrowUp" | "ArrowUpRightCircleFill" | "Bank" | "BitcoinB" | "BitcoinBOnRoundedSquare" | "CameraCapture" | "CaretRight" | "CentralArrowShareRight" | "Checkmark" | "CheckmarkCircleGreen" | "CheckmarkCircleTier1" | "CheckmarkCircleTier2" | "CheckmarkCircleTier3" | "Chevron" | "ChevronLeft" | "CircleCheck" | "CircleCheckOutline" | "CirclePlus" | "Clock" | "Close" | "Copy" | "CreditCard" | "DeleteIcon" | "Dollar" | "DollarManrope" | "DollarManropeSmall" | "DotGrid1x3Horizontal" | "Download" | "Envelope" | "ExclamationPoint" | "Explorer" | "Eye" | "EyeDropper" | "Figma" | "FlutterTwoTone" | "FramedLetterI" | "Gear" | "Github" | "GoTwoTone" | "GraphQLTwoTone" | "HeartOutline" | "Home" | "HorizontalArrows" | "Info" | "JavaScriptTwoTone" | "JavaTwoTone" | "KotlinTwoTone" | "LeftArrow" | "LightningOnRoundedSquare" | "LinkIcon" | "Lock" | "Logo" | "LogoBolt" | "LogoOnCircle" | "MagicWand" | "Minus" | "Monitor" | "NodeAdd" | "NotEye" | "PaperPlane" | "Pencil" | "Person" | "PersonCircle" | "PiggyBank" | "Plus" | "PythonTwoTone" | "QRCodeIcon" | "QuestionCircle" | "QuestionCircleStrong" | "ReactTwoTone" | "Recycling" | "Remove" | "Restart" | "RightArrow" | "Roadmap" | "RustTwoTone" | "Satoshi" | "SatoshiRounded" | "Search" | "SecurityKey" | "Selector" | "SemiCircleOverlap" | "Share" | "ShieldCheck" | "Sidebar" | "Sort" | "StackedLines" | "SwiftTwoTone" | "TapSingle" | "Team" | "Terminal" | "Trash" | "TwoArrowsDown" | "TwoArrowsUp" | "Uma" | "UmaBridgeLoading" | "Upload" | "WalletSDKIcon" | "WarningSign";
+    badge: {
+        bg: ThemeOrColorKey;
+    };
+    inputBackground: string;
+    loading: "Code" | "AI" | "AnchorLink" | "ApiConnection" | "AppIcon" | "ArrowCircle" | "ArrowCircleTier1" | "ArrowCircleTier2" | "ArrowCircleTier3" | "ArrowCornerDownRight" | "ArrowDown" | "ArrowUp" | "ArrowUpRightCircleFill" | "Bank" | "BitcoinB" | "BitcoinBOnRoundedSquare" | "CameraCapture" | "CaretRight" | "CentralArrowShareRight" | "Checkmark" | "CheckmarkCircleGreen" | "CheckmarkCircleTier1" | "CheckmarkCircleTier2" | "CheckmarkCircleTier3" | "Chevron" | "ChevronLeft" | "CircleCheck" | "CircleCheckOutline" | "CirclePlus" | "Clock" | "Close" | "Copy" | "CreditCard" | "DeleteIcon" | "Dollar" | "DollarManrope" | "DollarManropeSmall" | "DotGrid1x3Horizontal" | "Download" | "Envelope" | "ExclamationPoint" | "Explorer" | "Eye" | "EyeDropper" | "Figma" | "FlutterTwoTone" | "FramedLetterI" | "Gear" | "Github" | "GoTwoTone" | "GraphQLTwoTone" | "HeartOutline" | "Home" | "HorizontalArrows" | "Info" | "JavaScriptTwoTone" | "JavaTwoTone" | "KotlinTwoTone" | "LeftArrow" | "LightningOnRoundedSquare" | "LinkIcon" | "LoadingSpinner" | "Lock" | "Logo" | "LogoBolt" | "LogoOnCircle" | "MagicWand" | "Minus" | "Monitor" | "NodeAdd" | "NotEye" | "PaperPlane" | "Pencil" | "Person" | "PersonCircle" | "PiggyBank" | "Plus" | "PythonTwoTone" | "QRCodeIcon" | "QuestionCircle" | "QuestionCircleStrong" | "ReactTwoTone" | "Recycling" | "Remove" | "Restart" | "RightArrow" | "Roadmap" | "RustTwoTone" | "Satoshi" | "SatoshiRounded" | "Search" | "SecurityKey" | "Selector" | "SemiCircleOverlap" | "Share" | "ShieldCheck" | "Sidebar" | "Sort" | "StackedLines" | "SwiftTwoTone" | "TapSingle" | "Team" | "Terminal" | "Trash" | "TwoArrowsDown" | "TwoArrowsUp" | "Uma" | "UmaBridgeLoading" | "Upload" | "WalletSDKIcon" | "WarningSign";
     bg: string;
     smBg: string;
     c05Neutral: string;
@@ -3535,7 +3598,6 @@ declare function setFonts(theme: Theme, fontFamilies: FontFamilies): {
     text: string;
     vlcNeutral: string;
     warning: string;
-    inputBackground: string;
     header: {
         type: Themes;
         typography: {
@@ -5238,7 +5300,11 @@ declare function setFonts(theme: Theme, fontFamilies: FontFamilies): {
                 Large: number;
             };
         };
-        loading: "Code" | "LoadingSpinner" | "AI" | "AnchorLink" | "ApiConnection" | "AppIcon" | "ArrowCircle" | "ArrowCircleTier1" | "ArrowCircleTier2" | "ArrowCircleTier3" | "ArrowCornerDownRight" | "ArrowDown" | "ArrowUp" | "ArrowUpRightCircleFill" | "Bank" | "BitcoinB" | "BitcoinBOnRoundedSquare" | "CameraCapture" | "CaretRight" | "CentralArrowShareRight" | "Checkmark" | "CheckmarkCircleGreen" | "CheckmarkCircleTier1" | "CheckmarkCircleTier2" | "CheckmarkCircleTier3" | "Chevron" | "ChevronLeft" | "CircleCheck" | "CircleCheckOutline" | "CirclePlus" | "Clock" | "Close" | "Copy" | "CreditCard" | "DeleteIcon" | "Dollar" | "DollarManrope" | "DollarManropeSmall" | "DotGrid1x3Horizontal" | "Download" | "Envelope" | "ExclamationPoint" | "Explorer" | "Eye" | "EyeDropper" | "Figma" | "FlutterTwoTone" | "FramedLetterI" | "Gear" | "Github" | "GoTwoTone" | "GraphQLTwoTone" | "HeartOutline" | "Home" | "HorizontalArrows" | "Info" | "JavaScriptTwoTone" | "JavaTwoTone" | "KotlinTwoTone" | "LeftArrow" | "LightningOnRoundedSquare" | "LinkIcon" | "Lock" | "Logo" | "LogoBolt" | "LogoOnCircle" | "MagicWand" | "Minus" | "Monitor" | "NodeAdd" | "NotEye" | "PaperPlane" | "Pencil" | "Person" | "PersonCircle" | "PiggyBank" | "Plus" | "PythonTwoTone" | "QRCodeIcon" | "QuestionCircle" | "QuestionCircleStrong" | "ReactTwoTone" | "Recycling" | "Remove" | "Restart" | "RightArrow" | "Roadmap" | "RustTwoTone" | "Satoshi" | "SatoshiRounded" | "Search" | "SecurityKey" | "Selector" | "SemiCircleOverlap" | "Share" | "ShieldCheck" | "Sidebar" | "Sort" | "StackedLines" | "SwiftTwoTone" | "TapSingle" | "Team" | "Terminal" | "Trash" | "TwoArrowsDown" | "TwoArrowsUp" | "Uma" | "UmaBridgeLoading" | "Upload" | "WalletSDKIcon" | "WarningSign";
+        badge: {
+            bg: ThemeOrColorKey;
+        };
+        inputBackground: string;
+        loading: "Code" | "AI" | "AnchorLink" | "ApiConnection" | "AppIcon" | "ArrowCircle" | "ArrowCircleTier1" | "ArrowCircleTier2" | "ArrowCircleTier3" | "ArrowCornerDownRight" | "ArrowDown" | "ArrowUp" | "ArrowUpRightCircleFill" | "Bank" | "BitcoinB" | "BitcoinBOnRoundedSquare" | "CameraCapture" | "CaretRight" | "CentralArrowShareRight" | "Checkmark" | "CheckmarkCircleGreen" | "CheckmarkCircleTier1" | "CheckmarkCircleTier2" | "CheckmarkCircleTier3" | "Chevron" | "ChevronLeft" | "CircleCheck" | "CircleCheckOutline" | "CirclePlus" | "Clock" | "Close" | "Copy" | "CreditCard" | "DeleteIcon" | "Dollar" | "DollarManrope" | "DollarManropeSmall" | "DotGrid1x3Horizontal" | "Download" | "Envelope" | "ExclamationPoint" | "Explorer" | "Eye" | "EyeDropper" | "Figma" | "FlutterTwoTone" | "FramedLetterI" | "Gear" | "Github" | "GoTwoTone" | "GraphQLTwoTone" | "HeartOutline" | "Home" | "HorizontalArrows" | "Info" | "JavaScriptTwoTone" | "JavaTwoTone" | "KotlinTwoTone" | "LeftArrow" | "LightningOnRoundedSquare" | "LinkIcon" | "LoadingSpinner" | "Lock" | "Logo" | "LogoBolt" | "LogoOnCircle" | "MagicWand" | "Minus" | "Monitor" | "NodeAdd" | "NotEye" | "PaperPlane" | "Pencil" | "Person" | "PersonCircle" | "PiggyBank" | "Plus" | "PythonTwoTone" | "QRCodeIcon" | "QuestionCircle" | "QuestionCircleStrong" | "ReactTwoTone" | "Recycling" | "Remove" | "Restart" | "RightArrow" | "Roadmap" | "RustTwoTone" | "Satoshi" | "SatoshiRounded" | "Search" | "SecurityKey" | "Selector" | "SemiCircleOverlap" | "Share" | "ShieldCheck" | "Sidebar" | "Sort" | "StackedLines" | "SwiftTwoTone" | "TapSingle" | "Team" | "Terminal" | "Trash" | "TwoArrowsDown" | "TwoArrowsUp" | "Uma" | "UmaBridgeLoading" | "Upload" | "WalletSDKIcon" | "WarningSign";
         bg: string;
         smBg: string;
         c05Neutral: string;
@@ -5267,7 +5333,6 @@ declare function setFonts(theme: Theme, fontFamilies: FontFamilies): {
         text: string;
         vlcNeutral: string;
         warning: string;
-        inputBackground: string;
     };
     nav: {
         type: Themes;
@@ -6971,7 +7036,11 @@ declare function setFonts(theme: Theme, fontFamilies: FontFamilies): {
                 Large: number;
             };
         };
-        loading: "Code" | "LoadingSpinner" | "AI" | "AnchorLink" | "ApiConnection" | "AppIcon" | "ArrowCircle" | "ArrowCircleTier1" | "ArrowCircleTier2" | "ArrowCircleTier3" | "ArrowCornerDownRight" | "ArrowDown" | "ArrowUp" | "ArrowUpRightCircleFill" | "Bank" | "BitcoinB" | "BitcoinBOnRoundedSquare" | "CameraCapture" | "CaretRight" | "CentralArrowShareRight" | "Checkmark" | "CheckmarkCircleGreen" | "CheckmarkCircleTier1" | "CheckmarkCircleTier2" | "CheckmarkCircleTier3" | "Chevron" | "ChevronLeft" | "CircleCheck" | "CircleCheckOutline" | "CirclePlus" | "Clock" | "Close" | "Copy" | "CreditCard" | "DeleteIcon" | "Dollar" | "DollarManrope" | "DollarManropeSmall" | "DotGrid1x3Horizontal" | "Download" | "Envelope" | "ExclamationPoint" | "Explorer" | "Eye" | "EyeDropper" | "Figma" | "FlutterTwoTone" | "FramedLetterI" | "Gear" | "Github" | "GoTwoTone" | "GraphQLTwoTone" | "HeartOutline" | "Home" | "HorizontalArrows" | "Info" | "JavaScriptTwoTone" | "JavaTwoTone" | "KotlinTwoTone" | "LeftArrow" | "LightningOnRoundedSquare" | "LinkIcon" | "Lock" | "Logo" | "LogoBolt" | "LogoOnCircle" | "MagicWand" | "Minus" | "Monitor" | "NodeAdd" | "NotEye" | "PaperPlane" | "Pencil" | "Person" | "PersonCircle" | "PiggyBank" | "Plus" | "PythonTwoTone" | "QRCodeIcon" | "QuestionCircle" | "QuestionCircleStrong" | "ReactTwoTone" | "Recycling" | "Remove" | "Restart" | "RightArrow" | "Roadmap" | "RustTwoTone" | "Satoshi" | "SatoshiRounded" | "Search" | "SecurityKey" | "Selector" | "SemiCircleOverlap" | "Share" | "ShieldCheck" | "Sidebar" | "Sort" | "StackedLines" | "SwiftTwoTone" | "TapSingle" | "Team" | "Terminal" | "Trash" | "TwoArrowsDown" | "TwoArrowsUp" | "Uma" | "UmaBridgeLoading" | "Upload" | "WalletSDKIcon" | "WarningSign";
+        badge: {
+            bg: ThemeOrColorKey;
+        };
+        inputBackground: string;
+        loading: "Code" | "AI" | "AnchorLink" | "ApiConnection" | "AppIcon" | "ArrowCircle" | "ArrowCircleTier1" | "ArrowCircleTier2" | "ArrowCircleTier3" | "ArrowCornerDownRight" | "ArrowDown" | "ArrowUp" | "ArrowUpRightCircleFill" | "Bank" | "BitcoinB" | "BitcoinBOnRoundedSquare" | "CameraCapture" | "CaretRight" | "CentralArrowShareRight" | "Checkmark" | "CheckmarkCircleGreen" | "CheckmarkCircleTier1" | "CheckmarkCircleTier2" | "CheckmarkCircleTier3" | "Chevron" | "ChevronLeft" | "CircleCheck" | "CircleCheckOutline" | "CirclePlus" | "Clock" | "Close" | "Copy" | "CreditCard" | "DeleteIcon" | "Dollar" | "DollarManrope" | "DollarManropeSmall" | "DotGrid1x3Horizontal" | "Download" | "Envelope" | "ExclamationPoint" | "Explorer" | "Eye" | "EyeDropper" | "Figma" | "FlutterTwoTone" | "FramedLetterI" | "Gear" | "Github" | "GoTwoTone" | "GraphQLTwoTone" | "HeartOutline" | "Home" | "HorizontalArrows" | "Info" | "JavaScriptTwoTone" | "JavaTwoTone" | "KotlinTwoTone" | "LeftArrow" | "LightningOnRoundedSquare" | "LinkIcon" | "LoadingSpinner" | "Lock" | "Logo" | "LogoBolt" | "LogoOnCircle" | "MagicWand" | "Minus" | "Monitor" | "NodeAdd" | "NotEye" | "PaperPlane" | "Pencil" | "Person" | "PersonCircle" | "PiggyBank" | "Plus" | "PythonTwoTone" | "QRCodeIcon" | "QuestionCircle" | "QuestionCircleStrong" | "ReactTwoTone" | "Recycling" | "Remove" | "Restart" | "RightArrow" | "Roadmap" | "RustTwoTone" | "Satoshi" | "SatoshiRounded" | "Search" | "SecurityKey" | "Selector" | "SemiCircleOverlap" | "Share" | "ShieldCheck" | "Sidebar" | "Sort" | "StackedLines" | "SwiftTwoTone" | "TapSingle" | "Team" | "Terminal" | "Trash" | "TwoArrowsDown" | "TwoArrowsUp" | "Uma" | "UmaBridgeLoading" | "Upload" | "WalletSDKIcon" | "WarningSign";
         bg: string;
         smBg: string;
         c05Neutral: string;
@@ -7000,7 +7069,6 @@ declare function setFonts(theme: Theme, fontFamilies: FontFamilies): {
         text: string;
         vlcNeutral: string;
         warning: string;
-        inputBackground: string;
     };
     content: {
         type: Themes;
@@ -8704,7 +8772,11 @@ declare function setFonts(theme: Theme, fontFamilies: FontFamilies): {
                 Large: number;
             };
         };
-        loading: "Code" | "LoadingSpinner" | "AI" | "AnchorLink" | "ApiConnection" | "AppIcon" | "ArrowCircle" | "ArrowCircleTier1" | "ArrowCircleTier2" | "ArrowCircleTier3" | "ArrowCornerDownRight" | "ArrowDown" | "ArrowUp" | "ArrowUpRightCircleFill" | "Bank" | "BitcoinB" | "BitcoinBOnRoundedSquare" | "CameraCapture" | "CaretRight" | "CentralArrowShareRight" | "Checkmark" | "CheckmarkCircleGreen" | "CheckmarkCircleTier1" | "CheckmarkCircleTier2" | "CheckmarkCircleTier3" | "Chevron" | "ChevronLeft" | "CircleCheck" | "CircleCheckOutline" | "CirclePlus" | "Clock" | "Close" | "Copy" | "CreditCard" | "DeleteIcon" | "Dollar" | "DollarManrope" | "DollarManropeSmall" | "DotGrid1x3Horizontal" | "Download" | "Envelope" | "ExclamationPoint" | "Explorer" | "Eye" | "EyeDropper" | "Figma" | "FlutterTwoTone" | "FramedLetterI" | "Gear" | "Github" | "GoTwoTone" | "GraphQLTwoTone" | "HeartOutline" | "Home" | "HorizontalArrows" | "Info" | "JavaScriptTwoTone" | "JavaTwoTone" | "KotlinTwoTone" | "LeftArrow" | "LightningOnRoundedSquare" | "LinkIcon" | "Lock" | "Logo" | "LogoBolt" | "LogoOnCircle" | "MagicWand" | "Minus" | "Monitor" | "NodeAdd" | "NotEye" | "PaperPlane" | "Pencil" | "Person" | "PersonCircle" | "PiggyBank" | "Plus" | "PythonTwoTone" | "QRCodeIcon" | "QuestionCircle" | "QuestionCircleStrong" | "ReactTwoTone" | "Recycling" | "Remove" | "Restart" | "RightArrow" | "Roadmap" | "RustTwoTone" | "Satoshi" | "SatoshiRounded" | "Search" | "SecurityKey" | "Selector" | "SemiCircleOverlap" | "Share" | "ShieldCheck" | "Sidebar" | "Sort" | "StackedLines" | "SwiftTwoTone" | "TapSingle" | "Team" | "Terminal" | "Trash" | "TwoArrowsDown" | "TwoArrowsUp" | "Uma" | "UmaBridgeLoading" | "Upload" | "WalletSDKIcon" | "WarningSign";
+        badge: {
+            bg: ThemeOrColorKey;
+        };
+        inputBackground: string;
+        loading: "Code" | "AI" | "AnchorLink" | "ApiConnection" | "AppIcon" | "ArrowCircle" | "ArrowCircleTier1" | "ArrowCircleTier2" | "ArrowCircleTier3" | "ArrowCornerDownRight" | "ArrowDown" | "ArrowUp" | "ArrowUpRightCircleFill" | "Bank" | "BitcoinB" | "BitcoinBOnRoundedSquare" | "CameraCapture" | "CaretRight" | "CentralArrowShareRight" | "Checkmark" | "CheckmarkCircleGreen" | "CheckmarkCircleTier1" | "CheckmarkCircleTier2" | "CheckmarkCircleTier3" | "Chevron" | "ChevronLeft" | "CircleCheck" | "CircleCheckOutline" | "CirclePlus" | "Clock" | "Close" | "Copy" | "CreditCard" | "DeleteIcon" | "Dollar" | "DollarManrope" | "DollarManropeSmall" | "DotGrid1x3Horizontal" | "Download" | "Envelope" | "ExclamationPoint" | "Explorer" | "Eye" | "EyeDropper" | "Figma" | "FlutterTwoTone" | "FramedLetterI" | "Gear" | "Github" | "GoTwoTone" | "GraphQLTwoTone" | "HeartOutline" | "Home" | "HorizontalArrows" | "Info" | "JavaScriptTwoTone" | "JavaTwoTone" | "KotlinTwoTone" | "LeftArrow" | "LightningOnRoundedSquare" | "LinkIcon" | "LoadingSpinner" | "Lock" | "Logo" | "LogoBolt" | "LogoOnCircle" | "MagicWand" | "Minus" | "Monitor" | "NodeAdd" | "NotEye" | "PaperPlane" | "Pencil" | "Person" | "PersonCircle" | "PiggyBank" | "Plus" | "PythonTwoTone" | "QRCodeIcon" | "QuestionCircle" | "QuestionCircleStrong" | "ReactTwoTone" | "Recycling" | "Remove" | "Restart" | "RightArrow" | "Roadmap" | "RustTwoTone" | "Satoshi" | "SatoshiRounded" | "Search" | "SecurityKey" | "Selector" | "SemiCircleOverlap" | "Share" | "ShieldCheck" | "Sidebar" | "Sort" | "StackedLines" | "SwiftTwoTone" | "TapSingle" | "Team" | "Terminal" | "Trash" | "TwoArrowsDown" | "TwoArrowsUp" | "Uma" | "UmaBridgeLoading" | "Upload" | "WalletSDKIcon" | "WarningSign";
         bg: string;
         smBg: string;
         c05Neutral: string;
@@ -8733,7 +8805,6 @@ declare function setFonts(theme: Theme, fontFamilies: FontFamilies): {
         text: string;
         vlcNeutral: string;
         warning: string;
-        inputBackground: string;
     };
     controls: {
         type: Themes;
@@ -10437,7 +10508,11 @@ declare function setFonts(theme: Theme, fontFamilies: FontFamilies): {
                 Large: number;
             };
         };
-        loading: "Code" | "LoadingSpinner" | "AI" | "AnchorLink" | "ApiConnection" | "AppIcon" | "ArrowCircle" | "ArrowCircleTier1" | "ArrowCircleTier2" | "ArrowCircleTier3" | "ArrowCornerDownRight" | "ArrowDown" | "ArrowUp" | "ArrowUpRightCircleFill" | "Bank" | "BitcoinB" | "BitcoinBOnRoundedSquare" | "CameraCapture" | "CaretRight" | "CentralArrowShareRight" | "Checkmark" | "CheckmarkCircleGreen" | "CheckmarkCircleTier1" | "CheckmarkCircleTier2" | "CheckmarkCircleTier3" | "Chevron" | "ChevronLeft" | "CircleCheck" | "CircleCheckOutline" | "CirclePlus" | "Clock" | "Close" | "Copy" | "CreditCard" | "DeleteIcon" | "Dollar" | "DollarManrope" | "DollarManropeSmall" | "DotGrid1x3Horizontal" | "Download" | "Envelope" | "ExclamationPoint" | "Explorer" | "Eye" | "EyeDropper" | "Figma" | "FlutterTwoTone" | "FramedLetterI" | "Gear" | "Github" | "GoTwoTone" | "GraphQLTwoTone" | "HeartOutline" | "Home" | "HorizontalArrows" | "Info" | "JavaScriptTwoTone" | "JavaTwoTone" | "KotlinTwoTone" | "LeftArrow" | "LightningOnRoundedSquare" | "LinkIcon" | "Lock" | "Logo" | "LogoBolt" | "LogoOnCircle" | "MagicWand" | "Minus" | "Monitor" | "NodeAdd" | "NotEye" | "PaperPlane" | "Pencil" | "Person" | "PersonCircle" | "PiggyBank" | "Plus" | "PythonTwoTone" | "QRCodeIcon" | "QuestionCircle" | "QuestionCircleStrong" | "ReactTwoTone" | "Recycling" | "Remove" | "Restart" | "RightArrow" | "Roadmap" | "RustTwoTone" | "Satoshi" | "SatoshiRounded" | "Search" | "SecurityKey" | "Selector" | "SemiCircleOverlap" | "Share" | "ShieldCheck" | "Sidebar" | "Sort" | "StackedLines" | "SwiftTwoTone" | "TapSingle" | "Team" | "Terminal" | "Trash" | "TwoArrowsDown" | "TwoArrowsUp" | "Uma" | "UmaBridgeLoading" | "Upload" | "WalletSDKIcon" | "WarningSign";
+        badge: {
+            bg: ThemeOrColorKey;
+        };
+        inputBackground: string;
+        loading: "Code" | "AI" | "AnchorLink" | "ApiConnection" | "AppIcon" | "ArrowCircle" | "ArrowCircleTier1" | "ArrowCircleTier2" | "ArrowCircleTier3" | "ArrowCornerDownRight" | "ArrowDown" | "ArrowUp" | "ArrowUpRightCircleFill" | "Bank" | "BitcoinB" | "BitcoinBOnRoundedSquare" | "CameraCapture" | "CaretRight" | "CentralArrowShareRight" | "Checkmark" | "CheckmarkCircleGreen" | "CheckmarkCircleTier1" | "CheckmarkCircleTier2" | "CheckmarkCircleTier3" | "Chevron" | "ChevronLeft" | "CircleCheck" | "CircleCheckOutline" | "CirclePlus" | "Clock" | "Close" | "Copy" | "CreditCard" | "DeleteIcon" | "Dollar" | "DollarManrope" | "DollarManropeSmall" | "DotGrid1x3Horizontal" | "Download" | "Envelope" | "ExclamationPoint" | "Explorer" | "Eye" | "EyeDropper" | "Figma" | "FlutterTwoTone" | "FramedLetterI" | "Gear" | "Github" | "GoTwoTone" | "GraphQLTwoTone" | "HeartOutline" | "Home" | "HorizontalArrows" | "Info" | "JavaScriptTwoTone" | "JavaTwoTone" | "KotlinTwoTone" | "LeftArrow" | "LightningOnRoundedSquare" | "LinkIcon" | "LoadingSpinner" | "Lock" | "Logo" | "LogoBolt" | "LogoOnCircle" | "MagicWand" | "Minus" | "Monitor" | "NodeAdd" | "NotEye" | "PaperPlane" | "Pencil" | "Person" | "PersonCircle" | "PiggyBank" | "Plus" | "PythonTwoTone" | "QRCodeIcon" | "QuestionCircle" | "QuestionCircleStrong" | "ReactTwoTone" | "Recycling" | "Remove" | "Restart" | "RightArrow" | "Roadmap" | "RustTwoTone" | "Satoshi" | "SatoshiRounded" | "Search" | "SecurityKey" | "Selector" | "SemiCircleOverlap" | "Share" | "ShieldCheck" | "Sidebar" | "Sort" | "StackedLines" | "SwiftTwoTone" | "TapSingle" | "Team" | "Terminal" | "Trash" | "TwoArrowsDown" | "TwoArrowsUp" | "Uma" | "UmaBridgeLoading" | "Upload" | "WalletSDKIcon" | "WarningSign";
         bg: string;
         smBg: string;
         c05Neutral: string;
@@ -10466,7 +10541,6 @@ declare function setFonts(theme: Theme, fontFamilies: FontFamilies): {
         text: string;
         vlcNeutral: string;
         warning: string;
-        inputBackground: string;
     };
 };
 declare function isThemeColorKey(key: unknown): key is ThemeColorKey;
@@ -10486,71 +10560,14 @@ declare const themeOr: (lightValue: string, darkValue: string) => ({ theme }: {
 }) => string;
 declare function ifLight(style: CSSInterpolation): ({ theme }: {
     theme: LightsparkTheme;
-}) => _emotion_react.SerializedStyles | "";
+}) => "" | _emotion_react.SerializedStyles;
 declare function ifDark(style: CSSInterpolation): ({ theme }: {
     theme: LightsparkTheme;
-}) => _emotion_react.SerializedStyles | "";
+}) => "" | _emotion_react.SerializedStyles;
 declare function useThemeBg(): string;
 type ThemeProp = {
     theme: Theme;
 };
 type WithTheme<T extends Record<string, unknown>> = T & ThemeProp;
 
-type PaddingYKey = "short" | "regular";
-type PaddingY = number | {
-    [key in PaddingYKey]: number;
-};
-declare const buttonBorderRadiuses: readonly [8, 32];
-type ButtonBorderRadius = (typeof buttonBorderRadiuses)[number];
-declare const allowedButtonTypographyTypes: readonly ["Body", "Body Strong", "Title", "Label", "Label Moderate", "Label Strong"];
-type AllowedButtonTypographyTypes = (typeof allowedButtonTypographyTypes)[number];
-type ButtonTypographyArgs = {
-    type?: AllowedButtonTypographyTypes;
-    color?: ThemeOrColorKey;
-};
-declare const buttonsThemeBase: {
-    defaultSize: TokenSizeKey;
-    defaultTypographyType: "Title" | "Body" | "Body Strong" | "Label" | "Label Moderate" | "Label Strong";
-    defaultColor: ThemeOrColorKey;
-    defaultBorderRadius: 8 | 32;
-    defaultBorderWidth: number;
-    defaultBackgroundColor: BackgroundColorKeyArg;
-    defaultBorderColor: BackgroundColorKeyArg;
-    defaultHoverBackgroundColor: BackgroundColorKeyArg;
-    defaultHoverBorderColor: BackgroundColorKeyArg;
-    defaultOutlineOffset: number;
-    defaultPaddingsY: {
-        ExtraSmall: number;
-        Small: PaddingY;
-        Schmedium: number;
-        Medium: number;
-        Mlarge: number;
-        Large: number;
-    };
-    kinds: {};
-};
-type ButtonsThemeKey = keyof typeof buttonsThemeBase;
-type ButtonKindsProps = Record<string, Partial<typeof buttonsThemeBase>>;
-declare const defaultButtonsTheme: {
-    kinds: ButtonKindsProps;
-    defaultSize: TokenSizeKey;
-    defaultTypographyType: "Title" | "Body" | "Body Strong" | "Label" | "Label Moderate" | "Label Strong";
-    defaultColor: ThemeOrColorKey;
-    defaultBorderRadius: 8 | 32;
-    defaultBorderWidth: number;
-    defaultBackgroundColor: BackgroundColorKeyArg;
-    defaultBorderColor: BackgroundColorKeyArg;
-    defaultHoverBackgroundColor: BackgroundColorKeyArg;
-    defaultHoverBorderColor: BackgroundColorKeyArg;
-    defaultOutlineOffset: number;
-    defaultPaddingsY: {
-        ExtraSmall: number;
-        Small: PaddingY;
-        Schmedium: number;
-        Medium: number;
-        Mlarge: number;
-        Large: number;
-    };
-};
-
-export { AllowedButtonTypographyTypes as A, ButtonTypographyArgs as B, defaultButtonsTheme as C, FontColorKey as F, LightsparkTheme as L, PaddingYKey as P, SurfaceThemeColorKey as S, ThemeOrColorKey as T, WithTheme as W, ButtonBorderRadius as a, ThemeProp as b, Themes as c, themes as d, isThemeOrColorKey as e, getFontColor as f, getColor as g, BackgroundColorKey as h, isThemeColorKey as i, BackgroundColorKeyArg as j, isBackgroundColorKey as k, isBackgroundColorKeyTuple as l, getBackgroundColor as m, isDark as n, isLight as o, themeOr as p, ifLight as q, ifDark as r, setFonts as s, themeOrColorKeyValues as t, useThemeBg as u, PaddingY as v, buttonBorderRadiuses as w, allowedButtonTypographyTypes as x, buttonsThemeBase as y, ButtonsThemeKey as z };
+export { AllowedButtonTypographyTypes as A, ButtonTypographyArgs as B, useThemeBg as C, FontColorKey as F, LightsparkTheme as L, PaddingYKey as P, SurfaceThemeColorKey as S, ThemeOrColorKey as T, WithTheme as W, ButtonBorderRadius as a, ThemeProp as b, PaddingY as c, buttonBorderRadiuses as d, allowedButtonTypographyTypes as e, buttonsThemeBase as f, ButtonsThemeKey as g, defaultButtonsTheme as h, Themes as i, themes as j, isThemeColorKey as k, isThemeOrColorKey as l, getColor as m, getFontColor as n, BackgroundColorKey as o, BackgroundColorKeyArg as p, isBackgroundColorKey as q, isBackgroundColorKeyTuple as r, setFonts as s, themeOrColorKeyValues as t, getBackgroundColor as u, isDark as v, isLight as w, themeOr as x, ifLight as y, ifDark as z };