@coin-voyage/paykit 0.0.2 → 0.1.0

package/dist/providers/utxo/provider.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { BigmiContext } from "@bigmi/react";
+import { UTXOBaseProvider } from "@coin-voyage/crypto/utxo/base-provider";
+import { UTXOExternalContext } from "@coin-voyage/crypto/utxo/external-context";
+import { useContext } from "react";
+import { useAppContext } from "../../components/contexts/app";
+export function useInBigmiContext() {
+    const context = useContext(BigmiContext);
+    return Boolean(context);
+}
+export function UTXOProvider({ children }) {
+    const inBigmiContext = useInBigmiContext();
+    const { walletConfig } = useAppContext();
+    const config = walletConfig?.utxo;
+    return inBigmiContext ? (_jsx(UTXOExternalContext.Provider, { value: inBigmiContext, children: children })) : (_jsx(UTXOBaseProvider, { config: config, children: children }));
+}
+//# sourceMappingURL=provider.js.map

package/dist/providers/utxo/provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"provider.js","sourceRoot":"","sources":["../../../src/providers/utxo/provider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAA;AAC3C,OAAO,EAAE,gBAAgB,EAAE,MAAM,wCAAwC,CAAA;AACzE,OAAO,EAAE,mBAAmB,EAAE,MAAM,2CAA2C,CAAA;AAC/E,OAAO,EAA0B,UAAU,EAAE,MAAM,OAAO,CAAA;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAA;AAE7D,MAAM,UAAU,iBAAiB;IAC/B,MAAM,OAAO,GAAG,UAAU,CAAC,YAAY,CAAC,CAAA;IACxC,OAAO,OAAO,CAAC,OAAO,CAAC,CAAA;AACzB,CAAC;AAED,MAAM,UAAU,YAAY,CAAC,EAAE,QAAQ,EAAqB;IAC1D,MAAM,cAAc,GAAG,iBAAiB,EAAE,CAAA;IAE1C,MAAM,EAAE,YAAY,EAAE,GAAG,aAAa,EAAE,CAAA;IACxC,MAAM,MAAM,GAAG,YAAY,EAAE,IAAI,CAAA;IAEjC,OAAO,cAAc,CAAC,CAAC,CAAC,CACtB,KAAC,mBAAmB,CAAC,QAAQ,IAAC,KAAK,EAAE,cAAc,YAChD,QAAQ,GACoB,CAChC,CAAC,CAAC,CAAC,CACF,KAAC,gBAAgB,IAAC,MAAM,EAAE,MAAM,YAAG,QAAQ,GAAoB,CAChE,CAAA;AACH,CAAC"}

package/dist/providers/wallet-provider.d.ts

@@ -0,0 +1,9 @@
+import { type PropsWithChildren } from "react";
+import type { WalletConfig } from "../index";
+interface WalletProviderProps {
+    config?: Partial<WalletConfig>;
+}
+export declare function WalletProvider(props: PropsWithChildren<WalletProviderProps>): import("react").FunctionComponentElement<import("react").ProviderProps<{
+    walletConfig?: import("@coin-voyage/crypto/types/wallet").WalletConfiguration;
+} | null>>;
+export {};

package/dist/providers/wallet-provider.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { createElement } from "react";
+import { AppContext } from "../components/contexts/app";
+import { useConnectCallback } from "../hooks/useConnectCallback";
+import { useInWagmiContext } from "../providers/evm/provider";
+import { EVMProvider } from "./evm/provider";
+import { QueryProvider } from "./query/provider";
+import { SolanaProvider } from "./solana/provider";
+import { SuiProvider } from "./sui/provider";
+import { UTXOProvider } from "./utxo/provider";
+export function WalletProvider(props) {
+    return createElement(AppContext.Provider, { value: { walletConfig: props.config?.walletConfig } }, _jsx(QueryProvider, { children: _jsx(EVMProvider, { children: _jsx(SolanaProvider, { children: _jsx(UTXOProvider, { children: _jsx(SuiProvider, { children: _jsx(CallBackHandler, { onConnect: props.config?.onConnect, onDisconnect: props.config?.onDisconnect, children: props.children }) }) }) }) }) }));
+}
+function CallBackHandler(props) {
+    const inWagmiContext = useInWagmiContext();
+    if (!inWagmiContext) {
+        return _jsx(_Fragment, { children: props.children });
+    }
+    const { onConnect, onDisconnect } = props;
+    useConnectCallback({ onConnect, onDisconnect });
+    return _jsx(_Fragment, { children: props.children });
+}
+//# sourceMappingURL=wallet-provider.js.map

