@danxbot/ui 26.1.2 → 26.3.0

package/dist/types/components/auth/AcceptInvitationCard.d.ts

@@ -1,5 +1,18 @@
+import { type ProviderContinuation, type VerifiedIdentity } from "./SignInProviders";
 import { type TermsAcceptanceProps } from "./TermsAcceptance";
-export interface AcceptInvitationCardProps {
+/** What the new-account form hands over; the password mode adds `password`, the verified mode does not. */
+type AcceptInvitationAccount = {
+    name: string;
+    username: string;
+    acceptedTerms: true;
+};
+/** What the person typed before a provider round trip, handed back on return. */
+export interface AcceptInvitationInitialValues {
+    name?: string;
+    username?: string;
+    acceptedTerms?: boolean;
+}
+type AcceptInvitationCardBase = {
     teamName: string;
     teamLogoUrl?: string;
     inviterName: string;
@@ -20,15 +33,22 @@ export interface AcceptInvitationCardProps {
     termsHref: string;
     /** Runs on that link's click; see `TermsAcceptance`. */
     onOpenTerms?: TermsAcceptanceProps["onOpenTerms"];
-    onCreateAccount: (input: {
-        name: string;
-        username: string;
-        password: string;
-        acceptedTerms: true;
-    }) => void;
+    /** Seeds the new-account form (read once, on mount): what `onContinueWithProvider` reported before the redirect. */
+    initialValues?: AcceptInvitationInitialValues;
     onJoinAsSignedInUser?: () => void;
     /** Offered when `accountExists` is true but the viewer isn't signed in as that email. */
     onSignInInstead?: () => void;
     className?: string;
-}
-export declare function AcceptInvitationCard({ teamName, teamLogoUrl, inviterName, roleLabel, email, accountExists, signedInAsMatchingUser, loading, error, termsHref, onOpenTerms, onCreateAccount, onJoinAsSignedInUser, onSignInInstead, className, }: AcceptInvitationCardProps): import("react").JSX.Element;
+};
+export type AcceptInvitationCardProps = AcceptInvitationCardBase & ProviderContinuation<AcceptInvitationAccount> & ({
+    verifiedIdentity?: undefined;
+    onCreateAccount: (input: AcceptInvitationAccount & {
+        password: string;
+    }) => void;
+} | {
+    /** Set once a provider has verified the person; replaces the password field. */
+    verifiedIdentity: VerifiedIdentity;
+    onCreateAccount: (input: AcceptInvitationAccount) => void;
+});
+export declare function AcceptInvitationCard(props: AcceptInvitationCardProps): import("react").JSX.Element;
+export {};

package/dist/types/components/auth/LoginForm.d.ts

@@ -1,9 +1,10 @@
 import { type ReactNode } from "react";
-export interface LoginFormProps {
+import { type ProviderSelection } from "./SignInProviders";
+export type LoginFormProps = {
     onSubmit: (identifier: string, password: string) => Promise<void>;
     /** Rendered beside the password field's label — typically a "Forgot password?" link. */
     forgotPasswordLink?: ReactNode;
     submitLabel?: string;
     className?: string;
-}
-export declare function LoginForm({ onSubmit, forgotPasswordLink, submitLabel, className, }: LoginFormProps): import("react").JSX.Element;
+} & ProviderSelection;
+export declare function LoginForm({ onSubmit, forgotPasswordLink, submitLabel, providers, onSelectProvider, pendingProvider, className, }: LoginFormProps): import("react").JSX.Element;

package/dist/types/components/auth/SignInProviders.d.ts

@@ -0,0 +1,56 @@
+export type SignInProviderId = "google" | "github";
+export interface SignInProvider {
+    id: SignInProviderId;
+    /** The provider's name as the button shows it ("Google"). */
+    label: string;
+}
+export interface SignInProvidersProps {
+    providers: readonly SignInProvider[];
+    onSelect: (id: SignInProviderId) => void;
+    /** The provider whose sign-in has started; disables the whole row. */
+    pending?: SignInProviderId | null;
+    /** Blocks the row without a pending provider. */
+    disabled?: boolean;
+    /**
+     * Draws the "or" rule above the row. The rule belongs to the row, not to the form around it, so an empty `providers`
+     * list renders neither: there is no way to get an orphan divider (DX-5095).
+     */
+    divided?: boolean;
+    className?: string;
+}
+export declare function SignInProviders({ providers, onSelect, pending, disabled, divided, className, }: SignInProvidersProps): import("react").JSX.Element | null;
+/** A verified identity from a provider: the account is created from it, so no password exists to ask for. */
+export interface VerifiedIdentity {
+    provider: SignInProviderId;
+    handle: string;
+    email: string;
+}
+/**
+ * The provider buttons of a card that creates an account: all three props or none. `Ctx` is what the card has
+ * collected that the provider round trip must carry.
+ */
+export type ProviderContinuation<Ctx> = {
+    providers?: undefined;
+    onContinueWithProvider?: undefined;
+    pendingProvider?: undefined;
+} | {
+    providers: readonly SignInProvider[];
+    onContinueWithProvider: (id: SignInProviderId, context: Ctx) => void;
+    /** The provider whose round trip has started; disables the row. */
+    pendingProvider?: SignInProviderId | null;
+};
+/** The provider buttons of a form that signs an existing account in: all three props or none. */
+export type ProviderSelection = {
+    providers?: undefined;
+    onSelectProvider?: undefined;
+    pendingProvider?: undefined;
+} | {
+    providers: readonly SignInProvider[];
+    onSelectProvider: (id: SignInProviderId) => void;
+    /** The provider whose round trip has started; disables the row. */
+    pendingProvider?: SignInProviderId | null;
+};
+/** The "or" rule between a form and its provider buttons. */
+export declare function OrDivider({ className }: {
+    className?: string;
+}): import("react").JSX.Element;

package/dist/types/components/auth/SignupCard.d.ts

@@ -1,6 +1,23 @@
 import { type PasswordRequirementRule } from "../PasswordRequirements";
+import { type ProviderContinuation, type VerifiedIdentity } from "./SignInProviders";
 import { type TermsAcceptanceProps } from "./TermsAcceptance";
-export interface SignupCardProps {
+/** What the account form hands over; the password mode adds `password`, the verified mode does not. */
+type SignupAccount = {
+    code: string;
+    name: string;
+    username: string;
+    email: string;
+    teamName: string;
+    acceptedTerms: true;
+};
+/** What the person typed before a provider round trip, handed back on return (the code comes back as `initialCode`). */
+export interface SignupInitialValues {
+    name?: string;
+    username?: string;
+    teamName?: string;
+    acceptedTerms?: boolean;
+}
+type SignupCardBase = {
     /** A code already known (the sign-up link's). Checked on mount, then shown read-only while it is good. */
     initialCode?: string;
     /**
@@ -16,20 +33,30 @@ export interface SignupCardProps {
     termsHref: string;
     /** Runs on that link's click; see `TermsAcceptance`. */
     onOpenTerms?: TermsAcceptanceProps["onOpenTerms"];
-    onSignup: (input: {
-        code: string;
-        name: string;
-        username: string;
-        email: string;
-        teamName: string;
-        password: string;
-        acceptedTerms: true;
-    }) => void;
+    /** Seeds the account form (read once, on mount): what `onContinueWithProvider` reported before the redirect. */
+    initialValues?: SignupInitialValues;
     loading?: boolean;
     /** A server-side error surfaced after a failed submit (username taken, rate limited, ...). */
     error?: string;
     /** Offered beneath the card for a visitor who already has an account. */
     onSignInInstead?: () => void;
     className?: string;
-}
-export declare function SignupCard({ initialCode, onValidateCode, passwordRules, termsHref, onOpenTerms, onSignup, loading, error, onSignInInstead, className, }: SignupCardProps): import("react").JSX.Element;
+};
+export type SignupCardProps = SignupCardBase & ProviderContinuation<{
+    code: string;
+    name: string;
+    username: string;
+    teamName: string;
+    acceptedTerms: true;
+}> & ({
+    verifiedIdentity?: undefined;
+    onSignup: (input: SignupAccount & {
+        password: string;
+    }) => void;
+} | {
+    /** Set once a provider has verified the person; replaces the password field and fills the email. */
+    verifiedIdentity: VerifiedIdentity;
+    onSignup: (input: SignupAccount) => void;
+});
+export declare function SignupCard(props: SignupCardProps): import("react").JSX.Element;
+export {};

package/dist/types/components/auth/index.d.ts

@@ -2,6 +2,7 @@ export * from "./AuthLayout";
 export * from "./AcceptInvitationCard";
 export * from "./SignupCard";
 export * from "./LoginForm";
+export * from "./SignInProviders";
 export * from "./ForgotPasswordForm";
 export * from "./ResetPasswordForm";
 export * from "./TermsAcceptance";

package/dist/types/components/rbac/ChangePasswordForm.d.ts

@@ -1,11 +1,18 @@
 import { type PasswordRequirementRule } from "../PasswordRequirements";
-export interface ChangePasswordFormProps {
+interface ChangePasswordFormBaseProps {
     /** Pure — recomputed against the current draft of the new password on every
      *  render. See the module header for why this is a function rather than a
      *  precomputed `rules[]`. */
     passwordRules: (nextPassword: string) => PasswordRequirementRule[];
-    onSubmit: (current: string, next: string) => Promise<void>;
     submitLabel?: string;
     className?: string;
 }
-export declare function ChangePasswordForm({ passwordRules, onSubmit, submitLabel, className, }: ChangePasswordFormProps): import("react").JSX.Element;
+export type ChangePasswordFormProps = ChangePasswordFormBaseProps & ({
+    hasCurrentPassword?: true;
+    onSubmit: (current: string, next: string) => Promise<void>;
+} | {
+    hasCurrentPassword: false;
+    onSubmit: (next: string) => Promise<void>;
+});
+export declare function ChangePasswordForm(props: ChangePasswordFormProps): import("react").JSX.Element;
+export {};

package/dist/types/icons/data.d.ts

@@ -1682,6 +1682,28 @@ export declare const coreIcons: {
     }], readonly ["path", {
         readonly d: "m16 19 2 2 4-4";
     }]];
