@dexterai/connect 0.21.0 → 0.22.1

package/dist/{chunk-2WETR5DJ.js → chunk-EVDIZIHH.js}

@@ -19,8 +19,29 @@ var BUTTON_CSS = `
 .dx-btn:active{ transform:translateY(0); filter:brightness(.97); box-shadow:0 8px 16px color-mix(in srgb,var(--dx-ember,#f26c18) 22%,transparent); }
 .dx-btn:focus-visible{ outline:none; box-shadow:0 0 0 3px color-mix(in srgb,var(--dx-ember,#f26c18) 38%,transparent); }
 .dx-btn:disabled{ cursor:default; filter:saturate(.85) brightness(.98); }
-.dx-btn--secondary{ background:transparent; color:var(--dx-ember,#f26c18); box-shadow:none; border-color:color-mix(in srgb,var(--dx-ember,#f26c18) 45%,transparent); }
-.dx-btn--secondary:hover{ background:color-mix(in srgb,var(--dx-ember,#f26c18) 9%,transparent); filter:none; box-shadow:none; }
+.dx-btn--secondary{
+  background:color-mix(in srgb,var(--dx-ember,#f26c18) 8%,transparent);
+  color:var(--dx-ember,#f26c18);
+  border-color:color-mix(in srgb,var(--dx-ember,#f26c18) 55%,transparent);
+  box-shadow:0 8px 18px color-mix(in srgb,var(--dx-ember,#f26c18) 10%,transparent);
+}
+.dx-btn--secondary:hover{
+  background:color-mix(in srgb,var(--dx-ember,#f26c18) 14%,transparent);
+  filter:none;
+  box-shadow:0 12px 22px color-mix(in srgb,var(--dx-ember,#f26c18) 16%,transparent);
+}
+.dx-btn--danger{
+  background:color-mix(in srgb,var(--dx-danger,#b3261e) 7%,transparent);
+  color:var(--dx-danger,#b3261e);
+  border-color:color-mix(in srgb,var(--dx-danger,#b3261e) 50%,transparent);
+  box-shadow:0 8px 18px color-mix(in srgb,var(--dx-danger,#b3261e) 10%,transparent);
+}
+.dx-btn--danger:hover{
+  background:color-mix(in srgb,var(--dx-danger,#b3261e) 13%,transparent);
+  filter:none;
+  box-shadow:0 12px 22px color-mix(in srgb,var(--dx-danger,#b3261e) 16%,transparent);
+}
+.dx-btn--danger:focus-visible{ box-shadow:0 0 0 3px color-mix(in srgb,var(--dx-danger,#b3261e) 38%,transparent); }
 .dx-btn--block{ width:100%; }
 .dx-btn__mark{ flex-shrink:0; }
 .dx-btn__spin{ width:15px; height:15px; flex-shrink:0; border-radius:50%;
@@ -76,17 +97,25 @@ function DexterButton(props) {
     onClick,
     disabled = false,
     className,
-    type = "button"
+    type = "button",
+    ...rest
   } = props;
   useEffect(ensureDexterButtonStyles, []);
   return /* @__PURE__ */ jsx(
     "button",
     {
       type,
-      className: cx("dx-btn", variant === "secondary" && "dx-btn--secondary", block && "dx-btn--block", className),
+      className: cx(
+        "dx-btn",
+        variant === "secondary" && "dx-btn--secondary",
+        variant === "danger" && "dx-btn--danger",
+        block && "dx-btn--block",
+        className
+      ),
       onClick,
       disabled: disabled || loading,
       "aria-busy": loading,
+      ...rest,
       children: loading ? /* @__PURE__ */ jsxs(Fragment, { children: [
         /* @__PURE__ */ jsx("span", { className: "dx-btn__spin", "aria-hidden": true }),
         /* @__PURE__ */ jsx("span", { className: "dx-btn__doing", children: loadingLabel })

package/dist/react.d.ts

@@ -1,7 +1,7 @@
 import { DexterApiBrowserPasskeySigner } from '@dexterai/vault/signers/browser';
 import { b as CeremonyPhase, S as SignInResult, d as RecoverOutcome, P as PasskeyLoginTokens, c as ConnectVault, e as ConnectError, l as StoredWallet, g as PasskeySignalSupport, i as ResolvedIdentity, C as CreateWalletResult } from './signals-pjh3z6N8.js';
 export { h as RecoverVault } from './signals-pjh3z6N8.js';
-import { ReactElement, ReactNode } from 'react';
+import { ReactElement, ButtonHTMLAttributes, ReactNode } from 'react';
 
 type ConnectStatus = 'idle' | 'pending' | 'done' | 'error';
 interface UseSignInWithDexterConfig {
@@ -101,15 +101,16 @@ declare function SignInWithDexter(props: SignInWithDexterProps): ReactElement |
 
 /** The Dexter passkey mark — the brand glyph carried on the branded button. */
 declare function DexterMark(): ReactElement;
-interface DexterButtonProps {
+interface DexterButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children' | 'onClick' | 'disabled' | 'className' | 'type'> {
     /** Button content (e.g. "Sign in with Dexter", "Create your Dexter Wallet"). */
     children?: ReactNode;
     /** Loading state: shows the animated spinner + `loadingLabel`, disables click. */
     loading?: boolean;
     /** Label shown next to the spinner while loading. Default "Connecting…". */
     loadingLabel?: string;
-    /** 'primary' = filled ember (default), 'secondary' = outline. */
-    variant?: 'primary' | 'secondary';
+    /** 'primary' = filled ember (default), 'secondary' = outline,
+     *  'danger' = outline in the danger color for destructive actions. */
+    variant?: 'primary' | 'secondary' | 'danger';
     /** Full-width (fills its container). */
     block?: boolean;
     /** Render the Dexter mark before the children. Default true. */

package/dist/react.js

@@ -23,7 +23,7 @@ import {
   DexterMark,
   cx,
   ensureDexterButtonStyles
-} from "./chunk-2WETR5DJ.js";
+} from "./chunk-EVDIZIHH.js";
 
 // src/useSignInWithDexter.ts
 import { useCallback, useEffect, useMemo, useState } from "react";

package/dist/worldid.js

@@ -1,7 +1,7 @@
 import {
   DexterButton,
   ensureDexterButtonStyles
-} from "./chunk-2WETR5DJ.js";
+} from "./chunk-EVDIZIHH.js";
 
 // src/worldid.tsx
 import { useEffect, useState } from "react";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@dexterai/connect",
-  "version": "0.21.0",
-  "description": "Sign in with Dexter \u2014 passkey connector. Composes @dexterai/vault.",
+  "version": "0.22.1",
+  "description": "Sign in with Dexter — passkey connector. Composes @dexterai/vault.",
   "type": "module",
   "exports": {
     ".": {
@@ -44,7 +44,7 @@
     }
   },
   "devDependencies": {
-    "@dexterai/vault": "^0.30.0",
+    "@dexterai/vault": "^0.37.0",
     "@solana/web3.js": "^1.98.4",
     "@types/react": "^19.1.12",
     "@types/react-dom": "^19.2.3",