@pontive/pontkit-core 1.0.0

package/dist/components/renderers/auth/field/field.stories/password-field.stories.d.ts

@@ -0,0 +1,15 @@
+import { Meta, StoryObj } from '@storybook/web-components-vite';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj;
+export declare const Basic: Story;
+export declare const Label: Story;
+export declare const Placeholder: Story;
+export declare const Description: Story;
+export declare const Variant: Story;
+export declare const Disabled: Story;
+export declare const Caret: Story;
+export declare const Mark: Story;
+export declare const Forgot: Story;
+export declare const Validate: Story;
+export declare const Form: Story;

package/dist/components/renderers/auth/field/field.stories/phone-field.stories.d.ts

@@ -0,0 +1,13 @@
+import { Meta, StoryObj } from '@storybook/web-components-vite';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj;
+export declare const Basic: Story;
+export declare const Label: Story;
+export declare const Placeholder: Story;
+export declare const Description: Story;
+export declare const Disabled: Story;
+export declare const Caret: Story;
+export declare const Mark: Story;
+export declare const Validate: Story;
+export declare const Form: Story;

package/dist/components/renderers/auth/field/field.stories/username-field.stories.d.ts

@@ -0,0 +1,13 @@
+import { Meta, StoryObj } from '@storybook/web-components-vite';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj;
+export declare const Basic: Story;
+export declare const Label: Story;
+export declare const Placeholder: Story;
+export declare const Description: Story;
+export declare const Disabled: Story;
+export declare const Caret: Story;
+export declare const Mark: Story;
+export declare const Validate: Story;
+export declare const Form: Story;

package/dist/components/renderers/auth/field/field.types.d.ts

