@reclack/walletkit 0.0.0-stage → 0.1.0

package/dist/svm.js

@@ -0,0 +1,201 @@
+import { base58Encode, fromBase64 } from './base58.js';
+import { detect, engineOf, walletsFor } from './catalog.js';
+import { WalletError } from './errors.js';
+import { connectFeature, disconnectFeature, discoverStandardWallets, signFeature, usable, } from './wallet-standard.js';
+/** Reads whatever shape a wallet returns its public key in. */
+function addressOf(value) {
+    if (typeof value === 'string') {
+        return value;
+    }
+    // Wallets that ship a web3.js PublicKey return an object. toBase58 is the
+    // documented accessor; toString gives the same thing, and both are tried
+    // rather than assuming which one a given wallet exposes.
+    const key = value;
+    if (typeof key?.toBase58 === 'function') {
+        return key.toBase58();
+    }
+    if (typeof key?.toString === 'function') {
+        const text = key.toString();
+        return text === '[object Object]' ? undefined : text;
+    }
+    return undefined;
+}
+/**
+ * Prompts the wallet for an account.
+ *
+ * Two routes because there are two kinds of wallet here. A registered one is
+ * asked through its connect feature and hands back accounts; an injected one
+ * is asked through its provider. The account object from the first is kept,
+ * because signing needs it back.
+ */
+export async function connectSvmWallet(wallet) {
+    if (wallet.standard) {
+        const { accounts } = await connectFeature(wallet.standard).connect();
+        const account = accounts.find((entry) => entry.chains.some((chain) => chain.startsWith('solana:'))) ?? accounts[0];
+        if (!account?.address) {
+            throw new WalletError('No account was shared by the wallet.');
+        }
+        return { address: account.address, account };
+    }
+    const provider = wallet.provider;
+    if (!provider) {
+        throw new WalletError('This wallet cannot be connected.');
+    }
+    const response = provider.connect
+        ? await provider.connect()
+        : await provider.request?.({ method: 'connect' });
+    const fromResponse = addressOf(response?.publicKey);
+    const address = fromResponse ?? addressOf(provider.publicKey);
+    if (!address) {
+        throw new WalletError('No account was shared by the wallet.');
+    }
+    return { address };
+}
+/** Ends the session where the wallet offers a way to. */
+export async function disconnectSvmWallet(wallet) {
+    if (wallet.standard) {
+        await disconnectFeature(wallet.standard)?.disconnect();
+        return;
+    }
+    await wallet.provider?.disconnect?.();
+}
+/**
+ * Signs the prepared transaction and lets the wallet submit it.
+ *
+ * Nothing here builds or alters a transaction: the plan arrives built, in
+ * both the forms a wallet might want, and this picks the one its route takes.
+ * The payer still sees the wallet decode and display it before approving.
+ *
+ * Letting the wallet send it, rather than signing and sending separately,
+ * means one prompt and no RPC endpoint in this bundle.
+ */
+export async function signAndSendSvm(wallet, plan) {
+    if (wallet.standard && wallet.account) {
+        const [result] = await signFeature(wallet.standard).signAndSendTransaction({
+            account: wallet.account,
+            chain: wallet.account.chains.find((chain) => chain === plan.chain)
+                ?? plan.chain,
+            transaction: fromBase64(plan.transaction),
+        });
+        if (!result?.signature) {
+            throw new WalletError('The wallet did not return a transaction signature.');
+        }
+        // Raw bytes from this route, where every other part of the system
+        // names a transaction by its base58 string.
+        return base58Encode(result.signature);
+    }
+    const provider = wallet.provider;
+    if (typeof provider?.request !== 'function') {
+        throw new WalletError('This wallet cannot sign Solana payments. Try another wallet.');
+    }
+    let response;
+    try {
+        response = await provider.request({
+            method: 'signAndSendTransaction',
+            params: { message: plan.message },
+        });
+    }
+    catch (error) {
+        // A wallet that rejected it, or one whose provider does not speak
+        // this method. The two are told apart by the code: a rejection is the
+        // payer's own choice and must be reported as such rather than as an
+        // unsupported wallet.
+        const code = error.code;
+        if (code === 4001 || code === -32002 || code === -32603) {
+            throw error;
+        }
+        throw new WalletError('This wallet could not sign the payment. Try another wallet.');
+    }
+    const signature = response?.signature;
+    if (typeof signature !== 'string' || signature === '') {
+        throw new WalletError('The wallet did not return a transaction signature.');
+    }
+    return signature;
+}
+/** Truncates a base58 address for display: 5e9y…xAQf. */
+export function shortSvmAddress(address) {
+    if (address.length < 12) {
+        return address;
+    }
+    return `${address.slice(0, 4)}…${address.slice(-4)}`;
+}
+/** Matches a registered wallet to a catalogued id, for its mark. */
+/**
+ * The catalogue id for a wallet that registered under a name.
+ *
+ * Exact first, and only then a containing match. The two differ now that the
+ * catalogue names dozens of wallets: "Core" is a substring of plenty of other
+ * names, and a loose match handed one wallet another's artwork. The loose
+ * match is still worth keeping for the wallet that registers as "Phantom
+ * Wallet" where the catalogue says "Phantom".
+ */
+function idFor(name, known) {
+    const key = name.toLowerCase();
+    const match = known.find((wallet) => wallet.name.toLowerCase() === key)
+        ?? known.find((wallet) => key.includes(wallet.name.toLowerCase()));
+    return match?.id ?? key.replace(/[^a-z0-9]+/g, '-');
+}
+/**
+ * Finds the Solana wallets available in this browser.
+ *
+ * The Wallet Standard first: it is how wallets announce Solana support, it
+ * survives several being installed at once, and the wallet supplies its own
+ * name and icon. Sniffing globals is only a fallback for one that has not
+ * adopted it, and never overrides a registered wallet.
+ *
+ * Returns a cleanup function; callers must call it to drop the listener.
+ */
+export function discoverSvmWallets(catalog, onChange) {
+    const known = walletsFor(catalog, 'svm');
+    let registered = [];
+    function emit() {
+        const found = new Map();
+        for (const wallet of registered) {
+            if (!usable(wallet)) {
+                continue;
+            }
+            const id = idFor(wallet.name, known);
+            found.set(id, { id, name: wallet.name, icon: wallet.icon, standard: wallet });
+        }
+        // Only for a wallet that did not register. Every wallet worth naming
+        // does now, so in practice this catches the ones that have not
+        // caught up.
+        for (const definition of known) {
+            if (found.has(definition.id)) {
+                continue;
+            }
+            const provider = detect(window, engineOf(definition, 'svm'));
+            if (typeof provider?.request === 'function') {
+                found.set(definition.id, {
+                    id: definition.id,
+                    name: definition.name,
+                    provider,
+                });
+            }
+        }
+        // Registry order first, so the list is stable rather than dependent
+        // on which wallet answered first; anything else follows.
+        const ordered = known
+            .map((definition) => found.get(definition.id))
+            .filter((wallet) => Boolean(wallet));
+        for (const [id, wallet] of found) {
+            if (!known.some((definition) => definition.id === id)) {
+                ordered.push(wallet);
+            }
+        }
+        onChange(ordered);
+    }
+    const stop = discoverStandardWallets((wallets) => {
+        registered = wallets;
+        emit();
+    });
+    // A wallet that injects a global late would otherwise be missed, the same
+    // race the EIP-6963 discovery keeps a retry for.
+    const retry = window.setTimeout(emit, 400);
+    emit();
+    return () => {
+        stop();
+        window.clearTimeout(retry);
+    };
+}
+//# sourceMappingURL=svm.js.map