package/dist/providers/wallet-provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"wallet-provider.js","sourceRoot":"","sources":["../../src/providers/wallet-provider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAA0B,aAAa,EAAE,MAAM,OAAO,CAAA;AAC7D,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAA;AACvD,OAAO,EAAE,kBAAkB,EAA2B,MAAM,6BAA6B,CAAA;AACzF,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAA;AAC7D,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAO9C,MAAM,UAAU,cAAc,CAAC,KAA6C;IAC1E,OAAO,aAAa,CAClB,UAAU,CAAC,QAAQ,EACnB,EAAE,KAAK,EAAE,EAAE,YAAY,EAAE,KAAK,CAAC,MAAM,EAAE,YAAY,EAAE,EAAE,EACvD,KAAC,aAAa,cACZ,KAAC,WAAW,cACV,KAAC,cAAc,cACb,KAAC,YAAY,cACX,KAAC,WAAW,cACV,KAAC,eAAe,IACd,SAAS,EAAE,KAAK,CAAC,MAAM,EAAE,SAAS,EAClC,YAAY,EAAE,KAAK,CAAC,MAAM,EAAE,YAAY,YAEvC,KAAK,CAAC,QAAQ,GACC,GACN,GACD,GACA,GACL,GACA,CACjB,CAAA;AACH,CAAC;AAED,SAAS,eAAe,CAAC,KAAiD;IACxE,MAAM,cAAc,GAAG,iBAAiB,EAAE,CAAA;IAC1C,IAAI,CAAC,cAAc,EAAE,CAAC;QACpB,OAAO,4BAAG,KAAK,CAAC,QAAQ,GAAI,CAAA;IAC9B,CAAC;IAED,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,GAAG,KAAK,CAAA;IACzC,kBAAkB,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC,CAAA;IAE/C,OAAO,4BAAG,KAAK,CAAC,QAAQ,GAAI,CAAA;AAC9B,CAAC"}

package/dist/server.d.ts

@@ -0,0 +1,3 @@
+export { createDepositPayOrder, createSalePayOrder, getPayOrder, payOrderPaymentDetails, payOrderQuote, processPayOrder } from "@coin-voyage/shared/api";
+export { ChainId, ChainType } from "@coin-voyage/shared/common/chains";
+export { generateAuthorizationSignature } from "./utils/generate-signature";

package/dist/server.js

@@ -0,0 +1,5 @@
+export { createDepositPayOrder, createSalePayOrder, getPayOrder, payOrderPaymentDetails, payOrderQuote, processPayOrder } from "@coin-voyage/shared/api";
+export { ChainId, ChainType } from "@coin-voyage/shared/common/chains";
+// Authorization
+export { generateAuthorizationSignature } from "./utils/generate-signature";
+//# sourceMappingURL=server.js.map

package/dist/server.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"server.js","sourceRoot":"","sources":["../src/server.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,qBAAqB,EACrB,kBAAkB,EAAE,WAAW,EAAE,sBAAsB,EAAE,aAAa,EAAE,eAAe,EAC1F,MAAM,yBAAyB,CAAA;AAEhC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,mCAAmC,CAAA;AAEtE,gBAAgB;AAChB,OAAO,EAAE,8BAA8B,EAAE,MAAM,4BAA4B,CAAA"}

package/dist/styles/defaultTheme.js