@@ -0,0 +1,120 @@
+import { PontInputAutocomplete, PontAuthIdentifier } from '../../../../types';
+export type BaseFieldPart = "root" | "label" | "mark" | "description" | "input" | "error";
+export type BaseFieldValidateType = "required" | "success";
+export type BaseFieldAutocomplete = PontInputAutocomplete;
+export type BaseFieldValidation = "default" | "simple";
+export type BaseFieldProps = {
+    seed: string;
+    customId?: string;
+    inputId: string;
+    name: string;
+    defaultValue?: string;
+    label: string;
+    placeholder?: string;
+    description?: string;
+    mark?: string;
+    caret?: boolean;
+    autocomplete?: BaseFieldAutocomplete;
+    disabled?: boolean;
+    required?: boolean;
+    validation: BaseFieldValidation;
+    requiredError: string;
+};
+export type EmailFieldPart = BaseFieldPart;
+export type EmailFieldValidateType = BaseFieldValidateType | "format";
+export type EmailFieldAutocomplete = BaseFieldAutocomplete;
+export type EmailFieldValidation = BaseFieldValidation;
+export type PontEmailFieldProps = Omit<BaseFieldProps, "validation" | "autocomplete"> & {
+    pattern: string;
+    autocomplete?: EmailFieldAutocomplete;
+    validation: EmailFieldValidation;
+    formatError: string;
+};
+export type PhoneFieldPart = BaseFieldPart;
+export type PhoneFieldValidateType = BaseFieldValidateType | "format";
+export type PhoneFieldAutocomplete = BaseFieldAutocomplete;
+export type PhoneFieldValidation = BaseFieldValidation;
+export type PontPhoneFieldProps = Omit<BaseFieldProps, "validation" | "autocomplete"> & {
+    pattern: string;
+    autocomplete?: PhoneFieldAutocomplete;
+    validation: PhoneFieldValidation;
+    formatError: string;
+};
+export type UsernameFieldPart = BaseFieldPart;
+export type UsernameFieldValidateType = BaseFieldValidateType | "minlength" | "maxlength" | "format";
+export type UsernameFieldAutocomplete = BaseFieldAutocomplete;
+export type UsernameFieldValidation = BaseFieldValidation;
+export type PontUsernameFieldProps = Omit<BaseFieldProps, "validation" | "autocomplete"> & {
+    minlength?: number;
+    maxlength?: number;
+    pattern: string;
+    autocomplete?: UsernameFieldAutocomplete;
+    validation: UsernameFieldValidation;
+    minlengthError: string;
+    maxlengthError: string;
+    formatError: string;
+};
+export type NameFieldPart = BaseFieldPart;
+export type NameFieldValidateType = BaseFieldValidateType | "minlength" | "maxlength" | "format";
+export type NameFieldAutocomplete = BaseFieldAutocomplete;
+export type NameFieldValidation = BaseFieldValidation;
+export type PontNameFieldProps = Omit<BaseFieldProps, "validation" | "autocomplete"> & {
+    minlength?: number;
+    maxlength?: number;
+    pattern: string;
+    autocomplete?: NameFieldAutocomplete;
+    validation: NameFieldValidation;
+    minlengthError: string;
+    maxlengthError: string;
+    formatError: string;
+};
+export type IdentifierFieldPart = BaseFieldPart;
+export type IdentifierFieldValidateType = BaseFieldValidateType;
+export type IdentifierFieldAutocomplete = BaseFieldAutocomplete;
+export type IdentifierFieldValidation = BaseFieldValidation;
+export type PontIdentifierFieldProps = Omit<BaseFieldProps, "validation" | "autocomplete"> & {
+    identifiers: PontAuthIdentifier[];
+    autocomplete?: IdentifierFieldAutocomplete;
+    validation: IdentifierFieldValidation;
+};
+export type PasswordFieldPart = BaseFieldPart | "forgot";
+export type PasswordFieldValidateType = BaseFieldValidateType | "minlength" | "maxlength" | "format";
+export type PasswordFieldVariant = "toggle" | "simple";
+export type PasswordFieldAutocomplete = BaseFieldAutocomplete;
+export type PasswordFieldValidation = BaseFieldValidation;
+export type PasswordFieldRuleName = "uppercase" | "lowercase" | "number" | "special";
+export type PasswordFieldRule = {
+    name: PasswordFieldRuleName;
+    pattern?: undefined;
+    error?: string;
+} | {
+    name?: undefined;
+    pattern: string;
+    error?: string;
+};
+export type PontPasswordFieldProps = Omit<BaseFieldProps, "validation" | "autocomplete"> & {
+    variant: PasswordFieldVariant;
+    autocomplete?: PasswordFieldAutocomplete;
+    minlength?: number;
+    maxlength?: number;
+    rules: PasswordFieldRule[];
+    validation: PasswordFieldValidation;
+    minlengthError: string;
+    maxlengthError: string;
+    formatError: string;
+    forgot?: boolean;
+    forgotLabel: string;
+    forgotEvent?: string;
+};
+export type ConfirmFieldPart = BaseFieldPart;
+export type ConfirmFieldValidateType = BaseFieldValidateType | "match";
+export type ConfirmFieldVariant = PasswordFieldVariant;
+export type ConfirmFieldAutocomplete = BaseFieldAutocomplete;
+export type ConfirmFieldValidation = BaseFieldValidation;
+export type PontConfirmFieldProps = Omit<BaseFieldProps, "validation" | "autocomplete"> & {
+    variant: ConfirmFieldVariant;
+    autocomplete?: ConfirmFieldAutocomplete;
+    pair: string;
+    validation: ConfirmFieldValidation;
+    matchError: string;
+};

package/dist/components/renderers/auth/field/index.d.ts

@@ -0,0 +1,19 @@
+import { PontConfirmField } from './_confirm-field';
+import { PontEmailField } from './_email-field';
+import { PontIdentifierField } from './_identifier-field';
+import { PontNameField } from './_name-field';
+import { PontPasswordField } from './_password-field';
+import { PontPhoneField } from './_phone-field';
+import { PontUsernameField } from './_username-field';
+export { PontConfirmField, PontEmailField, PontIdentifierField, PontNameField, PontPasswordField, PontPhoneField, PontUsernameField, };
+declare global {
+    interface HTMLElementTagNameMap {
+        "pont-email-field": PontEmailField;
+        "pont-phone-field": PontPhoneField;
+        "pont-username-field": PontUsernameField;
+        "pont-name-field": PontNameField;
+        "pont-identifier-field": PontIdentifierField;
+        "pont-password-field": PontPasswordField;
+        "pont-confirm-field": PontConfirmField;
+    }
+}

package/dist/components/renderers/auth/form/_form.d.ts

