@bravely-studios/account-web 0.3.4 → 0.3.5

package/README.md

@@ -77,6 +77,7 @@ window.open(portal.url, "_blank");
 | `displayName.ts`                        | Slug → display-name lookup (`diskaroo` → `Diskaroo`).                             |
 | `components/ActivationLadder.tsx`       | **M3** — post-checkout 4-phase ladder (`Activating <App> Pro…`).                  |
 | `components/CrossAppCard.tsx`           | **M4** — third-quadrant card (`You own N Bravely Pro apps on this account.`).    |
+| `components/BravelyProviderButtons.tsx` | Canonical Apple/Google/Email picker — mirrors the Swift SwiftUI surface.          |
 | `hooks/useActivationLaneFromUrl.ts`     | **M3** — detect `?upgraded` / `?checkout` / `?subscription` return params.        |
 | `hooks/useFreshLaunchRestoration.ts`    | **M2** — silent rehydrate + brief `Synced N items from your <device>.` toast.     |
 
@@ -142,6 +143,26 @@ Detects the three observed post-checkout return URL patterns:
 `manager.notifyCheckoutCompleted()` and, if `autoStartPolling`, kicks
 off `manager.pollForActivation()`.
 
+### `<BravelyProviderButtons>` (0.3.5)
+
+```tsx
+import { BravelyProviderButtons } from "@bravely-studios/account-web";
+
+<BravelyProviderButtons
+  style={{ variant: "dark", accent: "#0ea5e9" }}
+  isBusy={isAuthorizing}
+  onTap={(provider) => manager.signIn({ loginHint: provider })}
+/>
+```
+
+Drop-in 3-button provider picker (Apple / Google / Email) sized to the
+hosted shell at `auth.bravely.dev`: 48px height, 12px radius, 10px stack
+gap, 14px label. Web-mirror of the Swift `BravelyProviderButtons`
+component, so the iOS/Mac/Web surfaces of the same app look identical.
+Pure React + inline SVG; no UI-library or CSS-file dependency. Pass
+`style.accent` as any CSS color string — `color-mix` handles the email
+button tint at runtime.
+
 ### `useFreshLaunchRestoration()` (M2)
 
 ```tsx
@@ -210,6 +231,16 @@ Host pages render UI off the `name` (`restoring_session`, `verifying_entitlement
 
 ## Changelog
 
+### 0.3.5 — 2026-05-14
+
+- **Feature:** added `<BravelyProviderButtons>` — the canonical 3-button
+  provider picker (Apple / Google / Email) used across the Bravely web
+  family. Mirrors the SwiftUI surface in `bravely-account-swift` so the
+  iOS/Mac/Web variants of the same utility share visual treatment. Pure
+  React + inline SVGs; no runtime dependency, no CSS file.
+- **Types:** exported `BravelyProviderButtonsProps`,
+  `BravelyProviderButtonStyle`, and `ProviderHint`.
+
 ### 0.3.4 — 2026-05-13
 
 - **Infra:** package now publishes to `registry.npmjs.org` (public scope).

package/dist/BravelyAccountManager.js

@@ -52,7 +52,7 @@ export class BravelyAccountManager {
             redirectUri,
             scope: config.scope ?? DEFAULT_SCOPE,
             libName: config.libName ?? "bravely-account-web",
-            libVersion: config.libVersion ?? "0.3.4",
+            libVersion: config.libVersion ?? "0.3.5",
         };
         this.storage = config.storage ?? defaultStorage();
         this.cache = new EntitlementCache({ storage: this.storage });

package/dist/components/BravelyProviderButtons.d.ts

@@ -0,0 +1,36 @@
+import type { CSSProperties, ReactElement } from "react";
+/** Which provider the user picked. */
+export type ProviderHint = "apple" | "google" | "email";
+/**
+ * Theme variant for the provider buttons. `accent` is any CSS color string
+ * (hex `#0ea5e9`, named color, `rgb(...)`, etc.) — the email button uses it
+ * as both the border and a low-opacity background tint.
+ *
+ * `light` = light-themed host surfaces (sticki.ly).
+ * `dark`  = dark-themed host surfaces (everything else in the family).
+ */
+export type BravelyProviderButtonStyle = {
+    variant: "light";
+    accent: string;
+} | {
+    variant: "dark";
+    accent: string;
+};
+export interface BravelyProviderButtonsProps {
+    /** Theme + accent color. */
+    style: BravelyProviderButtonStyle;
+    /** True while an auth attempt is in flight; disables clicks and dims. */
+    isBusy?: boolean;
+    /** Click handler — receives the picked provider hint. */
+    onTap: (provider: ProviderHint) => void;
+    /** Optional class name applied to the outer container. */
+    className?: string;
+    /** Optional inline style applied to the outer container. */
+    containerStyle?: CSSProperties;
+}
+/**
+ * Render the canonical 3-button provider picker. Buttons stack vertically
+ * with 10px spacing. Renders Apple → Google → Email in that order.
+ */
+export declare function BravelyProviderButtons(props: BravelyProviderButtonsProps): ReactElement;
+//# sourceMappingURL=BravelyProviderButtons.d.ts.map

