@dexterai/connect 0.19.0 → 0.20.0

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

@@ -6,22 +6,21 @@ var BUTTON_CSS = `
 @keyframes dx-spin { to { transform: rotate(360deg); } }
 @keyframes dx-pulse { 0%,100% { opacity: 1; } 50% { opacity: .6; } }
 .dx-btn{
-  --dx-ember:#f26c18; --dx-ember-2:#ba3a00; --dx-fg:#fff4ea; --dx-radius:0px;
   position:relative; display:inline-flex; align-items:center; justify-content:center; gap:10px;
-  padding:11px 22px; border:1px solid color-mix(in srgb,var(--dx-ember) 55%,transparent);
-  border-radius:var(--dx-radius);
-  background:linear-gradient(135deg,var(--dx-ember),var(--dx-ember-2));
-  color:var(--dx-fg); font:inherit; font-weight:600; font-size:.78rem; letter-spacing:.12em;
+  padding:11px 22px; border:1px solid color-mix(in srgb,var(--dx-ember,#f26c18) 55%,transparent);
+  border-radius:var(--dx-radius,0px);
+  background:linear-gradient(135deg,var(--dx-ember,#f26c18),var(--dx-ember-2,#ba3a00));
+  color:var(--dx-fg,#fff4ea); font:inherit; font-weight:600; font-size:.78rem; letter-spacing:.12em;
   text-transform:uppercase; cursor:pointer; -webkit-tap-highlight-color:transparent;
-  box-shadow:0 14px 26px color-mix(in srgb,var(--dx-ember) 24%,transparent);
+  box-shadow:0 14px 26px color-mix(in srgb,var(--dx-ember,#f26c18) 24%,transparent);
   transition:transform .16s ease, box-shadow .16s ease, filter .16s ease, background .16s ease;
 }
-.dx-btn:hover{ transform:translateY(-1px); filter:brightness(1.07); box-shadow:0 20px 34px color-mix(in srgb,var(--dx-ember) 32%,transparent); }
-.dx-btn:active{ transform:translateY(0); filter:brightness(.97); box-shadow:0 8px 16px color-mix(in srgb,var(--dx-ember) 22%,transparent); }
-.dx-btn:focus-visible{ outline:none; box-shadow:0 0 0 3px color-mix(in srgb,var(--dx-ember) 38%,transparent); }
+.dx-btn:hover{ transform:translateY(-1px); filter:brightness(1.07); box-shadow:0 20px 34px color-mix(in srgb,var(--dx-ember,#f26c18) 32%,transparent); }
+.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); box-shadow:none; border-color:color-mix(in srgb,var(--dx-ember) 45%,transparent); }
-.dx-btn--secondary:hover{ background:color-mix(in srgb,var(--dx-ember) 9%,transparent); filter:none; box-shadow:none; }
+.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--block{ width:100%; }
 .dx-btn__mark{ flex-shrink:0; }
 .dx-btn__spin{ width:15px; height:15px; flex-shrink:0; border-radius:50%;
@@ -29,7 +28,7 @@ var BUTTON_CSS = `
   animation:dx-spin .7s linear infinite; }
 .dx-btn__doing{ animation:dx-pulse 1.4s ease-in-out infinite; }
 .dx-chip{ display:inline-flex; align-items:center; gap:8px; padding:6px 10px; font:inherit;
-  font-variant-numeric:tabular-nums; border-radius:var(--dx-radius,0);
+  font-variant-numeric:tabular-nums; border-radius:var(--dx-radius,0px);
   border:1px solid color-mix(in srgb,var(--dx-ember,#f26c18) 35%,transparent); }
 .dx-chip__dot{ width:7px; height:7px; border-radius:50%; background:var(--dx-ember,#f26c18); }
 .dx-chip__bal{ font-weight:600; opacity:.85; }

package/dist/react.d.ts

@@ -149,8 +149,10 @@ interface DexterWalletMenuProps {
     avatarInitial?: string;
     /** "Manage wallet" → the consumer's wallet page. Row hidden if omitted. */
     onManageWallet?: () => void;
-    /** "Start fresh" → the consumer ejects/resets (guard + perform on its side). Row hidden if omitted. */
+    /** Eject row → the consumer ejects/resets (guard + perform on its side). Row hidden if omitted. */
     onStartFresh?: () => void;
+    /** Label for the eject/reset row. Default "Eject wallet". */
+    startFreshLabel?: string;
     /** Sign-in/save UI revealed when "Save your wallet" is tapped (e.g. <SignInWithDexter/>). Row hidden if omitted. */
     saveSlot?: ReactNode;
     /** Short hint shown above the save UI. */

package/dist/react.js

@@ -22,7 +22,7 @@ import {
   DexterMark,
   cx,
   ensureDexterButtonStyles
-} from "./chunk-S7G2ZZOO.js";
+} from "./chunk-2WETR5DJ.js";
 
 // src/useSignInWithDexter.ts
 import { useCallback, useEffect, useMemo, useState } from "react";
@@ -235,35 +235,34 @@ import { useEffect as useEffect4 } from "react";
 var STYLE_ID = "dexter-connect-wallet-kit-styles";
 var WALLET_KIT_CSS = `
 .dx-wchip{
-  --dx-ember:#f26c18; --dx-ember-2:#ba3a00; --dx-fg:#fff4ea; --dx-radius:0px;
   display:inline-flex; align-items:center; gap:9px; max-width:240px;
   padding:6px 12px 6px 7px; font:inherit; font-weight:600; font-size:.74rem;
   letter-spacing:.1em; text-transform:uppercase; cursor:pointer; background:transparent;
-  color:inherit; border:1px solid color-mix(in srgb,var(--dx-ember) 42%,transparent);
-  border-radius:var(--dx-radius); -webkit-tap-highlight-color:transparent;
+  color:inherit; border:1px solid color-mix(in srgb,var(--dx-ember,#f26c18) 42%,transparent);
+  border-radius:var(--dx-radius,0px); -webkit-tap-highlight-color:transparent;
   transition:filter .16s ease, box-shadow .16s ease, border-color .16s ease;
 }
-.dx-wchip:hover{ filter:brightness(1.08); box-shadow:0 8px 18px color-mix(in srgb,var(--dx-ember) 18%,transparent); }
-.dx-wchip:focus-visible{ outline:none; box-shadow:0 0 0 3px color-mix(in srgb,var(--dx-ember) 34%,transparent); }
+.dx-wchip:hover{ filter:brightness(1.08); box-shadow:0 8px 18px color-mix(in srgb,var(--dx-ember,#f26c18) 18%,transparent); }
+.dx-wchip:focus-visible{ outline:none; box-shadow:0 0 0 3px color-mix(in srgb,var(--dx-ember,#f26c18) 34%,transparent); }
 .dx-wchip--signedout{ border-color:color-mix(in srgb,currentColor 22%,transparent); padding-left:12px; }
 .dx-wchip__avatar{
   width:22px; height:22px; flex-shrink:0; display:inline-flex; align-items:center; justify-content:center;
   border-radius:50%; overflow:hidden; font-size:.72rem; font-weight:700; letter-spacing:0; line-height:1;
-  background:linear-gradient(135deg,var(--dx-ember),var(--dx-ember-2)); color:var(--dx-fg);
+  background:linear-gradient(135deg,var(--dx-ember,#f26c18),var(--dx-ember-2,#ba3a00)); color:var(--dx-fg,#fff4ea);
 }
 .dx-wchip__avatar img{ width:100%; height:100%; object-fit:cover; }
 .dx-wchip__label{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
 
-.dx-wmenu{ --dx-ember:#f26c18; --dx-ember-2:#ba3a00; --dx-fg:#fff4ea; display:flex; flex-direction:column; min-width:248px; }
+.dx-wmenu{ display:flex; flex-direction:column; min-width:248px; }
 .dx-wmenu__id{ display:flex; align-items:center; gap:10px; padding:13px 15px; border-bottom:1px solid color-mix(in srgb,currentColor 12%,transparent); }
-.dx-wmenu__avatar{ width:32px; height:32px; flex-shrink:0; display:inline-flex; align-items:center; justify-content:center; border-radius:50%; font-weight:700; font-size:.85rem; line-height:1; background:linear-gradient(135deg,var(--dx-ember),var(--dx-ember-2)); color:var(--dx-fg); }
+.dx-wmenu__avatar{ width:32px; height:32px; flex-shrink:0; display:inline-flex; align-items:center; justify-content:center; border-radius:50%; font-weight:700; font-size:.85rem; line-height:1; background:linear-gradient(135deg,var(--dx-ember,#f26c18),var(--dx-ember-2,#ba3a00)); color:var(--dx-fg,#fff4ea); }
 .dx-wmenu__meta{ display:flex; flex-direction:column; gap:2px; min-width:0; }
 .dx-wmenu__name{ font-weight:700; font-size:.9rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
 .dx-wmenu__sub{ font-size:.66rem; letter-spacing:.12em; text-transform:uppercase; opacity:.55; }
 .dx-wmenu__list{ display:flex; flex-direction:column; padding:6px; }
 .dx-wmenu__item{ display:flex; align-items:center; justify-content:space-between; gap:10px; width:100%; padding:10px 12px; font:inherit; font-size:.82rem; font-weight:600; text-align:left; background:transparent; border:none; color:inherit; cursor:pointer; transition:background .12s ease; }
-.dx-wmenu__item:hover{ background:color-mix(in srgb,var(--dx-ember) 10%,transparent); }
-.dx-wmenu__item--danger{ color:#e5552e; }
+.dx-wmenu__item:hover{ background:color-mix(in srgb,var(--dx-ember,#f26c18) 10%,transparent); }
+.dx-wmenu__item--danger{ color:var(--dx-danger,#e5552e); }
 .dx-wmenu__icon{ opacity:.45; font-size:.9rem; }
 .dx-wmenu__back{ border-bottom:1px solid color-mix(in srgb,currentColor 10%,transparent); opacity:.85; }
 .dx-wmenu__save{ display:flex; flex-direction:column; gap:9px; padding:13px 15px; }
@@ -304,7 +303,16 @@ function DexterWalletChip(props) {
 import { useEffect as useEffect5, useState as useState3 } from "react";
 import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 function DexterWalletMenu(props) {
-  const { walletLabel, avatarInitial, onManageWallet, onStartFresh, saveSlot, saveHint, className } = props;
+  const {
+    walletLabel,
+    avatarInitial,
+    onManageWallet,
+    onStartFresh,
+    startFreshLabel = "Eject wallet",
+    saveSlot,
+    saveHint,
+    className
+  } = props;
   useEffect5(ensureWalletKitStyles, []);
   const [showSave, setShowSave] = useState3(false);
   const initial = (avatarInitial ?? walletLabel.trim().charAt(0) ?? "D").toUpperCase();
@@ -349,7 +357,7 @@ function DexterWalletMenu(props) {
           className: "dx-wmenu__item dx-wmenu__item--danger",
           onClick: onStartFresh,
           children: [
-            /* @__PURE__ */ jsx3("span", { children: "Start fresh" }),
+            /* @__PURE__ */ jsx3("span", { children: startFreshLabel }),
             /* @__PURE__ */ jsx3("span", { className: "dx-wmenu__icon", "aria-hidden": "true", children: "\u27F5" })
           ]
         }
@@ -378,39 +386,37 @@ import { useEffect as useEffect6, useState as useState4 } from "react";
 var STYLE_ID2 = "dexter-connect-consent-styles";
 var CONSENT_CSS = `
 .dx-allow{
-  --dx-ember:#f26c18; --dx-ember-2:#ba3a00; --dx-fg:#fff4ea; --dx-radius:0px;
   display:flex; flex-wrap:wrap; gap:8px; align-items:center;
 }
 .dx-allow__chip{
   display:inline-flex; align-items:center; justify-content:center; padding:9px 15px;
   font:inherit; font-weight:600; font-size:.78rem; letter-spacing:.12em; text-transform:uppercase;
   font-variant-numeric:tabular-nums; cursor:pointer; background:transparent; color:inherit;
-  border:1px solid color-mix(in srgb,var(--dx-ember) 45%,transparent);
+  border:1px solid color-mix(in srgb,var(--dx-ember,#f26c18) 45%,transparent);
   border-radius:var(--dx-radius,0px); -webkit-tap-highlight-color:transparent;
   transition:filter .16s ease, box-shadow .16s ease, border-color .16s ease, background .16s ease, color .16s ease;
 }
-.dx-allow__chip:hover{ border-color:color-mix(in srgb,var(--dx-ember) 70%,transparent); filter:brightness(1.05); }
-.dx-allow__chip:focus-visible{ outline:none; box-shadow:0 0 0 3px color-mix(in srgb,var(--dx-ember) 34%,transparent); }
+.dx-allow__chip:hover{ border-color:color-mix(in srgb,var(--dx-ember,#f26c18) 70%,transparent); filter:brightness(1.05); }
+.dx-allow__chip:focus-visible{ outline:none; box-shadow:0 0 0 3px color-mix(in srgb,var(--dx-ember,#f26c18) 34%,transparent); }
 .dx-allow__chip--active{
   background:linear-gradient(135deg,var(--dx-ember,#f26c18),var(--dx-ember-2,#ba3a00));
-  color:var(--dx-fg,#fff4ea); border-color:color-mix(in srgb,var(--dx-ember) 55%,transparent);
-  box-shadow:0 10px 22px color-mix(in srgb,var(--dx-ember) 22%,transparent);
+  color:var(--dx-fg,#fff4ea); border-color:color-mix(in srgb,var(--dx-ember,#f26c18) 55%,transparent);
+  box-shadow:0 10px 22px color-mix(in srgb,var(--dx-ember,#f26c18) 22%,transparent);
 }
 .dx-allow__input{
   flex:1 1 130px; min-width:120px; padding:9px 13px; font:inherit; font-size:.9rem;
   font-variant-numeric:tabular-nums; color:inherit; background:transparent;
-  border:1px solid color-mix(in srgb,var(--dx-ember) 45%,transparent);
+  border:1px solid color-mix(in srgb,var(--dx-ember,#f26c18) 45%,transparent);
   border-radius:var(--dx-radius,0px); -webkit-tap-highlight-color:transparent;
   transition:border-color .16s ease, box-shadow .16s ease;
 }
 .dx-allow__input:focus, .dx-allow__input:focus-visible{
-  outline:none; border-color:color-mix(in srgb,var(--dx-ember) 70%,transparent);
-  box-shadow:0 0 0 3px color-mix(in srgb,var(--dx-ember) 30%,transparent);
+  outline:none; border-color:color-mix(in srgb,var(--dx-ember,#f26c18) 70%,transparent);
+  box-shadow:0 0 0 3px color-mix(in srgb,var(--dx-ember,#f26c18) 30%,transparent);
 }
 .dx-allow__input::placeholder{ color:currentColor; opacity:.5; letter-spacing:.02em; text-transform:none; }
 
 .dx-cwp{
-  --dx-ember:#f26c18; --dx-ember-2:#ba3a00; --dx-fg:#fff4ea; --dx-radius:0px;
   display:flex; flex-direction:column; gap:16px; font:inherit;
 }
 .dx-cwp__field{ display:flex; flex-direction:column; gap:8px; }
@@ -421,12 +427,12 @@ var CONSENT_CSS = `
   -webkit-tap-highlight-color:transparent; transition:border-color .16s ease, box-shadow .16s ease;
 }
 .dx-cwp__name:focus, .dx-cwp__name:focus-visible{
-  outline:none; border-color:color-mix(in srgb,var(--dx-ember) 60%,transparent);
-  box-shadow:0 0 0 3px color-mix(in srgb,var(--dx-ember) 26%,transparent);
+  outline:none; border-color:color-mix(in srgb,var(--dx-ember,#f26c18) 60%,transparent);
+  box-shadow:0 0 0 3px color-mix(in srgb,var(--dx-ember,#f26c18) 26%,transparent);
 }
 .dx-cwp__name::placeholder{ color:currentColor; opacity:.42; }
 .dx-cwp__fine{ font-size:.76rem; line-height:1.5; opacity:.66; }
-.dx-cwp__err{ font-size:.78rem; line-height:1.45; color:#e5552e; }
+.dx-cwp__err{ font-size:.78rem; line-height:1.45; color:var(--dx-danger,#e5552e); }
 `;
 function ensureConsentStyles() {
   if (typeof document === "undefined") return;

package/dist/worldid.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dexterai/connect",
-  "version": "0.19.0",
+  "version": "0.20.0",
   "description": "Sign in with Dexter — passkey connector. Composes @dexterai/vault.",
   "type": "module",
   "exports": {