@@ -0,0 +1,68 @@
+import { LitElement } from '../../../../../node_modules/lit';
+import { FormOnReset, FormOnSubmit, FormPart, PontFormProps as Props } from './form.types';
+/**
+ * Form container that orchestrates validation, collects field data, and handles
+ * auth service communications.
+ *
+ * @part form - form: root
+ *
+ * @event pont-form:submit - Fired synchronously after validation passes, before the auth call.
+ *  Cancelable: call `event.preventDefault()` to abort the auth call.
+ *  Detail: `{ id: string; data: Record<string, string>; event: string }`
+ * @event pont-form:success - Fired after the auth service call resolves successfully.
+ *  Detail: `{ id: string; data: Record<string, string>; event: string; result: ProcessEventResponse }`
+ * @event pont-form:error - Fired when the auth service call fails.
+ *  Detail: `{ id: string; data: Record<string, string>; event: string; message: string }`
+ * @event pont-form:reset - Fired when the form is reset.
+ *  Detail: `{ id: string }`
+ */
+export declare class PontForm extends LitElement implements Props {
+    static readonly ROOT = "form";
+    static readonly TAG: string;
+    static readonly SUBMIT_EVENT: string;
+    static readonly SUCCESS_EVENT: string;
+    static readonly ERROR_EVENT: string;
+    static readonly RESET_EVENT: string;
+    static readonly PARTS: Record<FormPart, string>;
+    /**
+     * Substring used in generated part IDs.
+     */
+    seed: string;
+    /**
+     * Custom ID used as the root part ID and as the base of subpart IDs.
+     */
+    customId?: string;
+    /**
+     * Custom submission handler that replaces the default auth service call.
+     */
+    onSubmit?: FormOnSubmit;
+    /**
+     * Called after the native form reset event fires.
+     */
+    onReset?: FormOnReset;
+    /**
+     * Auth `event` captured from the most recent submit button click event.
+     * Cleared after each submission attempt.
+     */
+    private _pendingEvent?;
+    /**
+     * Indicates that an async auth call is in-flight.
+     * Guarding against double-submission.
+     */
+    private _loading;
+    protected createRenderRoot(): this;
+    get rootId(): string;
+    private get _form();
+    private get _fields();
+    private get _submit();
+    private get _interactives();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    protected firstUpdated(): void;
+    private _dispatch;
+    private _setLoading;
+    private _handleSubmitClick;
+    private _handleSubmit;
+    private _handleReset;
+    render(): import('../../../../../node_modules/lit-html').TemplateResult<1>;
+}

package/dist/components/renderers/auth/form/form.defs.d.ts

@@ -0,0 +1,6 @@
+import { PontPasskeyButton, PontProviderButton } from '../button';
+import { PontConfirmField, PontEmailField, PontIdentifierField, PontNameField, PontPasswordField, PontPhoneField, PontUsernameField } from '../field';
+import { PontLink } from '../../navigation/link';
+import { PontOtp } from '../otp';
+export declare const FIELDS: (typeof PontPasswordField | typeof PontConfirmField | typeof PontEmailField | typeof PontIdentifierField | typeof PontNameField | typeof PontPhoneField | typeof PontUsernameField | typeof PontOtp)[];
+export declare const INTERACTIVES: (typeof PontPasskeyButton | typeof PontProviderButton | typeof PontLink)[];

package/dist/components/renderers/auth/form/form.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from '@storybook/web-components-vite';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj;
+export declare const Demo: Story;
+export declare const OnSubmit: Story;
+export declare const Events: Story;

package/dist/components/renderers/auth/form/form.types.d.ts

@@ -0,0 +1,14 @@
+import { PontPasskeyButton, PontProviderButton } from '../button';
+import { PontConfirmField, PontEmailField, PontIdentifierField, PontNameField, PontPasswordField, PontPhoneField, PontUsernameField } from '../field';
+import { PontLink } from '../../navigation/link';
+export type FormPart = "root";
+export type FormOnSubmit = (data: Record<string, string>, event?: string) => void;
+export type FormOnReset = (event: Event) => void;
+export type PontFormProps = {
+    seed: string;
+    customId?: string;
+    onSubmit?: FormOnSubmit;
+    onReset?: FormOnReset;
+};
+export type Field = PontEmailField | PontPhoneField | PontUsernameField | PontIdentifierField | PontNameField | PontPasswordField | PontConfirmField;
+export type Interactive = PontPasskeyButton | PontProviderButton | PontLink;

