@ankhorage/zora 2.5.5 → 2.6.1

package/dist/patterns/auth/meta.js.map

@@ -1 +1 @@
-{"version":3,"file":"meta.js","sourceRoot":"","sources":["../../../src/patterns/auth/meta.ts"],"names":[],"mappings":"AAEA,MAAM,SAAS,GAAG,mEAAmE,CAAC;AAEtF,MAAM,CAAC,MAAM,sBAAsB,GAAG;IACpC,IAAI,EAAE,oBAAoB;IAC1B,QAAQ,EAAE,SAAS;IACnB,kBAAkB,EAAE,KAAK;IACzB,eAAe,EAAE,EAAE;IACnB,IAAI,EAAE,SAAS;IACf,KAAK,EAAE,EAAE;CAC2B,CAAC;AAEvC,MAAM,CAAC,MAAM,WAAW,GAAG;IACzB,IAAI,EAAE,SAAS;IACf,QAAQ,EAAE,SAAS;IACnB,kBAAkB,EAAE,KAAK;IACzB,eAAe,EAAE,EAAE;IACnB,IAAI,EAAE,SAAS;IACf,KAAK,EAAE,EAAE;CAC2B,CAAC;AAEvC,MAAM,CAAC,MAAM,cAAc,GAAG;IAC5B,IAAI,EAAE,YAAY;IAClB,QAAQ,EAAE,SAAS;IACnB,kBAAkB,EAAE,KAAK;IACzB,eAAe,EAAE,EAAE;IACnB,IAAI,EAAE,SAAS;IACf,KAAK,EAAE,EAAE;CAC2B,CAAC;AAEvC,MAAM,CAAC,MAAM,cAAc,GAAG;IAC5B,IAAI,EAAE,YAAY;IAClB,QAAQ,EAAE,SAAS;IACnB,kBAAkB,EAAE,KAAK;IACzB,eAAe,EAAE,EAAE;IACnB,IAAI,EAAE,SAAS;IACf,KAAK,EAAE,EAAE;CAC2B,CAAC","sourcesContent":["import type { ZoraComponentMeta } from '../../metadata';\n\nconst AUTH_NOTE = 'Auth pattern component; not represented as a manifest node in v1.';\n\nexport const forgotPasswordFormMeta = {\n  name: 'ForgotPasswordForm',\n  category: 'pattern',\n  directManifestNode: false,\n  allowedChildren: [],\n  note: AUTH_NOTE,\n  props: {},\n} as const satisfies ZoraComponentMeta;\n\nexport const otpFormMeta = {\n  name: 'OtpForm',\n  category: 'pattern',\n  directManifestNode: false,\n  allowedChildren: [],\n  note: AUTH_NOTE,\n  props: {},\n} as const satisfies ZoraComponentMeta;\n\nexport const signInFormMeta = {\n  name: 'SignInForm',\n  category: 'pattern',\n  directManifestNode: false,\n  allowedChildren: [],\n  note: AUTH_NOTE,\n  props: {},\n} as const satisfies ZoraComponentMeta;\n\nexport const signUpFormMeta = {\n  name: 'SignUpForm',\n  category: 'pattern',\n  directManifestNode: false,\n  allowedChildren: [],\n  note: AUTH_NOTE,\n  props: {},\n} as const satisfies ZoraComponentMeta;\n"]}
+{"version":3,"file":"meta.js","sourceRoot":"","sources":["../../../src/patterns/auth/meta.ts"],"names":[],"mappings":"AAEA,MAAM,SAAS,GAAG,mEAAmE,CAAC;AAEtF,MAAM,CAAC,MAAM,sBAAsB,GAAG;IACpC,IAAI,EAAE,oBAAoB;IAC1B,QAAQ,EAAE,SAAS;IACnB,kBAAkB,EAAE,KAAK;IACzB,eAAe,EAAE,EAAE;IACnB,IAAI,EAAE,SAAS;IACf,KAAK,EAAE,EAAE;CAC2B,CAAC;AAEvC,MAAM,CAAC,MAAM,uBAAuB,GAAG;IACrC,IAAI,EAAE,qBAAqB;IAC3B,QAAQ,EAAE,SAAS;IACnB,kBAAkB,EAAE,KAAK;IACzB,eAAe,EAAE,EAAE;IACnB,IAAI,EAAE,SAAS;IACf,KAAK,EAAE,EAAE;CAC2B,CAAC;AAEvC,MAAM,CAAC,MAAM,qBAAqB,GAAG;IACnC,IAAI,EAAE,mBAAmB;IACzB,QAAQ,EAAE,SAAS;IACnB,kBAAkB,EAAE,KAAK;IACzB,eAAe,EAAE,EAAE;IACnB,IAAI,EAAE,SAAS;IACf,KAAK,EAAE,EAAE;CAC2B,CAAC;AAEvC,MAAM,CAAC,MAAM,WAAW,GAAG;IACzB,IAAI,EAAE,SAAS;IACf,QAAQ,EAAE,SAAS;IACnB,kBAAkB,EAAE,KAAK;IACzB,eAAe,EAAE,EAAE;IACnB,IAAI,EAAE,SAAS;IACf,KAAK,EAAE,EAAE;CAC2B,CAAC;AAEvC,MAAM,CAAC,MAAM,cAAc,GAAG;IAC5B,IAAI,EAAE,YAAY;IAClB,QAAQ,EAAE,SAAS;IACnB,kBAAkB,EAAE,KAAK;IACzB,eAAe,EAAE,EAAE;IACnB,IAAI,EAAE,SAAS;IACf,KAAK,EAAE,EAAE;CAC2B,CAAC;AAEvC,MAAM,CAAC,MAAM,cAAc,GAAG;IAC5B,IAAI,EAAE,YAAY;IAClB,QAAQ,EAAE,SAAS;IACnB,kBAAkB,EAAE,KAAK;IACzB,eAAe,EAAE,EAAE;IACnB,IAAI,EAAE,SAAS;IACf,KAAK,EAAE,EAAE;CAC2B,CAAC","sourcesContent":["import type { ZoraComponentMeta } from '../../metadata';\n\nconst AUTH_NOTE = 'Auth pattern component; not represented as a manifest node in v1.';\n\nexport const forgotPasswordFormMeta = {\n  name: 'ForgotPasswordForm',\n  category: 'pattern',\n  directManifestNode: false,\n  allowedChildren: [],\n  note: AUTH_NOTE,\n  props: {},\n} as const satisfies ZoraComponentMeta;\n\nexport const oauthProviderButtonMeta = {\n  name: 'OAuthProviderButton',\n  category: 'pattern',\n  directManifestNode: false,\n  allowedChildren: [],\n  note: AUTH_NOTE,\n  props: {},\n} as const satisfies ZoraComponentMeta;\n\nexport const oauthProviderListMeta = {\n  name: 'OAuthProviderList',\n  category: 'pattern',\n  directManifestNode: false,\n  allowedChildren: [],\n  note: AUTH_NOTE,\n  props: {},\n} as const satisfies ZoraComponentMeta;\n\nexport const otpFormMeta = {\n  name: 'OtpForm',\n  category: 'pattern',\n  directManifestNode: false,\n  allowedChildren: [],\n  note: AUTH_NOTE,\n  props: {},\n} as const satisfies ZoraComponentMeta;\n\nexport const signInFormMeta = {\n  name: 'SignInForm',\n  category: 'pattern',\n  directManifestNode: false,\n  allowedChildren: [],\n  note: AUTH_NOTE,\n  props: {},\n} as const satisfies ZoraComponentMeta;\n\nexport const signUpFormMeta = {\n  name: 'SignUpForm',\n  category: 'pattern',\n  directManifestNode: false,\n  allowedChildren: [],\n  note: AUTH_NOTE,\n  props: {},\n} as const satisfies ZoraComponentMeta;\n"]}

