@dexterai/connect 0.23.0 → 0.23.1

package/dist/{chunk-EVDIZIHH.js → chunk-PW33ZOCP.js}

@@ -43,6 +43,13 @@ var BUTTON_CSS = `
 }
 .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--sm{
+  padding:7px 14px; gap:7px; font-size:.66rem; letter-spacing:.1em;
+  box-shadow:0 8px 16px color-mix(in srgb,var(--dx-ember,#f26c18) 18%,transparent);
+}
+.dx-btn--sm:hover{ box-shadow:0 12px 22px color-mix(in srgb,var(--dx-ember,#f26c18) 26%,transparent); }
+.dx-btn--sm .dx-btn__mark{ width:14px; height:14px; }
+.dx-btn--sm .dx-btn__spin{ width:12px; height:12px; }
 .dx-btn__mark{ flex-shrink:0; }
 .dx-btn__spin{ width:15px; height:15px; flex-shrink:0; border-radius:50%;
   border:2px solid color-mix(in srgb,currentColor 30%,transparent); border-top-color:currentColor;
@@ -93,6 +100,7 @@ function DexterButton(props) {
     loadingLabel = "Connecting\u2026",
     variant = "primary",
     block = false,
+    size = "md",
     withMark = true,
     onClick,
     disabled = false,
@@ -110,6 +118,7 @@ function DexterButton(props) {
         variant === "secondary" && "dx-btn--secondary",
         variant === "danger" && "dx-btn--danger",
         block && "dx-btn--block",
+        size === "sm" && "dx-btn--sm",
         className
       ),
       onClick,

package/dist/react.d.ts

@@ -84,6 +84,8 @@ interface SignInWithDexterProps extends UseSignInWithDexterConfig {
     variant?: 'primary' | 'secondary';
     /** Full-width button. */
     block?: boolean;
+    /** 'md' (default) or 'sm' — the mini header variant of the button. */
+    size?: 'md' | 'sm';
     /** Extra className composed after the brand classes. Prefer overriding the
      *  `--dx-*` CSS variables for theming. */
     className?: string;
@@ -113,6 +115,10 @@ interface DexterButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>
     variant?: 'primary' | 'secondary' | 'danger';
     /** Full-width (fills its container). */
     block?: boolean;
+    /** 'md' (default) = the standard CTA. 'sm' = the mini header/chip-row
+     *  variant: tighter padding, smaller type and mark. Same states, same
+     *  theming — never hand-shrink the md button with a className. */
+    size?: 'md' | 'sm';
     /** Render the Dexter mark before the children. Default true. */
     withMark?: boolean;
     onClick?: () => void;

package/dist/react.js

@@ -23,7 +23,7 @@ import {
   DexterMark,
   cx,
   ensureDexterButtonStyles
-} from "./chunk-EVDIZIHH.js";
+} from "./chunk-PW33ZOCP.js";
 
 // src/useSignInWithDexter.ts
 import { useCallback, useEffect, useMemo, useState } from "react";
@@ -183,6 +183,7 @@ function SignInWithDexter(props) {
     label = "Sign in with Dexter",
     variant = "primary",
     block = false,
+    size = "md",
     className,
     showConnectedChip = true,
     ...config
@@ -220,6 +221,7 @@ function SignInWithDexter(props) {
       loadingLabel: c.phase ? ceremonyPhaseLabel(c.phase) : "Connecting\u2026",
       variant,
       block,
+      size,
       className,
       onClick: handleClick,
       children: label

package/dist/worldid.js

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

package/package.json

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