package/dist/components/renderers/auth/form/index.d.ts

@@ -0,0 +1,7 @@
+import { PontForm } from './_form';
+export { PontForm };
+declare global {
+    interface HTMLElementTagNameMap {
+        "pont-form": PontForm;
+    }
+}

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

@@ -0,0 +1,9 @@
+export * from './button';
+export * from './field';
+export * from './form';
+export * from './otp';
+export * from './provider-field';
+export * from './edit-identifier';
+export * from './qr-code';
+export * from './secret';
+export * from './recovery-codes';

package/dist/components/renderers/auth/otp/_otp-resend.d.ts

@@ -0,0 +1,46 @@
+import { LitElement } from '../../../../../node_modules/lit';
+import { OtpResendParts, OtpResendProps as Props } from './otp.types';
+export declare class PontOtpResend extends LitElement implements Props {
+    static readonly ROOT = "otp-resend";
+    static readonly COUNTDOWN = "countdown";
+    static readonly RESEND_BUTTON = "resend-button";
+    static readonly TAG: string;
+    static readonly PARTS: Record<OtpResendParts, string>;
+    /**
+     * Substring used in generated part IDs.
+     */
+    seed: string;
+    /**
+     * Custom ID used as the root part ID and as the base of subpart IDs.
+     */
+    customId?: string;
+    /**
+     * Countdown duration in seconds.
+     */
+    duration: number;
+    /**
+     * Event forwarded to Auth.processLoginflowEvent when the resend button is clicked.
+     */
+    resend_event: string;
+    /**
+     * Label for the resend button (visible when the countdown has finished).
+     */
+    resend_button_label: string;
+    /**
+     * Text displayed before the remaining time, e.g. "Resend code in ".
+     */
+    count_down_text: string;
+    private _remaining;
+    private _timer;
+    protected createRenderRoot(): this;
+    get rootId(): string;
+    get countdownId(): string;
+    get resendButtonId(): string;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    updated(changedProperties: Map<string, any>): void;
+    private _startCountdown;
+    private _clearTimer;
+    private _handleResendClick;
+    render(): import('../../../../../node_modules/lit-html').TemplateResult<1>;
+}

package/dist/components/renderers/auth/otp/_otp.d.ts

@@ -0,0 +1,58 @@
+import { BaseElement } from '../../..';
+import { OtpVariant } from './otp.types';
+export declare class PontOtp extends BaseElement {
+    static readonly ROOT = "otp";
+    get _containerElement(): HTMLLIElement | null;
+    excludeFromForm: boolean;
+    get isFormField(): boolean;
+    static readonly TAG: string;
+    required: boolean;
+    requiredError: string;
+    incompleteError: string;
+    variant: OtpVariant;
+    length: number;
+    timeout: number;
+    /**
+     * Key the entered code is submitted under in auto-submit mode. A screen that
+     * never authors `data-key` submits under this, and the flow's verification
+     * action reads `code` — so this default IS the contract, not a placeholder.
+     * Left empty, the payload goes out under the empty-string key.
+     */
+    dataKey: string;
+    /**
+     * Used by PontForm when autoSubmit=false.
+     */
+    name: string;
+    /**
+     * Used by PontForm loading state.
+     */
+    disabled: boolean;
+    /**
+     * If true:
+     *   - behaves exactly like the current OTP component
+     *   - directly calls Auth.processLoginflowEvent()
+     *
+     * If false:
+     *   - behaves like a form field
+     *   - value is collected by PontForm
+     */
+    autoSubmit: boolean;
+    event: string;
+    resendText: string;
+    resendButtonText: string;
+    resendEvent: string;
+    id: string;
+    private _invalid;
+    private _error;
+    private _value;
+    protected createRenderRoot(): this;
+    get value(): string;
+    validate(): boolean;
+    private emit;
+    private buildOTPContentHTML;
+    private handleComplete;
+    private handleFocus;
+    private handleBlur;
+    private handleResend;
+    render(): import('../../../../../node_modules/lit-html').TemplateResult;
+}