package/dist/patterns/auth/oauthProviders.d.ts

@@ -0,0 +1,74 @@
+import type { OAuthProviderIconSpec } from './types';
+export declare const DEFAULT_OAUTH_PROVIDER_ICONS: {
+    readonly apple: {
+        readonly provider: "FontAwesome";
+        readonly name: "apple";
+    };
+    readonly azure: {
+        readonly provider: "FontAwesome5";
+        readonly name: "microsoft";
+    };
+    readonly bitbucket: {
+        readonly provider: "FontAwesome";
+        readonly name: "bitbucket";
+    };
+    readonly discord: {
+        readonly provider: "FontAwesome5";
+        readonly name: "discord";
+    };
+    readonly facebook: {
+        readonly provider: "FontAwesome";
+        readonly name: "facebook";
+    };
+    readonly figma: {
+        readonly provider: "FontAwesome5";
+        readonly name: "figma";
+    };
+    readonly github: {
+        readonly provider: "FontAwesome";
+        readonly name: "github";
+    };
+    readonly gitlab: {
+        readonly provider: "FontAwesome5";
+        readonly name: "gitlab";
+    };
+    readonly google: {
+        readonly provider: "FontAwesome";
+        readonly name: "google";
+    };
+    readonly linkedin: {
+        readonly provider: "FontAwesome";
+        readonly name: "linkedin";
+    };
+    readonly microsoft: {
+        readonly provider: "FontAwesome5";
+        readonly name: "microsoft";
+    };
+    readonly slack: {
+        readonly provider: "FontAwesome5";
+        readonly name: "slack";
+    };
+    readonly spotify: {
+        readonly provider: "FontAwesome";
+        readonly name: "spotify";
+    };
+    readonly twitch: {
+        readonly provider: "FontAwesome5";
+        readonly name: "twitch";
+    };
+    readonly twitter: {
+        readonly provider: "FontAwesome";
+        readonly name: "twitter";
+    };
+    readonly x: {
+        readonly provider: "FontAwesome6";
+        readonly name: "x-twitter";
+    };
+    readonly zoom: {
+        readonly provider: "FontAwesome5";
+        readonly name: "video";
+    };
+};
+export declare function resolveOAuthProviderIcon(providerId: string): OAuthProviderIconSpec | undefined;
+export declare function resolveOAuthProviderLabel(providerId: string): string;
+//# sourceMappingURL=oauthProviders.d.ts.map