+    readonly github: readonly [readonly ["path", {
+        readonly d: "M15 22v-4a4.8 4.8 0 0 0-1-3.5c3 0 6-2 6-5.5.08-1.25-.27-2.48-1-3.5.28-1.15.28-2.35 0-3.5 0 0-1 0-3 1.5-2.64-.5-5.36-.5-8 0C6 2 5 2 5 2c-.3 1.15-.3 2.35 0 3.5A5.403 5.403 0 0 0 4 9c0 3.5 3 5.5 6 5.5-.39.49-.68 1.05-.85 1.65-.17.6-.22 1.23-.15 1.85v4";
+    }], readonly ["path", {
+        readonly d: "M9 18c-4.51 2-5-2-7-2";
+    }]];
+    readonly google: readonly [readonly ["path", {
+        readonly d: "M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z";
+        readonly fill: "#4285F4";
+        readonly stroke: "none";
+    }], readonly ["path", {
+        readonly d: "M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z";
+        readonly fill: "#34A853";
+        readonly stroke: "none";
+    }], readonly ["path", {
+        readonly d: "M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z";
+        readonly fill: "#FBBC05";
+        readonly stroke: "none";
+    }], readonly ["path", {
+        readonly d: "M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z";
+        readonly fill: "#EA4335";
+        readonly stroke: "none";
+    }]];
     readonly "align-center": readonly [readonly ["path", {
         readonly d: "M21 5H3";
     }], readonly ["path", {

package/dist/types/index.d.ts

@@ -160,7 +160,7 @@ export { initialFocusDay, isInMonth, nextDayForKey, useGridNavigation, type Grid
 export { AmbiguousTimeError, addDays, addDuration, addMonths, atMidnight, atTime, comparePlainDate, dayFraction, dayLengthMs, dayOfWeek, daysBetween, daysInMonth, endOfMonth, hoursInDay, instantAtFraction, instantToPlainDate, instantToPlainDateTime, isSameDate, isoDateString, isoDateTimeString, monthGridDays, nextDay, offsetAt, parsePlainDate, plainDateTimeToInstant, relativeAge, startOfDay, startOfMonth, startOfWeek, weekDays, type CalendarDuration, type Disambiguation, type Instant, type PlainDate, type PlainDateTime, type TimeZone, } from "./lib/time";
 export { allDayBandSegment, dayKey, daySlots, isAllDay, packBand, packLanes, snapFractionToInstant, timeSegments, timedBandSegment, type AllDayEvent, type BandInput, type BandOptions, type BandPlacement, type BandResult, type BandSegment, type CalendarEvent, type CalendarEventId, type CalendarView, type DaySlot, type DragKind, type EventDraft, type EventPalette, type LaneInput, type LaneOptions, type LanePlacement, type PaletteEntry, type PaletteKey, type TimeSegment, type TimedEvent, type VisibleRange, } from "./lib/calendar";
 export { RBACProvider, useRBAC, Can, useHasPermission, AccountMenu, AccountMenuSection, TeamSwitcher, DevToolsPopover, RolePermissionMatrix, RoleEditorDialog, ProfileForm, ProfilePage, RolesPermissionsPage, MembersPanel, ChangePasswordForm, SessionsList, ApiKeysPanel, AgentKeysList, AccessRequestPanel, PermissionRequestPanel, RoleKeyPicker, isRoleSelectable, leastPrivilegeRoleId, InvitationsList, InviteMembersDialog, Brand, TeamSettingsForm, DangerZone, type RBACProviderProps, type RBACHookResult, type CanProps, type AccountMenuProps, type TeamSwitcherProps, type DevToolsPopoverProps, type RolePermissionMatrixProps, type RoleEditorDialogProps, type RoleEditorDialogSubmitInput, type ProfileFormProps, type ProfileFormAccount, type ProfileFormSaveInput, type ProfilePageProps, type RolesPermissionsPageProps, type MembersPanelProps, type MembersPanelMember, type ChangePasswordFormProps, type SessionsListProps, type Session, type ApiKeysPanelProps, type AgentKeysListProps, type ApiKey, type KeyGrant, type KeyRoleEditor, type AccessRequestPanelProps, type AccessRequest, type AccessRequestKind, type IssuedKey, type AccessRequestState, type ExpiredNote, type PermissionRequestPanelProps, type PermissionRequest, type RoleKeyPickerProps, type InvitationsListProps, type InvitationsListItem, type InvitationStatus, type InviteMembersDialogProps, type Permission, type Role, type User, type Team, type TeamMembership, type BrandProps, type TeamSettingsFormProps, type TeamSettingsFormTeam, type TeamSettingsFormSaveInput, type DangerZoneProps, } from "./components/rbac";
-export { AuthLayout, AcceptInvitationCard, SignupCard, TermsAcceptance, LoginForm, ForgotPasswordForm, ResetPasswordForm, type AuthLayoutProps, type AcceptInvitationCardProps, type SignupCardProps, type TermsAcceptanceProps, type LoginFormProps, type ForgotPasswordFormProps, type ResetPasswordFormProps, } from "./components/auth";
+export { AuthLayout, AcceptInvitationCard, SignupCard, SignInProviders, TermsAcceptance, LoginForm, ForgotPasswordForm, ResetPasswordForm, type AuthLayoutProps, type AcceptInvitationCardProps, type SignupCardProps, type SignupInitialValues, type AcceptInvitationInitialValues, type SignInProvidersProps, type ProviderSelection, type SignInProvider, type SignInProviderId, type VerifiedIdentity, type ProviderContinuation, type TermsAcceptanceProps, type LoginFormProps, type ForgotPasswordFormProps, type ResetPasswordFormProps, } from "./components/auth";
 export { UseCaseCard, RoadmapItemCard, RoadmapSwimlaneBoard, UseCaseLedgerPage, RoadmapPage, PhaseManager, TrackManager, deriveRoadmapItemStatus, isFullyBuilt, isUnbuilt, trackIds, trackProgress, toneForIndex, CATEGORY_TONES, type Domain, type Phase, type Track, type RoadmapItem, type RoadmapItemStatus, type UseCase, type UseCaseStatus, type UseCaseDecision, type UseCaseCardProps, type RoadmapItemCardProps, type RoadmapSwimlaneBoardProps, type UseCaseLedgerPageProps, type RoadmapPageProps, type PhaseManagerProps, type TrackManagerProps, } from "./components/roadmap";
 export { ProvenanceDisclosure, ProvenanceDetail, ProvenanceBadge, ConfidenceReadout, ConfidenceMeter, ConfidenceBar, provenanceStateLabel, confidenceBand, confidenceScore, scoredConfidence, ratedConfidence, type ProvenanceRecord, type ProvenanceState, type ProvenanceSource, type ProvenanceCheck, type ProvenanceCall, type ProvenanceSignoff, type ConfidenceBand, type ConfidenceScore, type ProvenanceConfidence, type ConfidenceReadoutProps, type ConfidenceBarProps, type ConfidenceBarSize, type ProvenanceDisclosureProps, type ProvenanceDetailProps, type ProvenanceDetailTitleAs, type ProvenanceTriggerBadge, type ProvenanceBadgeProps, type ProvenanceBadgeAppearance, type ConfidenceMeterProps, } from "./components/provenance";
 export { confidenceLevel, CONFIDENCE_LEVEL_LABELS, type ConfidenceLevel } from "./lib/confidence";

package/dist/types/lib/i18n/areas/auth-provenance-flows.d.ts

@@ -13,6 +13,8 @@ export interface AuthProvenanceFlowsStrings {
         accountExists: (email: string) => string;
         /** Button pointing an existing-account viewer at sign-in. */
         signInToAccept: string;
+        /** Label of the read-only email field shown once a provider has verified the person. */
+        email: string;
         /** Label of the new-account name field. */
         name: string;
         /** Label of the new-account username field. */
@@ -81,6 +83,8 @@ export interface AuthProvenanceFlowsStrings {
         email: string;
         /** Helper text when the code reserves the email address. */
         emailReserved: string;
+        /** Error under the email field when a provider verified a different address than the one the code is reserved for. */
+        emailLockMismatch: (reservedEmail: string) => string;
         /** Label of the team-name field. */
         teamName: string;
         /** Helper text under the team-name field. */
@@ -94,6 +98,21 @@ export interface AuthProvenanceFlowsStrings {
         /** The sign-in link beneath the card. */
         signIn: string;
     };
+    signInProviders: {
+        /** Accessible name of the provider button group. */
+        groupLabel: string;
+        /** One provider button: `provider` is that provider's name from `names`. */
+        continueWith: (provider: string) => string;
+        /** The word between a form and its provider buttons ("or"). */
+        or: string;
+        /** Display name of each provider, by id. */
+        names: {
+            google: string;
+            github: string;
+        };
+        /** Line shown in place of the password fields once a provider has verified the person: who they are there. */
+        verifiedAs: (provider: string, handle: string, emphasis: Emphasis) => ReactNode;
+    };
     termsAcceptance: {
         /** The agreement row is `before` + the link text + `after`, so a translation controls the order around the link. */
         agreement: {

package/dist/types/lib/i18n/areas/rbac.d.ts

@@ -462,6 +462,12 @@ export interface RbacStrings {
         mismatch: string;
         /** Default submit button text. */
         submit: string;
+        /** Set-password mode (no current password yet): title of the error callout when it fails. */
+        setFailedTitle: string;
+        /** Set-password mode: fallback error text when it rejects without a message. */
+        setFailedMessage: string;
+        /** Set-password mode: default submit button text. */
+        setSubmit: string;
     };
     /** `DangerZone`. */
     dangerZone: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@danxbot/ui",
-  "version": "26.1.2",
+  "version": "26.3.0",
   "type": "module",
   "description": "Danxbot — a domain-agnostic React design system with motion as a first-class primitive.",
   "license": "MIT",