package/dist/components/renderers/auth/otp/index.d.ts

@@ -0,0 +1,9 @@
+import { PontOtp } from './_otp';
+import { PontOtpResend } from './_otp-resend';
+export { PontOtp, PontOtpResend };
+declare global {
+    interface HTMLElementTagNameMap {
+        "pont-otp": PontOtp;
+        "pont-otp-resend": PontOtpResend;
+    }
+}

package/dist/components/renderers/auth/otp/otp.defs.d.ts

@@ -0,0 +1,2 @@
+import { OtpResendProps } from './otp.types';
+export declare const OTP_RESEND_DEFAULT_PROPS: Omit<OtpResendProps, "seed">;

package/dist/components/renderers/auth/otp/otp.stories.d.ts

@@ -0,0 +1,5 @@
+import { Meta, StoryObj } from '@storybook/web-components-vite';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj;
+export declare const Basic: Story;

package/dist/components/renderers/auth/otp/otp.types.d.ts

@@ -0,0 +1,25 @@
+export type OtpVariant = "simple" | "with_separator" | "with_spacing" | "digits_only";
+export type OtpProps = {
+    variant?: OtpVariant;
+    length?: number;
+    timeout?: number;
+    dataKey?: string;
+    event?: string;
+    resendText?: string;
+    resendButtonText?: string;
+    resendEvent?: string;
+    id?: string;
+};
+export type OtpResendProps = {
+    seed: string;
+    customId?: string;
+    /** Total countdown time in seconds. */
+    duration: number;
+    /** Event forwarded to Auth.processLoginflowEvent on resend click. */
+    resend_event: string;
+    /** Label for the resend button (shown when countdown finishes). */
+    resend_button_label: string;
+    /** Text shown before the remaining time. Example: "Resend code in " */
+    count_down_text: string;
+};
+export type OtpResendParts = "root" | "countdown" | "resendButton";

package/dist/components/renderers/auth/provider-field/_provider-field.d.ts

@@ -0,0 +1,124 @@
+import { LitElement } from '../../../../../node_modules/lit';
+import { PontAuthProvider } from '../../../../types';
+import { ProviderButtonContent, ProviderButtonIconAlign, ProviderButtonSize, ProviderButtonVariant } from '../button/button.types';
+import { ProviderFieldOverride, ProviderFieldProps } from './provider-field.types';
+/**
+ * A wrapper field, containing and styling auth provider buttons.
+ * @element pont-provider-field
+ *
+ * @part provider-field (pont-field)
+ * @part provider-field-button (pont-provider-button)
+ */
+export declare class PontProviderField extends LitElement implements ProviderFieldProps {
+    private static readonly _ROOT;
+    private static readonly _BUTTON;
+    /**
+     * The stable CSS part names exposed for external targeting.
+     */
+    static get parts(): {
+        root: string;
+        button: string;
+    };
+    /**
+     * A unique value used as a substring in the generated part/child IDs, when
+     * the `child-id` prop is not provided.
+     */
+    seed: string;
+    /**
+     * The `id` value given to the root child/part and used as the base of other
+     * child/part IDs.
+     */
+    customId?: string;
+    /**
+     * The providers included as provider buttons in this field.
+     */
+    providers: PontAuthProvider[];
+    /**
+     * The `content` prop passed to each of the provider buttons.
+     */
+    content?: ProviderButtonContent;
+    /**
+     * The `variant` prop passed to each of the provider buttons.
+     */
+    variant?: ProviderButtonVariant;
+    /**
+     * The `size` prop passed to each of the provider buttons.
+     */
+    size?: ProviderButtonSize;
+    /**
+     * The `prompt` prop passed to each of the provider buttons.
+     */
+    prompt?: string;
+    /**
+     * The `icon-align` prop passed to each of the provider buttons.
+     */
+    iconAlign?: ProviderButtonIconAlign;
+    /**
+     * The `label` prop passed to each of the provider buttons.
+     */
+    label?: string;
+    /**
+     * The `disabled` prop passed to each of the provider buttons.
+     */
+    disabled?: boolean;
+    /**
+     * The `loading` prop passed to each of the provider buttons.
+     */
+    loading?: boolean;
+    /**
+     * The `event` prop passed to each of the provider buttons.
+     */
+    event?: string;
+    /**
+     * A list of provider-specific prop overrides.
+     */
+    overrides: ProviderFieldOverride[];
+    /**
+     * Overrides default behavior to render into light DOM.
+     */
+    protected createRenderRoot(): this;
+    /**
+     * The `id` of the root element. Equal to `customId` when provided, otherwise
+     * derived from the component's part name and `seed`.
+     */
+    get rootId(): string;
+    /**
+     * The `id` of the provider button element, derived from `rootId` with the
+     * button part name appended.
+     */
+    get buttonId(): string;
+    /**
+     * The number of columns within the field, given to the root element via its
+     * `data-columns` attribute. In hyphenated values (e.g. `"two-three"`), the
+     * first part is the number of columns in the first row, and the second part
+     * is the number of columns in the second row.
+     */
+    get columns(): "one" | "three" | "two-three" | "three-four" | "four";
+    private design;
+    /**
+     * Sample providers shown in design mode when none are authored. At runtime
+     * the resolve pass injects the app's connected providers; in the designer
+     * there is no app, and rendering an empty container would tell the author
+     * the element is broken.
+     *
+     * Three, because that is where the layout switches to icon-only buttons —
+     * the author sees the arrangement most real screens end up with.
+     */
+    private static readonly DESIGN_PROVIDERS;
+    /**
+     * The `providers` array without any duplicates.
+     */
+    private get _providers();
+    /**
+     * The `overrides` array without any duplicate `provider` entries (i.e. no
+     * two override items have the same `provider` value).
+     */
+    private get _overrides();
+    /**
+     * Returns the template for the button part, specifically an
+     * `pont-provider-button` element with props originating from `overrides`
+     * if given, otherwise the general prop given to this field component.
+     */
+    private _renderButton;
+    render(): import('../../../../../node_modules/lit-html').TemplateResult<1>;
+}