package/dist/patterns/auth/oauthProviders.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"oauthProviders.d.ts","sourceRoot":"","sources":["../../../src/patterns/auth/oauthProviders.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAErD,eAAO,MAAM,4BAA4B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkBiB,CAAC;AA4B3D,wBAAgB,wBAAwB,CAAC,UAAU,EAAE,MAAM,GAAG,qBAAqB,GAAG,SAAS,CAM9F;AAED,wBAAgB,yBAAyB,CAAC,UAAU,EAAE,MAAM,GAAG,MAAM,CAKpE"}

package/dist/patterns/auth/oauthProviders.js

@@ -0,0 +1,66 @@
+export const DEFAULT_OAUTH_PROVIDER_ICONS = {
+    apple: { provider: 'FontAwesome', name: 'apple' },
+    azure: { provider: 'FontAwesome5', name: 'microsoft' },
+    bitbucket: { provider: 'FontAwesome', name: 'bitbucket' },
+    discord: { provider: 'FontAwesome5', name: 'discord' },
+    facebook: { provider: 'FontAwesome', name: 'facebook' },
+    figma: { provider: 'FontAwesome5', name: 'figma' },
+    github: { provider: 'FontAwesome', name: 'github' },
+    gitlab: { provider: 'FontAwesome5', name: 'gitlab' },
+    google: { provider: 'FontAwesome', name: 'google' },
+    linkedin: { provider: 'FontAwesome', name: 'linkedin' },
+    microsoft: { provider: 'FontAwesome5', name: 'microsoft' },
+    slack: { provider: 'FontAwesome5', name: 'slack' },
+    spotify: { provider: 'FontAwesome', name: 'spotify' },
+    twitch: { provider: 'FontAwesome5', name: 'twitch' },
+    twitter: { provider: 'FontAwesome', name: 'twitter' },
+    x: { provider: 'FontAwesome6', name: 'x-twitter' },
+    zoom: { provider: 'FontAwesome5', name: 'video' },
+};
+const DEFAULT_OAUTH_PROVIDER_LABELS = {
+    apple: 'Apple',
+    azure: 'Microsoft',
+    bitbucket: 'Bitbucket',
+    discord: 'Discord',
+    facebook: 'Facebook',
+    figma: 'Figma',
+    github: 'GitHub',
+    gitlab: 'GitLab',
+    google: 'Google',
+    kakao: 'Kakao',
+    keycloak: 'Keycloak',
+    linkedin: 'LinkedIn',
+    microsoft: 'Microsoft',
+    notion: 'Notion',
+    slack: 'Slack',
+    spotify: 'Spotify',
+    twitch: 'Twitch',
+    twitter: 'Twitter',
+    workos: 'WorkOS',
+    x: 'X',
+    zoom: 'Zoom',
+};
+const oauthProviderLabels = DEFAULT_OAUTH_PROVIDER_LABELS;
+export function resolveOAuthProviderIcon(providerId) {
+    const normalizedProviderId = normalizeOAuthProviderId(providerId);
+    return DEFAULT_OAUTH_PROVIDER_ICONS[normalizedProviderId];
+}
+export function resolveOAuthProviderLabel(providerId) {
+    const normalizedProviderId = normalizeOAuthProviderId(providerId);
+    const knownLabel = oauthProviderLabels[normalizedProviderId];
+    return knownLabel ?? titleCaseProviderId(normalizedProviderId);
+}
+function normalizeOAuthProviderId(providerId) {
+    return providerId.trim().toLowerCase();
+}
+function titleCaseProviderId(providerId) {
+    const words = providerId
+        .split(/[-_\s]+/u)
+        .map((word) => word.trim())
+        .filter((word) => word.length > 0);
+    if (words.length === 0) {
+        return 'Provider';
+    }
+    return words.map((word) => `${word.charAt(0).toUpperCase()}${word.slice(1)}`).join(' ');
+}
+//# sourceMappingURL=oauthProviders.js.map