package/dist/components/BravelyProviderButtons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BravelyProviderButtons.d.ts","sourceRoot":"","sources":["../../src/components/BravelyProviderButtons.tsx"],"names":[],"mappings":"AAqCA,OAAO,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAEzD,sCAAsC;AACtC,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAExD;;;;;;;GAOG;AACH,MAAM,MAAM,0BAA0B,GAClC;IAAE,OAAO,EAAE,OAAO,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,GACpC;IAAE,OAAO,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,CAAC;AAExC,MAAM,WAAW,2BAA2B;IAC1C,4BAA4B;IAC5B,KAAK,EAAE,0BAA0B,CAAC;IAClC,yEAAyE;IACzE,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,yDAAyD;IACzD,KAAK,EAAE,CAAC,QAAQ,EAAE,YAAY,KAAK,IAAI,CAAC;IACxC,0DAA0D;IAC1D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4DAA4D;IAC5D,cAAc,CAAC,EAAE,aAAa,CAAC;CAChC;AAyJD;;;GAGG;AACH,wBAAgB,sBAAsB,CACpC,KAAK,EAAE,2BAA2B,GACjC,YAAY,CAkGd"}

package/dist/components/BravelyProviderButtons.js

@@ -0,0 +1,124 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const SYSTEM_FONT = '-apple-system, BlinkMacSystemFont, "Segoe UI Variable", "Segoe UI", Roboto, "Inter", "Helvetica Neue", Arial, sans-serif';
+const BUTTON_HEIGHT = 48;
+const CORNER_RADIUS = 12;
+const STACK_GAP = 10;
+const LABEL_FONT_SIZE = 14;
+const LABEL_FONT_WEIGHT = 600;
+/**
+ * Compose the base style every provider button shares. Per-button overrides
+ * (bg, border, text color) layer on top.
+ */
+function baseButtonStyle(isBusy) {
+    return {
+        boxSizing: "border-box",
+        width: "100%",
+        minHeight: BUTTON_HEIGHT,
+        padding: "0 14px",
+        display: "inline-flex",
+        alignItems: "center",
+        justifyContent: "center",
+        gap: 10,
+        borderRadius: CORNER_RADIUS,
+        fontFamily: SYSTEM_FONT,
+        fontSize: LABEL_FONT_SIZE,
+        fontWeight: LABEL_FONT_WEIGHT,
+        lineHeight: 1,
+        letterSpacing: "-0.01em",
+        cursor: isBusy ? "default" : "pointer",
+        appearance: "none",
+        WebkitAppearance: "none",
+        border: "1px solid transparent",
+        transition: "opacity 120ms ease, transform 120ms ease",
+        opacity: isBusy ? 0.55 : 1,
+        userSelect: "none",
+    };
+}
+/**
+ * Compose the email button background tint. Prefers `color-mix` for
+ * accurate alpha blending in modern browsers; falls back to the accent
+ * color with the same opacity via a layered approach. We don't try to
+ * parse the accent client-side (could be any CSS color form); `color-mix`
+ * handles every form the consumer might pass in.
+ */
+function emailBackground(accent, isLight) {
+    const pct = isLight ? 18 : 16;
+    return `color-mix(in srgb, ${accent} ${pct}%, transparent)`;
+}
+function emailBorder(accent) {
+    return `color-mix(in srgb, ${accent} 55%, transparent)`;
+}
+/**
+ * Apple logo glyph. Path data ported from the Swift `AppleGlyph` Canvas
+ * impl. Coordinate space is 17×24 (matches Swift); rendered into a 16×18
+ * box so the visual size matches the SF Symbol `apple.logo` at 16pt.
+ */
+function AppleGlyph({ fill }) {
+    return (_jsxs("svg", { width: 16, height: 18, viewBox: "0 0 17 24", role: "presentation", "aria-hidden": "true", focusable: "false", children: [_jsx("path", { fill: fill, d: "M14.13 11.86C14.12 10.24 14.85 9.02 16.34 8.13C15.51 6.94 14.26 6.29 12.6 6.16C11.04 6.04 9.33 7.07 8.71 7.07C8.05 7.07 6.53 6.22 5.34 6.22C2.79 6.22 0.18 8.14 0.18 12.06C0.18 13.79 0.82 15.64 0.82 15.64C1.39 17.26 3.43 21.14 5.55 21.16C6.66 21.13 7.45 20.37 8.89 20.37C10.29 20.37 11.02 21.16 12.26 21.16C14.4 21.13 16.24 17.51 16.78 15.92C13.91 14.57 14.05 11.91 14.13 11.86Z" }), _jsx("path", { fill: fill, d: "M11.6 4.65C12.42 3.66 12.85 2.31 12.73 0.92C11.53 0.97 10.07 1.72 9.21 2.7C8.45 3.58 7.93 4.93 8.07 6.29C9.41 6.39 10.78 5.63 11.6 4.65Z" })] }));
+}
+/**
+ * 4-color Google "G" logomark per Google Identity Branding Guidelines.
+ * Inline so the icon stays crisp at every density and the package doesn't
+ * carry the redistribution weight of a trademark PNG.
+ */
+function GoogleGGlyph() {
+    return (_jsxs("svg", { width: 18, height: 18, viewBox: "0 0 24 24", role: "presentation", "aria-hidden": "true", focusable: "false", children: [_jsx("path", { fill: "#4285F4", d: "M22.56 12.25C22.56 11.47 22.49 10.72 22.36 10H12V14.26H17.92C17.66 15.63 16.88 16.79 15.71 17.57V20.34H19.28C21.36 18.42 22.56 15.6 22.56 12.25Z" }), _jsx("path", { fill: "#34A853", d: "M12 23C14.97 23 17.46 22.02 19.28 20.34L15.71 17.57C14.72 18.23 13.48 18.63 12 18.63C9.14 18.63 6.71 16.7 5.84 14.1L2.18 16.94C4.0 20.53 7.7 23 12 23Z" }), _jsx("path", { fill: "#FBBC05", d: "M5.84 14.09C5.62 13.43 5.49 12.73 5.49 12C5.49 11.27 5.62 10.57 5.84 9.91L2.18 7.07C1.43 8.55 1 10.22 1 12C1 13.78 1.43 15.45 2.18 16.93L5.84 14.09Z" }), _jsx("path", { fill: "#EA4335", d: "M12 5.38C13.62 5.38 15.06 5.94 16.21 7.02L19.36 3.87C17.45 2.09 14.97 1 12 1C7.7 1 3.99 3.47 2.18 7.07L5.84 9.91C6.71 7.31 9.14 5.38 12 5.38Z" })] }));
+}
+/**
+ * Envelope glyph for the email button. Stroke-based so it reads at low
+ * contrast against the tinted accent background. `currentColor` so the
+ * label color from the parent button controls the glyph too.
+ */
+function EmailGlyph() {
+    return (_jsxs("svg", { width: 16, height: 16, viewBox: "0 0 16 16", role: "presentation", "aria-hidden": "true", focusable: "false", children: [_jsx("path", { d: "M2 4.5C2 3.67 2.67 3 3.5 3H12.5C13.33 3 14 3.67 14 4.5V11.5C14 12.33 13.33 13 12.5 13H3.5C2.67 13 2 12.33 2 11.5V4.5Z", fill: "none", stroke: "currentColor", strokeWidth: 1.5, strokeLinejoin: "round" }), _jsx("path", { d: "M2.5 4.75L8 8.75L13.5 4.75", fill: "none", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" })] }));
+}
+/**
+ * Render the canonical 3-button provider picker. Buttons stack vertically
+ * with 10px spacing. Renders Apple → Google → Email in that order.
+ */
+export function BravelyProviderButtons(props) {
+    const { style, isBusy = false, onTap, className, containerStyle } = props;
+    const isLight = style.variant === "light";
+    const accent = style.accent;
+    // --- Apple ---------------------------------------------------------------
+    // Light theme = black button + white text (Apple HIG `black` style).
+    // Dark theme  = white button + black text (Apple HIG `white` style).
+    const appleBg = isLight ? "#000000" : "#ffffff";
+    const appleFg = isLight ? "#ffffff" : "#000000";
+    // --- Google --------------------------------------------------------------
+    // Light theme = white surface + neutral border + dark text (per Google Identity).
+    // Dark theme  = near-black surface + dark border + light text.
+    const googleBg = isLight ? "#ffffff" : "#131316";
+    const googleBorder = isLight ? "#dbdde0" : "#3c4043";
+    const googleFg = isLight ? "#1e1f20" : "#e3e3e3";
+    // --- Email ---------------------------------------------------------------
+    // Accent-tinted. Text color picks high-contrast on the chosen surface.
+    const emailFg = isLight ? "#1f1a16" : "#ffffff";
+    const emailBg = emailBackground(accent, isLight);
+    const emailBd = emailBorder(accent);
+    const containerStyleResolved = {
+        display: "flex",
+        flexDirection: "column",
+        gap: STACK_GAP,
+        width: "100%",
+        ...containerStyle,
+    };
+    const base = baseButtonStyle(isBusy);
+    return (_jsxs("div", { className: className, style: containerStyleResolved, "data-bravely-component": "provider-buttons", "data-variant": style.variant, children: [_jsxs("button", { type: "button", onClick: () => onTap("apple"), disabled: isBusy, "aria-label": "Sign in with Apple", "data-bravely-provider": "apple", style: {
+                    ...base,
+                    background: appleBg,
+                    color: appleFg,
+                    borderColor: appleBg,
+                }, children: [_jsx(AppleGlyph, { fill: appleFg }), _jsx("span", { children: "Sign in with Apple" })] }), _jsxs("button", { type: "button", onClick: () => onTap("google"), disabled: isBusy, "aria-label": "Sign in with Google", "data-bravely-provider": "google", style: {
+                    ...base,
+                    background: googleBg,
+                    color: googleFg,
+                    borderColor: googleBorder,
+                }, children: [_jsx(GoogleGGlyph, {}), _jsx("span", { children: "Sign in with Google" })] }), _jsxs("button", { type: "button", onClick: () => onTap("email"), disabled: isBusy, "aria-label": "Continue with email", "data-bravely-provider": "email", "data-bravely-accent": accent, "data-bravely-email-tint-percent": isLight ? 18 : 16, style: {
+                    ...base,
+                    background: emailBg,
+                    color: emailFg,
+                    borderColor: emailBd,
+                }, children: [_jsx(EmailGlyph, {}), _jsx("span", { children: "Continue with email" })] })] }));
+}
+//# sourceMappingURL=BravelyProviderButtons.js.map

package/dist/components/BravelyProviderButtons.js.map

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

package/dist/index.d.ts

@@ -10,6 +10,7 @@ export { generateKeypair, computeJwkThumbprint, generateProof, accessTokenHash,
 export type { AppSlug, Entitlement, EntitlementSnapshot, OAuthTokenResponse, BasResponse, BravelyAccountState, ActivationState, ActivationStateName, ManagerConfig, LibVersionPolicy, DeprecationDirective, DeprecationEndpoint, DeprecationClient, CheckoutPlan, PaddlePortalSession, CachedEntitlements, DPoPProof, } from "./types.js";
 export { ActivationLadder, ACTIVATION_LADDER_PHASE_TEMPLATES, ladderPhaseForElapsed, renderLadderCopy, buildResolvedLadder, type ActivationLadderProps, type ActivationLadderPhase, } from "./components/ActivationLadder.js";
 export { CrossAppCard, filterCrossAppEntitlements, countCrossAppEntitlements, renderCrossAppCopy, type CrossAppCardProps, } from "./components/CrossAppCard.js";
+export { BravelyProviderButtons, type BravelyProviderButtonsProps, type BravelyProviderButtonStyle, type ProviderHint, } from "./components/BravelyProviderButtons.js";
 export { useActivationLaneFromUrl, detectActivationLane, type ActivationLaneResult, type ActivationLaneSource, type UseActivationLaneFromUrlOptions, } from "./hooks/useActivationLaneFromUrl.js";
 export { useFreshLaunchRestoration, renderFreshLaunchToastCopy, type FreshLaunchRestorationResult, type UseFreshLaunchRestorationOptions, } from "./hooks/useFreshLaunchRestoration.js";
 export { displayNameFor, DISPLAY_NAMES } from "./displayName.js";

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,qBAAqB,EAAE,wBAAwB,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AACzG,YAAY,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AACnE,OAAO,EAAE,gBAAgB,EAAE,6BAA6B,EAAE,MAAM,uBAAuB,CAAC;AACxF,OAAO,EACL,sBAAsB,EACtB,eAAe,EACf,eAAe,EACf,mBAAmB,EACnB,KAAK,eAAe,GACrB,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,EACL,oBAAoB,EACpB,qBAAqB,EACrB,aAAa,EACb,iBAAiB,EACjB,aAAa,EACb,WAAW,EACX,eAAe,EACf,eAAe,GAChB,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,oBAAoB,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AACtH,YAAY,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,EACL,eAAe,EACf,oBAAoB,EACpB,aAAa,EACb,eAAe,EACf,KAAK,WAAW,GACjB,MAAM,WAAW,CAAC;AACnB,YAAY,EACV,OAAO,EACP,WAAW,EACX,mBAAmB,EACnB,kBAAkB,EAClB,WAAW,EACX,mBAAmB,EACnB,eAAe,EACf,mBAAmB,EACnB,aAAa,EACb,gBAAgB,EAChB,oBAAoB,EACpB,mBAAmB,EACnB,iBAAiB,EACjB,YAAY,EACZ,mBAAmB,EACnB,kBAAkB,EAClB,SAAS,GACV,MAAM,YAAY,CAAC;AAGpB,OAAO,EACL,gBAAgB,EAChB,iCAAiC,EACjC,qBAAqB,EACrB,gBAAgB,EAChB,mBAAmB,EACnB,KAAK,qBAAqB,EAC1B,KAAK,qBAAqB,GAC3B,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EACL,YAAY,EACZ,0BAA0B,EAC1B,yBAAyB,EACzB,kBAAkB,EAClB,KAAK,iBAAiB,GACvB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EACL,wBAAwB,EACxB,oBAAoB,EACpB,KAAK,oBAAoB,EACzB,KAAK,oBAAoB,EACzB,KAAK,+BAA+B,GACrC,MAAM,qCAAqC,CAAC;AAC7C,OAAO,EACL,yBAAyB,EACzB,0BAA0B,EAC1B,KAAK,4BAA4B,EACjC,KAAK,gCAAgC,GACtC,MAAM,sCAAsC,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,qBAAqB,EAAE,wBAAwB,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AACzG,YAAY,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AACnE,OAAO,EAAE,gBAAgB,EAAE,6BAA6B,EAAE,MAAM,uBAAuB,CAAC;AACxF,OAAO,EACL,sBAAsB,EACtB,eAAe,EACf,eAAe,EACf,mBAAmB,EACnB,KAAK,eAAe,GACrB,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,EACL,oBAAoB,EACpB,qBAAqB,EACrB,aAAa,EACb,iBAAiB,EACjB,aAAa,EACb,WAAW,EACX,eAAe,EACf,eAAe,GAChB,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,oBAAoB,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AACtH,YAAY,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,EACL,eAAe,EACf,oBAAoB,EACpB,aAAa,EACb,eAAe,EACf,KAAK,WAAW,GACjB,MAAM,WAAW,CAAC;AACnB,YAAY,EACV,OAAO,EACP,WAAW,EACX,mBAAmB,EACnB,kBAAkB,EAClB,WAAW,EACX,mBAAmB,EACnB,eAAe,EACf,mBAAmB,EACnB,aAAa,EACb,gBAAgB,EAChB,oBAAoB,EACpB,mBAAmB,EACnB,iBAAiB,EACjB,YAAY,EACZ,mBAAmB,EACnB,kBAAkB,EAClB,SAAS,GACV,MAAM,YAAY,CAAC;AAGpB,OAAO,EACL,gBAAgB,EAChB,iCAAiC,EACjC,qBAAqB,EACrB,gBAAgB,EAChB,mBAAmB,EACnB,KAAK,qBAAqB,EAC1B,KAAK,qBAAqB,GAC3B,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EACL,YAAY,EACZ,0BAA0B,EAC1B,yBAAyB,EACzB,kBAAkB,EAClB,KAAK,iBAAiB,GACvB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EACL,sBAAsB,EACtB,KAAK,2BAA2B,EAChC,KAAK,0BAA0B,EAC/B,KAAK,YAAY,GAClB,MAAM,wCAAwC,CAAC;AAChD,OAAO,EACL,wBAAwB,EACxB,oBAAoB,EACpB,KAAK,oBAAoB,EACzB,KAAK,oBAAoB,EACzB,KAAK,+BAA+B,GACrC,MAAM,qCAAqC,CAAC;AAC7C,OAAO,EACL,yBAAyB,EACzB,0BAA0B,EAC1B,KAAK,4BAA4B,EACjC,KAAK,gCAAgC,GACtC,MAAM,sCAAsC,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/index.js

@@ -9,6 +9,7 @@ export { generateKeypair, computeJwkThumbprint, generateProof, accessTokenHash,
 // ---- C-ux M2/M3/M4 surfaces (Wave A) ---------------------------------------
 export { ActivationLadder, ACTIVATION_LADDER_PHASE_TEMPLATES, ladderPhaseForElapsed, renderLadderCopy, buildResolvedLadder, } from "./components/ActivationLadder.js";
 export { CrossAppCard, filterCrossAppEntitlements, countCrossAppEntitlements, renderCrossAppCopy, } from "./components/CrossAppCard.js";
+export { BravelyProviderButtons, } from "./components/BravelyProviderButtons.js";
 export { useActivationLaneFromUrl, detectActivationLane, } from "./hooks/useActivationLaneFromUrl.js";
 export { useFreshLaunchRestoration, renderFreshLaunchToastCopy, } from "./hooks/useFreshLaunchRestoration.js";
 export { displayNameFor, DISPLAY_NAMES } from "./displayName.js";

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,wDAAwD;AAExD,OAAO,EAAE,qBAAqB,EAAE,wBAAwB,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAEzG,OAAO,EAAE,gBAAgB,EAAE,6BAA6B,EAAE,MAAM,uBAAuB,CAAC;AACxF,OAAO,EACL,sBAAsB,EACtB,eAAe,EACf,eAAe,EACf,mBAAmB,GAEpB,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,EACL,oBAAoB,EACpB,qBAAqB,EACrB,aAAa,EACb,iBAAiB,EACjB,aAAa,EACb,WAAW,EACX,eAAe,EACf,eAAe,GAChB,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,oBAAoB,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAEtH,OAAO,EACL,eAAe,EACf,oBAAoB,EACpB,aAAa,EACb,eAAe,GAEhB,MAAM,WAAW,CAAC;AAqBnB,+EAA+E;AAC/E,OAAO,EACL,gBAAgB,EAChB,iCAAiC,EACjC,qBAAqB,EACrB,gBAAgB,EAChB,mBAAmB,GAGpB,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EACL,YAAY,EACZ,0BAA0B,EAC1B,yBAAyB,EACzB,kBAAkB,GAEnB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EACL,wBAAwB,EACxB,oBAAoB,GAIrB,MAAM,qCAAqC,CAAC;AAC7C,OAAO,EACL,yBAAyB,EACzB,0BAA0B,GAG3B,MAAM,sCAAsC,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,wDAAwD;AAExD,OAAO,EAAE,qBAAqB,EAAE,wBAAwB,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAEzG,OAAO,EAAE,gBAAgB,EAAE,6BAA6B,EAAE,MAAM,uBAAuB,CAAC;AACxF,OAAO,EACL,sBAAsB,EACtB,eAAe,EACf,eAAe,EACf,mBAAmB,GAEpB,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,EACL,oBAAoB,EACpB,qBAAqB,EACrB,aAAa,EACb,iBAAiB,EACjB,aAAa,EACb,WAAW,EACX,eAAe,EACf,eAAe,GAChB,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,oBAAoB,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAEtH,OAAO,EACL,eAAe,EACf,oBAAoB,EACpB,aAAa,EACb,eAAe,GAEhB,MAAM,WAAW,CAAC;AAqBnB,+EAA+E;AAC/E,OAAO,EACL,gBAAgB,EAChB,iCAAiC,EACjC,qBAAqB,EACrB,gBAAgB,EAChB,mBAAmB,GAGpB,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EACL,YAAY,EACZ,0BAA0B,EAC1B,yBAAyB,EACzB,kBAAkB,GAEnB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EACL,sBAAsB,GAIvB,MAAM,wCAAwC,CAAC;AAChD,OAAO,EACL,wBAAwB,EACxB,oBAAoB,GAIrB,MAAM,qCAAqC,CAAC;AAC7C,OAAO,EACL,yBAAyB,EACzB,0BAA0B,GAG3B,MAAM,sCAAsC,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bravely-studios/account-web",
-  "version": "0.3.4",
+  "version": "0.3.5",
   "description": "Bravely Account web facade: OAuth 2.1 + PKCE sign-in, BAS lifecycle, entitlement cache, activation state machine, C-ux M2/M3/M4 components. Used by all 9 utility web variants + bravely.dev.",
   "type": "module",
   "main": "dist/index.js",