package/dist/components/renderers/auth/provider-field/index.d.ts

@@ -0,0 +1,7 @@
+import { PontProviderField } from './_provider-field';
+export { PontProviderField };
+declare global {
+    interface HTMLElementTagNameMap {
+        "pont-provider-field": PontProviderField;
+    }
+}

package/dist/components/renderers/auth/provider-field/provider-field.stories.d.ts

@@ -0,0 +1,25 @@
+import { Meta, StoryObj } from '@storybook/web-components-vite';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj;
+export declare const Basic: Story;
+export declare const Content: Story;
+export declare const Variant: Story;
+export declare const Size: Story;
+export declare const Prompt: Story;
+export declare const IconAlign: Story;
+export declare const Label: Story;
+export declare const Disabled: Story;
+export declare const Loading: Story;
+export declare const Overrides: Story;
+/**
+ * With no `providers` authored this element renders an empty container — at
+ * runtime that is correct, because the resolve pass has either injected the
+ * app's connected providers or pruned the element entirely before a user sees
+ * it. The screen designer does neither, so an author dropping the element onto
+ * the canvas would see nothing at all.
+ *
+ * Design mode renders sample buttons instead. See
+ * pontive-spec/17-authflow-screen-resolution.md §1.
+ */
+export declare const DesignMode: Story;

package/dist/components/renderers/auth/provider-field/provider-field.types.d.ts

@@ -0,0 +1,17 @@
+import { PontAuthProvider } from '../../../../types';
+import { ProviderButtonContent, ProviderButtonIconAlign, ProviderButtonSize, ProviderButtonVariant, PontProviderButtonProps } from '../button/button.types';
+type ProviderFieldButtonProps = Omit<PontProviderButtonProps, "seed" | "variant" | "size" | "content" | "iconAlign" | "prompt"> & {
+    seed?: string;
+    variant?: ProviderButtonVariant;
+    size?: ProviderButtonSize;
+    content?: ProviderButtonContent;
+    iconAlign?: ProviderButtonIconAlign;
+    prompt?: string;
+};
+export type ProviderFieldOverride = ProviderFieldButtonProps;
+export type ProviderFieldProps = Omit<ProviderFieldButtonProps, "seed" | "provider"> & {
+    seed: string;
+    providers: PontAuthProvider[];
+    overrides: ProviderFieldOverride[];
+};
+export {};