package/dist/patterns/auth/oauthProviders.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"oauthProviders.js","sourceRoot":"","sources":["../../../src/patterns/auth/oauthProviders.ts"],"names":[],"mappings":"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","sourcesContent":["import type { OAuthProviderIconSpec } from './types';\n\nexport const DEFAULT_OAUTH_PROVIDER_ICONS = {\n  apple: { provider: 'FontAwesome', name: 'apple' },\n  azure: { provider: 'FontAwesome5', name: 'microsoft' },\n  bitbucket: { provider: 'FontAwesome', name: 'bitbucket' },\n  discord: { provider: 'FontAwesome5', name: 'discord' },\n  facebook: { provider: 'FontAwesome', name: 'facebook' },\n  figma: { provider: 'FontAwesome5', name: 'figma' },\n  github: { provider: 'FontAwesome', name: 'github' },\n  gitlab: { provider: 'FontAwesome5', name: 'gitlab' },\n  google: { provider: 'FontAwesome', name: 'google' },\n  linkedin: { provider: 'FontAwesome', name: 'linkedin' },\n  microsoft: { provider: 'FontAwesome5', name: 'microsoft' },\n  slack: { provider: 'FontAwesome5', name: 'slack' },\n  spotify: { provider: 'FontAwesome', name: 'spotify' },\n  twitch: { provider: 'FontAwesome5', name: 'twitch' },\n  twitter: { provider: 'FontAwesome', name: 'twitter' },\n  x: { provider: 'FontAwesome6', name: 'x-twitter' },\n  zoom: { provider: 'FontAwesome5', name: 'video' },\n} as const satisfies Record<string, OAuthProviderIconSpec>;\n\nconst DEFAULT_OAUTH_PROVIDER_LABELS = {\n  apple: 'Apple',\n  azure: 'Microsoft',\n  bitbucket: 'Bitbucket',\n  discord: 'Discord',\n  facebook: 'Facebook',\n  figma: 'Figma',\n  github: 'GitHub',\n  gitlab: 'GitLab',\n  google: 'Google',\n  kakao: 'Kakao',\n  keycloak: 'Keycloak',\n  linkedin: 'LinkedIn',\n  microsoft: 'Microsoft',\n  notion: 'Notion',\n  slack: 'Slack',\n  spotify: 'Spotify',\n  twitch: 'Twitch',\n  twitter: 'Twitter',\n  workos: 'WorkOS',\n  x: 'X',\n  zoom: 'Zoom',\n} as const satisfies Record<string, string>;\n\nconst oauthProviderLabels: Partial<Record<string, string>> = DEFAULT_OAUTH_PROVIDER_LABELS;\n\nexport function resolveOAuthProviderIcon(providerId: string): OAuthProviderIconSpec | undefined {\n  const normalizedProviderId = normalizeOAuthProviderId(providerId);\n\n  return DEFAULT_OAUTH_PROVIDER_ICONS[\n    normalizedProviderId as keyof typeof DEFAULT_OAUTH_PROVIDER_ICONS\n  ];\n}\n\nexport function resolveOAuthProviderLabel(providerId: string): string {\n  const normalizedProviderId = normalizeOAuthProviderId(providerId);\n  const knownLabel = oauthProviderLabels[normalizedProviderId];\n\n  return knownLabel ?? titleCaseProviderId(normalizedProviderId);\n}\n\nfunction normalizeOAuthProviderId(providerId: string): string {\n  return providerId.trim().toLowerCase();\n}\n\nfunction titleCaseProviderId(providerId: string): string {\n  const words = providerId\n    .split(/[-_\\s]+/u)\n    .map((word) => word.trim())\n    .filter((word) => word.length > 0);\n\n  if (words.length === 0) {\n    return 'Provider';\n  }\n\n  return words.map((word) => `${word.charAt(0).toUpperCase()}${word.slice(1)}`).join(' ');\n}\n"]}

package/dist/patterns/auth/types.d.ts

@@ -1,4 +1,5 @@
 import type React from 'react';
+import type { ButtonProps } from '../../components/button';
 import type { FormFieldConfig, FormValues } from '../../components/form';
 import type { ZoraBaseProps } from '../../theme/ZoraBaseProps';
 export type AuthIdentifierKind = 'email' | 'phone' | 'username';
@@ -54,4 +55,41 @@ export interface OtpFormProps extends AuthFormBaseProps {
     onSubmit: (values: OtpFormValues) => void | Promise<void>;
     onResend?: () => void | Promise<void>;
 }
+export interface OAuthProviderIconSpec {
+    name: string;
+    provider?: string;
+    size?: number | string;
+    color?: string;
+}
+export interface OAuthProviderItem {
+    id: string;
+    label?: React.ReactNode;
+    icon?: OAuthProviderIconSpec;
+    disabled?: boolean;
+    loading?: boolean;
+}
+export interface OAuthProviderButtonProps extends ZoraBaseProps {
+    providerId: string;
+    label?: React.ReactNode;
+    icon?: OAuthProviderIconSpec;
+    disabled?: boolean;
+    loading?: boolean;
+    fullWidth?: boolean;
+    size?: ButtonProps['size'];
+    variant?: ButtonProps['variant'];
+    color?: ButtonProps['color'];
+    onPress?: (providerId: string) => void | Promise<void>;
+}
+export type OAuthProviderListLayout = 'stack' | 'inline';
+export interface OAuthProviderListProps extends ZoraBaseProps {
+    providers: readonly OAuthProviderItem[];
+    disabled?: boolean;
+    loading?: boolean;
+    fullWidth?: boolean;
+    layout?: OAuthProviderListLayout;
+    size?: ButtonProps['size'];
+    variant?: ButtonProps['variant'];
+    color?: ButtonProps['color'];
+    onProviderPress?: (providerId: string) => void | Promise<void>;
+}
 //# sourceMappingURL=types.d.ts.map

