@funkit/connect 2.0.7 → 3.0.0-next.1

package/dist/css/sprinkles.css.d.ts

@@ -5,10 +5,8 @@ declare const themeContractValues: {
         accentColor: string;
         accentColorForeground: string;
         actionButtonBorder: string;
-        actionButtonSecondaryBackground: string;
         connectButtonBackground: string;
         connectButtonBackgroundError: string;
-        connectButtonInnerBackground: string;
         connectButtonText: string;
         connectButtonTextError: string;
         connectionIndicator: string;
@@ -16,45 +14,51 @@ declare const themeContractValues: {
         generalBorder: string;
         generalBorderDim: string;
         menuItemBackground: string;
-        modalText: string;
-        modalTextDim: string;
-        modalTextSecondary: string;
-        profileAction: string;
-        profileActionHover: string;
-        profileForeground: string;
         selectedOptionBorder: string;
-        paymentOptionBorderBase: string;
-        paymentOptionBorderHover: string;
-        paymentOptionBorderActive: string;
-        paymentOptionBorderActiveHover: string;
+        paymentOptionBorderDisabled: string;
         standby: string;
+        success: string;
         loadingBase: string;
         loadingAccent: string;
+        chainIconBorder: string;
         modalBackdrop: string;
         modalBackground: string;
         modalBorder: string;
         notificationPrimary: string;
-        textPrimary: string;
-        textSecondary: string;
-        textTertiary: string;
-        textDisabled: string;
+        offBackground: string;
+        hoverState: string;
+        offBackgroundInverse: string;
+        primaryText: string;
+        secondaryText: string;
+        tertiaryText: string;
         textSelection: string;
-        inputFieldPrimary: string;
-        inputFieldPlaceholder: string;
-        inputFieldDisabled: string;
-        optionBackground: string;
-        optionBackgroundSecondary: string;
+        inputBackground: string;
+        inputBorderBase: string;
+        inputBorderHover: string;
+        actionColor: string;
+        actionColorHover: string;
+        actionColorDisabled: string;
         buttonPrimary: string;
-        buttonProcessing: string;
         buttonDisabled: string;
         buttonWarning: string;
         buttonSuccess: string;
         buttonTextWarning: string;
         buttonTextSuccess: string;
         buttonTextPrimary: string;
-        buttonTextSecondary: string;
         buttonTextDisabled: string;
         transparent: string;
+        buttonBackgroundTertiary: string;
+        buttonBackgroundHoverTertiary: string;
+        buttonTextTertiary: string;
+        buttonTextDisabledTertiary: string;
+        buttonStrokeTertiary: string;
+        buttonBackground: string;
+        buttonBackgroundHover: string;
+        buttonBackgroundDisabled: string;
+        buttonText: string;
+        buttonStroke: string;
+        buttonTextSecondaryDisabled: string;
+        buttonTextSecondary: string;
     };
     fonts: {
         body: string;
@@ -67,6 +71,10 @@ declare const themeContractValues: {
         heavy: string;
     };
     fontSize: {
+        '8': {
+            fontSize: string;
+            lineHeight: string;
+        };
         '10': {
             fontSize: string;
             lineHeight: string;
@@ -99,6 +107,10 @@ declare const themeContractValues: {
             fontSize: string;
             lineHeight: string;
         };
+        '40': {
+            fontSize: string;
+            lineHeight: string;
+        };
         '57': {
             fontSize: string;
             lineHeight: string;
@@ -114,10 +126,10 @@ declare const themeContractValues: {
     shadows: {
         connectButton: string;
         dialog: string;
-        profileDetailsAction: string;
         selectedOption: string;
         selectedWallet: string;
-        walletLogo: string;
+        button: string;
+        callToAction: string;
     };
     blurs: {
         modalOverlay: string;
@@ -130,10 +142,8 @@ export declare const themeVars: {
         accentColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         accentColorForeground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         actionButtonBorder: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        actionButtonSecondaryBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         connectButtonBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         connectButtonBackgroundError: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        connectButtonInnerBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         connectButtonText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         connectButtonTextError: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         connectionIndicator: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -141,45 +151,51 @@ export declare const themeVars: {
         generalBorder: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         generalBorderDim: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         menuItemBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        modalText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        modalTextDim: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        modalTextSecondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        profileAction: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        profileActionHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        profileForeground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         selectedOptionBorder: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        paymentOptionBorderBase: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        paymentOptionBorderHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        paymentOptionBorderActive: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        paymentOptionBorderActiveHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        paymentOptionBorderDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         standby: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        success: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         loadingBase: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         loadingAccent: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        chainIconBorder: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         modalBackdrop: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         modalBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         modalBorder: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         notificationPrimary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        textPrimary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        textSecondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        textTertiary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        textDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        offBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        hoverState: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        offBackgroundInverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        primaryText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        secondaryText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        tertiaryText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         textSelection: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        inputFieldPrimary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        inputFieldPlaceholder: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        inputFieldDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        optionBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        optionBackgroundSecondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        inputBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        inputBorderBase: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        inputBorderHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        actionColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        actionColorHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        actionColorDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         buttonPrimary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        buttonProcessing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         buttonDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         buttonWarning: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         buttonSuccess: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         buttonTextWarning: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         buttonTextSuccess: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         buttonTextPrimary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        buttonTextSecondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         buttonTextDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         transparent: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        buttonBackgroundTertiary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        buttonBackgroundHoverTertiary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        buttonTextTertiary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        buttonTextDisabledTertiary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        buttonStrokeTertiary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        buttonBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        buttonBackgroundHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        buttonBackgroundDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        buttonText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        buttonStroke: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        buttonTextSecondaryDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        buttonTextSecondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
     };
     fonts: {
         body: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -192,6 +208,10 @@ export declare const themeVars: {
         heavy: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
     };
     fontSize: {
+        '8': {
+            fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
         '10': {
             fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
             lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -224,6 +244,10 @@ export declare const themeVars: {
             fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
             lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         };
+        '40': {
+            fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
         '57': {
             fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
             lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -239,10 +263,10 @@ export declare const themeVars: {
     shadows: {
         connectButton: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         dialog: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        profileDetailsAction: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         selectedOption: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         selectedWallet: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        walletLogo: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        button: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        callToAction: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
     };
     blurs: {
         modalOverlay: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -447,29 +471,33 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
     };
 }, Value>) => Partial<Record<"smallScreen" | "largeScreen", Value>>;
 export declare const sprinkles: ((props: {
-    background?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "actionButtonSecondaryBackground" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonInnerBackground" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "modalText" | "modalTextDim" | "modalTextSecondary" | "profileAction" | "profileActionHover" | "profileForeground" | "selectedOptionBorder" | "paymentOptionBorderBase" | "paymentOptionBorderHover" | "paymentOptionBorderActive" | "paymentOptionBorderActiveHover" | "standby" | "loadingBase" | "loadingAccent" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "textPrimary" | "textSecondary" | "textTertiary" | "textDisabled" | "textSelection" | "inputFieldPrimary" | "inputFieldPlaceholder" | "inputFieldDisabled" | "optionBackground" | "optionBackgroundSecondary" | "buttonPrimary" | "buttonProcessing" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextWarning" | "buttonTextSuccess" | "buttonTextPrimary" | "buttonTextSecondary" | "buttonTextDisabled" | {
-        base?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "actionButtonSecondaryBackground" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonInnerBackground" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "modalText" | "modalTextDim" | "modalTextSecondary" | "profileAction" | "profileActionHover" | "profileForeground" | "selectedOptionBorder" | "paymentOptionBorderBase" | "paymentOptionBorderHover" | "paymentOptionBorderActive" | "paymentOptionBorderActiveHover" | "standby" | "loadingBase" | "loadingAccent" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "textPrimary" | "textSecondary" | "textTertiary" | "textDisabled" | "textSelection" | "inputFieldPrimary" | "inputFieldPlaceholder" | "inputFieldDisabled" | "optionBackground" | "optionBackgroundSecondary" | "buttonPrimary" | "buttonProcessing" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextWarning" | "buttonTextSuccess" | "buttonTextPrimary" | "buttonTextSecondary" | "buttonTextDisabled" | undefined;
-        hover?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "actionButtonSecondaryBackground" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonInnerBackground" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "modalText" | "modalTextDim" | "modalTextSecondary" | "profileAction" | "profileActionHover" | "profileForeground" | "selectedOptionBorder" | "paymentOptionBorderBase" | "paymentOptionBorderHover" | "paymentOptionBorderActive" | "paymentOptionBorderActiveHover" | "standby" | "loadingBase" | "loadingAccent" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "textPrimary" | "textSecondary" | "textTertiary" | "textDisabled" | "textSelection" | "inputFieldPrimary" | "inputFieldPlaceholder" | "inputFieldDisabled" | "optionBackground" | "optionBackgroundSecondary" | "buttonPrimary" | "buttonProcessing" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextWarning" | "buttonTextSuccess" | "buttonTextPrimary" | "buttonTextSecondary" | "buttonTextDisabled" | undefined;
-        active?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "actionButtonSecondaryBackground" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonInnerBackground" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "modalText" | "modalTextDim" | "modalTextSecondary" | "profileAction" | "profileActionHover" | "profileForeground" | "selectedOptionBorder" | "paymentOptionBorderBase" | "paymentOptionBorderHover" | "paymentOptionBorderActive" | "paymentOptionBorderActiveHover" | "standby" | "loadingBase" | "loadingAccent" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "textPrimary" | "textSecondary" | "textTertiary" | "textDisabled" | "textSelection" | "inputFieldPrimary" | "inputFieldPlaceholder" | "inputFieldDisabled" | "optionBackground" | "optionBackgroundSecondary" | "buttonPrimary" | "buttonProcessing" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextWarning" | "buttonTextSuccess" | "buttonTextPrimary" | "buttonTextSecondary" | "buttonTextDisabled" | undefined;
-        selection?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "actionButtonSecondaryBackground" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonInnerBackground" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "modalText" | "modalTextDim" | "modalTextSecondary" | "profileAction" | "profileActionHover" | "profileForeground" | "selectedOptionBorder" | "paymentOptionBorderBase" | "paymentOptionBorderHover" | "paymentOptionBorderActive" | "paymentOptionBorderActiveHover" | "standby" | "loadingBase" | "loadingAccent" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "textPrimary" | "textSecondary" | "textTertiary" | "textDisabled" | "textSelection" | "inputFieldPrimary" | "inputFieldPlaceholder" | "inputFieldDisabled" | "optionBackground" | "optionBackgroundSecondary" | "buttonPrimary" | "buttonProcessing" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextWarning" | "buttonTextSuccess" | "buttonTextPrimary" | "buttonTextSecondary" | "buttonTextDisabled" | undefined;
+    background?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "paymentOptionBorderDisabled" | "standby" | "success" | "loadingBase" | "loadingAccent" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "offBackground" | "hoverState" | "offBackgroundInverse" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextWarning" | "buttonTextSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonStrokeTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundDisabled" | "buttonText" | "buttonStroke" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | {
+        base?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "paymentOptionBorderDisabled" | "standby" | "success" | "loadingBase" | "loadingAccent" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "offBackground" | "hoverState" | "offBackgroundInverse" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextWarning" | "buttonTextSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonStrokeTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundDisabled" | "buttonText" | "buttonStroke" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | undefined;
+        hover?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "paymentOptionBorderDisabled" | "standby" | "success" | "loadingBase" | "loadingAccent" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "offBackground" | "hoverState" | "offBackgroundInverse" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextWarning" | "buttonTextSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonStrokeTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundDisabled" | "buttonText" | "buttonStroke" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | undefined;
+        active?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "paymentOptionBorderDisabled" | "standby" | "success" | "loadingBase" | "loadingAccent" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "offBackground" | "hoverState" | "offBackgroundInverse" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextWarning" | "buttonTextSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonStrokeTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundDisabled" | "buttonText" | "buttonStroke" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | undefined;
+        selection?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "paymentOptionBorderDisabled" | "standby" | "success" | "loadingBase" | "loadingAccent" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "offBackground" | "hoverState" | "offBackgroundInverse" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextWarning" | "buttonTextSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonStrokeTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundDisabled" | "buttonText" | "buttonStroke" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | undefined;
+        focused?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "paymentOptionBorderDisabled" | "standby" | "success" | "loadingBase" | "loadingAccent" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "offBackground" | "hoverState" | "offBackgroundInverse" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextWarning" | "buttonTextSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonStrokeTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundDisabled" | "buttonText" | "buttonStroke" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | undefined;
     } | undefined;
-    borderColor?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "actionButtonSecondaryBackground" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonInnerBackground" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "modalText" | "modalTextDim" | "modalTextSecondary" | "profileAction" | "profileActionHover" | "profileForeground" | "selectedOptionBorder" | "paymentOptionBorderBase" | "paymentOptionBorderHover" | "paymentOptionBorderActive" | "paymentOptionBorderActiveHover" | "standby" | "loadingBase" | "loadingAccent" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "textPrimary" | "textSecondary" | "textTertiary" | "textDisabled" | "textSelection" | "inputFieldPrimary" | "inputFieldPlaceholder" | "inputFieldDisabled" | "optionBackground" | "optionBackgroundSecondary" | "buttonPrimary" | "buttonProcessing" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextWarning" | "buttonTextSuccess" | "buttonTextPrimary" | "buttonTextSecondary" | "buttonTextDisabled" | {
-        base?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "actionButtonSecondaryBackground" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonInnerBackground" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "modalText" | "modalTextDim" | "modalTextSecondary" | "profileAction" | "profileActionHover" | "profileForeground" | "selectedOptionBorder" | "paymentOptionBorderBase" | "paymentOptionBorderHover" | "paymentOptionBorderActive" | "paymentOptionBorderActiveHover" | "standby" | "loadingBase" | "loadingAccent" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "textPrimary" | "textSecondary" | "textTertiary" | "textDisabled" | "textSelection" | "inputFieldPrimary" | "inputFieldPlaceholder" | "inputFieldDisabled" | "optionBackground" | "optionBackgroundSecondary" | "buttonPrimary" | "buttonProcessing" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextWarning" | "buttonTextSuccess" | "buttonTextPrimary" | "buttonTextSecondary" | "buttonTextDisabled" | undefined;
-        hover?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "actionButtonSecondaryBackground" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonInnerBackground" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "modalText" | "modalTextDim" | "modalTextSecondary" | "profileAction" | "profileActionHover" | "profileForeground" | "selectedOptionBorder" | "paymentOptionBorderBase" | "paymentOptionBorderHover" | "paymentOptionBorderActive" | "paymentOptionBorderActiveHover" | "standby" | "loadingBase" | "loadingAccent" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "textPrimary" | "textSecondary" | "textTertiary" | "textDisabled" | "textSelection" | "inputFieldPrimary" | "inputFieldPlaceholder" | "inputFieldDisabled" | "optionBackground" | "optionBackgroundSecondary" | "buttonPrimary" | "buttonProcessing" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextWarning" | "buttonTextSuccess" | "buttonTextPrimary" | "buttonTextSecondary" | "buttonTextDisabled" | undefined;
-        active?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "actionButtonSecondaryBackground" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonInnerBackground" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "modalText" | "modalTextDim" | "modalTextSecondary" | "profileAction" | "profileActionHover" | "profileForeground" | "selectedOptionBorder" | "paymentOptionBorderBase" | "paymentOptionBorderHover" | "paymentOptionBorderActive" | "paymentOptionBorderActiveHover" | "standby" | "loadingBase" | "loadingAccent" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "textPrimary" | "textSecondary" | "textTertiary" | "textDisabled" | "textSelection" | "inputFieldPrimary" | "inputFieldPlaceholder" | "inputFieldDisabled" | "optionBackground" | "optionBackgroundSecondary" | "buttonPrimary" | "buttonProcessing" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextWarning" | "buttonTextSuccess" | "buttonTextPrimary" | "buttonTextSecondary" | "buttonTextDisabled" | undefined;
-        selection?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "actionButtonSecondaryBackground" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonInnerBackground" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "modalText" | "modalTextDim" | "modalTextSecondary" | "profileAction" | "profileActionHover" | "profileForeground" | "selectedOptionBorder" | "paymentOptionBorderBase" | "paymentOptionBorderHover" | "paymentOptionBorderActive" | "paymentOptionBorderActiveHover" | "standby" | "loadingBase" | "loadingAccent" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "textPrimary" | "textSecondary" | "textTertiary" | "textDisabled" | "textSelection" | "inputFieldPrimary" | "inputFieldPlaceholder" | "inputFieldDisabled" | "optionBackground" | "optionBackgroundSecondary" | "buttonPrimary" | "buttonProcessing" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextWarning" | "buttonTextSuccess" | "buttonTextPrimary" | "buttonTextSecondary" | "buttonTextDisabled" | undefined;
+    borderColor?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "paymentOptionBorderDisabled" | "standby" | "success" | "loadingBase" | "loadingAccent" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "offBackground" | "hoverState" | "offBackgroundInverse" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextWarning" | "buttonTextSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonStrokeTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundDisabled" | "buttonText" | "buttonStroke" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | {
+        base?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "paymentOptionBorderDisabled" | "standby" | "success" | "loadingBase" | "loadingAccent" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "offBackground" | "hoverState" | "offBackgroundInverse" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextWarning" | "buttonTextSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonStrokeTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundDisabled" | "buttonText" | "buttonStroke" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | undefined;
+        hover?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "paymentOptionBorderDisabled" | "standby" | "success" | "loadingBase" | "loadingAccent" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "offBackground" | "hoverState" | "offBackgroundInverse" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextWarning" | "buttonTextSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonStrokeTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundDisabled" | "buttonText" | "buttonStroke" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | undefined;
+        active?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "paymentOptionBorderDisabled" | "standby" | "success" | "loadingBase" | "loadingAccent" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "offBackground" | "hoverState" | "offBackgroundInverse" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextWarning" | "buttonTextSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonStrokeTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundDisabled" | "buttonText" | "buttonStroke" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | undefined;
+        selection?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "paymentOptionBorderDisabled" | "standby" | "success" | "loadingBase" | "loadingAccent" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "offBackground" | "hoverState" | "offBackgroundInverse" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextWarning" | "buttonTextSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonStrokeTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundDisabled" | "buttonText" | "buttonStroke" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | undefined;
+        focused?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "paymentOptionBorderDisabled" | "standby" | "success" | "loadingBase" | "loadingAccent" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "offBackground" | "hoverState" | "offBackgroundInverse" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextWarning" | "buttonTextSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonStrokeTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundDisabled" | "buttonText" | "buttonStroke" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | undefined;
     } | undefined;
-    boxShadow?: "connectButton" | "dialog" | "profileDetailsAction" | "selectedOption" | "selectedWallet" | "walletLogo" | {
-        base?: "connectButton" | "dialog" | "profileDetailsAction" | "selectedOption" | "selectedWallet" | "walletLogo" | undefined;
-        hover?: "connectButton" | "dialog" | "profileDetailsAction" | "selectedOption" | "selectedWallet" | "walletLogo" | undefined;
-        active?: "connectButton" | "dialog" | "profileDetailsAction" | "selectedOption" | "selectedWallet" | "walletLogo" | undefined;
-        selection?: "connectButton" | "dialog" | "profileDetailsAction" | "selectedOption" | "selectedWallet" | "walletLogo" | undefined;
+    boxShadow?: "button" | "connectButton" | "dialog" | "selectedOption" | "selectedWallet" | "callToAction" | {
+        base?: "button" | "connectButton" | "dialog" | "selectedOption" | "selectedWallet" | "callToAction" | undefined;
+        hover?: "button" | "connectButton" | "dialog" | "selectedOption" | "selectedWallet" | "callToAction" | undefined;
+        active?: "button" | "connectButton" | "dialog" | "selectedOption" | "selectedWallet" | "callToAction" | undefined;
+        selection?: "button" | "connectButton" | "dialog" | "selectedOption" | "selectedWallet" | "callToAction" | undefined;
+        focused?: "button" | "connectButton" | "dialog" | "selectedOption" | "selectedWallet" | "callToAction" | undefined;
     } | undefined;
-    color?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "actionButtonSecondaryBackground" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonInnerBackground" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "modalText" | "modalTextDim" | "modalTextSecondary" | "profileAction" | "profileActionHover" | "profileForeground" | "selectedOptionBorder" | "paymentOptionBorderBase" | "paymentOptionBorderHover" | "paymentOptionBorderActive" | "paymentOptionBorderActiveHover" | "standby" | "loadingBase" | "loadingAccent" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "textPrimary" | "textSecondary" | "textTertiary" | "textDisabled" | "textSelection" | "inputFieldPrimary" | "inputFieldPlaceholder" | "inputFieldDisabled" | "optionBackground" | "optionBackgroundSecondary" | "buttonPrimary" | "buttonProcessing" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextWarning" | "buttonTextSuccess" | "buttonTextPrimary" | "buttonTextSecondary" | "buttonTextDisabled" | {
-        base?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "actionButtonSecondaryBackground" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonInnerBackground" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "modalText" | "modalTextDim" | "modalTextSecondary" | "profileAction" | "profileActionHover" | "profileForeground" | "selectedOptionBorder" | "paymentOptionBorderBase" | "paymentOptionBorderHover" | "paymentOptionBorderActive" | "paymentOptionBorderActiveHover" | "standby" | "loadingBase" | "loadingAccent" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "textPrimary" | "textSecondary" | "textTertiary" | "textDisabled" | "textSelection" | "inputFieldPrimary" | "inputFieldPlaceholder" | "inputFieldDisabled" | "optionBackground" | "optionBackgroundSecondary" | "buttonPrimary" | "buttonProcessing" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextWarning" | "buttonTextSuccess" | "buttonTextPrimary" | "buttonTextSecondary" | "buttonTextDisabled" | undefined;
-        hover?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "actionButtonSecondaryBackground" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonInnerBackground" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "modalText" | "modalTextDim" | "modalTextSecondary" | "profileAction" | "profileActionHover" | "profileForeground" | "selectedOptionBorder" | "paymentOptionBorderBase" | "paymentOptionBorderHover" | "paymentOptionBorderActive" | "paymentOptionBorderActiveHover" | "standby" | "loadingBase" | "loadingAccent" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "textPrimary" | "textSecondary" | "textTertiary" | "textDisabled" | "textSelection" | "inputFieldPrimary" | "inputFieldPlaceholder" | "inputFieldDisabled" | "optionBackground" | "optionBackgroundSecondary" | "buttonPrimary" | "buttonProcessing" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextWarning" | "buttonTextSuccess" | "buttonTextPrimary" | "buttonTextSecondary" | "buttonTextDisabled" | undefined;
-        active?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "actionButtonSecondaryBackground" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonInnerBackground" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "modalText" | "modalTextDim" | "modalTextSecondary" | "profileAction" | "profileActionHover" | "profileForeground" | "selectedOptionBorder" | "paymentOptionBorderBase" | "paymentOptionBorderHover" | "paymentOptionBorderActive" | "paymentOptionBorderActiveHover" | "standby" | "loadingBase" | "loadingAccent" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "textPrimary" | "textSecondary" | "textTertiary" | "textDisabled" | "textSelection" | "inputFieldPrimary" | "inputFieldPlaceholder" | "inputFieldDisabled" | "optionBackground" | "optionBackgroundSecondary" | "buttonPrimary" | "buttonProcessing" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextWarning" | "buttonTextSuccess" | "buttonTextPrimary" | "buttonTextSecondary" | "buttonTextDisabled" | undefined;
-        selection?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "actionButtonSecondaryBackground" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonInnerBackground" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "modalText" | "modalTextDim" | "modalTextSecondary" | "profileAction" | "profileActionHover" | "profileForeground" | "selectedOptionBorder" | "paymentOptionBorderBase" | "paymentOptionBorderHover" | "paymentOptionBorderActive" | "paymentOptionBorderActiveHover" | "standby" | "loadingBase" | "loadingAccent" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "textPrimary" | "textSecondary" | "textTertiary" | "textDisabled" | "textSelection" | "inputFieldPrimary" | "inputFieldPlaceholder" | "inputFieldDisabled" | "optionBackground" | "optionBackgroundSecondary" | "buttonPrimary" | "buttonProcessing" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextWarning" | "buttonTextSuccess" | "buttonTextPrimary" | "buttonTextSecondary" | "buttonTextDisabled" | undefined;
+    color?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "paymentOptionBorderDisabled" | "standby" | "success" | "loadingBase" | "loadingAccent" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "offBackground" | "hoverState" | "offBackgroundInverse" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextWarning" | "buttonTextSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonStrokeTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundDisabled" | "buttonText" | "buttonStroke" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | {
+        base?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "paymentOptionBorderDisabled" | "standby" | "success" | "loadingBase" | "loadingAccent" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "offBackground" | "hoverState" | "offBackgroundInverse" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextWarning" | "buttonTextSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonStrokeTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundDisabled" | "buttonText" | "buttonStroke" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | undefined;
+        hover?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "paymentOptionBorderDisabled" | "standby" | "success" | "loadingBase" | "loadingAccent" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "offBackground" | "hoverState" | "offBackgroundInverse" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextWarning" | "buttonTextSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonStrokeTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundDisabled" | "buttonText" | "buttonStroke" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | undefined;
+        active?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "paymentOptionBorderDisabled" | "standby" | "success" | "loadingBase" | "loadingAccent" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "offBackground" | "hoverState" | "offBackgroundInverse" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextWarning" | "buttonTextSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonStrokeTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundDisabled" | "buttonText" | "buttonStroke" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | undefined;
+        selection?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "paymentOptionBorderDisabled" | "standby" | "success" | "loadingBase" | "loadingAccent" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "offBackground" | "hoverState" | "offBackgroundInverse" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextWarning" | "buttonTextSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonStrokeTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundDisabled" | "buttonText" | "buttonStroke" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | undefined;
+        focused?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "paymentOptionBorderDisabled" | "standby" | "success" | "loadingBase" | "loadingAccent" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "offBackground" | "hoverState" | "offBackgroundInverse" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextWarning" | "buttonTextSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonStrokeTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundDisabled" | "buttonText" | "buttonStroke" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | undefined;
     } | undefined;
 } & {
     alignItems?: "center" | "flex-end" | "flex-start" | {
@@ -483,43 +511,43 @@ export declare const sprinkles: ((props: {
 } & {
     readonly alignSelf?: "center" | "flex-end" | "flex-start" | undefined;
     readonly backgroundSize?: "cover" | undefined;
-    readonly borderRadius?: "1" | "10" | "13" | "16" | "actionButton" | "connectButton" | "menuButton" | "modal" | "modalMobile" | "6" | "24" | "25%" | "full" | undefined;
+    readonly borderRadius?: "1" | "8" | "10" | "13" | "16" | "actionButton" | "connectButton" | "menuButton" | "modal" | "modalMobile" | "4" | "6" | "24" | "25%" | "full" | undefined;
     readonly borderStyle?: "dotted" | "hidden" | "solid" | undefined;
-    readonly borderWidth?: "0" | "1" | "2" | "0.5" | "4" | undefined;
-    readonly cursor?: "pointer" | undefined;
+    readonly borderWidth?: "0" | "1" | "2" | "3" | "4" | "0.5" | undefined;
+    readonly cursor?: "default" | "not-allowed" | "pointer" | undefined;
     readonly flexDirection?: "column" | "row" | undefined;
     readonly fontFamily?: "body" | undefined;
-    readonly fontSize?: "10" | "12" | "13" | "14" | "16" | "18" | "20" | "23" | "57" | undefined;
+    readonly fontSize?: "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "23" | "40" | "57" | undefined;
     readonly fontWeight?: "medium" | "bold" | "regular" | "semibold" | "heavy" | undefined;
-    readonly gap?: "0" | "1" | "10" | "12" | "14" | "16" | "18" | "20" | "2" | "3" | "6" | "24" | "4" | "8" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "64" | undefined;
-    readonly height?: "1" | "10" | "12" | "14" | "16" | "20" | "2" | "24" | "full" | "4" | "8" | "28" | "30" | "32" | "34" | "36" | "40" | "44" | "48" | "50" | "54" | "60" | "93" | "100" | "108" | "162" | "192" | "200" | "210" | "220" | "230" | "240" | "256" | "320" | "400" | "440" | "600" | "half" | "max" | undefined;
+    readonly gap?: "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "15" | "64" | undefined;
+    readonly height?: "1" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "40" | "2" | "4" | "24" | "full" | "28" | "30" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "93" | "100" | "108" | "162" | "192" | "200" | "210" | "220" | "230" | "240" | "256" | "320" | "400" | "440" | "600" | "half" | "max" | undefined;
     readonly justifyContent?: "center" | "space-around" | "space-between" | "flex-end" | "flex-start" | undefined;
     readonly textAlign?: "inherit" | "left" | "right" | "center" | undefined;
-    readonly marginBottom?: "0" | "1" | "10" | "12" | "14" | "16" | "18" | "20" | "2" | "3" | "6" | "24" | "4" | "8" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "64" | undefined;
-    readonly marginLeft?: "0" | "1" | "10" | "12" | "14" | "16" | "18" | "20" | "2" | "3" | "6" | "24" | "4" | "8" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "64" | undefined;
-    readonly marginRight?: "0" | "1" | "10" | "12" | "14" | "16" | "18" | "20" | "2" | "3" | "6" | "24" | "4" | "8" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "64" | undefined;
-    readonly marginTop?: "0" | "1" | "10" | "12" | "14" | "16" | "18" | "20" | "2" | "3" | "6" | "24" | "4" | "8" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "64" | undefined;
-    readonly minHeight?: "1" | "10" | "12" | "14" | "16" | "20" | "2" | "24" | "full" | "4" | "8" | "28" | "30" | "32" | "34" | "36" | "40" | "44" | "48" | "50" | "54" | "60" | "93" | "100" | "108" | "162" | "192" | "200" | "210" | "220" | "230" | "240" | "256" | "320" | "400" | "440" | "600" | "half" | "max" | undefined;
-    readonly maxHeight?: "1" | "10" | "12" | "14" | "16" | "20" | "2" | "24" | "full" | "4" | "8" | "28" | "30" | "32" | "34" | "36" | "40" | "44" | "48" | "50" | "54" | "60" | "93" | "100" | "108" | "162" | "192" | "200" | "210" | "220" | "230" | "240" | "256" | "320" | "400" | "440" | "600" | "half" | "max" | undefined;
-    readonly maxWidth?: "1" | "10" | "12" | "14" | "16" | "20" | "2" | "24" | "full" | "4" | "8" | "28" | "30" | "32" | "34" | "36" | "40" | "44" | "48" | "50" | "54" | "60" | "93" | "100" | "108" | "162" | "192" | "200" | "210" | "220" | "230" | "240" | "256" | "320" | "400" | "440" | "600" | "half" | "max" | undefined;
-    readonly minWidth?: "1" | "10" | "12" | "14" | "16" | "20" | "2" | "24" | "full" | "4" | "8" | "28" | "30" | "32" | "34" | "36" | "40" | "44" | "48" | "50" | "54" | "60" | "93" | "100" | "108" | "162" | "192" | "200" | "210" | "220" | "230" | "240" | "256" | "320" | "400" | "440" | "600" | "half" | "max" | undefined;
+    readonly marginBottom?: "auto" | "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "15" | "64" | "-18" | undefined;
+    readonly marginLeft?: "auto" | "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "15" | "64" | "-18" | undefined;
+    readonly marginRight?: "auto" | "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "15" | "64" | "-18" | undefined;
+    readonly marginTop?: "auto" | "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "15" | "64" | "-18" | undefined;
+    readonly minHeight?: "1" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "40" | "2" | "4" | "24" | "full" | "28" | "30" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "93" | "100" | "108" | "162" | "192" | "200" | "210" | "220" | "230" | "240" | "256" | "320" | "400" | "440" | "600" | "half" | "max" | undefined;
+    readonly maxHeight?: "1" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "40" | "2" | "4" | "24" | "full" | "28" | "30" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "93" | "100" | "108" | "162" | "192" | "200" | "210" | "220" | "230" | "240" | "256" | "320" | "400" | "440" | "600" | "half" | "max" | undefined;
+    readonly maxWidth?: "1" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "40" | "2" | "4" | "24" | "full" | "28" | "30" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "93" | "100" | "108" | "162" | "192" | "200" | "210" | "220" | "230" | "240" | "256" | "320" | "400" | "440" | "600" | "half" | "max" | undefined;
+    readonly minWidth?: "1" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "40" | "2" | "4" | "24" | "full" | "28" | "30" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "93" | "100" | "108" | "162" | "192" | "200" | "210" | "220" | "230" | "240" | "256" | "320" | "400" | "440" | "600" | "half" | "max" | undefined;
     readonly overflow?: "hidden" | undefined;
-    readonly paddingBottom?: "0" | "1" | "10" | "12" | "14" | "16" | "18" | "20" | "2" | "3" | "6" | "24" | "4" | "8" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "64" | undefined;
-    readonly paddingLeft?: "0" | "1" | "10" | "12" | "14" | "16" | "18" | "20" | "2" | "3" | "6" | "24" | "4" | "8" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "64" | undefined;
-    readonly paddingRight?: "0" | "1" | "10" | "12" | "14" | "16" | "18" | "20" | "2" | "3" | "6" | "24" | "4" | "8" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "64" | undefined;
-    readonly paddingTop?: "0" | "1" | "10" | "12" | "14" | "16" | "18" | "20" | "2" | "3" | "6" | "24" | "4" | "8" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "64" | undefined;
+    readonly paddingBottom?: "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "15" | "64" | undefined;
+    readonly paddingLeft?: "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "15" | "64" | undefined;
+    readonly paddingRight?: "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "15" | "64" | undefined;
+    readonly paddingTop?: "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "15" | "64" | undefined;
     readonly position?: "fixed" | "absolute" | "relative" | undefined;
     readonly right?: "0" | undefined;
     readonly transition?: "transform" | "default" | undefined;
     readonly userSelect?: "none" | undefined;
-    readonly width?: "1" | "10" | "12" | "14" | "16" | "20" | "2" | "24" | "full" | "4" | "8" | "28" | "30" | "32" | "34" | "36" | "40" | "44" | "48" | "50" | "54" | "60" | "93" | "100" | "108" | "162" | "192" | "200" | "210" | "220" | "230" | "240" | "256" | "320" | "400" | "440" | "600" | "half" | "max" | undefined;
+    readonly width?: "1" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "40" | "2" | "4" | "24" | "full" | "28" | "30" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "93" | "100" | "108" | "162" | "192" | "200" | "210" | "220" | "230" | "240" | "256" | "320" | "400" | "440" | "600" | "half" | "max" | undefined;
     readonly backdropFilter?: "modalOverlay" | undefined;
-    margin?: "0" | "1" | "10" | "12" | "14" | "16" | "18" | "20" | "2" | "3" | "6" | "24" | "4" | "8" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "64" | undefined;
-    marginX?: "0" | "1" | "10" | "12" | "14" | "16" | "18" | "20" | "2" | "3" | "6" | "24" | "4" | "8" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "64" | undefined;
-    marginY?: "0" | "1" | "10" | "12" | "14" | "16" | "18" | "20" | "2" | "3" | "6" | "24" | "4" | "8" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "64" | undefined;
-    padding?: "0" | "1" | "10" | "12" | "14" | "16" | "18" | "20" | "2" | "3" | "6" | "24" | "4" | "8" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "64" | undefined;
-    paddingX?: "0" | "1" | "10" | "12" | "14" | "16" | "18" | "20" | "2" | "3" | "6" | "24" | "4" | "8" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "64" | undefined;
-    paddingY?: "0" | "1" | "10" | "12" | "14" | "16" | "18" | "20" | "2" | "3" | "6" | "24" | "4" | "8" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "64" | undefined;
+    margin?: "auto" | "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "15" | "64" | "-18" | undefined;
+    marginX?: "auto" | "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "15" | "64" | "-18" | undefined;
+    marginY?: "auto" | "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "15" | "64" | "-18" | undefined;
+    padding?: "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "15" | "64" | undefined;
+    paddingX?: "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "15" | "64" | undefined;
+    paddingY?: "0" | "1" | "8" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "24" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "9" | "11" | "15" | "64" | undefined;
 }) => string) & {
     properties: Set<"alignItems" | "alignSelf" | "backdropFilter" | "backgroundSize" | "boxShadow" | "color" | "cursor" | "display" | "flexDirection" | "fontFamily" | "fontSize" | "fontWeight" | "height" | "justifyContent" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "textAlign" | "userSelect" | "width" | "background" | "borderColor" | "borderRadius" | "borderStyle" | "borderWidth" | "gap" | "margin" | "overflow" | "padding" | "transition" | "marginX" | "marginY" | "paddingX" | "paddingY">;
 };

package/dist/dawnWallet-ONVAA3S4.js

@@ -0,0 +1,7 @@
+"use client";
+
+// src/wallets/walletConnectors/dawnWallet/dawnWallet.svg
+var dawnWallet_default = 'data:image/svg+xml,<?xml version="1.0" encoding="UTF-8"?>%0A<svg width="28px" height="28px" viewBox="0 0 192 192" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">%0A    <defs>%0A        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">%0A            <stop stop-color="%23151515" offset="0%"></stop>%0A            <stop stop-color="%23232323" offset="100%"></stop>%0A        </linearGradient>%0A        <rect id="path-2" x="0" y="0" width="192" height="192"></rect>%0A        <linearGradient x1="50%" y1="0%" x2="50%" y2="99.7051532%" id="linearGradient-3">%0A            <stop stop-color="%23F3DC83" offset="0%"></stop>%0A            <stop stop-color="%23F9EEC8" offset="100%"></stop>%0A        </linearGradient>%0A    </defs>%0A    <g id="Icons---Pixel-Fitted" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">%0A        <g id="Group">%0A            <g id="Rectangle">%0A                <use fill="%23232323" xlink:href="%23path-2"></use>%0A                <use fill="url(%23linearGradient-1)" xlink:href="%23path-2"></use>%0A            </g>%0A            <path d="M123.748399,157.001808 C115.293464,160.853955 105.89735,163 96,163 C86.1026503,163 76.7065363,160.853955 68.2516012,157.001808 Z M146.526595,140.002206 C144.677242,142.123986 142.696426,144.128189 140.59684,146.002121 L51.4031598,146.002121 C49.3035743,144.128189 47.3227581,142.123986 45.4734054,140.002206 Z M157.337411,122.999613 C155.955969,126.133404 154.34141,129.141319 152.515704,132.001388 L39.484296,132.001388 C37.6585895,129.141319 36.0440306,126.133404 34.662589,122.999613 Z M96,29 C133.003078,29 163,58.9969218 163,96 C163,103.706309 161.69895,111.108742 159.304524,117.999626 L32.6954763,117.999626 C30.3010496,111.108742 29,103.706309 29,96 C29,58.9969218 58.9969218,29 96,29 Z" id="Combined-Shape" fill="url(%23linearGradient-3)"></path>%0A        </g>%0A    </g>%0A</svg>';
+export {
+  dawnWallet_default as default
+};

package/dist/desigWallet-WJMSF3PS.js

@@ -0,0 +1,7 @@
+"use client";
+
+// src/wallets/walletConnectors/desigWallet/desigWallet.svg
+var desigWallet_default = 'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" fill="none"><g clip-path="url(%23a)"><path fill="%23F8F8F8" d="M0 0h28v28H0z"/><path fill="%23F8F8F8" d="M0 0h28v28H0z"/><path fill="%235746DB" d="M12.045 8.814A1.959 1.959 0 0 1 14 6.846H8.805a1.962 1.962 0 0 0-1.958 1.967 1.962 1.962 0 0 0 1.958 1.968H14a1.962 1.962 0 0 1-1.955-1.967Z"/><path fill="%237767F6" d="M19.15 6.847h-5.196a1.959 1.959 0 0 0-1.907 1.532 1.964 1.964 0 0 0 1.907 2.402h5.193a1.96 1.96 0 0 0 1.96-1.967 1.963 1.963 0 0 0-1.957-1.967Z"/><path fill="%235746DB" d="M13.68 14a1.963 1.963 0 0 1 1.96-1.967H8.784a1.941 1.941 0 0 0-1.937 1.945v.074a1.932 1.932 0 0 0 1.937 1.915h6.856A1.964 1.964 0 0 1 13.68 14Z"/><path fill="%237767F6" d="M19.216 12.033H15.64A1.963 1.963 0 0 0 13.68 14a1.962 1.962 0 0 0 1.96 1.967h3.576a1.932 1.932 0 0 0 1.937-1.914v-.075a1.941 1.941 0 0 0-1.937-1.945ZM19.306 17.219h-5.292a1.963 1.963 0 0 0-1.958 1.968V19.295a1.974 1.974 0 0 0 1.197 1.706c.24.1.497.153.756.152 2.517 0 4.614-1.323 5.74-2.852l.124-.173a.635.635 0 0 0-.567-.909Z"/><path fill="%235746DB" d="M13.03 20.886a1.828 1.828 0 0 1-.261-.183 1.975 1.975 0 0 1-.708-1.408V19.187a1.963 1.963 0 0 1 1.958-1.968l-5.24-.022h-.073a.633.633 0 0 0-.513.955l.072.095A7.09 7.09 0 0 0 14 21.153h.01a1.94 1.94 0 0 1-.98-.267Z"/></g><defs><clipPath id="a"><path fill="%23fff" d="M0 0h28v28H0z"/></clipPath></defs></svg>';
+export {
+  desigWallet_default as default
+};

package/dist/dydx-B46RMDPA.js

@@ -0,0 +1,7 @@
+"use client";
+
+// src/components/FunkitProvider/chainIcons/dydx.svg
+var dydx_default = 'data:image/svg+xml,<svg width="183" height="183" viewBox="0 0 183 183" fill="none" xmlns="http://www.w3.org/2000/svg">%0A<rect x="1" y="1" width="181" height="181" rx="37" fill="url(%23paint0_linear)"/>%0A<path d="M115.316 43L45 141.992H66.5885L137.269 43H115.316Z" fill="white"/>%0A<path d="M68.8375 43L89.5265 72.1696L78.7322 88.0804L46.7992 43H68.8375Z" fill="url(%23paint1_linear)"/>%0A<path d="M117.411 142L94.4737 109.737L105.268 94.2679L139 142H117.411Z" fill="url(%23paint2_linear)"/>%0A<rect x="1" y="1" width="181" height="181" rx="37" stroke="%232D2D3D" stroke-width="2"/>%0A<defs>%0A<linearGradient id="paint0_linear" x1="147.5" y1="-24.5" x2="103" y2="160.5" gradientUnits="userSpaceOnUse">%0A<stop stop-color="%232C2C3D"/>%0A<stop offset="1" stop-color="%231a1a27"/>%0A</linearGradient>%0A<linearGradient id="paint1_linear" x1="63.8901" y1="49.1875" x2="92.8951" y2="84.8205" gradientUnits="userSpaceOnUse">%0A<stop stop-color="white"/>%0A<stop offset="1" stop-color="white" stop-opacity="0.55"/>%0A</linearGradient>%0A<linearGradient id="paint2_linear" x1="122.359" y1="134.487" x2="86.7873" y2="85.6863" gradientUnits="userSpaceOnUse">%0A<stop stop-color="%236966FF"/>%0A<stop offset="1" stop-color="%236966FF" stop-opacity="0.36"/>%0A</linearGradient>%0A</defs>%0A</svg>%0A';
+export {
+  dydx_default as default
+};