package/dist/svm.js.map

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

package/dist/theme.d.ts

@@ -0,0 +1,101 @@
+/**
+ * How a host dresses the wallet picker.
+ *
+ * Tokens rather than class names or a stylesheet to override. A wallet picker
+ * appears inside a merchant's checkout, a dashboard form and a partner's own
+ * page, and the only thing those three agree on is that it should not look
+ * like somebody else's component. Twelve values is the whole contract.
+ *
+ * Every value is validated rather than trusted, even though a host is usually
+ * passing its own constants. In the embedded checkout the branding comes from
+ * an API response, and a colour ends up inside a style: a page that takes
+ * payment details must not interpolate whatever a response happens to carry.
+ * An unreadable value is dropped and the default stands, which is a picker
+ * that looks generic rather than one that does not render.
+ */
+/**
+ * Light, dark, or whatever the reader's system says.
+ *
+ * `system` is the default. A picker that ignores the setting is a white
+ * rectangle in a dark checkout.
+ */
+export type ThemeMode = 'light' | 'dark' | 'system';
+/** The resolved mode: what `system` turned out to mean. */
+export type ColorScheme = 'light' | 'dark';
+export interface ThemeTokens {
+    /** The panel itself. */
+    surface?: string;
+    /** Behind the panel. */
+    ground?: string;
+    /** Rows and plates inside it, such as the square a wallet mark sits on. */
+    plate?: string;
+    /** Primary text. */
+    ink?: string;
+    /** Secondary text: captions, addresses, the word "Detected". */
+    inkMuted?: string;
+    /** Hairlines and borders. */
+    line?: string;
+    /** The host's own colour, worn by the primary action and the focus ring. */
+    brand?: string;
+    /** Text on `brand`. Computed for contrast when not given. */
+    brandInk?: string;
+    /** A refusal. */
+    danger?: string;
+    /** A success. */
+    ok?: string;
+    /** Corner radius, as a CSS length. */
+    radius?: string;
+    /** The host's type, so the picker does not arrive in a different face. */
+    fontFamily?: string;
+}
+export interface WalletKitTheme extends ThemeTokens {
+    mode?: ThemeMode;
+    /** Applied on top of the shared tokens when the resolved mode is dark. */
+    dark?: ThemeTokens;
+    /** Applied on top of the shared tokens when the resolved mode is light. */
+    light?: ThemeTokens;
+}
+/**
+ * The defaults, which are the hosted checkout's own.
+ *
+ * Dark is chosen rather than derived. Inverting a light palette gives muddy
+ * greys and a brand colour that has stopped contrasting with anything; every
+ * step here was picked against the surface it sits on.
+ */
+export declare const LIGHT_TOKENS: Required<Omit<ThemeTokens, 'brandInk' | 'fontFamily'>>;
+export declare const DARK_TOKENS: Required<Omit<ThemeTokens, 'brandInk' | 'fontFamily'>>;
+/** A colour, or nothing where it is not one. */
+export declare function safeColor(value: string | undefined): string | undefined;
+/**
+ * Black or white, whichever can actually be read on this colour.
+ *
+ * Relative luminance per WCAG, so a pale brand gets dark text instead of the
+ * white that would leave the primary button unreadable. Computed rather than
+ * configured: a host choosing this by eye gets it wrong, and the one place it
+ * matters is the button somebody has to find.
+ */
+export declare function readableInk(hex: string): string;
+/**
+ * Every token for one mode, as the custom properties a stylesheet reads.
+ *
+ * Shared tokens first, then the mode's own overrides on top, so a host can
+ * set one brand colour for both and a different surface for each.
+ */
+export declare function themeVariables(theme: WalletKitTheme | undefined, scheme: ColorScheme): Record<string, string>;
+/** The same thing as a declaration block, for a stylesheet rather than an element. */
+export declare function themeCss(theme: WalletKitTheme | undefined, scheme: ColorScheme, selector?: string): string;
+/** Sets the tokens on one element, which is what a renderer actually does. */
+export declare function applyTheme(target: {
+    style: {
+        setProperty(name: string, value: string): void;
+    };
+}, theme: WalletKitTheme | undefined, scheme: ColorScheme): void;
+/** What `system` means right now, or the mode itself when it is not system. */
+export declare function resolveScheme(mode: ThemeMode | undefined): ColorScheme;
+/**
+ * Follows the resolved mode, which only moves when the mode is `system`.
+ *
+ * Calls back once immediately, so a caller never has to read the value
+ * separately before subscribing to it. Returns the cleanup.
+ */
+export declare function subscribeScheme(mode: ThemeMode | undefined, onChange: (scheme: ColorScheme) => void): () => void;