package/dist/patterns/auth/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/patterns/auth/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/patterns/auth/types.ts"],"names":[],"mappings":"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"}

package/dist/patterns/auth/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/patterns/auth/types.ts"],"names":[],"mappings":"","sourcesContent":["import type React from 'react';\n\nimport type { FormFieldConfig, FormValues } from '../../components/form';\nimport type { ZoraBaseProps } from '../../theme/ZoraBaseProps';\n\nexport type AuthIdentifierKind = 'email' | 'phone' | 'username';\n\nexport interface AuthFormBaseProps extends ZoraBaseProps {\n  loading?: boolean;\n  disabled?: boolean;\n  error?: React.ReactNode;\n  submitLabel?: React.ReactNode;\n}\n\nexport interface SignInFormValues {\n  identifier: string;\n  identifierKind: AuthIdentifierKind;\n  secret: string;\n}\n\nexport interface SignInFormProps extends AuthFormBaseProps {\n  identifiers?: readonly AuthIdentifierKind[];\n  identifierLabel?: React.ReactNode;\n  secretLabel?: React.ReactNode;\n  forgotPasswordLabel?: React.ReactNode;\n  signUpLabel?: React.ReactNode;\n  onSubmit: (values: SignInFormValues) => void | Promise<void>;\n  onForgotPassword?: () => void | Promise<void>;\n  onSignUp?: () => void | Promise<void>;\n}\n\nexport type SignUpFormValues = FormValues;\nexport type SignUpFormField = FormFieldConfig;\n\nexport interface SignUpFormProps extends AuthFormBaseProps {\n  fields?: readonly SignUpFormField[];\n  signInLabel?: React.ReactNode;\n  onSubmit: (values: SignUpFormValues) => void | Promise<void>;\n  onSignIn?: () => void | Promise<void>;\n}\n\nexport interface ForgotPasswordFormValues {\n  identifier: string;\n  identifierKind: AuthIdentifierKind;\n}\n\nexport interface ForgotPasswordFormProps extends AuthFormBaseProps {\n  identifiers?: readonly AuthIdentifierKind[];\n  identifierLabel?: React.ReactNode;\n  signInLabel?: React.ReactNode;\n  onSubmit: (values: ForgotPasswordFormValues) => void | Promise<void>;\n  onSignIn?: () => void | Promise<void>;\n}\n\nexport interface OtpFormValues {\n  otp: string;\n}\n\nexport interface OtpFormProps extends AuthFormBaseProps {\n  length?: number;\n  otpLabel?: React.ReactNode;\n  resendLabel?: React.ReactNode;\n  resendDisabled?: boolean;\n  resendLoading?: boolean;\n  onSubmit: (values: OtpFormValues) => void | Promise<void>;\n  onResend?: () => void | Promise<void>;\n}\n"]}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/patterns/auth/types.ts"],"names":[],"mappings":"","sourcesContent":["import type React from 'react';\n\nimport type { ButtonProps } from '../../components/button';\nimport type { FormFieldConfig, FormValues } from '../../components/form';\nimport type { ZoraBaseProps } from '../../theme/ZoraBaseProps';\n\nexport type AuthIdentifierKind = 'email' | 'phone' | 'username';\n\nexport interface AuthFormBaseProps extends ZoraBaseProps {\n  loading?: boolean;\n  disabled?: boolean;\n  error?: React.ReactNode;\n  submitLabel?: React.ReactNode;\n}\n\nexport interface SignInFormValues {\n  identifier: string;\n  identifierKind: AuthIdentifierKind;\n  secret: string;\n}\n\nexport interface SignInFormProps extends AuthFormBaseProps {\n  identifiers?: readonly AuthIdentifierKind[];\n  identifierLabel?: React.ReactNode;\n  secretLabel?: React.ReactNode;\n  forgotPasswordLabel?: React.ReactNode;\n  signUpLabel?: React.ReactNode;\n  onSubmit: (values: SignInFormValues) => void | Promise<void>;\n  onForgotPassword?: () => void | Promise<void>;\n  onSignUp?: () => void | Promise<void>;\n}\n\nexport type SignUpFormValues = FormValues;\nexport type SignUpFormField = FormFieldConfig;\n\nexport interface SignUpFormProps extends AuthFormBaseProps {\n  fields?: readonly SignUpFormField[];\n  signInLabel?: React.ReactNode;\n  onSubmit: (values: SignUpFormValues) => void | Promise<void>;\n  onSignIn?: () => void | Promise<void>;\n}\n\nexport interface ForgotPasswordFormValues {\n  identifier: string;\n  identifierKind: AuthIdentifierKind;\n}\n\nexport interface ForgotPasswordFormProps extends AuthFormBaseProps {\n  identifiers?: readonly AuthIdentifierKind[];\n  identifierLabel?: React.ReactNode;\n  signInLabel?: React.ReactNode;\n  onSubmit: (values: ForgotPasswordFormValues) => void | Promise<void>;\n  onSignIn?: () => void | Promise<void>;\n}\n\nexport interface OtpFormValues {\n  otp: string;\n}\n\nexport interface OtpFormProps extends AuthFormBaseProps {\n  length?: number;\n  otpLabel?: React.ReactNode;\n  resendLabel?: React.ReactNode;\n  resendDisabled?: boolean;\n  resendLoading?: boolean;\n  onSubmit: (values: OtpFormValues) => void | Promise<void>;\n  onResend?: () => void | Promise<void>;\n}\n\nexport interface OAuthProviderIconSpec {\n  name: string;\n  provider?: string;\n  size?: number | string;\n  color?: string;\n}\n\nexport interface OAuthProviderItem {\n  id: string;\n  label?: React.ReactNode;\n  icon?: OAuthProviderIconSpec;\n  disabled?: boolean;\n  loading?: boolean;\n}\n\nexport interface OAuthProviderButtonProps extends ZoraBaseProps {\n  providerId: string;\n  label?: React.ReactNode;\n  icon?: OAuthProviderIconSpec;\n  disabled?: boolean;\n  loading?: boolean;\n  fullWidth?: boolean;\n  size?: ButtonProps['size'];\n  variant?: ButtonProps['variant'];\n  color?: ButtonProps['color'];\n  onPress?: (providerId: string) => void | Promise<void>;\n}\n\nexport type OAuthProviderListLayout = 'stack' | 'inline';\n\nexport interface OAuthProviderListProps extends ZoraBaseProps {\n  providers: readonly OAuthProviderItem[];\n  disabled?: boolean;\n  loading?: boolean;\n  fullWidth?: boolean;\n  layout?: OAuthProviderListLayout;\n  size?: ButtonProps['size'];\n  variant?: ButtonProps['variant'];\n  color?: ButtonProps['color'];\n  onProviderPress?: (providerId: string) => void | Promise<void>;\n}\n"]}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ankhorage/zora",
   "type": "module",