@@ -0,0 +1,87 @@
+const defaultLightTheme = {
+    font: {
+        family: `-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, 'Apple Color Emoji', Arial, sans-serif, 'Segoe UI Emoji'`,
+    },
+    text: {
+        primary: {
+            color: "#373737",
+        },
+        secondary: {
+            color: "#999999",
+            hover: {
+                color: "#111111",
+            },
+        },
+        error: "#FC6464",
+        valid: "#32D74B",
+    },
+    buttons: {
+        primary: {
+            borderRadius: 16,
+            color: "#000373737000",
+            background: "#FFFFFF",
+            border: "#F0F0F0",
+            hover: {
+                color: "#000000",
+                border: "#1A88F8",
+            },
+        },
+        secondary: {
+            borderRadius: 16,
+            background: "#F6F7F9",
+            color: "#000000",
+        },
+    },
+    navigation: {
+        color: "#999999",
+    },
+    modal: {
+        background: "#ffffff", // need to generate an rgba transparent version of this for Safari
+        divider: "#f7f6f8",
+    },
+    tooltips: {
+        color: "#999999",
+        background: "#ffffff",
+        hover: {
+            background: "#f6f7f9",
+        },
+    },
+    overlay: {
+        background: "rgba(0, 0, 0, 0.06)",
+    },
+    qrCode: {
+        accentColor: "#F7F6F8",
+    },
+};
+// parse into css variables so we can use p3 colors
+const parseTheme = (theme) => {
+    return theme;
+};
+const userPrefersDarkMode = () => {
+    if (typeof window === "undefined") {
+        return false;
+    }
+    return window.matchMedia?.("(prefers-color-scheme: dark)").matches;
+    /*
+    window
+      .matchMedia('(prefers-color-scheme: dark)')
+      .addEventListener('change', (event) => {
+        userPrefersDarkMode = event.matches;
+      });
+      */
+};
+const darkMode = userPrefersDarkMode();
+if (darkMode) {
+}
+const defaultTheme = {
+    options: {
+        iconStyle: "light",
+    },
+    theme: {
+        preferred: "dark",
+        light: parseTheme(defaultLightTheme),
+        dark: parseTheme(defaultLightTheme),
+    },
+};
+export default defaultTheme;
+//# sourceMappingURL=defaultTheme.js.map

package/dist/styles/defaultTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaultTheme.js","sourceRoot":"","sources":["../../src/styles/defaultTheme.ts"],"names":[],"mappings":"AAEA,MAAM,iBAAiB,GAAU;IAC/B,IAAI,EAAE;QACJ,MAAM,EAAE,oHAAoH;KAC7H;IACD,IAAI,EAAE;QACJ,OAAO,EAAE;YACP,KAAK,EAAE,SAAS;SACjB;QACD,SAAS,EAAE;YACT,KAAK,EAAE,SAAS;YAChB,KAAK,EAAE;gBACL,KAAK,EAAE,SAAS;aACjB;SACF;QACD,KAAK,EAAE,SAAS;QAChB,KAAK,EAAE,SAAS;KACjB;IACD,OAAO,EAAE;QACP,OAAO,EAAE;YACP,YAAY,EAAE,EAAE;YAChB,KAAK,EAAE,eAAe;YACtB,UAAU,EAAE,SAAS;YACrB,MAAM,EAAE,SAAS;YACjB,KAAK,EAAE;gBACL,KAAK,EAAE,SAAS;gBAChB,MAAM,EAAE,SAAS;aAClB;SACF;QACD,SAAS,EAAE;YACT,YAAY,EAAE,EAAE;YAChB,UAAU,EAAE,SAAS;YACrB,KAAK,EAAE,SAAS;SACjB;KACF;IACD,UAAU,EAAE;QACV,KAAK,EAAE,SAAS;KACjB;IACD,KAAK,EAAE;QACL,UAAU,EAAE,SAAS,EAAE,kEAAkE;QACzF,OAAO,EAAE,SAAS;KACnB;IACD,QAAQ,EAAE;QACR,KAAK,EAAE,SAAS;QAChB,UAAU,EAAE,SAAS;QACrB,KAAK,EAAE;YACL,UAAU,EAAE,SAAS;SACtB;KACF;IACD,OAAO,EAAE;QACP,UAAU,EAAE,qBAAqB;KAClC;IACD,MAAM,EAAE;QACN,WAAW,EAAE,SAAS;KACvB;CACF,CAAA;AAED,mDAAmD;AACnD,MAAM,UAAU,GAAG,CAAC,KAAY,EAAE,EAAE;IAClC,OAAO,KAAK,CAAA;AACd,CAAC,CAAA;AAED,MAAM,mBAAmB,GAAG,GAAG,EAAE;IAC/B,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE,CAAC;QAClC,OAAO,KAAK,CAAA;IACd,CAAC;IACD,OAAO,MAAM,CAAC,UAAU,EAAE,CAAC,8BAA8B,CAAC,CAAC,OAAO,CAAA;IAClE;;;;;;QAMI;AACN,CAAC,CAAA;AACD,MAAM,QAAQ,GAAG,mBAAmB,EAAE,CAAA;AAEtC,IAAI,QAAQ,EAAE,CAAC;AACf,CAAC;AAED,MAAM,YAAY,GAAgB;IAChC,OAAO,EAAE;QACP,SAAS,EAAE,OAAO;KACnB;IACD,KAAK,EAAE;QACL,SAAS,EAAE,MAAM;QACjB,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC;QACpC,IAAI,EAAE,UAAU,CAAC,iBAAiB,CAAC;KACpC;CACF,CAAA;AACD,eAAe,YAAY,CAAA"}

