@myandgo/signin

The MyAndGo fleet sign-in kit. Portable — inline styles (no Tailwind), no router coupling, minimal peer deps (React only). Every product, including the native apps, gets the identical sign-in experience.

What's in v0.1

• BrandWheel — the canonical ecosystem wheel. mode="sweep" (homepage hero, slices call onSelect) or mode="land" (post-sign-in loader: sweeps then lands on the product you're entering).
• BrandWheelLoader — the loader wrapper (mode="land" + caption).

Coming in v0.2: SignInCard (Inspect-standard layout, per-product theming), the "Last used" badge, and the "Trouble signing in?" helper.

Use

import { BrandWheel, BrandWheelLoader } from "@myandgo/signin";

// homepage hero — clickable slices
<BrandWheel mode="sweep" interactive showNames onSelect={(id) => router.push(`/products/${id}`)} />

// post-sign-in loader — lands on the product being entered
<BrandWheelLoader target="crmandgo" onLand={() => redirectToProduct()} />

Consumers host the shield assets at ${logoBase}<id>-logo.png (default logoBase="/"), or pass a products array with explicit logo URLs. Respects prefers-reduced-motion. Ships on the public @myandgo npm rail (OIDC tag → CI publish).