-  "version": "2.5.5",
+  "version": "2.6.1",
   "description": "Opinionated React Native and React Native Web UI kit built on @ankhorage/surface.",
   "homepage": "https://github.com/ankhorage/zora#readme",
   "bugs": {
@@ -48,7 +48,7 @@
   },
   "dependencies": {
     "@ankhorage/color-theory": "^0.0.7",
-    "@ankhorage/contracts": "^1.13.0",
+    "@ankhorage/contracts": "^1.15.0",
     "@ankhorage/surface": "^2.0.2"
   },
   "files": [

package/src/components/progress/meta.ts

@@ -1,10 +1,46 @@
+import { ZORA_COLORS } from '../../internal/colorModel';
 import type { ZoraComponentMeta } from '../../metadata';
 
 export const progressMeta = {
   name: 'Progress',
   category: 'component',
-  directManifestNode: false,
+  directManifestNode: true,
   allowedChildren: [],
-  note: 'Feedback component; not represented as a manifest node in v1.',
-  props: {},
+  blueprint: {
+    label: 'Progress',
+    defaultProps: {
+      value: 50,
+      max: 100,
+      color: 'primary',
+      size: 'm',
+    },
+  },
+  props: {
+    value: {
+      type: 'number',
+      category: 'State',
+      label: 'Value',
+      default: 50,
+    },
+    max: {
+      type: 'number',
+      category: 'State',
+      label: 'Max',
+      default: 100,
+    },
+    color: {
+      type: 'enum',
+      category: 'Style',
+      label: 'Color',
+      enum: [...ZORA_COLORS],
+      default: 'primary',
+    },
+    size: {
+      type: 'enum',
+      category: 'Style',
+      label: 'Size',
+      enum: ['s', 'm', 'l'],
+      default: 'm',
+    },
+  },
 } as const satisfies ZoraComponentMeta;

package/src/index.ts

@@ -225,6 +225,11 @@ export type {
   AuthIdentifierKind,
   ForgotPasswordFormProps,
   ForgotPasswordFormValues,
+  OAuthProviderButtonProps,
+  OAuthProviderIconSpec,
+  OAuthProviderItem,
+  OAuthProviderListLayout,
+  OAuthProviderListProps,
   OtpFormProps,
   OtpFormValues,
   SignInFormProps,
@@ -233,7 +238,17 @@ export type {
   SignUpFormProps,
   SignUpFormValues,
 } from './patterns/auth';
-export { ForgotPasswordForm, OtpForm, SignInForm, SignUpForm } from './patterns/auth';
+export {
+  DEFAULT_OAUTH_PROVIDER_ICONS,
+  ForgotPasswordForm,
+  OAuthProviderButton,
+  OAuthProviderList,
+  OtpForm,
+  resolveOAuthProviderIcon,
+  resolveOAuthProviderLabel,
+  SignInForm,
+  SignUpForm,
+} from './patterns/auth';
 export type { ChatListAvatar, ChatListItemProps } from './patterns/chat-list-item';
 export { ChatListItem } from './patterns/chat-list-item';
 export type {

package/src/metadata/componentMeta.test.ts

@@ -177,6 +177,7 @@ describe('ZORA_COMPONENT_META invariants', () => {
       'Heading',
       'Divider',
       'ChatListItem',
+      'Progress',
     ]);
 
     const expectedContainerNodes = new Set([
@@ -217,6 +218,17 @@ describe('ZORA_COMPONENT_META invariants', () => {
     }
   });
 
+  test('Progress is a direct manifest leaf with serializable defaults', () => {
+    expect(ZORA_COMPONENT_META.Progress.directManifestNode).toBe(true);
+    expect(ZORA_COMPONENT_META.Progress.allowedChildren).toEqual([]);
+    expect(ZORA_COMPONENT_META.Progress.blueprint?.defaultProps).toEqual({
+      value: 50,
+      max: 100,
+      color: 'primary',
+      size: 'm',
+    });
+  });
+
   test('non-direct manifest nodes include an explicit note', () => {
     for (const [key, meta] of Object.entries(ZORA_COMPONENT_META)) {
       if (meta.directManifestNode) continue;

package/src/metadata/componentMeta.ts

@@ -54,6 +54,8 @@ import { sidebarLayoutMeta } from '../layout/sidebar-layout/meta';
 import { topbarLayoutMeta } from '../layout/topbar-layout/meta';
 import {
   forgotPasswordFormMeta,
+  oauthProviderButtonMeta,
+  oauthProviderListMeta,
   otpFormMeta,
   signInFormMeta,
   signUpFormMeta,
@@ -149,6 +151,8 @@ export const ZORA_COMPONENT_META: ZoraComponentMetaRegistry = {
   SidebarLayout: sidebarLayoutMeta,
   TopbarLayout: topbarLayoutMeta,
   ForgotPasswordForm: forgotPasswordFormMeta,
+  OAuthProviderButton: oauthProviderButtonMeta,
+  OAuthProviderList: oauthProviderListMeta,
   OtpForm: otpFormMeta,
   SignInForm: signInFormMeta,
   SignUpForm: signUpFormMeta,

package/src/patterns/auth/OAuthProviderButton.tsx

@@ -0,0 +1,51 @@
+import React from 'react';
+
+import { Button } from '../../components/button';
+import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
+import { resolveOAuthProviderIcon, resolveOAuthProviderLabel } from './oauthProviders';
+import type { OAuthProviderButtonProps } from './types';
+
+function OAuthProviderButtonInner({
+  themeId: _themeId,
+  mode: _mode,
+  providerId,
+  label,
+  icon,
+  disabled = false,
+  loading = false,
+  fullWidth = true,
+  size = 'l',
+  variant = 'outline',
+  color = 'neutral',
+  onPress,
+  testID,
+}: OAuthProviderButtonProps) {
+  const resolvedIcon = icon ?? resolveOAuthProviderIcon(providerId);
+  const resolvedLabel = label ?? `Continue with ${resolveOAuthProviderLabel(providerId)}`;
+
+  return (
+    <Button
+      color={color}
+      disabled={disabled || loading || onPress === undefined}
+      fullWidth={fullWidth}
+      leadingIcon={resolvedIcon}
+      loading={loading}
+      onPress={() => {
+        void onPress?.(providerId);
+      }}
+      size={size}
+      testID={testID}
+      variant={variant}
+    >
+      {resolvedLabel}
+    </Button>
+  );
+}
+
+/***
+ * Renders a provider-branded OAuth action button without owning auth behavior.
+ *
+ * The component only renders UI and forwards the provider id through `onPress`.
+ * Adapters, redirects, and callback handling belong to app/runtime layers.
+ */
+export const OAuthProviderButton = withZoraThemeScope(OAuthProviderButtonInner);

package/src/patterns/auth/OAuthProviderList.tsx

@@ -0,0 +1,54 @@
+import React from 'react';
+
+import { Stack } from '../../foundation';
+import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
+import { OAuthProviderButton } from './OAuthProviderButton';
+import type { OAuthProviderListProps } from './types';
+
+function OAuthProviderListInner({
+  themeId: _themeId,
+  mode: _mode,
+  providers,
+  disabled = false,
+  loading = false,
+  fullWidth,
+  layout = 'stack',
+  size,
+  variant,
+  color,
+  onProviderPress,
+  testID,
+}: OAuthProviderListProps) {
+  const direction = layout === 'inline' ? 'row' : 'column';
+  const resolvedFullWidth = fullWidth ?? layout === 'stack';
+
+  return (
+    <Stack
+      direction={direction}
+      gap="s"
+      testID={testID}
+      wrap={layout === 'inline' ? 'wrap' : undefined}
+    >
+      {providers.map((provider) => (
+        <OAuthProviderButton
+          color={color}
+          disabled={disabled || provider.disabled}
+          fullWidth={resolvedFullWidth}
+          icon={provider.icon}
+          key={provider.id}
+          label={provider.label}
+          loading={loading || provider.loading}
+          onPress={onProviderPress}
+          providerId={provider.id}
+          size={size}
+          variant={variant}
+        />
+      ))}
+    </Stack>
+  );
+}
+
+/***
+ * Renders a group of OAuth provider buttons for sign-in and auth settings flows.
+ */
+export const OAuthProviderList = withZoraThemeScope(OAuthProviderListInner);

package/src/patterns/auth/index.ts

@@ -1,4 +1,11 @@
 export { ForgotPasswordForm } from './ForgotPasswordForm';
+export { OAuthProviderButton } from './OAuthProviderButton';
+export { OAuthProviderList } from './OAuthProviderList';
+export {
+  DEFAULT_OAUTH_PROVIDER_ICONS,
+  resolveOAuthProviderIcon,
+  resolveOAuthProviderLabel,
+} from './oauthProviders';
 export { OtpForm } from './OtpForm';
 export { SignInForm } from './SignInForm';
 export { SignUpForm } from './SignUpForm';
@@ -7,6 +14,11 @@ export type {
   AuthIdentifierKind,
   ForgotPasswordFormProps,
   ForgotPasswordFormValues,
+  OAuthProviderButtonProps,
+  OAuthProviderIconSpec,
+  OAuthProviderItem,
+  OAuthProviderListLayout,
+  OAuthProviderListProps,
   OtpFormProps,
   OtpFormValues,
   SignInFormProps,

package/src/patterns/auth/meta.ts

@@ -11,6 +11,24 @@ export const forgotPasswordFormMeta = {
   props: {},
 } as const satisfies ZoraComponentMeta;
 
+export const oauthProviderButtonMeta = {
+  name: 'OAuthProviderButton',
+  category: 'pattern',
+  directManifestNode: false,
+  allowedChildren: [],
+  note: AUTH_NOTE,
+  props: {},
+} as const satisfies ZoraComponentMeta;
+
+export const oauthProviderListMeta = {
+  name: 'OAuthProviderList',
+  category: 'pattern',
+  directManifestNode: false,
+  allowedChildren: [],
+  note: AUTH_NOTE,
+  props: {},
+} as const satisfies ZoraComponentMeta;
+
 export const otpFormMeta = {
   name: 'OtpForm',
   category: 'pattern',

package/src/patterns/auth/oauthProviders.test.ts

@@ -0,0 +1,31 @@
+import { describe, expect, it } from 'bun:test';
+
+import {
+  DEFAULT_OAUTH_PROVIDER_ICONS,
+  resolveOAuthProviderIcon,
+  resolveOAuthProviderLabel,
+} from './oauthProviders';
+
+describe('OAuth provider UI helpers', () => {
+  it('resolves known provider labels', () => {
+    expect(resolveOAuthProviderLabel('google')).toBe('Google');
+    expect(resolveOAuthProviderLabel('github')).toBe('GitHub');
+    expect(resolveOAuthProviderLabel('linkedin')).toBe('LinkedIn');
+  });
+
+  it('formats custom provider labels', () => {
+    expect(resolveOAuthProviderLabel('custom-sso')).toBe('Custom Sso');
+    expect(resolveOAuthProviderLabel(' enterprise_idp ')).toBe('Enterprise Idp');
+    expect(resolveOAuthProviderLabel('')).toBe('Provider');
+  });
+
+  it('resolves known provider icons', () => {
+    expect(resolveOAuthProviderIcon('google')).toEqual({ provider: 'FontAwesome', name: 'google' });
+    expect(resolveOAuthProviderIcon('github')).toEqual({ provider: 'FontAwesome', name: 'github' });
+    expect(DEFAULT_OAUTH_PROVIDER_ICONS.apple).toEqual({ provider: 'FontAwesome', name: 'apple' });
+  });
+
+  it('returns undefined for custom provider icons', () => {
+    expect(resolveOAuthProviderIcon('custom-sso')).toBeUndefined();
+  });
+});