@theoo/react 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Theoo
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,38 @@
+# @theoo/react
+
+React bindings for [Theoo](https://www.npmjs.com/package/@theoo/sdk) —
+smart accounts owned by a passkey.
+
+```sh
+npm install @theoo/react @theoo/sdk
+```
+
+```tsx
+import { TheooProvider, useSession, useOperation } from "@theoo/react";
+
+<TheooProvider client={theoo}>
+  <App />
+</TheooProvider>;
+
+function App() {
+  const session = useSession();
+  const op = useOperation();
+  if (session.status !== "signed_in") return <SignIn />;
+  return (
+    <button onClick={() => op.run({ kind: "call", call })}>
+      {op.busy ? "Waiting for your passkey…" : "Send"}
+    </button>
+  );
+}
+```
+
+**Hooks** — `useSession`, `useSignIn`, `useEnrolPasskey`, `useChains`,
+`useOperation`, `useOperations`, `useRecovery`, `useSessionKeys`,
+`useSolanaSessionKeys`.
+
+**Components** — `SignIn`, `PasskeyEnrol`, `ConfirmOperation`, `Recovery`, and
+`TheooConnect`, the connect-wallet button.
+
+`@theoo/react/hooks` is the DOM-free half, which
+[`@theoo/react-native`](https://www.npmjs.com/package/@theoo/react-native)
+builds on.

package/dist/components.d.ts

@@ -0,0 +1,86 @@
+import { type CSSProperties, type ReactNode } from "react";
+import type { AuthOutcome, AuthProvider, OperationKind, OperationStatus } from "@theoo/sdk";
+export declare const styles: {
+    box: CSSProperties;
+    input: CSSProperties;
+    button: CSSProperties;
+    secondary: CSSProperties;
+    error: CSSProperties;
+    muted: CSSProperties;
+    tiny: CSSProperties;
+    token: {
+        surface: string;
+        surface2: string;
+        ink: string;
+        ink2: string;
+        ink3: string;
+        line: string;
+        line2: string;
+        accent: string;
+        accentInk: string;
+        accentSoft: string;
+        alert: string;
+        alertSoft: string;
+        radius: string;
+        sans: string;
+        mono: string;
+    };
+};
+/** Which half of the door somebody is standing at. */
+export type AuthMode = "signin" | "signup";
+export interface SignInProps {
+    /** Which factors to offer. Default: email, phone and passkey. */
+    providers?: AuthProvider[];
+    onSignedIn?: (outcome: AuthOutcome) => void;
+    /**
+     * `signup` leads with a code, because a new person has no passkey yet;
+     * `signin` leads with the passkey, because a returning one does and it is
+     * one tap with nothing to type.
+     *
+     * The default is `signup`: a code works for both — it signs an existing
+     * person in and creates a new one — whereas the passkey path only works
+     * for somebody who has been here before. Leading with the path that can
+     * fail is how a first-time visitor gets stuck.
+     */
+    mode?: AuthMode;
+    onModeChange?: (mode: AuthMode) => void;
+    /** Hide the Sign in / Sign up switch when the host renders its own. */
+    modeSwitch?: boolean;
+    title?: ReactNode;
+    className?: string;
+}
+/** The two-up control that says which half you are on. */
+export declare function AuthModeSwitch({ mode, onChange, className, }: {
+    mode: AuthMode;
+    onChange: (m: AuthMode) => void;
+    className?: string;
+}): import("react").JSX.Element;
+/** Sign in with a code by email or phone, with a passkey, or with Google or KingsChat. */
+export declare function SignIn({ providers, onSignedIn, mode: controlledMode, onModeChange, modeSwitch, title, className, }: SignInProps): import("react").JSX.Element;
+export interface PasskeyEnrolProps {
+    label?: string;
+    onEnrolled?: (outcome: AuthOutcome) => void;
+    className?: string;
+    children?: ReactNode;
+}
+/** One button: create a passkey on this device for the signed-in user. */
+export declare function PasskeyEnrol({ label, onEnrolled, className, children }: PasskeyEnrolProps): import("react").JSX.Element;
+export interface ConfirmOperationProps {
+    /** What to run. A plain call, or a named kind. */
+    operation: OperationKind;
+    chain?: number;
+    onDone?: (status: OperationStatus) => void;
+    className?: string;
+    children?: ReactNode;
+}
+/** Shows what is about to happen, then does it with the passkey. */
+export declare function ConfirmOperation({ operation, chain, onDone, className, children }: ConfirmOperationProps): import("react").JSX.Element;
+export interface RecoveryProps {
+    chain?: number;
+    className?: string;
+}
+/** Recovery, end to end: turn it on, start it after enrolling a new passkey, complete it, or cancel it. */
+export declare function Recovery({ chain, className }: RecoveryProps): import("react").JSX.Element;
+/** Closes on Escape while `active`. */
+export declare function useEscape(active: boolean, close: () => void): void;
+//# sourceMappingURL=components.d.ts.map

package/dist/components.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../src/components.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuB,KAAK,aAAa,EAAkB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAChG,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAa,aAAa,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAuCvG,eAAO,MAAM,MAAM;SACsD,aAAa;WAY/E,aAAa;YAWb,aAAa;eAWb,aAAa;WASb,aAAa;WACsD,aAAa;UACd,aAAa;;;;;;;;;;;;;;;;;;CAErF,CAAC;AAuBF,sDAAsD;AACtD,MAAM,MAAM,QAAQ,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAE3C,MAAM,WAAW,WAAW;IAC1B,iEAAiE;IACjE,SAAS,CAAC,EAAE,YAAY,EAAE,CAAC;IAC3B,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC;IAC5C;;;;;;;;;OASG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IACxC,uEAAuE;IACvE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,0DAA0D;AAC1D,wBAAgB,cAAc,CAAC,EAC7B,IAAI,EACJ,QAAQ,EACR,SAAS,GACV,EAAE;IACD,IAAI,EAAE,QAAQ,CAAC;IACf,QAAQ,EAAE,CAAC,CAAC,EAAE,QAAQ,KAAK,IAAI,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,+BAyCA;AAED,0FAA0F;AAC1F,wBAAgB,MAAM,CAAC,EACrB,SAAyC,EACzC,UAAU,EACV,IAAI,EAAE,cAAc,EACpB,YAAY,EACZ,UAAiB,EACjB,KAAK,EACL,SAAS,GACV,EAAE,WAAW,+BA+Lb;AAED,MAAM,WAAW,iBAAiB;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,0EAA0E;AAC1E,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,QAA6B,EAAE,EAAE,iBAAiB,+BA+B9G;AAED,MAAM,WAAW,qBAAqB;IACpC,kDAAkD;IAClD,SAAS,EAAE,aAAa,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,eAAe,KAAK,IAAI,CAAC;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AA8BD,oEAAoE;AACpE,wBAAgB,gBAAgB,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,QAAiC,EAAE,EAAE,qBAAqB,+BA4BjI;AAED,MAAM,WAAW,aAAa;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,2GAA2G;AAC3G,wBAAgB,QAAQ,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,aAAa,+BA4C3D;AAED,uCAAuC;AACvC,wBAAgB,SAAS,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,IAAI,QAS3D"}

package/dist/components.js

@@ -0,0 +1,216 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { useEnrolPasskey, useOperation, useRecovery, useSignIn } from "./hooks.js";
+/*
+ * Plain, dependency-free components. Every element carries a `theoo-*` class so
+ * a stylesheet can restyle them.
+ *
+ * Colour comes from a nested chain of CSS custom properties:
+ *
+ *     var(--theoo-surface, var(--surface, #ffffff))
+ *              │                │           └─ a page with no tokens at all
+ *              │                └───────────── a host whose design system
+ *              │                               already uses these names
+ *              └────────────────────────────── a host styling the widget
+ *
+ * So the widget follows a host's dark mode with nothing configured, can be
+ * themed deliberately by setting `--theoo-*`, and still looks right dropped
+ * into a bare page. An inline style cannot express a media query, which is
+ * why the modes are reached this way rather than with one.
+ */
+const t = {
+    surface: "var(--theoo-surface, var(--surface, #ffffff))",
+    surface2: "var(--theoo-surface-2, var(--surface-2, #f4f4f6))",
+    ink: "var(--theoo-ink, var(--ink, #11131a))",
+    ink2: "var(--theoo-ink-2, var(--ink-2, #545a68))",
+    ink3: "var(--theoo-ink-3, var(--ink-3, #797f8d))",
+    line: "var(--theoo-line, var(--line, rgba(17, 19, 26, 0.12)))",
+    line2: "var(--theoo-line-2, var(--line-2, rgba(17, 19, 26, 0.2)))",
+    accent: "var(--theoo-accent, var(--accent, #4f46e5))",
+    accentInk: "var(--theoo-accent-ink, var(--accent-ink, #ffffff))",
+    accentSoft: "var(--theoo-accent-soft, var(--accent-soft, rgba(79, 70, 229, 0.1)))",
+    alert: "var(--theoo-alert, var(--alert, #b3261e))",
+    alertSoft: "var(--theoo-alert-soft, var(--alert-soft, rgba(179, 38, 30, 0.07)))",
+    radius: "var(--theoo-radius, var(--radius-sm, 10px))",
+    sans: "var(--theoo-font, var(--sans, ui-sans-serif, -apple-system, system-ui, sans-serif))",
+    mono: "var(--theoo-mono, var(--mono, ui-monospace, SFMono-Regular, Menlo, monospace))",
+};
+export const styles = {
+    box: { display: "grid", gap: 10, fontFamily: t.sans, color: t.ink },
+    input: {
+        width: "100%",
+        boxSizing: "border-box",
+        padding: "11px 13px",
+        fontSize: 15,
+        fontFamily: t.sans,
+        color: t.ink,
+        background: t.surface,
+        border: `1px solid ${t.line2}`,
+        borderRadius: t.radius,
+        outline: "none",
+    },
+    button: {
+        padding: "11px 15px",
+        fontSize: 15,
+        fontWeight: 550,
+        fontFamily: t.sans,
+        borderRadius: t.radius,
+        border: "1px solid transparent",
+        background: t.accent,
+        color: t.accentInk,
+        cursor: "pointer",
+    },
+    secondary: {
+        padding: "11px 15px",
+        fontSize: 15,
+        fontWeight: 500,
+        fontFamily: t.sans,
+        borderRadius: t.radius,
+        border: `1px solid ${t.line2}`,
+        background: t.surface,
+        color: t.ink,
+        cursor: "pointer",
+    },
+    error: {
+        color: t.alert,
+        background: t.alertSoft,
+        border: `1px solid ${t.alert}`,
+        borderRadius: t.radius,
+        padding: "9px 11px",
+        fontSize: 13,
+        lineHeight: 1.45,
+    },
+    muted: { color: t.ink2, fontSize: 13.5, lineHeight: 1.5, margin: 0 },
+    tiny: { color: t.ink3, fontSize: 12.5, lineHeight: 1.5, margin: 0 },
+    token: t,
+};
+const s = styles;
+function ErrorLine({ error }) {
+    return error ? (_jsx("div", { className: "theoo-error", style: s.error, role: "alert", children: error.message })) : null;
+}
+/** A hairline with a word in it. */
+function Or({ children = "or" }) {
+    return (_jsxs("div", { className: "theoo-or", style: { display: "flex", alignItems: "center", gap: 10, margin: "2px 0" }, children: [_jsx("span", { style: { flex: 1, height: 1, background: t.line } }), _jsx("span", { style: { ...s.tiny, textTransform: "uppercase", letterSpacing: "0.1em", fontSize: 10.5 }, children: children }), _jsx("span", { style: { flex: 1, height: 1, background: t.line } })] }));
+}
+/** The two-up control that says which half you are on. */
+export function AuthModeSwitch({ mode, onChange, className, }) {
+    return (_jsx("div", { className: `theoo-modes ${className ?? ""}`, role: "tablist", style: {
+            display: "grid",
+            gridTemplateColumns: "1fr 1fr",
+            gap: 3,
+            padding: 3,
+            background: t.surface2,
+            border: `1px solid ${t.line}`,
+            borderRadius: `calc(${t.radius} + 3px)`,
+        }, children: ["signup", "signin"].map((m) => (_jsx("button", { type: "button", role: "tab", "aria-selected": mode === m, className: `theoo-mode ${mode === m ? "theoo-mode-active" : ""}`, onClick: () => onChange(m), style: {
+                padding: "7px 10px",
+                fontSize: 13.5,
+                fontWeight: mode === m ? 600 : 500,
+                fontFamily: t.sans,
+                border: "1px solid transparent",
+                borderColor: mode === m ? t.line : "transparent",
+                background: mode === m ? t.surface : "transparent",
+                color: mode === m ? t.ink : t.ink2,
+                borderRadius: t.radius,
+                cursor: "pointer",
+            }, children: m === "signup" ? "Create account" : "Sign in" }, m))) }));
+}
+/** Sign in with a code by email or phone, with a passkey, or with Google or KingsChat. */
+export function SignIn({ providers = ["email", "phone", "passkey"], onSignedIn, mode: controlledMode, onModeChange, modeSwitch = true, title, className, }) {
+    const signIn = useSignIn(onSignedIn);
+    const [uncontrolledMode, setUncontrolledMode] = useState("signup");
+    const mode = controlledMode ?? uncontrolledMode;
+    const setMode = (m) => {
+        setUncontrolledMode(m);
+        onModeChange?.(m);
+    };
+    const codeProviders = providers.filter((p) => p === "email" || p === "phone");
+    const [provider, setProvider] = useState(codeProviders[0] ?? "email");
+    const [destination, setDestination] = useState("");
+    const [code, setCode] = useState("");
+    const send = (e) => {
+        e.preventDefault();
+        void signIn.sendCode(provider, destination.trim());
+    };
+    const submit = (e) => {
+        e.preventDefault();
+        void signIn.submitCode(code.trim());
+    };
+    if (signIn.step === "done") {
+        return (_jsx("div", { className: `theoo-signin theoo-done ${className ?? ""}`, style: s.box, children: _jsx("div", { children: "Signed in." }) }));
+    }
+    if (signIn.step === "code_sent") {
+        return (_jsxs("form", { className: `theoo-signin theoo-code ${className ?? ""}`, style: s.box, onSubmit: submit, children: [_jsxs("p", { style: s.muted, children: ["We sent a code to ", _jsx("strong", { style: { color: t.ink, fontWeight: 600 }, children: signIn.challenge.destinationMasked }), ".", signIn.challenge.devCode ? (_jsxs(_Fragment, { children: [" ", "Development server; the code is", " ", _jsx("code", { "data-dev-code": true, style: { fontFamily: t.mono, color: t.ink }, children: signIn.challenge.devCode }), "."] })) : null] }), _jsx("input", { className: "theoo-input", style: { ...s.input, fontFamily: t.mono, fontSize: 18, letterSpacing: "0.3em", textAlign: "center" }, inputMode: "numeric", autoComplete: "one-time-code", placeholder: "Code", "aria-label": "One-time code", value: code, onChange: (e) => setCode(e.target.value), autoFocus: true }), _jsx("button", { className: "theoo-button", style: s.button, type: "submit", disabled: signIn.busy || code.length === 0, children: signIn.busy ? "Checking…" : "Continue" }), _jsxs("button", { className: "theoo-link", style: { ...s.secondary, border: 0, background: "transparent", color: t.ink2, fontSize: 13.5, padding: 4 }, type: "button", onClick: signIn.reset, children: ["Use a different ", signIn.provider] }), _jsx(ErrorLine, { error: signIn.error })] }));
+    }
+    if (signIn.step === "redirect") {
+        return (_jsxs("div", { className: `theoo-signin theoo-redirect ${className ?? ""}`, style: s.box, children: [_jsx("a", { className: "theoo-button", style: { ...s.button, textAlign: "center", textDecoration: "none" }, href: signIn.challenge.url, children: "Continue" }), _jsx(ErrorLine, { error: signIn.error })] }));
+    }
+    const hasPasskey = providers.includes("passkey");
+    const codeForm = codeProviders.length > 0 ? (_jsxs("form", { style: { display: "grid", gap: 8 }, onSubmit: send, children: [codeProviders.length > 1 ? (_jsx("div", { className: "theoo-tabs", style: { display: "flex", gap: 14, paddingBottom: 2 }, children: codeProviders.map((p) => (_jsx("button", { type: "button", className: `theoo-tab ${provider === p ? "theoo-tab-active" : ""}`, "aria-pressed": provider === p, onClick: () => setProvider(p), style: {
+                        border: 0,
+                        background: "transparent",
+                        padding: "2px 0 5px",
+                        fontFamily: t.sans,
+                        fontSize: 13.5,
+                        fontWeight: provider === p ? 600 : 500,
+                        color: provider === p ? t.ink : t.ink3,
+                        borderBottom: `2px solid ${provider === p ? t.accent : "transparent"}`,
+                        cursor: "pointer",
+                    }, children: p === "email" ? "Email" : "Phone" }, p))) })) : null, _jsx("input", { className: "theoo-input", style: s.input, type: provider === "email" ? "email" : "tel", autoComplete: provider === "email" ? "email" : "tel", placeholder: provider === "email" ? "you@example.com" : "+1 555 000 0000", "aria-label": provider, value: destination, onChange: (e) => setDestination(e.target.value) }), _jsx("button", { className: "theoo-button", style: mode === "signin" && hasPasskey ? s.secondary : s.button, type: "submit", disabled: signIn.busy || destination.trim().length === 0, children: signIn.busy ? "Sending…" : "Send code" })] })) : null;
+    const passkeyButton = hasPasskey ? (_jsx("button", { className: "theoo-passkey", style: mode === "signin" ? s.button : s.secondary, type: "button", disabled: signIn.busy, onClick: () => void signIn.withPasskey(), children: mode === "signin" ? "Continue with a passkey" : "I already have a passkey" })) : null;
+    return (_jsxs("div", { className: `theoo-signin theoo-signin-${mode} ${className ?? ""}`, style: s.box, children: [title ? (_jsx("h2", { className: "theoo-title", style: { margin: 0, fontSize: 17, fontWeight: 600, letterSpacing: "-0.01em" }, children: title })) : null, modeSwitch && hasPasskey && codeProviders.length > 0 ? _jsx(AuthModeSwitch, { mode: mode, onChange: setMode }) : null, mode === "signin" ? (_jsxs(_Fragment, { children: [passkeyButton, passkeyButton && codeForm ? _jsx(Or, { children: "or use a code" }) : null, codeForm] })) : (_jsxs(_Fragment, { children: [codeForm, _jsx("p", { style: s.tiny, children: "We send a six-digit code to confirm it is you. Then you make a passkey, and that key \u2014 not a password, and nothing on our servers \u2014 owns your account." }), passkeyButton && codeForm ? _jsx(Or, {}) : null, passkeyButton] })), providers.includes("google") ? (_jsx("button", { className: "theoo-google", style: s.secondary, type: "button", disabled: signIn.busy, onClick: () => void signIn.withProvider("google"), children: "Continue with Google" })) : null, providers.includes("kingschat") ? (_jsx("button", { className: "theoo-kingschat", style: s.secondary, type: "button", disabled: signIn.busy, onClick: () => void signIn.withProvider("kingschat"), children: "Continue with KingsChat" })) : null, _jsx(ErrorLine, { error: signIn.error })] }));
+}
+/** One button: create a passkey on this device for the signed-in user. */
+export function PasskeyEnrol({ label, onEnrolled, className, children = "Create a passkey" }) {
+    const { enrol, busy, error, outcome } = useEnrolPasskey();
+    return (_jsxs("div", { className: `theoo-enrol ${className ?? ""}`, style: s.box, children: [outcome ? (_jsxs("div", { children: ["Passkey created.", outcome.account ? (_jsxs("div", { style: s.muted, children: ["Account ", outcome.account.address, " on chain ", outcome.account.chain, "."] })) : null] })) : (_jsx("button", { className: "theoo-button", style: s.button, type: "button", disabled: busy, onClick: () => void enrol(label).then((o) => {
+                    if (o)
+                        onEnrolled?.(o);
+                }), children: busy ? "Waiting for your device…" : children })), _jsx(ErrorLine, { error: error })] }));
+}
+function describe(op) {
+    switch (op.kind) {
+        case "call": {
+            const c = op.call;
+            return (_jsxs("div", { style: s.muted, children: ["Call ", _jsx("code", { style: { fontFamily: t.mono }, children: c.to }), c.value && c.value !== "0" ? _jsxs(_Fragment, { children: [" with ", c.value, " wei"] }) : null, c.data && c.data !== "0x" ? _jsxs(_Fragment, { children: [" and ", Math.max(0, (c.data.length - 2) / 2), " bytes of data"] }) : null, "."] }));
+        }
+        case "enable_recovery":
+            return _jsx("div", { style: s.muted, children: "Turn on account recovery through Theoo's guardian." });
+        case "cancel_recovery":
+            return _jsx("div", { style: s.muted, children: "Cancel the pending recovery." });
+        case "grant_session":
+            return (_jsxs("div", { style: s.muted, children: ["Let ", op.session.label ?? "a session key", " call ", _jsx("code", { style: { fontFamily: t.mono }, children: op.session.target }), " with up to", " ", op.session.spendCap ?? "0", " wei until ", new Date(op.session.expiresAt * 1000).toLocaleString(), "."] }));
+        case "revoke_session":
+            return _jsxs("div", { style: s.muted, children: ["Revoke session key ", op.session, "."] });
+    }
+}
+/** Shows what is about to happen, then does it with the passkey. */
+export function ConfirmOperation({ operation, chain, onDone, className, children = "Confirm with passkey" }) {
+    const { run, busy, error, status } = useOperation();
+    return (_jsxs("div", { className: `theoo-confirm ${className ?? ""}`, style: s.box, children: [describe(operation), status ? (_jsxs("div", { className: `theoo-status theoo-status-${status.state}`, children: [status.state === "included" ? "Done." : status.state === "failed" ? `Failed: ${status.error ?? "unknown"}` : `Status: ${status.state}`, status.txHash ? _jsxs("div", { style: s.muted, children: ["tx ", status.txHash] }) : null] })) : (_jsx("button", { className: "theoo-button", style: s.button, type: "button", disabled: busy, onClick: () => void run(operation, chain).then((st) => {
+                    if (st)
+                        onDone?.(st);
+                }), children: busy ? "Waiting for your passkey…" : children })), _jsx(ErrorLine, { error: error })] }));
+}
+/** Recovery, end to end: turn it on, start it after enrolling a new passkey, complete it, or cancel it. */
+export function Recovery({ chain, className }) {
+    const r = useRecovery(chain);
+    if (!r.status)
+        return (_jsx("div", { className: `theoo-recovery ${className ?? ""}`, style: s.muted, children: "Loading\u2026" }));
+    const st = r.status;
+    return (_jsxs("div", { className: `theoo-recovery ${className ?? ""}`, style: s.box, children: [!st.enabled ? (_jsxs(_Fragment, { children: [_jsx("div", { style: s.muted, children: "Recovery is off. Turn it on so a lost passkey can be replaced after a two-day delay." }), _jsx("button", { className: "theoo-button", style: s.button, type: "button", disabled: r.busy, onClick: () => void r.enable(), children: "Turn on recovery" })] })) : st.pending ? (_jsxs(_Fragment, { children: [_jsxs("div", { style: s.muted, children: ["Recovery to a new passkey is pending; ready ", new Date(st.pending.readyAt * 1000).toLocaleString(), "."] }), _jsx("button", { className: "theoo-button", style: s.button, type: "button", disabled: r.busy || !st.pending.canComplete, onClick: () => void r.complete(), children: "Complete recovery" }), _jsx("button", { className: "theoo-secondary", style: s.secondary, type: "button", disabled: r.busy, onClick: () => void r.cancel(), children: "Cancel (with the old passkey)" })] })) : (_jsxs(_Fragment, { children: [_jsxs("div", { style: s.muted, children: ["Recovery is on: ", st.guardianCount, " guardian", st.guardianCount === 1 ? "" : "s", ", threshold ", st.threshold, ".", st.candidatePasskey ? " A new passkey is enrolled and can take over the account." : ""] }), st.candidatePasskey ? (_jsx("button", { className: "theoo-button", style: s.button, type: "button", disabled: r.busy, onClick: () => void r.begin(), children: "Move the account to my new passkey" })) : null] })), _jsx(ErrorLine, { error: r.error })] }));
+}
+/** Closes on Escape while `active`. */
+export function useEscape(active, close) {
+    useEffect(() => {
+        if (!active)
+            return;
+        const onKey = (e) => {
+            if (e.key === "Escape")
+                close();
+        };
+        window.addEventListener("keydown", onKey);
+        return () => window.removeEventListener("keydown", onKey);
+    }, [active, close]);
+}
+//# sourceMappingURL=components.js.map

package/dist/components.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components.js","sourceRoot":"","sources":["../src/components.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAsD,MAAM,OAAO,CAAC;AAEhG,OAAO,EAAE,eAAe,EAAE,YAAY,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAEnF;;;;;;;;;;;;;;;;GAgBG;AAEH,MAAM,CAAC,GAAG;IACR,OAAO,EAAE,+CAA+C;IACxD,QAAQ,EAAE,mDAAmD;IAC7D,GAAG,EAAE,uCAAuC;IAC5C,IAAI,EAAE,2CAA2C;IACjD,IAAI,EAAE,2CAA2C;IACjD,IAAI,EAAE,wDAAwD;IAC9D,KAAK,EAAE,2DAA2D;IAClE,MAAM,EAAE,6CAA6C;IACrD,SAAS,EAAE,qDAAqD;IAChE,UAAU,EAAE,sEAAsE;IAClF,KAAK,EAAE,2CAA2C;IAClD,SAAS,EAAE,qEAAqE;IAChF,MAAM,EAAE,6CAA6C;IACrD,IAAI,EAAE,qFAAqF;IAC3F,IAAI,EAAE,gFAAgF;CACvF,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,GAAG,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,EAAE,EAAE,UAAU,EAAE,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC,GAAG,EAAmB;IACpF,KAAK,EAAE;QACL,KAAK,EAAE,MAAM;QACb,SAAS,EAAE,YAAY;QACvB,OAAO,EAAE,WAAW;QACpB,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,CAAC,CAAC,IAAI;QAClB,KAAK,EAAE,CAAC,CAAC,GAAG;QACZ,UAAU,EAAE,CAAC,CAAC,OAAO;QACrB,MAAM,EAAE,aAAa,CAAC,CAAC,KAAK,EAAE;QAC9B,YAAY,EAAE,CAAC,CAAC,MAAM;QACtB,OAAO,EAAE,MAAM;KACC;IAClB,MAAM,EAAE;QACN,OAAO,EAAE,WAAW;QACpB,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,GAAG;QACf,UAAU,EAAE,CAAC,CAAC,IAAI;QAClB,YAAY,EAAE,CAAC,CAAC,MAAM;QACtB,MAAM,EAAE,uBAAuB;QAC/B,UAAU,EAAE,CAAC,CAAC,MAAM;QACpB,KAAK,EAAE,CAAC,CAAC,SAAS;QAClB,MAAM,EAAE,SAAS;KACD;IAClB,SAAS,EAAE;QACT,OAAO,EAAE,WAAW;QACpB,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,GAAG;QACf,UAAU,EAAE,CAAC,CAAC,IAAI;QAClB,YAAY,EAAE,CAAC,CAAC,MAAM;QACtB,MAAM,EAAE,aAAa,CAAC,CAAC,KAAK,EAAE;QAC9B,UAAU,EAAE,CAAC,CAAC,OAAO;QACrB,KAAK,EAAE,CAAC,CAAC,GAAG;QACZ,MAAM,EAAE,SAAS;KACD;IAClB,KAAK,EAAE;QACL,KAAK,EAAE,CAAC,CAAC,KAAK;QACd,UAAU,EAAE,CAAC,CAAC,SAAS;QACvB,MAAM,EAAE,aAAa,CAAC,CAAC,KAAK,EAAE;QAC9B,YAAY,EAAE,CAAC,CAAC,MAAM;QACtB,OAAO,EAAE,UAAU;QACnB,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,IAAI;KACA;IAClB,KAAK,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC,EAAmB;IACrF,IAAI,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC,EAAmB;IACpF,KAAK,EAAE,CAAC;CACT,CAAC;AAEF,MAAM,CAAC,GAAG,MAAM,CAAC;AAEjB,SAAS,SAAS,CAAC,EAAE,KAAK,EAA2B;IACnD,OAAO,KAAK,CAAC,CAAC,CAAC,CACb,cAAK,SAAS,EAAC,aAAa,EAAC,KAAK,EAAE,CAAC,CAAC,KAAK,EAAE,IAAI,EAAC,OAAO,YACtD,KAAK,CAAC,OAAO,GACV,CACP,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC;AAED,oCAAoC;AACpC,SAAS,EAAE,CAAC,EAAE,QAAQ,GAAG,IAAI,EAA4B;IACvD,OAAO,CACL,eAAK,SAAS,EAAC,UAAU,EAAC,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,aAClG,eAAM,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,UAAU,EAAE,CAAC,CAAC,IAAI,EAAE,GAAI,EAC3D,eAAM,KAAK,EAAE,EAAE,GAAG,CAAC,CAAC,IAAI,EAAE,aAAa,EAAE,WAAW,EAAE,aAAa,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,YAAG,QAAQ,GAAQ,EACjH,eAAM,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,UAAU,EAAE,CAAC,CAAC,IAAI,EAAE,GAAI,IACvD,CACP,CAAC;AACJ,CAAC;AA2BD,0DAA0D;AAC1D,MAAM,UAAU,cAAc,CAAC,EAC7B,IAAI,EACJ,QAAQ,EACR,SAAS,GAKV;IACC,OAAO,CACL,cACE,SAAS,EAAE,eAAe,SAAS,IAAI,EAAE,EAAE,EAC3C,IAAI,EAAC,SAAS,EACd,KAAK,EAAE;YACL,OAAO,EAAE,MAAM;YACf,mBAAmB,EAAE,SAAS;YAC9B,GAAG,EAAE,CAAC;YACN,OAAO,EAAE,CAAC;YACV,UAAU,EAAE,CAAC,CAAC,QAAQ;YACtB,MAAM,EAAE,aAAa,CAAC,CAAC,IAAI,EAAE;YAC7B,YAAY,EAAE,QAAQ,CAAC,CAAC,MAAM,SAAS;SACxC,YAEC,CAAC,QAAQ,EAAE,QAAQ,CAAW,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAC1C,iBAEE,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,KAAK,mBACK,IAAI,KAAK,CAAC,EACzB,SAAS,EAAE,cAAc,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,EAAE,EAAE,EAChE,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,EAC1B,KAAK,EAAE;gBACL,OAAO,EAAE,UAAU;gBACnB,QAAQ,EAAE,IAAI;gBACd,UAAU,EAAE,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG;gBAClC,UAAU,EAAE,CAAC,CAAC,IAAI;gBAClB,MAAM,EAAE,uBAAuB;gBAC/B,WAAW,EAAE,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,aAAa;gBAChD,UAAU,EAAE,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,aAAa;gBAClD,KAAK,EAAE,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI;gBAClC,YAAY,EAAE,CAAC,CAAC,MAAM;gBACtB,MAAM,EAAE,SAAS;aAClB,YAEA,CAAC,KAAK,QAAQ,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,SAAS,IAnBzC,CAAC,CAoBC,CACV,CAAC,GACE,CACP,CAAC;AACJ,CAAC;AAED,0FAA0F;AAC1F,MAAM,UAAU,MAAM,CAAC,EACrB,SAAS,GAAG,CAAC,OAAO,EAAE,OAAO,EAAE,SAAS,CAAC,EACzC,UAAU,EACV,IAAI,EAAE,cAAc,EACpB,YAAY,EACZ,UAAU,GAAG,IAAI,EACjB,KAAK,EACL,SAAS,GACG;IACZ,MAAM,MAAM,GAAG,SAAS,CAAC,UAAU,CAAC,CAAC;IACrC,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAW,QAAQ,CAAC,CAAC;IAC7E,MAAM,IAAI,GAAG,cAAc,IAAI,gBAAgB,CAAC;IAChD,MAAM,OAAO,GAAG,CAAC,CAAW,EAAE,EAAE;QAC9B,mBAAmB,CAAC,CAAC,CAAC,CAAC;QACvB,YAAY,EAAE,CAAC,CAAC,CAAC,CAAC;IACpB,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,EAA0B,EAAE,CAAC,CAAC,KAAK,OAAO,IAAI,CAAC,KAAK,OAAO,CAAC,CAAC;IACtG,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAoB,aAAa,CAAC,CAAC,CAAC,IAAI,OAAO,CAAC,CAAC;IACzF,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACnD,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAErC,MAAM,IAAI,GAAG,CAAC,CAAY,EAAE,EAAE;QAC5B,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,KAAK,MAAM,CAAC,QAAQ,CAAC,QAAQ,EAAE,WAAW,CAAC,IAAI,EAAE,CAAC,CAAC;IACrD,CAAC,CAAC;IACF,MAAM,MAAM,GAAG,CAAC,CAAY,EAAE,EAAE;QAC9B,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,KAAK,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;IACtC,CAAC,CAAC;IAEF,IAAI,MAAM,CAAC,IAAI,KAAK,MAAM,EAAE,CAAC;QAC3B,OAAO,CACL,cAAK,SAAS,EAAE,2BAA2B,SAAS,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,GAAG,YACxE,uCAAqB,GACjB,CACP,CAAC;IACJ,CAAC;IAED,IAAI,MAAM,CAAC,IAAI,KAAK,WAAW,EAAE,CAAC;QAChC,OAAO,CACL,gBAAM,SAAS,EAAE,2BAA2B,SAAS,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,GAAG,EAAE,QAAQ,EAAE,MAAM,aAC3F,aAAG,KAAK,EAAE,CAAC,CAAC,KAAK,mCACG,iBAAQ,KAAK,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,GAAG,EAAE,UAAU,EAAE,GAAG,EAAE,YAAG,MAAM,CAAC,SAAS,CAAC,iBAAiB,GAAU,OAChH,MAAM,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,CAC1B,8BACG,GAAG,qCAC4B,GAAG,EACnC,sCAAoB,KAAK,EAAE,EAAE,UAAU,EAAE,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC,GAAG,EAAE,YAC5D,MAAM,CAAC,SAAS,CAAC,OAAO,GACpB,SAEN,CACJ,CAAC,CAAC,CAAC,IAAI,IACN,EACJ,gBACE,SAAS,EAAC,aAAa,EACvB,KAAK,EAAE,EAAE,GAAG,CAAC,CAAC,KAAK,EAAE,UAAU,EAAE,CAAC,CAAC,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,aAAa,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,EACpG,SAAS,EAAC,SAAS,EACnB,YAAY,EAAC,eAAe,EAC5B,WAAW,EAAC,MAAM,gBACP,eAAe,EAC1B,KAAK,EAAE,IAAI,EACX,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EACxC,SAAS,SACT,EACF,iBAAQ,SAAS,EAAC,cAAc,EAAC,KAAK,EAAE,CAAC,CAAC,MAAM,EAAE,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAE,MAAM,CAAC,IAAI,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC,YACvG,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,UAAU,GAChC,EACT,kBACE,SAAS,EAAC,YAAY,EACtB,KAAK,EAAE,EAAE,GAAG,CAAC,CAAC,SAAS,EAAE,MAAM,EAAE,CAAC,EAAE,UAAU,EAAE,aAAa,EAAE,KAAK,EAAE,CAAC,CAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,EAAE,EAC1G,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,MAAM,CAAC,KAAK,iCAEJ,MAAM,CAAC,QAAQ,IACzB,EACT,KAAC,SAAS,IAAC,KAAK,EAAE,MAAM,CAAC,KAAK,GAAI,IAC7B,CACR,CAAC;IACJ,CAAC;IAED,IAAI,MAAM,CAAC,IAAI,KAAK,UAAU,EAAE,CAAC;QAC/B,OAAO,CACL,eAAK,SAAS,EAAE,+BAA+B,SAAS,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,GAAG,aAC5E,YAAG,SAAS,EAAC,cAAc,EAAC,KAAK,EAAE,EAAE,GAAG,CAAC,CAAC,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,MAAM,CAAC,SAAS,CAAC,GAAG,yBAEvH,EACJ,KAAC,SAAS,IAAC,KAAK,EAAE,MAAM,CAAC,KAAK,GAAI,IAC9B,CACP,CAAC;IACJ,CAAC;IAED,MAAM,UAAU,GAAG,SAAS,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;IACjD,MAAM,QAAQ,GACZ,aAAa,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CACzB,gBAAM,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,EAAE,EAAE,QAAQ,EAAE,IAAI,aACrD,aAAa,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAC1B,cAAK,SAAS,EAAC,YAAY,EAAC,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,EAAE,EAAE,aAAa,EAAE,CAAC,EAAE,YAC9E,aAAa,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CACxB,iBAEE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,aAAa,QAAQ,KAAK,CAAC,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,EAAE,EAAE,kBACpD,QAAQ,KAAK,CAAC,EAC5B,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,EAC7B,KAAK,EAAE;wBACL,MAAM,EAAE,CAAC;wBACT,UAAU,EAAE,aAAa;wBACzB,OAAO,EAAE,WAAW;wBACpB,UAAU,EAAE,CAAC,CAAC,IAAI;wBAClB,QAAQ,EAAE,IAAI;wBACd,UAAU,EAAE,QAAQ,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG;wBACtC,KAAK,EAAE,QAAQ,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI;wBACtC,YAAY,EAAE,aAAa,QAAQ,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,aAAa,EAAE;wBACtE,MAAM,EAAE,SAAS;qBAClB,YAEA,CAAC,KAAK,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,IAjB7B,CAAC,CAkBC,CACV,CAAC,GACE,CACP,CAAC,CAAC,CAAC,IAAI,EACR,gBACE,SAAS,EAAC,aAAa,EACvB,KAAK,EAAE,CAAC,CAAC,KAAK,EACd,IAAI,EAAE,QAAQ,KAAK,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,EAC5C,YAAY,EAAE,QAAQ,KAAK,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,EACpD,WAAW,EAAE,QAAQ,KAAK,OAAO,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,iBAAiB,gBAC7D,QAAQ,EACpB,KAAK,EAAE,WAAW,EAClB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,GAC/C,EACF,iBACE,SAAS,EAAC,cAAc,EACxB,KAAK,EAAE,IAAI,KAAK,QAAQ,IAAI,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,EAC/D,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,MAAM,CAAC,IAAI,IAAI,WAAW,CAAC,IAAI,EAAE,CAAC,MAAM,KAAK,CAAC,YAEvD,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,WAAW,GAChC,IACJ,CACR,CAAC,CAAC,CAAC,IAAI,CAAC;IAEX,MAAM,aAAa,GAAG,UAAU,CAAC,CAAC,CAAC,CACjC,iBACE,SAAS,EAAC,eAAe,EACzB,KAAK,EAAE,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,EACjD,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,MAAM,CAAC,IAAI,EACrB,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,MAAM,CAAC,WAAW,EAAE,YAEvC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,0BAA0B,GACpE,CACV,CAAC,CAAC,CAAC,IAAI,CAAC;IAET,OAAO,CACL,eAAK,SAAS,EAAE,6BAA6B,IAAI,IAAI,SAAS,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,GAAG,aACjF,KAAK,CAAC,CAAC,CAAC,CACP,aAAI,SAAS,EAAC,aAAa,EAAC,KAAK,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,GAAG,EAAE,aAAa,EAAE,SAAS,EAAE,YACtG,KAAK,GACH,CACN,CAAC,CAAC,CAAC,IAAI,EAEP,UAAU,IAAI,UAAU,IAAI,aAAa,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,KAAC,cAAc,IAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,GAAI,CAAC,CAAC,CAAC,IAAI,EAI/G,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,CACnB,8BACG,aAAa,EACb,aAAa,IAAI,QAAQ,CAAC,CAAC,CAAC,KAAC,EAAE,gCAAmB,CAAC,CAAC,CAAC,IAAI,EACzD,QAAQ,IACR,CACJ,CAAC,CAAC,CAAC,CACF,8BACG,QAAQ,EACT,YAAG,KAAK,EAAE,CAAC,CAAC,IAAI,iLAGZ,EACH,aAAa,IAAI,QAAQ,CAAC,CAAC,CAAC,KAAC,EAAE,KAAG,CAAC,CAAC,CAAC,IAAI,EACzC,aAAa,IACb,CACJ,EAEA,SAAS,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAC9B,iBAAQ,SAAS,EAAC,cAAc,EAAC,KAAK,EAAE,CAAC,CAAC,SAAS,EAAE,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAE,MAAM,CAAC,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,MAAM,CAAC,YAAY,CAAC,QAAQ,CAAC,qCAElI,CACV,CAAC,CAAC,CAAC,IAAI,EACP,SAAS,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CACjC,iBAAQ,SAAS,EAAC,iBAAiB,EAAC,KAAK,EAAE,CAAC,CAAC,SAAS,EAAE,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAE,MAAM,CAAC,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,MAAM,CAAC,YAAY,CAAC,WAAW,CAAC,wCAExI,CACV,CAAC,CAAC,CAAC,IAAI,EACR,KAAC,SAAS,IAAC,KAAK,EAAE,MAAM,CAAC,KAAK,GAAI,IAC9B,CACP,CAAC;AACJ,CAAC;AASD,0EAA0E;AAC1E,MAAM,UAAU,YAAY,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,GAAG,kBAAkB,EAAqB;IAC7G,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,eAAe,EAAE,CAAC;IAC1D,OAAO,CACL,eAAK,SAAS,EAAE,eAAe,SAAS,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,GAAG,aAC3D,OAAO,CAAC,CAAC,CAAC,CACT,8CAEG,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,CACjB,eAAK,KAAK,EAAE,CAAC,CAAC,KAAK,yBACR,OAAO,CAAC,OAAO,CAAC,OAAO,gBAAY,OAAO,CAAC,OAAO,CAAC,KAAK,SAC7D,CACP,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC,CAAC,CAAC,CACF,iBACE,SAAS,EAAC,cAAc,EACxB,KAAK,EAAE,CAAC,CAAC,MAAM,EACf,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,IAAI,EACd,OAAO,EAAE,GAAG,EAAE,CACZ,KAAK,KAAK,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE;oBAC3B,IAAI,CAAC;wBAAE,UAAU,EAAE,CAAC,CAAC,CAAC,CAAC;gBACzB,CAAC,CAAC,YAGH,IAAI,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC,CAAC,QAAQ,GACtC,CACV,EACD,KAAC,SAAS,IAAC,KAAK,EAAE,KAAK,GAAI,IACvB,CACP,CAAC;AACJ,CAAC;AAWD,SAAS,QAAQ,CAAC,EAAiB;IACjC,QAAQ,EAAE,CAAC,IAAI,EAAE,CAAC;QAChB,KAAK,MAAM,CAAC,CAAC,CAAC;YACZ,MAAM,CAAC,GAAc,EAAE,CAAC,IAAI,CAAC;YAC7B,OAAO,CACL,eAAK,KAAK,EAAE,CAAC,CAAC,KAAK,sBACZ,eAAM,KAAK,EAAE,EAAE,UAAU,EAAE,CAAC,CAAC,IAAI,EAAE,YAAG,CAAC,CAAC,EAAE,GAAQ,EACtD,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,KAAK,KAAK,GAAG,CAAC,CAAC,CAAC,wCAAS,CAAC,CAAC,KAAK,YAAQ,CAAC,CAAC,CAAC,IAAI,EAC5D,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,uCAAQ,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,sBAAkB,CAAC,CAAC,CAAC,IAAI,SAC9F,CACP,CAAC;QACJ,CAAC;QACD,KAAK,iBAAiB;YACpB,OAAO,cAAK,KAAK,EAAE,CAAC,CAAC,KAAK,mEAA+D,CAAC;QAC5F,KAAK,iBAAiB;YACpB,OAAO,cAAK,KAAK,EAAE,CAAC,CAAC,KAAK,6CAAoC,CAAC;QACjE,KAAK,eAAe;YAClB,OAAO,CACL,eAAK,KAAK,EAAE,CAAC,CAAC,KAAK,qBACZ,EAAE,CAAC,OAAO,CAAC,KAAK,IAAI,eAAe,YAAO,eAAM,KAAK,EAAE,EAAE,UAAU,EAAE,CAAC,CAAC,IAAI,EAAE,YAAG,EAAE,CAAC,OAAO,CAAC,MAAM,GAAQ,iBAAY,GAAG,EAC5H,EAAE,CAAC,OAAO,CAAC,QAAQ,IAAI,GAAG,iBAAa,IAAI,IAAI,CAAC,EAAE,CAAC,OAAO,CAAC,SAAS,GAAG,IAAI,CAAC,CAAC,cAAc,EAAE,SAC1F,CACP,CAAC;QACJ,KAAK,gBAAgB;YACnB,OAAO,eAAK,KAAK,EAAE,CAAC,CAAC,KAAK,oCAAsB,EAAE,CAAC,OAAO,SAAQ,CAAC;IACvE,CAAC;AACH,CAAC;AAED,oEAAoE;AACpE,MAAM,UAAU,gBAAgB,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,GAAG,sBAAsB,EAAyB;IAChI,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,YAAY,EAAE,CAAC;IACpD,OAAO,CACL,eAAK,SAAS,EAAE,iBAAiB,SAAS,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,GAAG,aAC7D,QAAQ,CAAC,SAAS,CAAC,EACnB,MAAM,CAAC,CAAC,CAAC,CACR,eAAK,SAAS,EAAE,6BAA6B,MAAM,CAAC,KAAK,EAAE,aACxD,MAAM,CAAC,KAAK,KAAK,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,WAAW,MAAM,CAAC,KAAK,IAAI,SAAS,EAAE,CAAC,CAAC,CAAC,WAAW,MAAM,CAAC,KAAK,EAAE,EACtI,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,eAAK,KAAK,EAAE,CAAC,CAAC,KAAK,oBAAM,MAAM,CAAC,MAAM,IAAO,CAAC,CAAC,CAAC,IAAI,IACjE,CACP,CAAC,CAAC,CAAC,CACF,iBACE,SAAS,EAAC,cAAc,EACxB,KAAK,EAAE,CAAC,CAAC,MAAM,EACf,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,IAAI,EACd,OAAO,EAAE,GAAG,EAAE,CACZ,KAAK,GAAG,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,EAAE,EAAE;oBACrC,IAAI,EAAE;wBAAE,MAAM,EAAE,CAAC,EAAE,CAAC,CAAC;gBACvB,CAAC,CAAC,YAGH,IAAI,CAAC,CAAC,CAAC,2BAA2B,CAAC,CAAC,CAAC,QAAQ,GACvC,CACV,EACD,KAAC,SAAS,IAAC,KAAK,EAAE,KAAK,GAAI,IACvB,CACP,CAAC;AACJ,CAAC;AAOD,2GAA2G;AAC3G,MAAM,UAAU,QAAQ,CAAC,EAAE,KAAK,EAAE,SAAS,EAAiB;IAC1D,MAAM,CAAC,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC;IAC7B,IAAI,CAAC,CAAC,CAAC,MAAM;QACX,OAAO,CACL,cAAK,SAAS,EAAE,kBAAkB,SAAS,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,KAAK,8BAE7D,CACP,CAAC;IACJ,MAAM,EAAE,GAAG,CAAC,CAAC,MAAM,CAAC;IACpB,OAAO,CACL,eAAK,SAAS,EAAE,kBAAkB,SAAS,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,GAAG,aAC9D,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,CACb,8BACE,cAAK,KAAK,EAAE,CAAC,CAAC,KAAK,qGAA4F,EAC/G,iBAAQ,SAAS,EAAC,cAAc,EAAC,KAAK,EAAE,CAAC,CAAC,MAAM,EAAE,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAE,CAAC,CAAC,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,CAAC,MAAM,EAAE,iCAEvG,IACR,CACJ,CAAC,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,CACf,8BACE,eAAK,KAAK,EAAE,CAAC,CAAC,KAAK,6DAA+C,IAAI,IAAI,CAAC,EAAE,CAAC,OAAO,CAAC,OAAO,GAAG,IAAI,CAAC,CAAC,cAAc,EAAE,SAAQ,EAC9H,iBAAQ,SAAS,EAAC,cAAc,EAAC,KAAK,EAAE,CAAC,CAAC,MAAM,EAAE,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAE,CAAC,CAAC,IAAI,IAAI,CAAC,EAAE,CAAC,OAAO,CAAC,WAAW,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,CAAC,QAAQ,EAAE,kCAEpI,EACT,iBAAQ,SAAS,EAAC,iBAAiB,EAAC,KAAK,EAAE,CAAC,CAAC,SAAS,EAAE,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAE,CAAC,CAAC,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,CAAC,MAAM,EAAE,8CAE7G,IACR,CACJ,CAAC,CAAC,CAAC,CACF,8BACE,eAAK,KAAK,EAAE,CAAC,CAAC,KAAK,iCACA,EAAE,CAAC,aAAa,eAAW,EAAE,CAAC,aAAa,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,kBAAc,EAAE,CAAC,SAAS,OACtG,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC,2DAA2D,CAAC,CAAC,CAAC,EAAE,IACnF,EACL,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC,CACrB,iBAAQ,SAAS,EAAC,cAAc,EAAC,KAAK,EAAE,CAAC,CAAC,MAAM,EAAE,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAE,CAAC,CAAC,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,CAAC,KAAK,EAAE,mDAEtG,CACV,CAAC,CAAC,CAAC,IAAI,IACP,CACJ,EACD,KAAC,SAAS,IAAC,KAAK,EAAE,CAAC,CAAC,KAAK,GAAI,IACzB,CACP,CAAC;AACJ,CAAC;AAED,uCAAuC;AACvC,MAAM,UAAU,SAAS,CAAC,MAAe,EAAE,KAAiB;IAC1D,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,MAAM;YAAE,OAAO;QACpB,MAAM,KAAK,GAAG,CAAC,CAAgB,EAAE,EAAE;YACjC,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ;gBAAE,KAAK,EAAE,CAAC;QAClC,CAAC,CAAC;QACF,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;QAC1C,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;IAC5D,CAAC,EAAE,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC;AACtB,CAAC"}

package/dist/connect.d.ts

@@ -0,0 +1,31 @@
+import { type ReactNode } from "react";
+import type { AuthProvider, SmartAccount } from "@theoo/sdk";
+import { type AuthMode } from "./components.js";
+export declare function shortAddress(a: string, head?: number, tail?: number): string;
+export interface TheooConnectProps {
+    /** Sign-in factors to offer. */
+    providers?: AuthProvider[];
+    /** Label while nothing is connected. */
+    label?: ReactNode;
+    /** Also show the user's Solana address, when the tenant has a cluster. */
+    solana?: boolean;
+    /** Fired when an account is connected (after sign-in and passkey enrolment). */
+    onConnected?: (account: SmartAccount) => void;
+    onDisconnected?: () => void;
+    /**
+     * Drive the dialog from outside — for a page that wants its own "Create an
+     * account" and "Sign in" buttons as well as the header chip. Leave both
+     * out and the component manages its own.
+     */
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    /** Which half the dialog opens on. Also controllable. */
+    mode?: AuthMode;
+    onModeChange?: (mode: AuthMode) => void;
+    /** Hide the chip entirely, when the only triggers are the host's own. */
+    trigger?: boolean;
+    className?: string;
+}
+/** A connect-wallet button for passkey-owned accounts. */
+export declare function TheooConnect({ providers, label, solana, onConnected, onDisconnected, open: controlledOpen, onOpenChange, mode: controlledMode, onModeChange, trigger, className, }: TheooConnectProps): import("react").JSX.Element;
+//# sourceMappingURL=connect.d.ts.map

package/dist/connect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"connect.d.ts","sourceRoot":"","sources":["../src/connect.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAwD,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC7F,OAAO,KAAK,EAAe,YAAY,EAAmB,YAAY,EAAiB,MAAM,YAAY,CAAC;AAC1G,OAAO,EAA2D,KAAK,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AA4GzG,wBAAgB,YAAY,CAAC,CAAC,EAAE,MAAM,EAAE,IAAI,SAAI,EAAE,IAAI,SAAI,GAAG,MAAM,CAElE;AAED,MAAM,WAAW,iBAAiB;IAChC,gCAAgC;IAChC,SAAS,CAAC,EAAE,YAAY,EAAE,CAAC;IAC3B,wCAAwC;IACxC,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,0EAA0E;IAC1E,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,gFAAgF;IAChF,WAAW,CAAC,EAAE,CAAC,OAAO,EAAE,YAAY,KAAK,IAAI,CAAC;IAC9C,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,yDAAyD;IACzD,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IACxC,yEAAyE;IACzE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAID,0DAA0D;AAC1D,wBAAgB,YAAY,CAAC,EAC3B,SAAS,EACT,KAAiB,EACjB,MAAa,EACb,WAAW,EACX,cAAc,EACd,IAAI,EAAE,cAAc,EACpB,YAAY,EACZ,IAAI,EAAE,cAAc,EACpB,YAAY,EACZ,OAAc,EACd,SAAS,GACV,EAAE,iBAAiB,+BA4LnB"}