package/dist/theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../src/theme.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH;;;;;GAKG;AACH,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAA;AAEnD,2DAA2D;AAC3D,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,MAAM,CAAA;AAE1C,MAAM,WAAW,WAAW;IAC3B,wBAAwB;IACxB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,wBAAwB;IACxB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,2EAA2E;IAC3E,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,oBAAoB;IACpB,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,gEAAgE;IAChE,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,6BAA6B;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,4EAA4E;IAC5E,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,iBAAiB;IACjB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,iBAAiB;IACjB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,0EAA0E;IAC1E,UAAU,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,MAAM,WAAW,cAAe,SAAQ,WAAW;IAClD,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,0EAA0E;IAC1E,IAAI,CAAC,EAAE,WAAW,CAAA;IAClB,2EAA2E;IAC3E,KAAK,CAAC,EAAE,WAAW,CAAA;CACnB;AAED;;;;;;GAMG;AACH,eAAO,MAAM,YAAY,EAAE,QAAQ,CAAC,IAAI,CAAC,WAAW,EAAE,UAAU,GAAG,YAAY,CAAC,CAW/E,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,QAAQ,CAAC,IAAI,CAAC,WAAW,EAAE,UAAU,GAAG,YAAY,CAAC,CAc9E,CAAA;AA+CD,gDAAgD;AAChD,wBAAgB,SAAS,CAAE,KAAK,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAGxE;AAeD;;;;;;;GAOG;AACH,wBAAgB,WAAW,CAAE,GAAG,EAAE,MAAM,GAAG,MAAM,CAQhD;AAED;;;;;GAKG;AACH,wBAAgB,cAAc,CAC7B,KAAK,EAAE,cAAc,GAAG,SAAS,EACjC,MAAM,EAAE,WAAW,GACjB,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAyCxB;AAED,sFAAsF;AACtF,wBAAgB,QAAQ,CACvB,KAAK,EAAE,cAAc,GAAG,SAAS,EACjC,MAAM,EAAE,WAAW,EACnB,QAAQ,SAAU,GAChB,MAAM,CAMR;AAED,8EAA8E;AAC9E,wBAAgB,UAAU,CACzB,MAAM,EAAE;IAAE,KAAK,EAAE;QAAE,WAAW,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;KAAE,CAAA;CAAE,EACrE,KAAK,EAAE,cAAc,GAAG,SAAS,EACjC,MAAM,EAAE,WAAW,GACjB,IAAI,CAON;AAID,+EAA+E;AAC/E,wBAAgB,aAAa,CAAE,IAAI,EAAE,SAAS,GAAG,SAAS,GAAG,WAAW,CAQvE;AAED;;;;;GAKG;AACH,wBAAgB,eAAe,CAC9B,IAAI,EAAE,SAAS,GAAG,SAAS,EAC3B,QAAQ,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,GACrC,MAAM,IAAI,CAcZ"}

