@danxbot/ui 26.1.1 → 26.2.0

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

@@ -1,5 +1,6 @@
+import { type ProviderContinuation, type VerifiedIdentity } from "./SignInProviders";
 import { type TermsAcceptanceProps } from "./TermsAcceptance";
-export interface AcceptInvitationCardProps {
+export type AcceptInvitationCardProps = {
     teamName: string;
     teamLogoUrl?: string;
     inviterName: string;
@@ -20,15 +21,20 @@ export interface AcceptInvitationCardProps {
     termsHref: string;
     /** Runs on that link's click; see `TermsAcceptance`. */
     onOpenTerms?: TermsAcceptanceProps["onOpenTerms"];
+    /** `password` is `null` exactly when `verifiedIdentity` is set. */
     onCreateAccount: (input: {
         name: string;
         username: string;
-        password: string;
+        password: string | null;
         acceptedTerms: true;
     }) => void;
+    /** Set once a provider has verified the person; replaces the password field. */
+    verifiedIdentity?: VerifiedIdentity | null;
     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;
+} & ProviderContinuation<{
+    acceptedTerms: true;
+}>;
+export declare function AcceptInvitationCard({ teamName, teamLogoUrl, inviterName, roleLabel, email, accountExists, signedInAsMatchingUser, loading, error, termsHref, onOpenTerms, onCreateAccount, onJoinAsSignedInUser, onSignInInstead, verifiedIdentity, providers, onContinueWithProvider, pendingProvider, className, }: AcceptInvitationCardProps): import("react").JSX.Element;

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

@@ -4,6 +4,8 @@ export interface LoginFormProps {
     /** Rendered beside the password field's label — typically a "Forgot password?" link. */
     forgotPasswordLink?: ReactNode;
     submitLabel?: string;
+    /** DX-5095 — other ways in (typically `SignInProviders`), rendered below the form under an "or" divider. */
+    alternatives?: ReactNode;
     className?: string;
 }
-export declare function LoginForm({ onSubmit, forgotPasswordLink, submitLabel, className, }: LoginFormProps): import("react").JSX.Element;
+export declare function LoginForm({ onSubmit, forgotPasswordLink, submitLabel, alternatives, className, }: LoginFormProps): import("react").JSX.Element;

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

@@ -0,0 +1,40 @@
+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;
+    className?: string;
+}
+export declare function SignInProviders({ providers, onSelect, pending, disabled, 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 "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,7 @@
 import { type PasswordRequirementRule } from "../PasswordRequirements";
+import { type ProviderContinuation, type VerifiedIdentity } from "./SignInProviders";
 import { type TermsAcceptanceProps } from "./TermsAcceptance";
-export interface SignupCardProps {
+export type SignupCardProps = {
     /** A code already known (the sign-up link's). Checked on mount, then shown read-only while it is good. */
     initialCode?: string;
     /**
@@ -22,14 +23,21 @@ export interface SignupCardProps {
         username: string;
         email: string;
         teamName: string;
-        password: string;
+        /** `null` exactly when `verifiedIdentity` is set. */
+        password: string | null;
         acceptedTerms: true;
     }) => void;
+    /** Set once a provider has verified the person; replaces the password field and fills the email. */
+    verifiedIdentity?: VerifiedIdentity | null;
     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;
+} & ProviderContinuation<{
+    code: string;
+    teamName: string;
+    acceptedTerms: true;
+}>;
+export declare function SignupCard({ initialCode, onValidateCode, passwordRules, termsHref, onOpenTerms, onSignup, loading, error, onSignInInstead, verifiedIdentity, providers, onContinueWithProvider, pendingProvider, className, }: SignupCardProps): import("react").JSX.Element;

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 SignInProvidersProps, 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. */
@@ -94,6 +96,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.1",
+  "version": "26.2.0",
   "type": "module",
   "description": "Danxbot — a domain-agnostic React design system with motion as a first-class primitive.",
   "license": "MIT",