@coin-voyage/paykit 0.0.2 → 0.1.0

package/dist/index.d.ts

@@ -1,1125 +1,12 @@
-import * as React$1 from 'react';
-import React__default, { ReactNode, PropsWithChildren } from 'react';
-import { WalletConfiguration as WalletConfiguration$1 } from '@coin-voyage/crypto/types';
-import { PayOrder as PayOrder$1, PayOrderMetadata as PayOrderMetadata$1, ChainId, PaymentStartedEvent, PaymentCompletedEvent, PaymentBouncedEvent, ChainType } from '@coin-voyage/shared';
-export { ChainId, ChainType } from '@coin-voyage/shared/index';
-export { createDefaultEVMConfig } from '@coin-voyage/crypto/evm/create-default-evm-config';
-export { createDefaultBigmiConfig as createDefaultUTXOConfig } from '@coin-voyage/crypto/utxo/create-default-bigmi-config';
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { TokenWithBalance } from '@coin-voyage/shared/types/api';
-import { ChainTypeWalletConnector } from '@coin-voyage/crypto/types/wallet';
-
-type useConnectCallbackProps = {
-    onConnect?: ({ address, connectorId, }: {
-        address?: string;
-        connectorId?: string;
-    }) => void;
-    onDisconnect?: () => void;
-};
-
-type Languages$1 = "ar-AE" | "en-US" | "ee-EE" | "es-ES" | "fa-IR" | "fr-FR" | "ja-JP" | "pt-BR" | "zh-CN" | "ca-AD" | "ru-RU" | "zh-CN" | "tr-TR" | "vi-VN";
-
-type PayOrder = PayOrder$1;
-type PayOrderMetadata = PayOrderMetadata$1;
-type WalletConfiguration = WalletConfiguration$1;
-type WalletConfig = {
+import type { WalletConfiguration } from "@coin-voyage/crypto/types/wallet";
+import type { useConnectCallbackProps } from "./hooks/useConnectCallback";
+export { createDefaultEVMConfig } from "@coin-voyage/crypto/evm/create-default-evm-config";
+export { createDefaultBigmiConfig as createDefaultUTXOConfig } from "@coin-voyage/crypto/utxo/create-default-bigmi-config";
+export { PayButton } from "./components/pay-button";
+export { PayKitProvider } from "./providers/paykit-provider";
+export { WalletProvider } from "./providers/wallet-provider";
+export { usePayStatus } from "./hooks/usePayStatus";
+export * as themes from "./styles/themes";
+export type WalletConfig = {
     walletConfig?: WalletConfiguration;
 } & useConnectCallbackProps;
-type PayKitConfig = {
-    children?: React.ReactNode;
-    orgId: string;
-    theme?: Theme;
-    mode?: Mode;
-    customTheme?: CustomTheme;
-    debugMode?: boolean;
-    options?: PayKitOptions;
-};
-type Languages = Languages$1;
-type Theme = "auto" | "web95" | "retro" | "soft" | "midnight" | "minimal" | "rounded" | "nouns";
-type Mode = "light" | "dark" | "auto";
-type CustomTheme = {
-    "--ck-connectbutton-font-size"?: string;
-    "--ck-connectbutton-color"?: string;
-    "--ck-connectbutton-background"?: string;
-    "--ck-connectbutton-background-secondary"?: string;
-    "--ck-connectbutton-hover-color"?: string;
-    "--ck-connectbutton-hover-background"?: string;
-    "--ck-connectbutton-active-color"?: string;
-    "--ck-connectbutton-active-background"?: string;
-    "--ck-connectbutton-balance-color"?: string;
-    "--ck-connectbutton-balance-background"?: string;
-    "--ck-connectbutton-balance-box-shadow"?: string;
-    "--ck-connectbutton-balance-hover-background"?: string;
-    "--ck-connectbutton-balance-hover-box-shadow"?: string;
-    "--ck-connectbutton-balance-active-background"?: string;
-    "--ck-connectbutton-balance-active-box-shadow"?: string;
-    /** Primary Button */
-    "--ck-primary-button-border-radius"?: string;
-    "--ck-primary-button-color"?: string;
-    "--ck-primary-button-background"?: string;
-    "--ck-primary-button-box-shadow"?: string;
-    "--ck-primary-button-font-weight"?: string;
-    "--ck-primary-button-hover-color"?: string;
-    "--ck-primary-button-hover-background"?: string;
-    "--ck-primary-button-hover-box-shadow"?: string;
-    "--ck-primary-button-active-background"?: string;
-    /** Secondary Button */
-    "--ck-secondary-button-border-radius"?: string;
-    "--ck-secondary-button-color"?: string;
-    "--ck-secondary-button-background"?: string;
-    "--ck-secondary-button-box-shadow"?: string;
-    "--ck-secondary-button-font-weight"?: string;
-    /** Tertiary Button */
-    "--ck-tertiary-button-background"?: string;
-    "--ck-secondary-button-hover-background"?: string;
-    /** Modal */
-    "--ck-modal-box-shadow"?: string;
-    "--ck-overlay-background"?: string;
-    "--ck-body-color"?: string;
-    "--ck-body-color-muted"?: string;
-    "--ck-body-color-muted-hover"?: string;
-    "--ck-body-background"?: string;
-    "--ck-body-background-transparent"?: string;
-    "--ck-body-background-secondary"?: string;
-    "--ck-body-background-secondary-hover-background"?: string;
-    "--ck-body-background-secondary-hover-outline"?: string;
-    "--ck-body-background-tertiary"?: string;
-    "--ck-body-action-color"?: string;
-    "--ck-body-divider"?: string;
-    "--ck-body-divider-secondary"?: string;
-    "--ck-body-color-danger"?: string;
-    "--ck-body-color-valid"?: string;
-    "--ck-siwe-border"?: string;
-    /** Disclaimer */
-    "--ck-body-disclaimer-background"?: string;
-    "--ck-body-disclaimer-box-shadow"?: string;
-    "--ck-body-disclaimer-color"?: string;
-    "--ck-body-disclaimer-link-color"?: string;
-    "--ck-body-disclaimer-link-hover-color"?: string;
-    /** Tooltips */
-    "--ck-tooltip-background"?: string;
-    "--ck-tooltip-background-secondary"?: string;
-    "--ck-tooltip-color"?: string;
-    "--ck-tooltip-shadow"?: string;
-    /** Network dropdown */
-    "--ck-dropdown-button-color"?: string;
-    "--ck-dropdown-button-box-shadow"?: string;
-    "--ck-dropdown-button-background"?: string;
-    "--ck-dropdown-button-hover-color"?: string;
-    "--ck-dropdown-button-hover-background"?: string;
-    /** QR Code */
-    "--ck-qr-dot-color"?: string;
-    "--ck-qr-border-color"?: string;
-    /** Misc. */
-    "--ck-focus-color"?: string;
-    "--ck-spinner-color"?: string;
-    "--ck-copytoclipboard-stroke"?: string;
-};
-type All = {
-    theme?: Theme;
-    mode?: Mode;
-    customTheme?: CustomTheme;
-    lang?: Languages;
-};
-/** Global options, across all pay buttons and payments. */
-type PayKitOptions = {
-    language?: Languages;
-    hideBalance?: boolean;
-    hideTooltips?: boolean;
-    hideQuestionMarkCTA?: boolean;
-    hideNoWalletCTA?: boolean;
-    hideRecentBadge?: boolean;
-    walletConnectCTA?: "link" | "modal" | "both";
-    /** Avoids layout shift when the Pay modal is open by adding padding to the body */
-    avoidLayoutShift?: boolean;
-    /** Automatically embeds Google Font of the current theme. Does not work with custom themes */
-    embedGoogleFonts?: boolean;
-    truncateLongENSAddress?: boolean;
-    walletConnectName?: string;
-    reducedMotion?: boolean;
-    disclaimer?: ReactNode | string;
-    bufferPolyfill?: boolean;
-    initialChainId?: number;
-    enforceSupportedChains?: boolean;
-    ethereumOnboardingUrl?: string;
-    walletOnboardingUrl?: string;
-    /** Blur the background when the modal is open */
-    overlayBlur?: number;
-};
-/** Modal UI options, set on the pay button triggering that modal. */
-type PayModalOptions = {
-    closeOnSuccess?: boolean;
-};
-/** Payment status. See webhooks and React usePayStatus() hook. */
-type PaymentStatus = "payment_pending" | "payment_started" | "payment_completed" | "payment_bounced";
-
-type types_d_All = All;
-type types_d_CustomTheme = CustomTheme;
-type types_d_Languages = Languages;
-type types_d_Mode = Mode;
-type types_d_PayKitConfig = PayKitConfig;
-type types_d_PayKitOptions = PayKitOptions;
-type types_d_PayModalOptions = PayModalOptions;
-type types_d_PayOrder = PayOrder;
-type types_d_PayOrderMetadata = PayOrderMetadata;
-type types_d_PaymentStatus = PaymentStatus;
-type types_d_Theme = Theme;
-type types_d_WalletConfig = WalletConfig;
-type types_d_WalletConfiguration = WalletConfiguration;
-declare namespace types_d {
-  export type { types_d_All as All, types_d_CustomTheme as CustomTheme, types_d_Languages as Languages, types_d_Mode as Mode, types_d_PayKitConfig as PayKitConfig, types_d_PayKitOptions as PayKitOptions, types_d_PayModalOptions as PayModalOptions, types_d_PayOrder as PayOrder, types_d_PayOrderMetadata as PayOrderMetadata, types_d_PaymentStatus as PaymentStatus, types_d_Theme as Theme, types_d_WalletConfig as WalletConfig, types_d_WalletConfiguration as WalletConfiguration };
-}
-
-/** PayOrder parameters. The payOrder is created only after user taps pay. */
-interface DepositPayOrderParams {
-    /**
-     * Destination chain ID.
-     */
-    toChain: ChainId;
-    /**
-     * The destination token to send, completing payment. Must be an ERC-20/SPL/TRC-20/...
-     * token, omitting indicates the native token / ETH/SOL/TRX/SUI/...
-     */
-    toToken?: string;
-    /**
-     * The amount of destination token to send (transfer or approve).
-     */
-    toAmount: string;
-    /**
-     * The destination address to transfer to.
-     */
-    toAddress: string;
-    /**
-     * Metadata to attach to the payOrder.
-     */
-    metadata?: PayOrderMetadata$1;
-}
-interface SalePayOrderParams {
-    /**
-     * Expected value in USD to be received from the Sale.
-     */
-    valueUsd: number;
-    /**
-     * Metadata to attach to the payOrder.
-     */
-    metadata?: PayOrderMetadata$1;
-}
-/**
- * Generates an `sale` type PayOrder.
- *
- * Creates an `sale` type PayOrder with a fixed `valueUsd`.
- * This function should be executed
- *
- * and a SHA-512 hash signature of the concatenated API key, secret, and timestamp.
- *
- * @param {SalePayOrderParams} payOrderParams - valueUsd and metadata for this payOrder.
- * @param {string} signature - signature generated by the `generateAuthorizationSignature` function.
- * @returns {Optional<PayOrder>} - A PayOrder object if the request was successful.
- *
- * @example
- * const apiKey = 'yourApiKey';
- * const apiSecret = 'yourApiSecret';
- * const authSignature = generateAuthorizationSignature(apiKey, apiSecret);
- * const payOrder = await createSalePayOrder(
- * createSalePayOrder({
- *  valueUsd: 200,
- *  metadata: {
- *    items: [
- *     {
- *       name: "t-shirt",
- *       description: "a nice t-shirt",
- *       image: "https://example.com/tshirt.jpg",
- *       quantity: 1,
- *       unit_price: 200,
- *       currency: "USD"
- *     }
- *   ]
- *  }}, "yourApiKey,signature=2ee76043a90a...,timestamp=1737106896")
- */
-declare function createSalePayOrder(payOrderParams: SalePayOrderParams, signature: string): Promise<Optional<PayOrder$1>>;
-
-type PayButtonPaymentProps = DepositPayOrderParams | {
-    /** The payment ID, generated via the Coin Voyage API. Replaces params above. */
-    payId: string;
-};
-type PayButtonCommonProps = PayButtonPaymentProps & {
-    /**
-     * The intent verb, such as "Pay", "Deposit", or "Purchase".
-     */
-    intent?: string;
-    /** Called when user sends payment and transaction is seen on chain */
-    onPaymentStarted?: (event: PaymentStartedEvent) => void;
-    /** Called when destination transfer or call completes successfully */
-    onPaymentCompleted?: (event: PaymentCompletedEvent) => void;
-    /** Called when destination call reverts and funds are refunded */
-    onPaymentBounced?: (event: PaymentBouncedEvent) => void;
-    /** Automatically close the modal after a successful payment. */
-    closeOnSuccess?: boolean;
-};
-type PayButtonProps = PayButtonCommonProps & {
-    /** Add custom styles to the payButton. */
-    style?: React.CSSProperties;
-    /** Light mode, dark mode, or auto. */
-    mode?: Mode;
-    /** Named theme. See docs for options. */
-    theme?: Theme;
-    /** Custom theme. See docs for options. */
-    customTheme?: CustomTheme;
-    /** Disable interaction. */
-    disabled?: boolean;
-};
-type PayButtonCustomProps = PayButtonCommonProps & {
-    /** Custom renderer */
-    children: (renderProps: {
-        show: () => void;
-        hide: () => void;
-    }) => React.ReactNode;
-};
-declare function PayButton(props: PayButtonProps): react_jsx_runtime.JSX.Element;
-declare namespace PayButton {
-    var Custom: typeof PayButtonCustom;
-}
-/** Like PayButton, but with custom styling. */
-declare function PayButtonCustom(props: PayButtonCustomProps): React$1.ReactNode;
-declare namespace PayButtonCustom {
-    var displayName: string;
-}
-
-type WalletProps = {
-    id: string;
-    connectors: ChainTypeWalletConnector[];
-    isInstalled?: boolean;
-} & WalletConfigProps;
-/**
- * EIP-6963: Multi Injected Provider Discovery
- * https://eips.ethereum.org/EIPS/eip-6963
- *
- */
-type WalletConfigProps = {
-    name?: string;
-    shortName?: string;
-    icon?: string | React.ReactNode;
-    iconConnector?: React.ReactNode;
-    iconShape?: "squircle" | "circle" | "square";
-    iconShouldShrink?: boolean;
-    downloadUrls?: {
-        download?: string;
-        website?: string;
-        desktop?: string;
-        android?: string;
-        ios?: string;
-        chrome?: string;
-        firefox?: string;
-        brave?: string;
-        edge?: string;
-        safari?: string;
-    };
-    getWalletConnectDeeplink?: (uri: string) => string;
-    shouldDeeplinkDesktop?: boolean;
-};
-
-declare function useWalletPaymentOptions({ address, usdRequired, chainType, }: {
-    address: string | undefined;
-    usdRequired: number | undefined;
-    chainType: ChainType | undefined;
-}): {
-    options: TokenWithBalance[] | null;
-    isLoading: boolean;
-};
-
-/** Loads a PayOrder + manages the corresponding modal. */
-interface PaymentState {
-    setPayId: (id: string | null) => Promise<void>;
-    createDepositPayOrder: (payOrderParams: DepositPayOrderParams) => Promise<void>;
-    payOrder: PayOrder$1 | undefined;
-    modalOptions: PayModalOptions;
-    setModalOptions: (modalOptions: PayModalOptions) => void;
-    paymentWaitingMessage: string | undefined;
-    connectorChainType: ChainType | undefined;
-    setConnectorChainType: React.Dispatch<React.SetStateAction<ChainType | undefined>>;
-    selectedWallet: WalletProps | undefined;
-    setSelectedWallet: React.Dispatch<React.SetStateAction<WalletProps | undefined>>;
-    walletPaymentOptions: ReturnType<typeof useWalletPaymentOptions>;
-    selectedTokenOption: TokenWithBalance | undefined;
-    setSelectedTokenOption: (option: TokenWithBalance | undefined) => void;
-    setChosenUsd: (amount: number) => void;
-    payWithToken: (tokenAmount: TokenWithBalance) => Promise<void>;
-    refreshOrder: () => Promise<void>;
-    onSuccess: (args: {
-        txHash: string;
-        txURL?: string;
-    }) => void;
-    senderEnsName: string | undefined;
-}
-
-declare enum ROUTES {
-    SELECT_METHOD = "paySelectMethod",
-    SELECT_TOKEN = "paySelectToken",
-    PAY_WITH_TOKEN = "payPayWithToken",
-    CONFIRMATION = "payConfirmation",
-    ONBOARDING = "onboarding",
-    ABOUT = "about",
-    CONNECTORS = "connectors",
-    MOBILECONNECTORS = "mobileConnectors",
-    CONNECT = "connect",
-    DOWNLOAD = "download",
-    SWITCHNETWORKS = "switchNetworks"
-}
-
-type PayContextErrorMessage = string | React__default.ReactNode | null;
-type PayContextValue = {
-    theme: Theme;
-    setTheme: React__default.Dispatch<React__default.SetStateAction<Theme>>;
-    mode: Mode;
-    setMode: React__default.Dispatch<React__default.SetStateAction<Mode>>;
-    customTheme: CustomTheme | undefined;
-    setCustomTheme: React__default.Dispatch<React__default.SetStateAction<CustomTheme | undefined>>;
-    lang: Languages;
-    setLang: React__default.Dispatch<React__default.SetStateAction<Languages>>;
-    open: boolean;
-    setOpen: React__default.Dispatch<React__default.SetStateAction<boolean>>;
-    route: string;
-    setRoute: React__default.Dispatch<React__default.SetStateAction<ROUTES>>;
-    errorMessage: PayContextErrorMessage;
-    debugMode?: boolean;
-    log: (...props: any) => void;
-    displayError: (message: PayContextErrorMessage, code?: any) => void;
-    resize: number;
-    triggerResize: () => void;
-    /** Global options, across all pay buttons and payments. */
-    options?: PayKitOptions;
-    /** Loads a payment, then shows the modal to complete payment. */
-    showPayment: (modalOptions: PayModalOptions) => void;
-    /** Payment status & callbacks. */
-    paymentState: PaymentState;
-} & useConnectCallbackProps;
-
-declare const PayKitProvider: ({ children, orgId, theme, mode, customTheme, options, debugMode, }: PayKitConfig) => React__default.FunctionComponentElement<React__default.ProviderProps<PayContextValue | null>>;
-
-interface WalletProviderProps {
-    config?: Partial<WalletConfig>;
-}
-declare function WalletProvider(props: PropsWithChildren<WalletProviderProps>): React$1.FunctionComponentElement<React$1.ProviderProps<{
-    walletConfig?: WalletConfiguration;
-} | null>>;
-
-/** Returns the current payment, or undefined if there is none.
- *
- * Status values:
- * - `payment_pending` - the user has not paid yet
- * - `payment_started` - the user has paid & payment is in progress. This status
- *    typically lasts a few seconds.
- * - `payment_completed` - the final call or transfer succeeded
- * - `payment_bounced` - the final call or transfer reverted. Funds were sent
- *    to the payment's configured refund address on the destination chain.
- */
-declare function usePayStatus(): {
-    paymentId: string;
-    status: PaymentStatus;
-} | undefined;
-
-declare const _default: {
-    base: {
-        light: {
-            "--ck-connectbutton-font-size": string;
-            "--ck-connectbutton-color": string;
-            "--ck-connectbutton-background": string;
-            "--ck-connectbutton-background-secondary": string;
-            "--ck-connectbutton-hover-color": string;
-            "--ck-connectbutton-hover-background": string;
-            "--ck-connectbutton-active-color": string;
-            "--ck-connectbutton-active-background": string;
-            "--ck-connectbutton-balance-color": string;
-            "--ck-connectbutton-balance-background": string;
-            "--ck-connectbutton-balance-box-shadow": string;
-            "--ck-connectbutton-balance-hover-background": string;
-            "--ck-connectbutton-balance-hover-box-shadow": string;
-            "--ck-connectbutton-balance-active-background": string;
-            "--ck-connectbutton-balance-active-box-shadow": string;
-            "--ck-primary-button-border-radius": string;
-            "--ck-primary-button-color": string;
-            "--ck-primary-button-background": string;
-            "--ck-primary-button-font-weight": string;
-            "--ck-primary-button-hover-color": string;
-            "--ck-primary-button-hover-background": string;
-            "--ck-secondary-button-border-radius": string;
-            "--ck-secondary-button-color": string;
-            "--ck-secondary-button-background": string;
-            "--ck-tertiary-button-background": string;
-            "--ck-secondary-button-hover-background": string;
-            "--ck-modal-box-shadow": string;
-            "--ck-overlay-background": string;
-            "--ck-body-color": string;
-            "--ck-body-color-muted": string;
-            "--ck-body-color-muted-hover": string;
-            "--ck-body-background": string;
-            "--ck-body-background-transparent": string;
-            "--ck-body-background-secondary": string;
-            "--ck-body-background-secondary-hover-background": string;
-            "--ck-body-background-secondary-hover-outline": string;
-            "--ck-body-background-tertiary": string;
-            "--ck-body-action-color": string;
-            "--ck-body-divider": string;
-            "--ck-body-divider-secondary": string;
-            "--ck-body-color-danger": string;
-            "--ck-body-color-valid": string;
-            "--ck-siwe-border": string;
-            "--ck-body-disclaimer-color": string;
-            "--ck-body-disclaimer-link-color": string;
-            "--ck-body-disclaimer-link-hover-color": string;
-            "--ck-tooltip-background": string;
-            "--ck-tooltip-background-secondary": string;
-            "--ck-tooltip-color": string;
-            "--ck-tooltip-shadow": string;
-            "--ck-dropdown-button-color": string;
-            "--ck-dropdown-button-box-shadow": string;
-            "--ck-dropdown-button-background": string;
-            "--ck-dropdown-button-hover-color": string;
-            "--ck-dropdown-button-hover-background": string;
-            "--ck-qr-dot-color": string;
-            "--ck-qr-border-color": string;
-            "--ck-focus-color": string;
-            "--ck-spinner-color": string;
-            "--ck-copytoclipboard-stroke": string;
-        };
-        dark: {
-            "--ck-connectbutton-font-size": string;
-            "--ck-connectbutton-color": string;
-            "--ck-connectbutton-background": string;
-            "--ck-connectbutton-background-secondary": string;
-            "--ck-connectbutton-hover-background": string;
-            "--ck-connectbutton-active-background": string;
-            "--ck-connectbutton-balance-color": string;
-            "--ck-connectbutton-balance-background": string;
-            "--ck-connectbutton-balance-box-shadow": string;
-            "--ck-connectbutton-balance-hover-background": string;
-            "--ck-connectbutton-balance-hover-box-shadow": string;
-            "--ck-connectbutton-balance-active-background": string;
-            "--ck-connectbutton-balance-active-box-shadow": string;
-            "--ck-primary-button-color": string;
-            "--ck-primary-button-background": string;
-            "--ck-primary-button-border-radius": string;
-            "--ck-primary-button-font-weight": string;
-            "--ck-primary-button-hover-background": string;
-            "--ck-primary-button-active-border-radius": string;
-            "--ck-secondary-button-color": string;
-            "--ck-secondary-button-background": string;
-            "--ck-secondary-button-hover-background": string;
-            "--ck-tertiary-button-background": string;
-            "--ck-focus-color": string;
-            "--ck-overlay-background": string;
-            "--ck-body-color": string;
-            "--ck-body-color-muted": string;
-            "--ck-body-color-muted-hover": string;
-            "--ck-body-background": string;
-            "--ck-body-background-transparent": string;
-            "--ck-body-background-secondary": string;
-            "--ck-body-background-secondary-hover-background": string;
-            "--ck-body-background-secondary-hover-outline": string;
-            "--ck-body-background-tertiary": string;
-            "--ck-body-action-color": string;
-            "--ck-body-divider": string;
-            "--ck-body-color-danger": string;
-            "--ck-body-disclaimer-color": string;
-            "--ck-body-disclaimer-link-color": string;
-            "--ck-body-disclaimer-link-hover-color": string;
-            "--ck-modal-box-shadow": string;
-            "--ck-copytoclipboard-stroke": string;
-            "--ck-tooltip-background": string;
-            "--ck-tooltip-background-secondary": string;
-            "--ck-tooltip-color": string;
-            "--ck-tooltip-shadow": string;
-            "--ck-dropdown-button-color": string;
-            "--ck-spinner-color": string;
-            "--ck-qr-dot-color": string;
-            "--ck-qr-border-color": string;
-        };
-    };
-    web95: {
-        "--ck-font-family": string;
-        "--ck-border-radius": string;
-        "--ck-connectbutton-color": string;
-        "--ck-connectbutton-background": string;
-        "--ck-connectbutton-box-shadow": string;
-        "--ck-connectbutton-border-radius": string;
-        "--ck-connectbutton-hover-color": string;
-        "--ck-connectbutton-hover-background": string;
-        "--ck-connectbutton-active-background": string;
-        "--ck-connectbutton-balance-color": string;
-        "--ck-connectbutton-balance-background": string;
-        "--ck-connectbutton-balance-box-shadow": string;
-        "--ck-connectbutton-balance-hover-box-shadow": string;
-        "--ck-connectbutton-balance-active-box-shadow": string;
-        "--ck-focus-color": string;
-        "--ck-overlay-background": string;
-        "--ck-body-color": string;
-        "--ck-body-color-muted": string;
-        "--ck-body-color-muted-hover": string;
-        "--ck-body-background": string;
-        "--ck-body-background-transparent": string;
-        "--ck-body-background-secondary-hover-background": string;
-        "--ck-body-background-secondary-hover-outline": string;
-        "--ck-body-action-color": string;
-        "--ck-body-color-danger": string;
-        "--ck-body-color-valid": string;
-        "--ck-body-divider": string;
-        "--ck-body-divider-box-shadow": string;
-        "--ck-primary-button-background": string;
-        "--ck-primary-button-box-shadow": string;
-        "--ck-primary-button-border-radius": string;
-        "--ck-primary-button-hover-box-shadow": string;
-        "--ck-primary-button-hover-border-radius": string;
-        "--ck-modal-heading-font-weight": number;
-        "--ck-modal-box-shadow": string;
-        "--ck-modal-h1-font-weight": number;
-        "--ck-secondary-button-color": string;
-        "--ck-secondary-button-border-radius": string;
-        "--ck-secondary-button-box-shadow": string;
-        "--ck-secondary-button-background": string;
-        "--ck-secondary-button-hover-box-shadow": string;
-        "--ck-body-background-secondary": string;
-        "--ck-body-background-tertiary": string;
-        "--ck-tertiary-border-radius": string;
-        "--ck-tertiary-box-shadow": string;
-        "--ck-body-button-text-align": string;
-        "--ck-body-button-box-shadow": string;
-        "--ck-body-disclaimer-background": string;
-        "--ck-body-disclaimer-box-shadow": string;
-        "--ck-body-disclaimer-font-size": string;
-        "--ck-body-disclaimer-color": string;
-        "--ck-body-disclaimer-link-color": string;
-        "--ck-body-disclaimer-link-hover-color": string;
-        "--ck-qr-dot-color": string;
-        "--ck-qr-border-color": string;
-        "--ck-qr-border-radius": string;
-        "--ck-qr-background": string;
-        "--ck-copytoclipboard-stroke": string;
-        "--ck-tooltip-background": string;
-        "--ck-tooltip-background-secondary": string;
-        "--ck-tooltip-color": string;
-        "--ck-tooltip-shadow": string;
-        "--ck-spinner-color": string;
-        "--ck-dropdown-button-color": string;
-        "--ck-dropdown-button-box-shadow": string;
-        "--ck-dropdown-button-background": string;
-        "--ck-dropdown-button-hover-background": string;
-        "--ck-dropdown-pending-color": string;
-        "--ck-dropdown-active-color": string;
-        "--ck-dropdown-active-static-color": string;
-        "--ck-dropdown-active-background": string;
-        "--ck-dropdown-active-border-radius": string;
-        "--ck-dropdown-active-inset": string;
-        "--ck-dropdown-color": string;
-        "--ck-dropdown-background": string;
-        "--ck-dropdown-box-shadow": string;
-        "--ck-dropdown-border-radius": string;
-        "--ck-alert-color": string;
-        "--ck-alert-background": string;
-        "--ck-alert-box-shadow": string;
-        "--ck-alert-border-radius": string;
-        "--ck-recent-badge-border-radius": string;
-        "--ck-recent-badge-top-offset": string;
-        "--ck-graphic-primary-color": string;
-        "--ck-graphic-primary-background": string;
-        "--ck-graphic-compass-background": string;
-        "--ck-siwe-border": string;
-    };
-    retro: {
-        "--ck-font-family": string;
-        "--ck-border-radius": string;
-        "--ck-connectbutton-font-size": string;
-        "--ck-connectbutton-color": string;
-        "--ck-connectbutton-background": string;
-        "--ck-connectbutton-box-shadow": string;
-        "--ck-connectbutton-border-radius": string;
-        "--ck-connectbutton-hover-background": string;
-        "--ck-connectbutton-active-box-shadow": string;
-        "--ck-connectbutton-balance-color": string;
-        "--ck-connectbutton-balance-background": string;
-        "--ck-connectbutton-balance-box-shadow": string;
-        "--ck-connectbutton-balance-hover-background": string;
-        "--ck-connectbutton-balance-connectbutton-box-shadow": string;
-        "--ck-connectbutton-balance-connectbutton-border-radius": string;
-        "--ck-primary-button-color": string;
-        "--ck-primary-button-background": string;
-        "--ck-primary-button-box-shadow": string;
-        "--ck-primary-button-border-radius": string;
-        "--ck-primary-button-hover-background": string;
-        "--ck-primary-button-hover-box-shadow": string;
-        "--ck-secondary-button-border-radius": string;
-        "--ck-secondary-button-color": string;
-        "--ck-secondary-button-background": string;
-        "--ck-secondary-button-box-shadow": string;
-        "--ck-secondary-button-hover-background": string;
-        "--ck-secondary-button-hover-box-shadow": string;
-        "--ck-focus-color": string;
-        "--ck-overlay-background": string;
-        "--ck-body-color": string;
-        "--ck-body-color-muted": string;
-        "--ck-body-color-muted-hover": string;
-        "--ck-body-background": string;
-        "--ck-body-background-transparent": string;
-        "--ck-body-background-secondary": string;
-        "--ck-body-background-secondary-hover-background": string;
-        "--ck-body-background-secondary-hover-outline": string;
-        "--ck-body-background-tertiary": string;
-        "--ck-tertiary-border-radius": string;
-        "--ck-tertiary-box-shadow": string;
-        "--ck-body-action-color": string;
-        "--ck-body-divider": string;
-        "--ck-body-color-danger": string;
-        "--ck-body-disclaimer-background": string;
-        "--ck-body-disclaimer-box-shadow": string;
-        "--ck-body-disclaimer-font-weight": string;
-        "--ck-body-disclaimer-color": string;
-        "--ck-body-disclaimer-link-color": string;
-        "--ck-body-disclaimer-link-hover-color": string;
-        "--ck-modal-box-shadow": string;
-        "--ck-copytoclipboard-stroke": string;
-        "--ck-tooltip-border-radius": string;
-        "--ck-tooltip-color": string;
-        "--ck-tooltip-background": string;
-        "--ck-tooltip-background-secondary": string;
-        "--ck-tooltip-shadow": string;
-        "--ck-spinner-color": string;
-        "--ck-dropdown-button-color": string;
-        "--ck-dropdown-button-box-shadow": string;
-        "--ck-dropdown-button-background": string;
-        "--ck-dropdown-button-hover-background": string;
-        "--ck-dropdown-button-hover-box-shadow": string;
-        "--ck-dropdown-pending-color": string;
-        "--ck-dropdown-active-color": string;
-        "--ck-dropdown-active-static-color": string;
-        "--ck-dropdown-active-background": string;
-        "--ck-dropdown-active-box-shadow": string;
-        "--ck-dropdown-active-border-radius": string;
-        "--ck-dropdown-color": string;
-        "--ck-dropdown-background": string;
-        "--ck-dropdown-box-shadow": string;
-        "--ck-dropdown-border-radius": string;
-        "--ck-alert-color": string;
-        "--ck-alert-background": string;
-        "--ck-alert-border-radius": string;
-        "--ck-qr-border-radius": string;
-        "--ck-qr-dot-color": string;
-        "--ck-qr-border-color": string;
-        "--ck-qr-background": string;
-        "--ck-recent-badge-border-radius": string;
-        "--ck-recent-badge-box-shadow": string;
-        "--ck-graphic-primary-color": string;
-        "--ck-graphic-primary-background": string;
-        "--ck-graphic-compass-background": string;
-        "--ck-siwe-border": string;
-    };
-    soft: {
-        "--ck-border-radius": string;
-        "--ck-connectbutton-font-size": string;
-        "--ck-connectbutton-border-radius": string;
-        "--ck-connectbutton-color": string;
-        "--ck-connectbutton-background": string;
-        "--ck-connectbutton-box-shadow": string;
-        "--ck-connectbutton-hover-background": string;
-        "--ck-connectbutton-hover-box-shadow": string;
-        "--ck-connectbutton-balance-color": string;
-        "--ck-connectbutton-balance-background": string;
-        "--ck-connectbutton-balance-box-shadow": string;
-        "--ck-connectbutton-balance-hover-background": string;
-        "--ck-primary-button-border-radius": string;
-        "--ck-primary-button-color": string;
-        "--ck-primary-button-background": string;
-        "--ck-primary-button-box-shadow": string;
-        "--ck-primary-button-hover-background": string;
-        "--ck-primary-button-hover-box-shadow": string;
-        "--ck-secondary-button-border-radius": string;
-        "--ck-secondary-button-color": string;
-        "--ck-secondary-button-background": string;
-        "--ck-secondary-button-box-shadow": string;
-        "--ck-secondary-button-hover-background": string;
-        "--ck-secondary-button-hover-box-shadow": string;
-        "--ck-focus-color": string;
-        "--ck-modal-box-shadow": string;
-        "--ck-body-color": string;
-        "--ck-body-color-muted": string;
-        "--ck-body-color-muted-hover": string;
-        "--ck-body-background": string;
-        "--ck-body-background-transparent": string;
-        "--ck-body-background-secondary": string;
-        "--ck-body-background-secondary-hover-background": string;
-        "--ck-body-background-secondary-hover-outline": string;
-        "--ck-body-background-tertiary": string;
-        "--ck-tertiary-border-radius": string;
-        "--ck-tertiary-box-shadow": string;
-        "--ck-body-action-color": string;
-        "--ck-body-divider": string;
-        "--ck-body-color-danger": string;
-        "--ck-body-color-valid": string;
-        "--ck-body-disclaimer-background": string;
-        "--ck-body-disclaimer-color": string;
-        "--ck-body-disclaimer-link-color": string;
-        "--ck-body-disclaimer-link-hover-color": string;
-        "--ck-copytoclipboard-stroke": string;
-        "--ck-tooltip-background": string;
-        "--ck-tooltip-background-secondary": string;
-        "--ck-tooltip-color": string;
-        "--ck-tooltip-shadow": string;
-        "--ck-spinner-color": string;
-        "--ck-dropdown-button-color": string;
-        "--ck-dropdown-button-box-shadow": string;
-        "--ck-dropdown-button-background": string;
-        "--ck-dropdown-button-hover-color": string;
-        "--ck-dropdown-button-hover-background": string;
-        "--ck-dropdown-color": string;
-        "--ck-dropdown-box-shadow": string;
-        "--ck-alert-color": string;
-        "--ck-alert-background": string;
-        "--ck-alert-box-shadow": string;
-        "--ck-alert-border-radius": string;
-        "--ck-qr-border-radius": string;
-        "--ck-qr-dot-color": string;
-        "--ck-qr-border-color": string;
-        "--ck-siwe-border": string;
-    };
-    midnight: {
-        "--ck-font-family": string;
-        "--ck-border-radius": string;
-        "--ck-connectbutton-font-size": string;
-        "--ck-connectbutton-border-radius": string;
-        "--ck-connectbutton-color": string;
-        "--ck-connectbutton-background": string;
-        "--ck-connectbutton-box-shadow": string;
-        "--ck-connectbutton-hover-background": string;
-        "--ck-connectbutton-active-background": string;
-        "--ck-connectbutton-balance-color": string;
-        "--ck-connectbutton-balance-background": string;
-        "--ck-connectbutton-balance-box-shadow": string;
-        "--ck-connectbutton-balance-hover-background": string;
-        "--ck-connectbutton-balance-active-background": string;
-        "--ck-primary-button-border-radius": string;
-        "--ck-primary-button-color": string;
-        "--ck-primary-button-background": string;
-        "--ck-primary-button-box-shadow": string;
-        "--ck-primary-button-hover-background": string;
-        "--ck-secondary-button-border-radius": string;
-        "--ck-secondary-button-color": string;
-        "--ck-secondary-button-background": string;
-        "--ck-secondary-button-box-shadow": string;
-        "--ck-secondary-button-hover-background": string;
-        "--ck-overlay-background": string;
-        "--ck-modal-box-shadow": string;
-        "--ck-focus-color": string;
-        "--ck-body-color": string;
-        "--ck-body-color-muted": string;
-        "--ck-body-color-muted-hover": string;
-        "--ck-body-background": string;
-        "--ck-body-background-transparent": string;
-        "--ck-body-background-secondary": string;
-        "--ck-body-background-secondary-hover-background": string;
-        "--ck-body-background-secondary-hover-outline": string;
-        "--ck-body-background-tertiary": string;
-        "--ck-tertiary-border-radius": string;
-        "--ck-tertiary-box-shadow": string;
-        "--ck-body-action-color": string;
-        "--ck-body-divider": string;
-        "--ck-body-color-danger": string;
-        "--ck-body-color-valid": string;
-        "--ck-body-disclaimer-background": string;
-        "--ck-body-disclaimer-box-shadow": string;
-        "--ck-body-disclaimer-color": string;
-        "--ck-body-disclaimer-link-color": string;
-        "--ck-body-disclaimer-link-hover-color": string;
-        "--ck-copytoclipboard-stroke": string;
-        "--ck-tooltip-background": string;
-        "--ck-tooltip-background-secondary": string;
-        "--ck-tooltip-color": string;
-        "--ck-tooltip-shadow": string;
-        "--ck-spinner-color": string;
-        "--ck-dropdown-button-color": string;
-        "--ck-dropdown-button-box-shadow": string;
-        "--ck-dropdown-button-background": string;
-        "--ck-dropdown-pending-color": string;
-        "--ck-dropdown-active-color": string;
-        "--ck-dropdown-active-static-color": string;
-        "--ck-dropdown-active-background": string;
-        "--ck-dropdown-color": string;
-        "--ck-dropdown-background": string;
-        "--ck-dropdown-box-shadow": string;
-        "--ck-dropdown-border-radius": string;
-        "--ck-alert-color": string;
-        "--ck-alert-background": string;
-        "--ck-alert-box-shadow": string;
-        "--ck-qr-border-radius": string;
-        "--ck-qr-dot-color": string;
-        "--ck-qr-border-color": string;
-        "--ck-recent-badge-border-radius": string;
-    };
-    minimal: {
-        "--ck-font-family": string;
-        "--ck-border-radius": string;
-        "--ck-connectbutton-font-size": string;
-        "--ck-connectbutton-border-radius": string;
-        "--ck-connectbutton-color": string;
-        "--ck-connectbutton-background": string;
-        "--ck-connectbutton-box-shadow": string;
-        "--ck-connectbutton-hover-color": string;
-        "--ck-connectbutton-hover-box-shadow": string;
-        "--ck-connectbutton-balance-color": string;
-        "--ck-connectbutton-balance-background": string;
-        "--ck-connectbutton-balance-box-shadow": string;
-        "--ck-connectbutton-balance-hover-background": string;
-        "--ck-connectbutton-balance-hover-box-shadow": string;
-        "--ck-primary-button-border-radius": string;
-        "--ck-primary-button-color": string;
-        "--ck-primary-button-background": string;
-        "--ck-primary-button-box-shadow": string;
-        "--ck-primary-button-hover-box-shadow": string;
-        "--ck-secondary-button-border-radius": string;
-        "--ck-secondary-button-color": string;
-        "--ck-secondary-button-background": string;
-        "--ck-secondary-button-box-shadow": string;
-        "--ck-secondary-button-hover-box-shadow": string;
-        "--ck-dropdown-button-color": string;
-        "--ck-dropdown-button-box-shadow": string;
-        "--ck-dropdown-button-background": string;
-        "--ck-dropdown-button-hover-color": string;
-        "--ck-dropdown-button-hover-background": string;
-        "--ck-focus-color": string;
-        "--ck-modal-box-shadow": string;
-        "--ck-body-color": string;
-        "--ck-body-color-muted": string;
-        "--ck-body-color-muted-hover": string;
-        "--ck-body-background": string;
-        "--ck-body-background-transparent": string;
-        "--ck-body-background-secondary": string;
-        "--ck-body-background-secondary-hover-background": string;
-        "--ck-body-background-secondary-hover-outline": string;
-        "--ck-body-background-tertiary": string;
-        "--ck-tertiary-border-radius": string;
-        "--ck-tertiary-box-shadow": string;
-        "--ck-body-action-color": string;
-        "--ck-body-divider": string;
-        "--ck-body-color-danger": string;
-        "--ck-body-color-valid": string;
-        "--ck-body-disclaimer-background": string;
-        "--ck-body-disclaimer-box-shadow": string;
-        "--ck-body-disclaimer-color": string;
-        "--ck-body-disclaimer-link-color": string;
-        "--ck-body-disclaimer-link-hover-color": string;
-        "--ck-copytoclipboard-stroke": string;
-        "--ck-tooltip-border-radius": string;
-        "--ck-tooltip-background": string;
-        "--ck-tooltip-background-secondary": string;
-        "--ck-tooltip-color": string;
-        "--ck-tooltip-shadow": string;
-        "--ck-spinner-color": string;
-        "--ck-dropdown-active-border-radius": string;
-        "--ck-dropdown-box-shadow": string;
-        "--ck-dropdown-border-radius": string;
-        "--ck-alert-color": string;
-        "--ck-alert-background": string;
-        "--ck-alert-box-shadow": string;
-        "--ck-alert-border-radius": string;
-        "--ck-qr-border-radius": string;
-        "--ck-qr-dot-color": string;
-        "--ck-qr-border-color": string;
-        "--ck-modal-h1-font-weight": string;
-        "--ck-modal-heading-font-weight": string;
-        "--ck-primary-button-font-weight": string;
-        "--ck-recent-badge-top-offset": string;
-        "--ck-siwe-border": string;
-    };
-    rounded: {
-        "--ck-font-family": string;
-        "--ck-border-radius": string;
-        "--ck-connectbutton-font-size": string;
-        "--ck-connectbutton-font-weight": string;
-        "--ck-connectbutton-border-radius": string;
-        "--ck-connectbutton-color": string;
-        "--ck-connectbutton-background": string;
-        "--ck-connectbutton-box-shadow": string;
-        "--ck-connectbutton-hover-background": string;
-        "--ck-connectbutton-balance-color": string;
-        "--ck-connectbutton-balance-background": string;
-        "--ck-connectbutton-balance-box-shadow": string;
-        "--ck-connectbutton-balance-hover-background": string;
-        "--ck-connectbutton-balance-hover-box-shadow": string;
-        "--ck-connectbutton-balance-active-box-shadow": string;
-        "--ck-connectbutton-active-background": string;
-        "--ck-connectbutton-active-box-shadow": string;
-        "--ck-primary-button-border-radius": string;
-        "--ck-primary-button-color": string;
-        "--ck-primary-button-background": string;
-        "--ck-primary-button-box-shadow": string;
-        "--ck-primary-button-hover-background": string;
-        "--ck-primary-button-hover-box-shadow": string;
-        "--ck-secondary-button-border-radius": string;
-        "--ck-secondary-button-color": string;
-        "--ck-secondary-button-background": string;
-        "--ck-secondary-button-box-shadow": string;
-        "--ck-secondary-button-hover-background": string;
-        "--ck-secondary-button-hover-box-shadow": string;
-        "--ck-focus-color": string;
-        "--ck-modal-box-shadow": string;
-        "--ck-body-color": string;
-        "--ck-body-color-muted": string;
-        "--ck-body-color-muted-hover": string;
-        "--ck-body-background": string;
-        "--ck-body-background-transparent": string;
-        "--ck-body-background-secondary": string;
-        "--ck-body-background-secondary-hover-background": string;
-        "--ck-body-background-secondary-hover-outline": string;
-        "--ck-body-background-tertiary": string;
-        "--ck-tertiary-border-radius": string;
-        "--ck-tertiary-box-shadow": string;
-        "--ck-body-action-color": string;
-        "--ck-body-divider": string;
-        "--ck-body-color-danger": string;
-        "--ck-body-color-valid": string;
-        "--ck-body-disclaimer-background": string;
-        "--ck-body-disclaimer-font-size": string;
-        "--ck-body-disclaimer-font-weight": string;
-        "--ck-body-disclaimer-color": string;
-        "--ck-body-disclaimer-link-color": string;
-        "--ck-body-disclaimer-link-hover-color": string;
-        "--ck-copytoclipboard-stroke": string;
-        "--ck-tooltip-background": string;
-        "--ck-tooltip-background-secondary": string;
-        "--ck-tooltip-color": string;
-        "--ck-tooltip-shadow": string;
-        "--ck-spinner-color": string;
-        "--ck-dropdown-button-color": string;
-        "--ck-dropdown-button-box-shadow": string;
-        "--ck-dropdown-button-background": string;
-        "--ck-dropdown-button-hover-color": string;
-        "--ck-dropdown-button-hover-background": string;
-        "--ck-dropdown-pending-color": string;
-        "--ck-dropdown-active-color": string;
-        "--ck-dropdown-active-static-color": string;
-        "--ck-dropdown-active-background": string;
-        "--ck-dropdown-color": string;
-        "--ck-dropdown-background": string;
-        "--ck-dropdown-box-shadow": string;
-        "--ck-dropdown-border-radius": string;
-        "--ck-alert-color": string;
-        "--ck-alert-background": string;
-        "--ck-qr-border-radius": string;
-        "--ck-qr-dot-color": string;
-        "--ck-qr-border-color": string;
-        "--ck-modal-h1-font-weight": string;
-        "--ck-modal-heading-font-weight": string;
-        "--ck-primary-button-font-weight": string;
-        "--ck-recent-badge-box-shadow": string;
-        "--ck-recent-badge-top-offset": string;
-        "--ck-siwe-border": string;
-    };
-    nouns: {
-        "--ck-font-family": string;
-        "--ck-border-radius": string;
-        "--ck-connectbutton-font-size": string;
-        "--ck-connectbutton-font-weight": string;
-        "--ck-connectbutton-border-radius": string;
-        "--ck-connectbutton-color": string;
-        "--ck-connectbutton-background": string;
-        "--ck-connectbutton-box-shadow": string;
-        "--ck-connectbutton-hover-background": string;
-        "--ck-connectbutton-hover-box-shadow": string;
-        "--ck-connectbutton-active-background": string;
-        "--ck-connectbutton-active-box-shadow": string;
-        "--ck-connectbutton-balance-color": string;
-        "--ck-connectbutton-balance-background": string;
-        "--ck-connectbutton-balance-box-shadow": string;
-        "--ck-connectbutton-balance-hover-background": string;
-        "--ck-primary-button-border-radius": string;
-        "--ck-primary-button-color": string;
-        "--ck-primary-button-background": string;
-        "--ck-primary-button-font-weight": string;
-        "--ck-primary-button-hover-background": string;
-        "--ck-secondary-button-border-radius": string;
-        "--ck-secondary-button-color": string;
-        "--ck-secondary-button-background": string;
-        "--ck-secondary-button-font-weight": string;
-        "--ck-secondary-button-hover-background": string;
-        "--ck-focus-color": string;
-        "--ck-modal-box-shadow": string;
-        "--ck-overlay-background": string;
-        "--ck-overlay-backdrop-filter": string;
-        "--ck-body-color": string;
-        "--ck-body-color-muted": string;
-        "--ck-body-color-muted-hover": string;
-        "--ck-body-background": string;
-        "--ck-body-background-transparent": string;
-        "--ck-body-background-secondary": string;
-        "--ck-body-background-secondary-hover-background": string;
-        "--ck-body-background-tertiary": string;
-        "--ck-tertiary-border-radius": string;
-        "--ck-body-action-color": string;
-        "--ck-body-divider": string;
-        "--ck-body-color-danger": string;
-        "--ck-body-color-valid": string;
-        "--ck-body-disclaimer-background": string;
-        "--ck-body-disclaimer-color": string;
-        "--ck-body-disclaimer-link-color": string;
-        "--ck-body-disclaimer-link-hover-color": string;
-        "--ck-copytoclipboard-stroke": string;
-        "--ck-tooltip-background": string;
-        "--ck-tooltip-background-secondary": string;
-        "--ck-tooltip-color": string;
-        "--ck-tooltip-shadow": string;
-        "--ck-spinner-color": string;
-        "--ck-dropdown-button-color": string;
-        "--ck-dropdown-button-box-shadow": string;
-        "--ck-dropdown-button-background": string;
-        "--ck-dropdown-button-hover-color": string;
-        "--ck-dropdown-button-hover-background": string;
-        "--ck-dropdown-button-hover-box-shadow": string;
-        "--ck-dropdown-color": string;
-        "--ck-dropdown-box-shadow": string;
-        "--ck-alert-color": string;
-        "--ck-alert-background": string;
-        "--ck-alert-box-shadow": string;
-        "--ck-alert-border-radius": string;
-        "--ck-qr-border-radius": string;
-        "--ck-qr-dot-color": string;
-        "--ck-qr-background": string;
-        "--ck-recent-badge-color": string;
-        "--ck-recent-badge-background": string;
-        "--ck-recent-badge-box-shadow": string;
-        "--ck-siwe-border": string;
-        "--ck-graphic-primary-background": string;
-        "--ck-graphic-compass-background": string;
-        "--ck-graphic-primary-box-shadow": string;
-        "--ck-graphic-compass-box-shadow": string;
-    };
-};
-
-declare namespace index_d {
-  export { _default as default };
-}
-
-/**
- * Generates an authorization signature for API requests.
- *
- * ⚠️ **Warning:** This function should only be run on the server.
- * It uses the API secret, which must remain confidential. Running this
- * code in a client-side environment risks exposing sensitive information
- * to end users or malicious actors.
- *
- * This function creates a signed authorization string using the provided API key and secret.
- * The generated string includes the API key, a timestamp (in seconds since epoch),
- * and a SHA-512 hash signature of the concatenated API key, secret, and timestamp.
- *
- * @param {string} apiKey - The API key used for authentication.
- * @param {string} apiSecret - The API secret used to generate the signature.
- * @returns {string} - A formatted authorization string in the format:
- *                     `APIKey=<apiKey>,signature=<signature>,timestamp=<timestamp>`.
- *
- * @example
- * const apiKey = 'yourApiKey';
- * const apiSecret = 'yourApiSecret';
- * const authSignature = generateAuthorizationSignature(apiKey, apiSecret);
- * console.log(authSignature);
- * // Example output:
- * // APIKey=yourApiKey,signature=2ee76043a90a...,timestamp=1737106896
- */
-declare function generateAuthorizationSignature(apiKey: string, apiSecret: string): string;
-
-export { PayButton, PayKitProvider, types_d as Types, WalletProvider, createSalePayOrder, generateAuthorizationSignature, index_d as themes, usePayStatus };