package/dist/theme.js

@@ -0,0 +1,217 @@
+/**
+ * How a host dresses the wallet picker.
+ *
+ * Tokens rather than class names or a stylesheet to override. A wallet picker
+ * appears inside a merchant's checkout, a dashboard form and a partner's own
+ * page, and the only thing those three agree on is that it should not look
+ * like somebody else's component. Twelve values is the whole contract.
+ *
+ * Every value is validated rather than trusted, even though a host is usually
+ * passing its own constants. In the embedded checkout the branding comes from
+ * an API response, and a colour ends up inside a style: a page that takes
+ * payment details must not interpolate whatever a response happens to carry.
+ * An unreadable value is dropped and the default stands, which is a picker
+ * that looks generic rather than one that does not render.
+ */
+/**
+ * The defaults, which are the hosted checkout's own.
+ *
+ * Dark is chosen rather than derived. Inverting a light palette gives muddy
+ * greys and a brand colour that has stopped contrasting with anything; every
+ * step here was picked against the surface it sits on.
+ */
+export const LIGHT_TOKENS = {
+    surface: '#ffffff',
+    ground: '#f6f7f9',
+    plate: '#f6f7f9',
+    ink: '#101014',
+    inkMuted: '#6b6b76',
+    line: '#e5e5ea',
+    brand: '#533afd',
+    danger: '#b42318',
+    ok: '#12a150',
+    radius: '10px',
+};
+export const DARK_TOKENS = {
+    surface: '#16161a',
+    ground: '#0e0e11',
+    plate: '#1f1f26',
+    ink: '#f4f4f6',
+    inkMuted: '#9a9aa6',
+    line: '#2b2b33',
+    // Lifted off the light value, which goes nearly black against a dark
+    // panel. A host that sets its own brand keeps it in both modes: it is
+    // their colour, and second-guessing it is how a brand ends up wrong.
+    brand: '#8b74ff',
+    danger: '#f97066',
+    ok: '#3ccb7f',
+    radius: '10px',
+};
+/**
+ * The stylesheet's name for each token.
+ *
+ * Prefixed, because these are set on an element a host also styles, and an
+ * unprefixed `--surface` would silently take over or be taken over.
+ */
+const VARIABLE = {
+    surface: '--rkw-surface',
+    ground: '--rkw-ground',
+    plate: '--rkw-plate',
+    ink: '--rkw-ink',
+    inkMuted: '--rkw-ink-muted',
+    line: '--rkw-line',
+    brand: '--rkw-brand',
+    brandInk: '--rkw-brand-ink',
+    danger: '--rkw-danger',
+    ok: '--rkw-ok',
+    radius: '--rkw-radius',
+    fontFamily: '--rkw-font',
+};
+/**
+ * The wash under whatever is being pointed at.
+ *
+ * Grey until the host picks a colour, and that distinction is deliberate. The
+ * default brand is Reclack's own, so a page nobody has branded would
+ * otherwise hover in our indigo: somebody else's product, quietly wearing our
+ * colour. The moment a host sets a brand it is theirs to hover in.
+ *
+ * Written as a reference to a token, never with the colour folded in, so
+ * nothing a host or an API response supplied is interpolated into a value. A
+ * twelfth reads as a hover on both a white panel and a dark one, which a
+ * fixed grey does not.
+ */
+function hoverWash(branded) {
+    const token = branded ? '--rkw-brand' : '--rkw-ink-muted';
+    return `color-mix(in srgb, var(${token}) 12%, transparent)`;
+}
+const HEX = /^#[0-9a-f]{6}$/i;
+const LENGTH = /^\d+(\.\d+)?(px|rem|em|%)$/;
+// Letters, digits, spaces, quotes, commas and hyphens: everything a font
+// stack is made of, and nothing that closes a declaration.
+const FONT = /^[\w\s'",.-]{1,200}$/;
+/** A colour, or nothing where it is not one. */
+export function safeColor(value) {
+    const trimmed = value?.trim().toLowerCase();
+    return trimmed && HEX.test(trimmed) ? trimmed : undefined;
+}
+function safeRadius(value) {
+    if (typeof value === 'number') {
+        return Number.isFinite(value) && value >= 0 ? `${value}px` : undefined;
+    }
+    const trimmed = value?.trim();
+    return trimmed && LENGTH.test(trimmed) ? trimmed : undefined;
+}
+function safeFont(value) {
+    const trimmed = value?.trim();
+    return trimmed && FONT.test(trimmed) ? trimmed : undefined;
+}
+/**
+ * Black or white, whichever can actually be read on this colour.
+ *
+ * Relative luminance per WCAG, so a pale brand gets dark text instead of the
+ * white that would leave the primary button unreadable. Computed rather than
+ * configured: a host choosing this by eye gets it wrong, and the one place it
+ * matters is the button somebody has to find.
+ */
+export function readableInk(hex) {
+    const channel = (from) => {
+        const raw = Number.parseInt(hex.slice(from, from + 2), 16) / 255;
+        return raw <= 0.03928 ? raw / 12.92 : ((raw + 0.055) / 1.055) ** 2.4;
+    };
+    const luminance = 0.2126 * channel(1) + 0.7152 * channel(3) + 0.0722 * channel(5);
+    return luminance > 0.45 ? '#101014' : '#ffffff';
+}
+/**
+ * Every token for one mode, as the custom properties a stylesheet reads.
+ *
+ * Shared tokens first, then the mode's own overrides on top, so a host can
+ * set one brand colour for both and a different surface for each.
+ */
+export function themeVariables(theme, scheme) {
+    const base = scheme === 'dark' ? DARK_TOKENS : LIGHT_TOKENS;
+    const given = {
+        ...theme,
+        ...(scheme === 'dark' ? theme?.dark : theme?.light),
+    };
+    const variables = {};
+    const colors = ['surface', 'ground', 'plate', 'ink', 'inkMuted', 'line', 'brand', 'danger', 'ok'];
+    for (const token of colors) {
+        variables[VARIABLE[token]] = safeColor(given[token]) ?? base[token];
+    }
+    variables[VARIABLE.radius] = safeRadius(given.radius) ?? base.radius;
+    // Only when the host has type of its own. Absent, the element inherits
+    // whatever the page is already set in, which is almost always right.
+    const font = safeFont(given.fontFamily);
+    if (font) {
+        variables[VARIABLE.fontFamily] = font;
+    }
+    // Taken when given, computed when not: a host that sets a brand colour
+    // should not also have to work out what reads on it.
+    variables[VARIABLE.brandInk] =
+        safeColor(given.brandInk) ?? readableInk(variables[VARIABLE.brand]);
+    // Branded means the host said so, not that a brand token has a value:
+    // every token always has one, and the default is ours.
+    variables['--rkw-hover'] = hoverWash(Boolean(safeColor(given.brand)));
+    // Not a colour of ours: what the browser draws its own controls in.
+    variables['--rkw-color-scheme'] = scheme;
+    // The "installed" badge, which is not the same green as a success
+    // message and never was: it is a quieter, deeper one, chosen against a
+    // white row. Derived rather than exposed as a token, like the hover
+    // wash: a host theming the picker is not choosing this.
+    const installed = scheme === 'dark'
+        ? { mark: '#4ade80', ink: '#86efac' }
+        : { mark: '#16a34a', ink: '#15803d' };
+    variables['--rkw-installed'] = installed.mark;
+    variables['--rkw-installed-ink'] = installed.ink;
+    return variables;
+}
+/** The same thing as a declaration block, for a stylesheet rather than an element. */
+export function themeCss(theme, scheme, selector = ':host') {
+    const variables = themeVariables(theme, scheme);
+    const body = Object.entries(variables)
+        .map(([name, value]) => `\t${name}: ${value};`)
+        .join('\n');
+    return `${selector} {\n${body}\n}`;
+}
+/** Sets the tokens on one element, which is what a renderer actually does. */
+export function applyTheme(target, theme, scheme) {
+    for (const [name, value] of Object.entries(themeVariables(theme, scheme))) {
+        // setProperty rather than a built style string: the value is written
+        // as a value, so nothing in it can close the declaration and start
+        // another.
+        target.style.setProperty(name, value);
+    }
+}
+const DARK_QUERY = '(prefers-color-scheme: dark)';
+/** What `system` means right now, or the mode itself when it is not system. */
+export function resolveScheme(mode) {
+    if (mode === 'light' || mode === 'dark') {
+        return mode;
+    }
+    if (typeof window === 'undefined' || typeof window.matchMedia !== 'function') {
+        return 'light';
+    }
+    return window.matchMedia(DARK_QUERY).matches ? 'dark' : 'light';
+}
+/**
+ * Follows the resolved mode, which only moves when the mode is `system`.
+ *
+ * Calls back once immediately, so a caller never has to read the value
+ * separately before subscribing to it. Returns the cleanup.
+ */
+export function subscribeScheme(mode, onChange) {
+    if (mode === 'light' || mode === 'dark') {
+        onChange(mode);
+        return () => undefined;
+    }
+    if (typeof window === 'undefined' || typeof window.matchMedia !== 'function') {
+        onChange('light');
+        return () => undefined;
+    }
+    const query = window.matchMedia(DARK_QUERY);
+    const update = () => onChange(query.matches ? 'dark' : 'light');
+    update();
+    query.addEventListener('change', update);
+    return () => query.removeEventListener('change', update);
+}
+//# sourceMappingURL=theme.js.map

package/dist/theme.js.map

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