package/dist/styles/index.js

@@ -0,0 +1,326 @@
+import { motion } from "framer-motion";
+import { css } from "styled-components";
+import { hexToP3 } from "../utils/p3";
+import styled from "./styled";
+import predefinedThemes from "./themes";
+/**
+ * Theme variables for the modal
+ */
+const themeGlobals = {
+    default: {
+        "--ck-font-family": `-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica,
+    'Apple Color Emoji', Arial, sans-serif, 'Segoe UI Emoji',
+    'Segoe UI Symbol'`,
+        "--ck-border-radius": "20px",
+        "--ck-secondary-button-border-radius": "16px",
+    },
+    graphics: {
+        light: {
+            "--ck-graphic-wave-stop-01": "#E8F17D",
+            "--ck-graphic-wave-stop-02": "#A8ECDE",
+            "--ck-graphic-wave-stop-03": "#7AA1F2",
+            "--ck-graphic-wave-stop-04": "#DEA1E8",
+            "--ck-graphic-wave-stop-05": "#F46D98",
+            "--ck-graphic-scaniconwithlogos-01": "#4E4E4E",
+            "--ck-graphic-scaniconwithlogos-02": "#272727",
+            "--ck-graphic-scaniconwithlogos-03": "#F8D74A",
+            "--ck-graphic-scaniconwithlogos-04": "#F6F7F9",
+            "--ck-chain-ethereum-01": "#25292E",
+            "--ck-chain-ethereum-02": "#fff",
+            "--ck-chain-ethereum-03": "#DFE0E0",
+        },
+        dark: {
+            "--ck-graphic-wave-stop-01": "#E8F17D",
+            "--ck-graphic-wave-stop-02": "#A8ECDE",
+            "--ck-graphic-wave-stop-03": "#7AA1F2",
+            "--ck-graphic-wave-stop-04": "#DEA1E8",
+            "--ck-graphic-wave-stop-05": "#F46D98",
+            "--ck-graphic-scaniconwithlogos-01": "#AFAFAF",
+            "--ck-graphic-scaniconwithlogos-02": "#696969",
+            "--ck-graphic-scaniconwithlogos-03": "#F8D74A",
+            "--ck-graphic-scaniconwithlogos-04": "#3D3D3D",
+            //'--ck-chain-ethereum-01': '#fff',
+            //'--ck-chain-ethereum-02': '#000',
+            //'--ck-chain-ethereum-03': '#000',
+        },
+    },
+    ens: {
+        light: {
+            "--ck-ens-01-start": "#FF3B30",
+            "--ck-ens-01-stop": "#FF9500",
+            "--ck-ens-02-start": "#FF9500",
+            "--ck-ens-02-stop": "#FFCC00",
+            "--ck-ens-03-start": "#FFCC00",
+            "--ck-ens-03-stop": "#34C759",
+            "--ck-ens-04-start": "#5856D6",
+            "--ck-ens-04-stop": "#AF52DE",
+            "--ck-ens-05-start": "#5AC8FA",
+            "--ck-ens-05-stop": "#007AFF",
+            "--ck-ens-06-start": "#007AFF",
+            "--ck-ens-06-stop": "#5856D6",
+            "--ck-ens-07-start": "#5856D6",
+            "--ck-ens-07-stop": "#AF52DE",
+            "--ck-ens-08-start": "#AF52DE",
+            "--ck-ens-08-stop": "#FF2D55",
+        },
+        dark: {
+            "--ck-ens-01-start": "#FF453A",
+            "--ck-ens-01-stop": "#FF9F0A",
+            "--ck-ens-02-start": "#FF9F0A",
+            "--ck-ens-02-stop": "#FFD60A",
+            "--ck-ens-03-start": "#FFD60A",
+            "--ck-ens-03-stop": "#32D74B",
+            "--ck-ens-04-start": "#32D74B",
+            "--ck-ens-04-stop": "#64D2FF",
+            "--ck-ens-05-start": "#64D2FF",
+            "--ck-ens-05-stop": "#0A84FF",
+            "--ck-ens-06-start": "#0A84FF",
+            "--ck-ens-06-stop": "#5E5CE6",
+            "--ck-ens-07-start": "#5E5CE6",
+            "--ck-ens-07-stop": "#BF5AF2",
+            "--ck-ens-08-start": "#BF5AF2",
+            "--ck-ens-08-stop": "#FF2D55",
+        },
+    },
+    brand: {
+        "--ck-family-brand": "#1A88F8",
+        "--ck-brand-walletConnect": "#3B99FC",
+        "--ck-brand-coinbaseWallet": "#0052FF",
+        "--ck-brand-metamask": "#f6851b",
+        "--ck-brand-metamask-01": "#F6851B",
+        "--ck-brand-metamask-02": "#E2761B",
+        "--ck-brand-metamask-03": "#CD6116",
+        "--ck-brand-metamask-04": "#161616",
+        "--ck-brand-metamask-05": "#763D16",
+        "--ck-brand-metamask-06": "#D7C1B3",
+        "--ck-brand-metamask-07": "#C0AD9E",
+        "--ck-brand-metamask-08": "#E4761B",
+        "--ck-brand-metamask-09": "#233447",
+        "--ck-brand-metamask-10": "#E4751F",
+        "--ck-brand-metamask-11": "#FEF5E7",
+        "--ck-brand-metamask-12": "#E3C8AB",
+        "--ck-brand-trust-01": "#3375BB",
+        "--ck-brand-trust-02": "#ffffff",
+        "--ck-brand-trust-01b": "#ffffff", // dark Theme
+        "--ck-brand-trust-02b": "#3375BB", // dark Theme
+        "--ck-brand-argent": "#f36a3d",
+        "--ck-brand-imtoken-01": "#11C4D1",
+        "--ck-brand-imtoken-02": "#0062AD",
+        "--ck-brand-safe": "#12FF80",
+        "--ck-brand-dawn": "#000000",
+    },
+};
+const themeColors = {
+    light: predefinedThemes.base.light,
+    dark: predefinedThemes.base.dark,
+    web95: predefinedThemes.web95,
+    retro: predefinedThemes.retro,
+    soft: predefinedThemes.soft,
+    midnight: predefinedThemes.midnight,
+    minimal: predefinedThemes.minimal,
+    rounded: predefinedThemes.rounded,
+    nouns: predefinedThemes.nouns,
+};
+/**
+ *  Automatically use p3 if available
+ */
+//  TODO: Don't use :any type
+const createCssVars = (scheme, _important) => {
+    return css `
+    ${Object.keys(scheme).map((key) => {
+        const value = scheme[key];
+        return value && `${key}:${value};`;
+    })}
+  `;
+};
+const createCssColors = (scheme, override) => {
+    const important = override ? " !important" : "";
+    return css `
+    ${Object.keys(scheme).map((key) => {
+        const value = scheme[key];
+        return value && `${key}:${value}${important};`;
+    })}
+    @supports (color: color(display-p3 1 1 1)) {
+      ${Object.keys(scheme).map((key) => {
+        const value = scheme[key];
+        return `${key}:${hexToP3(value)}${important};`;
+    })}
+    }
+  `;
+};
+const themes = {
+    default: createCssVars(themeGlobals.default),
+    light: createCssColors(themeColors.light),
+    dark: createCssColors(themeColors.dark),
+    web95: createCssColors(themeColors.web95),
+    retro: createCssColors(themeColors.retro),
+    soft: createCssColors(themeColors.soft),
+    midnight: createCssColors(themeColors.midnight),
+    minimal: createCssColors(themeColors.minimal),
+    rounded: createCssColors(themeColors.rounded),
+    nouns: createCssColors(themeColors.nouns),
+};
+const globals = {
+    brand: createCssVars(themeGlobals.brand),
+    ensLight: createCssVars(themeGlobals.ens.light),
+    ensDark: createCssVars(themeGlobals.ens.dark),
+    graphicsLight: createCssVars(themeGlobals.graphics.light),
+    graphicsDark: createCssVars(themeGlobals.graphics.dark),
+};
+const globalsLight = css `
+  ${globals.brand}
+  ${globals.ensLight}
+  ${globals.graphicsLight}
+`;
+const globalsDark = css `
+  ${globals.brand}
+  ${globals.ensDark}
+  ${globals.graphicsDark}
+`;
+/*
+ * Reset stylings to avoid conflicting with the parent websites styling
+ * Automatically apply theme based on system theme
+ */
+// TODO: Think more about how to reset our components as to not be affected by external stylings
+// TODO: Merge theme objects instead of overriding
+let mode = "auto";
+export const ResetContainer = styled(motion.div) `
+  ${themes.default}
+
+  ${(props) => {
+    switch (props.$useTheme) {
+        case "web95":
+            mode = "light";
+            return themes.web95;
+        case "retro":
+            mode = "light";
+            return themes.retro;
+        case "soft":
+            mode = "light";
+            return themes.soft;
+        case "midnight":
+            mode = "dark";
+            return themes.midnight;
+        case "minimal":
+            mode = "light";
+            return themes.minimal;
+        case "rounded":
+            mode = "light";
+            return themes.rounded;
+        case "nouns":
+            mode = "light";
+            return themes.nouns;
+        default:
+            if (props.$useMode === "light") {
+                mode = "light";
+                return themes.light;
+            }
+            else if (props.$useMode === "dark") {
+                mode = "dark";
+                return themes.dark;
+            }
+            else {
+                return css `
+            @media (prefers-color-scheme: light) {
+              ${themes.light}
+            }
+            @media (prefers-color-scheme: dark) {
+              ${themes.dark}
+            }
+          `;
+            }
+    }
+}}
+
+  ${(_props) => {
+    switch (mode) {
+        case "light":
+            return globalsLight;
+        case "dark":
+            return globalsDark;
+        default:
+            return css `
+          ${globalsLight}
+          @media (prefers-color-scheme: dark) {
+            ${globalsDark}
+          }
+        `;
+    }
+}}
+
+
+  ${(props) => {
+    if (props.$customTheme &&
+        props.$customTheme["--ck-accent-color"] &&
+        ["light", "dark", "auto", "", undefined].includes(props.$useTheme)) {
+        const accentColor = props.$customTheme["--ck-accent-color"];
+        const accentTextColor = props.$customTheme["--ck-accent-text-color"] ?? "#ffffff";
+        return {
+            "--ck-accent-color": accentColor,
+            "--ck-accent-text-color": accentTextColor,
+            // '--ck-connectbutton-color': accentTextColor,
+            // '--ck-connectbutton-background': accentColor,
+            // '--ck-connectbutton-background-hover': accentColor,
+            // '--ck-connectbutton-background-active': LightenDarkenColor(
+            // accentColor,
+            // 20
+            // ),
+            "--ck-secondary-button-background": accentColor,
+            "--ck-secondary-button-hover-background": accentColor,
+            "--ck-secondary-button-color": accentTextColor,
+            "--ck-button-primary-color": accentTextColor,
+            "--ck-focus-color": accentColor,
+        };
+    }
+    if (props.$customTheme) {
+        return createCssColors(props.$customTheme, true);
+    }
+}}
+
+  all: initial;
+  text-align: left;
+  text-direction: ltr;
+  text-rendering: optimizeLegibility;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+  -webkit-text-stroke: 0.001px transparent;
+  text-size-adjust: none;
+  font-size: 16px;
+
+  button {
+    text-rendering: optimizeLegibility;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+    -webkit-text-stroke: 0.001px transparent;
+  }
+
+  &,
+  * {
+    font-family: var(--ck-font-family);
+    box-sizing: border-box;
+    outline: none;
+    border: none;
+  }
+  /*
+  @media (prefers-reduced-motion) {
+    * {
+      animation-duration: 60ms !important;
+      transition-duration: 60ms !important;
+    }
+  }
+  */
+  img,
+  svg {
+    max-width: 100%;
+  }
+  strong {
+    font-weight: 600;
+  }
+  a:focus-visible,
+  button:focus-visible {
+    outline: 2px solid var(--ck-focus-color);
+  }
+`;
+//# sourceMappingURL=index.js.map

package/dist/styles/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/styles/index.ts"],"names":[],"mappings":"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"}

package/dist/styles/styled/index.js

@@ -0,0 +1,13 @@
+/**
+ *
+ * IMPORTANT NOTE: This file is a workaround for the following issue:
+ *
+ * When using rollup with styled-components to build into an ES module, styled components decides to move all of it’s DOM elements into "styled.default" rather than just within "styled"
+ *
+ * We're unsure as to why this issue occurs, if you have any ideas or a better solution please let us know by opening a discussion on our GitHub repo:
+ * https://github.com/family/connectkit/discussions/new
+ *
+ */
+import styled from "styled-components";
+export default typeof styled.div === "function" ? styled : styled["default"];
+//# sourceMappingURL=index.js.map

package/dist/styles/styled/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/styles/styled/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,OAAO,MAAM,MAAM,mBAAmB,CAAA;AACtC,eAAe,OAAO,MAAM,CAAC,GAAG,KAAK,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAAA"}