@primer-io/primer-js 0.1.9 → 0.3.0

package/dist/primer-loader.d.ts

@@ -1,8 +1,11 @@
+import { Task, initialState } from '@lit/task';
+import { CSSResult, LitElement, PropertyValues, ReactiveController, ReactiveControllerHost, SVGTemplateResult, TemplateResult, nothing } from 'lit';
+
 export type CardNetwork = {
 	displayName: string;
 	network: string;
 };
-export type CardNetworksContext = {
+export type CardNetworksContextType = {
 	detectedCardNetwork: CardNetwork | null;
 	selectableCardNetworks: CardNetwork[];
 	isLoading: boolean;
@@ -18,1028 +21,7 @@ export type SdkState = {
 		details?: Record<string, unknown>;
 	} | null;
 };
-export type SdkStateContext = SdkState | null;
-/**
- * A CSSResult or native CSSStyleSheet.
- *
- * In browsers that support constructible CSS style sheets, CSSStyleSheet
- * object can be used for styling along side CSSResult from the `css`
- * template tag.
- */
-export type CSSResultOrNative = CSSResult | CSSStyleSheet;
-export type CSSResultArray = Array<CSSResultOrNative | CSSResultArray>;
-/**
- * A single CSSResult, CSSStyleSheet, or an array or nested arrays of those.
- */
-export type CSSResultGroup = CSSResultOrNative | CSSResultArray;
-declare class CSSResult {
-	["_$cssResult$"]: boolean;
-	readonly cssText: string;
-	private _styleSheet?;
-	private _strings;
-	private constructor();
-	get styleSheet(): CSSStyleSheet | undefined;
-	toString(): string;
-}
-/**
- * @license
- * Copyright 2021 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-/**
- * An object that can host Reactive Controllers and call their lifecycle
- * callbacks.
- */
-export interface ReactiveControllerHost {
-	/**
-	 * Adds a controller to the host, which sets up the controller's lifecycle
-	 * methods to be called with the host's lifecycle.
-	 */
-	addController(controller: ReactiveController): void;
-	/**
-	 * Removes a controller from the host.
-	 */
-	removeController(controller: ReactiveController): void;
-	/**
-	 * Requests a host update which is processed asynchronously. The update can
-	 * be waited on via the `updateComplete` property.
-	 */
-	requestUpdate(): void;
-	/**
-	 * Returns a Promise that resolves when the host has completed updating.
-	 * The Promise value is a boolean that is `true` if the element completed the
-	 * update without triggering another update. The Promise result is `false` if
-	 * a property was set inside `updated()`. If the Promise is rejected, an
-	 * exception was thrown during the update.
-	 *
-	 * @return A promise of a boolean that indicates if the update resolved
-	 *     without triggering another update.
-	 */
-	readonly updateComplete: Promise<boolean>;
-}
-/**
- * A Reactive Controller is an object that enables sub-component code
- * organization and reuse by aggregating the state, behavior, and lifecycle
- * hooks related to a single feature.
- *
- * Controllers are added to a host component, or other object that implements
- * the `ReactiveControllerHost` interface, via the `addController()` method.
- * They can hook their host components's lifecycle by implementing one or more
- * of the lifecycle callbacks, or initiate an update of the host component by
- * calling `requestUpdate()` on the host.
- */
-export interface ReactiveController {
-	/**
-	 * Called when the host is connected to the component tree. For custom
-	 * element hosts, this corresponds to the `connectedCallback()` lifecycle,
-	 * which is only called when the component is connected to the document.
-	 */
-	hostConnected?(): void;
-	/**
-	 * Called when the host is disconnected from the component tree. For custom
-	 * element hosts, this corresponds to the `disconnectedCallback()` lifecycle,
-	 * which is called the host or an ancestor component is disconnected from the
-	 * document.
-	 */
-	hostDisconnected?(): void;
-	/**
-	 * Called during the client-side host update, just before the host calls
-	 * its own update.
-	 *
-	 * Code in `update()` can depend on the DOM as it is not called in
-	 * server-side rendering.
-	 */
-	hostUpdate?(): void;
-	/**
-	 * Called after a host update, just before the host calls firstUpdated and
-	 * updated. It is not called in server-side rendering.
-	 *
-	 */
-	hostUpdated?(): void;
-}
-/**
- * Converts property values to and from attribute values.
- */
-export interface ComplexAttributeConverter<Type = unknown, TypeHint = unknown> {
-	/**
-	 * Called to convert an attribute value to a property
-	 * value.
-	 */
-	fromAttribute?(value: string | null, type?: TypeHint): Type;
-	/**
-	 * Called to convert a property value to an attribute
-	 * value.
-	 *
-	 * It returns unknown instead of string, to be compatible with
-	 * https://github.com/WICG/trusted-types (and similar efforts).
-	 */
-	toAttribute?(value: Type, type?: TypeHint): unknown;
-}
-export type AttributeConverter<Type = unknown, TypeHint = unknown> = ComplexAttributeConverter<Type> | ((value: string | null, type?: TypeHint) => Type);
-/**
- * Defines options for a property accessor.
- */
-export interface PropertyDeclaration<Type = unknown, TypeHint = unknown> {
-	/**
-	 * When set to `true`, indicates the property is internal private state. The
-	 * property should not be set by users. When using TypeScript, this property
-	 * should be marked as `private` or `protected`, and it is also a common
-	 * practice to use a leading `_` in the name. The property is not added to
-	 * `observedAttributes`.
-	 */
-	readonly state?: boolean;
-	/**
-	 * Indicates how and whether the property becomes an observed attribute.
-	 * If the value is `false`, the property is not added to `observedAttributes`.
-	 * If true or absent, the lowercased property name is observed (e.g. `fooBar`
-	 * becomes `foobar`). If a string, the string value is observed (e.g
-	 * `attribute: 'foo-bar'`).
-	 */
-	readonly attribute?: boolean | string;
-	/**
-	 * Indicates the type of the property. This is used only as a hint for the
-	 * `converter` to determine how to convert the attribute
-	 * to/from a property.
-	 */
-	readonly type?: TypeHint;
-	/**
-	 * Indicates how to convert the attribute to/from a property. If this value
-	 * is a function, it is used to convert the attribute value a the property
-	 * value. If it's an object, it can have keys for `fromAttribute` and
-	 * `toAttribute`. If no `toAttribute` function is provided and
-	 * `reflect` is set to `true`, the property value is set directly to the
-	 * attribute. A default `converter` is used if none is provided; it supports
-	 * `Boolean`, `String`, `Number`, `Object`, and `Array`. Note,
-	 * when a property changes and the converter is used to update the attribute,
-	 * the property is never updated again as a result of the attribute changing,
-	 * and vice versa.
-	 */
-	readonly converter?: AttributeConverter<Type, TypeHint>;
-	/**
-	 * Indicates if the property should reflect to an attribute.
-	 * If `true`, when the property is set, the attribute is set using the
-	 * attribute name determined according to the rules for the `attribute`
-	 * property option and the value of the property converted using the rules
-	 * from the `converter` property option.
-	 */
-	readonly reflect?: boolean;
-	/**
-	 * A function that indicates if a property should be considered changed when
-	 * it is set. The function should take the `newValue` and `oldValue` and
-	 * return `true` if an update should be requested.
-	 */
-	hasChanged?(value: Type, oldValue: Type): boolean;
-	/**
-	 * Indicates whether an accessor will be created for this property. By
-	 * default, an accessor will be generated for this property that requests an
-	 * update when set. If this flag is `true`, no accessor will be created, and
-	 * it will be the user's responsibility to call
-	 * `this.requestUpdate(propertyName, oldValue)` to request an update when
-	 * the property changes.
-	 */
-	readonly noAccessor?: boolean;
-}
-/**
- * Map of properties to PropertyDeclaration options. For each property an
- * accessor is made, and the property is processed according to the
- * PropertyDeclaration options.
- */
-export interface PropertyDeclarations {
-	readonly [key: string]: PropertyDeclaration;
-}
-export type PropertyDeclarationMap = Map<PropertyKey, PropertyDeclaration>;
-/**
- * A Map of property keys to values.
- *
- * Takes an optional type parameter T, which when specified as a non-any,
- * non-unknown type, will make the Map more strongly-typed, associating the map
- * keys with their corresponding value type on T.
- *
- * Use `PropertyValues<this>` when overriding ReactiveElement.update() and
- * other lifecycle methods in order to get stronger type-checking on keys
- * and values.
- */
-export type PropertyValues<T = any> = T extends object ? PropertyValueMap<T> : Map<PropertyKey, unknown>;
-/**
- * Do not use, instead prefer {@linkcode PropertyValues}.
- */
-export interface PropertyValueMap<T> extends Map<PropertyKey, unknown> {
-	get<K extends keyof T>(k: K): T[K] | undefined;
-	set<K extends keyof T>(key: K, value: T[K]): this;
-	has<K extends keyof T>(k: K): boolean;
-	delete<K extends keyof T>(k: K): boolean;
-}
-/**
- * A string representing one of the supported dev mode warning categories.
- */
-export type WarningKind = "change-in-update" | "migration" | "async-perform-update";
-export type Initializer = (element: ReactiveElement) => void;
-declare global {
-	interface SymbolConstructor {
-		readonly metadata: unique symbol;
-	}
-}
-declare global {
-	var litPropertyMetadata: WeakMap<object, Map<PropertyKey, PropertyDeclaration>>;
-}
-declare abstract class ReactiveElement extends HTMLElement implements ReactiveControllerHost {
-	/**
-	 * Read or set all the enabled warning categories for this class.
-	 *
-	 * This property is only used in development builds.
-	 *
-	 * @nocollapse
-	 * @category dev-mode
-	 */
-	static enabledWarnings?: WarningKind[];
-	/**
-	 * Enable the given warning category for this class.
-	 *
-	 * This method only exists in development builds, so it should be accessed
-	 * with a guard like:
-	 *
-	 * ```ts
-	 * // Enable for all ReactiveElement subclasses
-	 * ReactiveElement.enableWarning?.('migration');
-	 *
-	 * // Enable for only MyElement and subclasses
-	 * MyElement.enableWarning?.('migration');
-	 * ```
-	 *
-	 * @nocollapse
-	 * @category dev-mode
-	 */
-	static enableWarning?: (warningKind: WarningKind) => void;
-	/**
-	 * Disable the given warning category for this class.
-	 *
-	 * This method only exists in development builds, so it should be accessed
-	 * with a guard like:
-	 *
-	 * ```ts
-	 * // Disable for all ReactiveElement subclasses
-	 * ReactiveElement.disableWarning?.('migration');
-	 *
-	 * // Disable for only MyElement and subclasses
-	 * MyElement.disableWarning?.('migration');
-	 * ```
-	 *
-	 * @nocollapse
-	 * @category dev-mode
-	 */
-	static disableWarning?: (warningKind: WarningKind) => void;
-	/**
-	 * Adds an initializer function to the class that is called during instance
-	 * construction.
-	 *
-	 * This is useful for code that runs against a `ReactiveElement`
-	 * subclass, such as a decorator, that needs to do work for each
-	 * instance, such as setting up a `ReactiveController`.
-	 *
-	 * ```ts
-	 * const myDecorator = (target: typeof ReactiveElement, key: string) => {
-	 *   target.addInitializer((instance: ReactiveElement) => {
-	 *     // This is run during construction of the element
-	 *     new MyController(instance);
-	 *   });
-	 * }
-	 * ```
-	 *
-	 * Decorating a field will then cause each instance to run an initializer
-	 * that adds a controller:
-	 *
-	 * ```ts
-	 * class MyElement extends LitElement {
-	 *   @myDecorator foo;
-	 * }
-	 * ```
-	 *
-	 * Initializers are stored per-constructor. Adding an initializer to a
-	 * subclass does not add it to a superclass. Since initializers are run in
-	 * constructors, initializers will run in order of the class hierarchy,
-	 * starting with superclasses and progressing to the instance's class.
-	 *
-	 * @nocollapse
-	 */
-	static addInitializer(initializer: Initializer): void;
-	static _initializers?: Initializer[];
-	/**
-	 * Maps attribute names to properties; for example `foobar` attribute to
-	 * `fooBar` property. Created lazily on user subclasses when finalizing the
-	 * class.
-	 * @nocollapse
-	 */
-	private static __attributeToPropertyMap;
-	/**
-	 * Marks class as having been finalized, which includes creating properties
-	 * from `static properties`, but does *not* include all properties created
-	 * from decorators.
-	 * @nocollapse
-	 */
-	protected static finalized: true | undefined;
-	/**
-	 * Memoized list of all element properties, including any superclass
-	 * properties. Created lazily on user subclasses when finalizing the class.
-	 *
-	 * @nocollapse
-	 * @category properties
-	 */
-	static elementProperties: PropertyDeclarationMap;
-	/**
-	 * User-supplied object that maps property names to `PropertyDeclaration`
-	 * objects containing options for configuring reactive properties. When
-	 * a reactive property is set the element will update and render.
-	 *
-	 * By default properties are public fields, and as such, they should be
-	 * considered as primarily settable by element users, either via attribute or
-	 * the property itself.
-	 *
-	 * Generally, properties that are changed by the element should be private or
-	 * protected fields and should use the `state: true` option. Properties
-	 * marked as `state` do not reflect from the corresponding attribute
-	 *
-	 * However, sometimes element code does need to set a public property. This
-	 * should typically only be done in response to user interaction, and an event
-	 * should be fired informing the user; for example, a checkbox sets its
-	 * `checked` property when clicked and fires a `changed` event. Mutating
-	 * public properties should typically not be done for non-primitive (object or
-	 * array) properties. In other cases when an element needs to manage state, a
-	 * private property set with the `state: true` option should be used. When
-	 * needed, state properties can be initialized via public properties to
-	 * facilitate complex interactions.
-	 * @nocollapse
-	 * @category properties
-	 */
-	static properties: PropertyDeclarations;
-	/**
-	 * Memoized list of all element styles.
-	 * Created lazily on user subclasses when finalizing the class.
-	 * @nocollapse
-	 * @category styles
-	 */
-	static elementStyles: Array<CSSResultOrNative>;
-	/**
-	 * Array of styles to apply to the element. The styles should be defined
-	 * using the {@linkcode css} tag function, via constructible stylesheets, or
-	 * imported from native CSS module scripts.
-	 *
-	 * Note on Content Security Policy:
-	 *
-	 * Element styles are implemented with `<style>` tags when the browser doesn't
-	 * support adopted StyleSheets. To use such `<style>` tags with the style-src
-	 * CSP directive, the style-src value must either include 'unsafe-inline' or
-	 * `nonce-<base64-value>` with `<base64-value>` replaced be a server-generated
-	 * nonce.
-	 *
-	 * To provide a nonce to use on generated `<style>` elements, set
-	 * `window.litNonce` to a server-generated nonce in your page's HTML, before
-	 * loading application code:
-	 *
-	 * ```html
-	 * <script>
-	 *   // Generated and unique per request:
-	 *   window.litNonce = 'a1b2c3d4';
-	 * </script>
-	 * ```
-	 * @nocollapse
-	 * @category styles
-	 */
-	static styles?: CSSResultGroup;
-	/**
-	 * Returns a list of attributes corresponding to the registered properties.
-	 * @nocollapse
-	 * @category attributes
-	 */
-	static get observedAttributes(): string[];
-	private __instanceProperties?;
-	/**
-	 * Creates a property accessor on the element prototype if one does not exist
-	 * and stores a {@linkcode PropertyDeclaration} for the property with the
-	 * given options. The property setter calls the property's `hasChanged`
-	 * property option or uses a strict identity check to determine whether or not
-	 * to request an update.
-	 *
-	 * This method may be overridden to customize properties; however,
-	 * when doing so, it's important to call `super.createProperty` to ensure
-	 * the property is setup correctly. This method calls
-	 * `getPropertyDescriptor` internally to get a descriptor to install.
-	 * To customize what properties do when they are get or set, override
-	 * `getPropertyDescriptor`. To customize the options for a property,
-	 * implement `createProperty` like this:
-	 *
-	 * ```ts
-	 * static createProperty(name, options) {
-	 *   options = Object.assign(options, {myOption: true});
-	 *   super.createProperty(name, options);
-	 * }
-	 * ```
-	 *
-	 * @nocollapse
-	 * @category properties
-	 */
-	static createProperty(name: PropertyKey, options?: PropertyDeclaration): void;
-	/**
-	 * Returns a property descriptor to be defined on the given named property.
-	 * If no descriptor is returned, the property will not become an accessor.
-	 * For example,
-	 *
-	 * ```ts
-	 * class MyElement extends LitElement {
-	 *   static getPropertyDescriptor(name, key, options) {
-	 *     const defaultDescriptor =
-	 *         super.getPropertyDescriptor(name, key, options);
-	 *     const setter = defaultDescriptor.set;
-	 *     return {
-	 *       get: defaultDescriptor.get,
-	 *       set(value) {
-	 *         setter.call(this, value);
-	 *         // custom action.
-	 *       },
-	 *       configurable: true,
-	 *       enumerable: true
-	 *     }
-	 *   }
-	 * }
-	 * ```
-	 *
-	 * @nocollapse
-	 * @category properties
-	 */
-	protected static getPropertyDescriptor(name: PropertyKey, key: string | symbol, options: PropertyDeclaration): PropertyDescriptor | undefined;
-	/**
-	 * Returns the property options associated with the given property.
-	 * These options are defined with a `PropertyDeclaration` via the `properties`
-	 * object or the `@property` decorator and are registered in
-	 * `createProperty(...)`.
-	 *
-	 * Note, this method should be considered "final" and not overridden. To
-	 * customize the options for a given property, override
-	 * {@linkcode createProperty}.
-	 *
-	 * @nocollapse
-	 * @final
-	 * @category properties
-	 */
-	static getPropertyOptions(name: PropertyKey): PropertyDeclaration<unknown, unknown>;
-	static [Symbol.metadata]: object & Record<PropertyKey, unknown>;
-	/**
-	 * Initializes static own properties of the class used in bookkeeping
-	 * for element properties, initializers, etc.
-	 *
-	 * Can be called multiple times by code that needs to ensure these
-	 * properties exist before using them.
-	 *
-	 * This method ensures the superclass is finalized so that inherited
-	 * property metadata can be copied down.
-	 * @nocollapse
-	 */
-	private static __prepare;
-	/**
-	 * Finishes setting up the class so that it's ready to be registered
-	 * as a custom element and instantiated.
-	 *
-	 * This method is called by the ReactiveElement.observedAttributes getter.
-	 * If you override the observedAttributes getter, you must either call
-	 * super.observedAttributes to trigger finalization, or call finalize()
-	 * yourself.
-	 *
-	 * @nocollapse
-	 */
-	protected static finalize(): void;
-	/**
-	 * Options used when calling `attachShadow`. Set this property to customize
-	 * the options for the shadowRoot; for example, to create a closed
-	 * shadowRoot: `{mode: 'closed'}`.
-	 *
-	 * Note, these options are used in `createRenderRoot`. If this method
-	 * is customized, options should be respected if possible.
-	 * @nocollapse
-	 * @category rendering
-	 */
-	static shadowRootOptions: ShadowRootInit;
-	/**
-	 * Takes the styles the user supplied via the `static styles` property and
-	 * returns the array of styles to apply to the element.
-	 * Override this method to integrate into a style management system.
-	 *
-	 * Styles are deduplicated preserving the _last_ instance in the list. This
-	 * is a performance optimization to avoid duplicated styles that can occur
-	 * especially when composing via subclassing. The last item is kept to try
-	 * to preserve the cascade order with the assumption that it's most important
-	 * that last added styles override previous styles.
-	 *
-	 * @nocollapse
-	 * @category styles
-	 */
-	protected static finalizeStyles(styles?: CSSResultGroup): Array<CSSResultOrNative>;
-	/**
-	 * Node or ShadowRoot into which element DOM should be rendered. Defaults
-	 * to an open shadowRoot.
-	 * @category rendering
-	 */
-	readonly renderRoot: HTMLElement | DocumentFragment;
-	/**
-	 * Returns the property name for the given attribute `name`.
-	 * @nocollapse
-	 */
-	private static __attributeNameForProperty;
-	private __updatePromise;
-	/**
-	 * True if there is a pending update as a result of calling `requestUpdate()`.
-	 * Should only be read.
-	 * @category updates
-	 */
-	isUpdatePending: boolean;
-	/**
-	 * Is set to `true` after the first update. The element code cannot assume
-	 * that `renderRoot` exists before the element `hasUpdated`.
-	 * @category updates
-	 */
-	hasUpdated: boolean;
-	/**
-	 * Properties that should be reflected when updated.
-	 */
-	private __reflectingProperties?;
-	/**
-	 * Name of currently reflecting property
-	 */
-	private __reflectingProperty;
-	/**
-	 * Set of controllers.
-	 */
-	private __controllers?;
-	constructor();
-	/**
-	 * Internal only override point for customizing work done when elements
-	 * are constructed.
-	 */
-	private __initialize;
-	/**
-	 * Registers a `ReactiveController` to participate in the element's reactive
-	 * update cycle. The element automatically calls into any registered
-	 * controllers during its lifecycle callbacks.
-	 *
-	 * If the element is connected when `addController()` is called, the
-	 * controller's `hostConnected()` callback will be immediately called.
-	 * @category controllers
-	 */
-	addController(controller: ReactiveController): void;
-	/**
-	 * Removes a `ReactiveController` from the element.
-	 * @category controllers
-	 */
-	removeController(controller: ReactiveController): void;
-	/**
-	 * Fixes any properties set on the instance before upgrade time.
-	 * Otherwise these would shadow the accessor and break these properties.
-	 * The properties are stored in a Map which is played back after the
-	 * constructor runs. Note, on very old versions of Safari (<=9) or Chrome
-	 * (<=41), properties created for native platform properties like (`id` or
-	 * `name`) may not have default values set in the element constructor. On
-	 * these browsers native properties appear on instances and therefore their
-	 * default value will overwrite any element default (e.g. if the element sets
-	 * this.id = 'id' in the constructor, the 'id' will become '' since this is
-	 * the native platform default).
-	 */
-	private __saveInstanceProperties;
-	/**
-	 * Returns the node into which the element should render and by default
-	 * creates and returns an open shadowRoot. Implement to customize where the
-	 * element's DOM is rendered. For example, to render into the element's
-	 * childNodes, return `this`.
-	 *
-	 * @return Returns a node into which to render.
-	 * @category rendering
-	 */
-	protected createRenderRoot(): HTMLElement | DocumentFragment;
-	/**
-	 * On first connection, creates the element's renderRoot, sets up
-	 * element styling, and enables updating.
-	 * @category lifecycle
-	 */
-	connectedCallback(): void;
-	/**
-	 * Note, this method should be considered final and not overridden. It is
-	 * overridden on the element instance with a function that triggers the first
-	 * update.
-	 * @category updates
-	 */
-	protected enableUpdating(_requestedUpdate: boolean): void;
-	/**
-	 * Allows for `super.disconnectedCallback()` in extensions while
-	 * reserving the possibility of making non-breaking feature additions
-	 * when disconnecting at some point in the future.
-	 * @category lifecycle
-	 */
-	disconnectedCallback(): void;
-	/**
-	 * Synchronizes property values when attributes change.
-	 *
-	 * Specifically, when an attribute is set, the corresponding property is set.
-	 * You should rarely need to implement this callback. If this method is
-	 * overridden, `super.attributeChangedCallback(name, _old, value)` must be
-	 * called.
-	 *
-	 * See [using the lifecycle callbacks](https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_custom_elements#using_the_lifecycle_callbacks)
-	 * on MDN for more information about the `attributeChangedCallback`.
-	 * @category attributes
-	 */
-	attributeChangedCallback(name: string, _old: string | null, value: string | null): void;
-	private __propertyToAttribute;
-	/**
-	 * Requests an update which is processed asynchronously. This should be called
-	 * when an element should update based on some state not triggered by setting
-	 * a reactive property. In this case, pass no arguments. It should also be
-	 * called when manually implementing a property setter. In this case, pass the
-	 * property `name` and `oldValue` to ensure that any configured property
-	 * options are honored.
-	 *
-	 * @param name name of requesting property
-	 * @param oldValue old value of requesting property
-	 * @param options property options to use instead of the previously
-	 *     configured options
-	 * @category updates
-	 */
-	requestUpdate(name?: PropertyKey, oldValue?: unknown, options?: PropertyDeclaration): void;
-	/**
-	 * Sets up the element to asynchronously update.
-	 */
-	private __enqueueUpdate;
-	/**
-	 * Schedules an element update. You can override this method to change the
-	 * timing of updates by returning a Promise. The update will await the
-	 * returned Promise, and you should resolve the Promise to allow the update
-	 * to proceed. If this method is overridden, `super.scheduleUpdate()`
-	 * must be called.
-	 *
-	 * For instance, to schedule updates to occur just before the next frame:
-	 *
-	 * ```ts
-	 * override protected async scheduleUpdate(): Promise<unknown> {
-	 *   await new Promise((resolve) => requestAnimationFrame(() => resolve()));
-	 *   super.scheduleUpdate();
-	 * }
-	 * ```
-	 * @category updates
-	 */
-	protected scheduleUpdate(): void | Promise<unknown>;
-	/**
-	 * Performs an element update. Note, if an exception is thrown during the
-	 * update, `firstUpdated` and `updated` will not be called.
-	 *
-	 * Call `performUpdate()` to immediately process a pending update. This should
-	 * generally not be needed, but it can be done in rare cases when you need to
-	 * update synchronously.
-	 *
-	 * @category updates
-	 */
-	protected performUpdate(): void;
-	/**
-	 * Invoked before `update()` to compute values needed during the update.
-	 *
-	 * Implement `willUpdate` to compute property values that depend on other
-	 * properties and are used in the rest of the update process.
-	 *
-	 * ```ts
-	 * willUpdate(changedProperties) {
-	 *   // only need to check changed properties for an expensive computation.
-	 *   if (changedProperties.has('firstName') || changedProperties.has('lastName')) {
-	 *     this.sha = computeSHA(`${this.firstName} ${this.lastName}`);
-	 *   }
-	 * }
-	 *
-	 * render() {
-	 *   return html`SHA: ${this.sha}`;
-	 * }
-	 * ```
-	 *
-	 * @category updates
-	 */
-	protected willUpdate(_changedProperties: PropertyValues): void;
-	private __markUpdated;
-	/**
-	 * Returns a Promise that resolves when the element has completed updating.
-	 * The Promise value is a boolean that is `true` if the element completed the
-	 * update without triggering another update. The Promise result is `false` if
-	 * a property was set inside `updated()`. If the Promise is rejected, an
-	 * exception was thrown during the update.
-	 *
-	 * To await additional asynchronous work, override the `getUpdateComplete`
-	 * method. For example, it is sometimes useful to await a rendered element
-	 * before fulfilling this Promise. To do this, first await
-	 * `super.getUpdateComplete()`, then any subsequent state.
-	 *
-	 * @return A promise of a boolean that resolves to true if the update completed
-	 *     without triggering another update.
-	 * @category updates
-	 */
-	get updateComplete(): Promise<boolean>;
-	/**
-	 * Override point for the `updateComplete` promise.
-	 *
-	 * It is not safe to override the `updateComplete` getter directly due to a
-	 * limitation in TypeScript which means it is not possible to call a
-	 * superclass getter (e.g. `super.updateComplete.then(...)`) when the target
-	 * language is ES5 (https://github.com/microsoft/TypeScript/issues/338).
-	 * This method should be overridden instead. For example:
-	 *
-	 * ```ts
-	 * class MyElement extends LitElement {
-	 *   override async getUpdateComplete() {
-	 *     const result = await super.getUpdateComplete();
-	 *     await this._myChild.updateComplete;
-	 *     return result;
-	 *   }
-	 * }
-	 * ```
-	 *
-	 * @return A promise of a boolean that resolves to true if the update completed
-	 *     without triggering another update.
-	 * @category updates
-	 */
-	protected getUpdateComplete(): Promise<boolean>;
-	/**
-	 * Controls whether or not `update()` should be called when the element requests
-	 * an update. By default, this method always returns `true`, but this can be
-	 * customized to control when to update.
-	 *
-	 * @param _changedProperties Map of changed properties with old values
-	 * @category updates
-	 */
-	protected shouldUpdate(_changedProperties: PropertyValues): boolean;
-	/**
-	 * Updates the element. This method reflects property values to attributes.
-	 * It can be overridden to render and keep updated element DOM.
-	 * Setting properties inside this method will *not* trigger
-	 * another update.
-	 *
-	 * @param _changedProperties Map of changed properties with old values
-	 * @category updates
-	 */
-	protected update(_changedProperties: PropertyValues): void;
-	/**
-	 * Invoked whenever the element is updated. Implement to perform
-	 * post-updating tasks via DOM APIs, for example, focusing an element.
-	 *
-	 * Setting properties inside this method will trigger the element to update
-	 * again after this update cycle completes.
-	 *
-	 * @param _changedProperties Map of changed properties with old values
-	 * @category updates
-	 */
-	protected updated(_changedProperties: PropertyValues): void;
-	/**
-	 * Invoked when the element is first updated. Implement to perform one time
-	 * work on the element after update.
-	 *
-	 * ```ts
-	 * firstUpdated() {
-	 *   this.renderRoot.getElementById('my-text-area').focus();
-	 * }
-	 * ```
-	 *
-	 * Setting properties inside this method will trigger the element to update
-	 * again after this update cycle completes.
-	 *
-	 * @param _changedProperties Map of changed properties with old values
-	 * @category updates
-	 */
-	protected firstUpdated(_changedProperties: PropertyValues): void;
-}
-declare const HTML_RESULT = 1;
-declare const SVG_RESULT = 2;
-declare const MATHML_RESULT = 3;
-export type ResultType = typeof HTML_RESULT | typeof SVG_RESULT | typeof MATHML_RESULT;
-/**
- * The return type of the template tag functions, {@linkcode html} and
- * {@linkcode svg} when it hasn't been compiled by @lit-labs/compiler.
- *
- * A `TemplateResult` object holds all the information about a template
- * expression required to render it: the template strings, expression values,
- * and type of template (html or svg).
- *
- * `TemplateResult` objects do not create any DOM on their own. To create or
- * update DOM you need to render the `TemplateResult`. See
- * [Rendering](https://lit.dev/docs/components/rendering) for more information.
- *
- */
-export type UncompiledTemplateResult<T extends ResultType = ResultType> = {
-	["_$litType$"]: T;
-	strings: TemplateStringsArray;
-	values: unknown[];
-};
-/**
- * The return type of the template tag functions, {@linkcode html} and
- * {@linkcode svg}.
- *
- * A `TemplateResult` object holds all the information about a template
- * expression required to render it: the template strings, expression values,
- * and type of template (html or svg).
- *
- * `TemplateResult` objects do not create any DOM on their own. To create or
- * update DOM you need to render the `TemplateResult`. See
- * [Rendering](https://lit.dev/docs/components/rendering) for more information.
- *
- * In Lit 4, this type will be an alias of
- * MaybeCompiledTemplateResult, so that code will get type errors if it assumes
- * that Lit templates are not compiled. When deliberately working with only
- * one, use either {@linkcode CompiledTemplateResult} or
- * {@linkcode UncompiledTemplateResult} explicitly.
- */
-export type TemplateResult<T extends ResultType = ResultType> = UncompiledTemplateResult<T>;
-export type SVGTemplateResult = TemplateResult<typeof SVG_RESULT>;
-declare const nothing: unique symbol;
-/**
- * Object specifying options for controlling lit-html rendering. Note that
- * while `render` may be called multiple times on the same `container` (and
- * `renderBefore` reference node) to efficiently update the rendered content,
- * only the options passed in during the first render are respected during
- * the lifetime of renders to that unique `container` + `renderBefore`
- * combination.
- */
-export interface RenderOptions {
-	/**
-	 * An object to use as the `this` value for event listeners. It's often
-	 * useful to set this to the host component rendering a template.
-	 */
-	host?: object;
-	/**
-	 * A DOM node before which to render content in the container.
-	 */
-	renderBefore?: ChildNode | null;
-	/**
-	 * Node used for cloning the template (`importNode` will be called on this
-	 * node). This controls the `ownerDocument` of the rendered DOM, along with
-	 * any inherited context. Defaults to the global `document`.
-	 */
-	creationScope?: {
-		importNode(node: Node, deep?: boolean): Node;
-	};
-	/**
-	 * The initial connected state for the top-level part being rendered. If no
-	 * `isConnected` option is set, `AsyncDirective`s will be connected by
-	 * default. Set to `false` if the initial render occurs in a disconnected tree
-	 * and `AsyncDirective`s should see `isConnected === false` for their initial
-	 * render. The `part.setConnected()` method must be used subsequent to initial
-	 * render to change the connected state of the part.
-	 */
-	isConnected?: boolean;
-}
-/**
- * @description Defines the API version that the SDK should use.
- * - `"legacy"`: Uses the older API version with existing behaviors.
- * - `"2.4"`: Uses the new API version with updated functionalities.
- *
- * If this value is not set, the SDK will default to the predefined version,
- * ensuring backward compatibility.
- */
-export type APIVersionOption = "legacy" | "2.4";
-declare enum ImplementationType {
-	WEB_REDIRECT = "WEB_REDIRECT",
-	NATIVE_SDK = "NATIVE_SDK"
-}
-declare enum ProductType {
-	DIGITAL = "DIGITAL",
-	PHYSICAL = "PHYSICAL",
-	SHIPPING_FEE = "SHIPPING_FEE"
-}
-export interface ClientSessionLineItem {
-	amount: number;
-	description: string;
-	discountAmount?: number;
-	itemId: string;
-	name?: string;
-	productType?: ProductType;
-	quantity: number;
-	taxAmount?: number;
-	taxCode?: string;
-}
-export interface ClientSessionShipping {
-	amount: number;
-	methodId?: string;
-	methodName?: string;
-	methodDescription?: string;
-}
-export interface ClientSessionFeeItem {
-	type?: string;
-	description?: string;
-	amount: number;
-}
-export interface ClientSessionAddress {
-	firstName?: string;
-	lastName?: string;
-	addressLine1?: string;
-	addressLine2?: string;
-	city?: string;
-	state?: string;
-	countryCode?: string;
-	postalCode?: string;
-}
-export interface ClientSession {
-	orderId?: string;
-	currencyCode?: string;
-	lineItems?: ClientSessionLineItem[];
-	totalAmount?: number;
-	customerId?: string;
-	orderDetails?: {
-		countryCode?: string;
-		shipping?: ClientSessionShipping;
-		fees?: ClientSessionFeeItem[];
-	};
-	customer?: {
-		emailAddress?: string;
-		mobileNumber?: string;
-		firstName?: string;
-		lastName?: string;
-		billingAddress?: ClientSessionAddress;
-		shippingAddress?: ClientSessionAddress;
-		taxId?: string;
-		nationalDocumentId?: string;
-	};
-	paymentMethod?: {
-		options?: Record<string, any>;
-		orderedAllowedCardNetworks?: string[];
-		vaultOnSuccess?: boolean;
-	};
-}
-export interface PaymentMethodDisplayMetadata {
-	button: {
-		backgroundColor: BackgroundColor;
-		borderColor: BorderColor;
-		borderWidth: BorderWidth;
-		cornerRadius: number;
-		iconPositionRelativeToText?: "START" | "END";
-		iconUrl: IconUrl;
-		text?: string;
-		textColor?: TextColor;
-	};
-	overlay: {
-		logo: IconUrl;
-		backgroundColor: BackgroundColor;
-	};
-	popup: {
-		width: number;
-		height: number;
-	};
-}
-export interface BackgroundColor {
-	colored: string;
-	dark: string;
-	light: string;
-}
-export interface BorderColor {
-	dark: string;
-	light: string;
-}
-export interface BorderWidth {
-	colored: number;
-	dark: number;
-	light: number;
-}
-export interface IconUrl {
-	colored: string;
-	dark: string;
-	light: string;
-}
-export interface TextColor {
-	dark: string;
-	light: string;
-}
-export interface PaymentMethodConfig {
-	id: string;
-	type: PaymentMethodType;
-	name: string;
-	implementationType: ImplementationType;
-	displayMetadata: PaymentMethodDisplayMetadata;
-	options: {
-		captureVaultedCardCvv?: boolean;
-		clientId?: string;
-		threeDSecureToken?: string;
-		threeDSecureInitUrl?: string;
-		threeDSecureProvider?: string;
-		threeDSecureEnabled?: boolean;
-	};
-	forceRedirect?: boolean;
-}
-export type GoatBrand = {
-	assets: {
-		icon: string;
-	};
-	colors: {
-		background: string;
-		main: string;
-	};
-	description: string | null;
-	is_primer_app: boolean;
-	name: string;
-	website: string | null;
-};
-export type GoatBrandWithCdn = GoatBrand & {
-	/**
-	 * The full CDN URL that can be used directly in applications
-	 */
-	goatCdnUrl: string;
-};
+export type SdkStateContextType = SdkState | null;
 declare const PaymentInstrumentType: {
 	readonly WORLDPAY_IDEAL: "WORLDPAY_IDEAL";
 	readonly AUTOMATED_CLEARING_HOUSE: "AUTOMATED_CLEARING_HOUSE";
@@ -1188,179 +170,213 @@ declare const PaymentMethodType: {
 	readonly ATOME: "ATOME";
 };
 export type PaymentMethodType = (typeof PaymentMethodType)[keyof typeof PaymentMethodType];
-declare const TokenType: {
-	readonly SINGLE_USE: "SINGLE_USE";
-	readonly MULTI_USE: "MULTI_USE";
-};
-export type TokenType = (typeof TokenType)[keyof typeof TokenType];
-export type MessageSeverity = "ERROR" | "DEBUG" | "WARN" | "INFO";
-export interface BorderStyle {
-	borderStyle?: string;
-	borderColor?: number | string;
-	borderWidth?: number | string;
-}
-export interface TextAlignmentStyle {
-	textAlign?: string;
-}
-export interface TextStyle {
-	color?: string;
-	fontFamily?: string;
-	fontWeight?: string;
-	fontSize?: string;
-	fontSmoothing?: string;
-	lineHeight?: string;
-	textTransform?: string;
-	letterSpacing?: string;
-}
-export interface BlockStyle extends BorderStyle {
-	background?: string;
-	borderRadius?: number | string;
-	boxShadow?: string;
-}
-export type LogoColor = "DARK" | "LIGHT" | "COLORED";
-export interface LoadingScreenStyle {
-	color?: string;
-}
-export interface BaseInputStyle extends TextStyle, BlockStyle {
-	height?: number | string;
-	paddingHorizontal?: number;
-}
-export interface InputStyle extends BaseInputStyle {
-	hover?: BaseInputStyle;
-	focus?: BaseInputStyle;
-	placeholder?: BaseInputStyle;
-	webkitAutofill?: BaseInputStyle;
-	selection?: BaseInputStyle;
-}
-export interface BaseSubmitButtonStyle extends TextStyle, BlockStyle {
-}
-export interface SubmitButtonStyle extends BaseSubmitButtonStyle {
-	hover?: BaseSubmitButtonStyle;
-	focus?: BaseSubmitButtonStyle;
-}
-export interface SubmitButtonStyles {
-	base?: SubmitButtonStyle;
-	disabled?: SubmitButtonStyle;
-	loading?: SubmitButtonStyle;
+export type APIVersionOption = "legacy" | "2.4";
+declare enum HeadlessManagerType {
+	CARD = "CARD",
+	NATIVE = "NATIVE",
+	REDIRECT = "REDIRECT",
+	KLARNA = "KLARNA",
+	ACH = "ACH"
 }
-export interface InputStyles {
-	base?: InputStyle;
-	error?: InputStyle;
+declare enum EventTypes {
+	CHANGE = "change",
+	ERROR = "error",
+	FOCUS = "focus",
+	BLUR = "blur",
+	CLICK = "click",
+	CLOSE = "close",
+	CONFIRMED_KLARNA_CATEGORY = "CONFIRMED_KLARNA_CATEGORY",
+	CONFIRMED_KLARNA_CATEGORY_ERROR = "CONFIRMED_KLARNA_CATEGORY_ERROR",
+	KLARNA_SESSION_UPDATE = "KLARNA_SESSION_UPDATE",
+	KLARNA_SESSION_REFRESH_ERROR = "KLARNA_SESSION_REFRESH_ERROR"
+}
+export interface BasePaymentInstrumentData {
+	[key: string]: unknown;
+}
+export interface ClientSessionLineItem {
+	amount: number;
+	description: string;
+	discountAmount?: number;
+	itemId: string;
+	name?: string;
+	productType?: "DIGITAL" | "PHYSICAL" | "SHIPPING_FEE";
+	quantity: number;
+	taxAmount?: number;
+	taxCode?: string;
+}
+export interface ClientSessionShipping {
+	amount: number;
+	methodId?: string;
+	methodName?: string;
+	methodDescription?: string;
+}
+export interface ClientSessionFeeItem {
+	type?: string;
+	description?: string;
+	amount: number;
+}
+export interface ClientSessionAddress {
+	firstName?: string;
+	lastName?: string;
+	addressLine1?: string;
+	addressLine2?: string;
+	city?: string;
+	state?: string;
+	countryCode?: string;
+	postalCode?: string;
+}
+export interface ClientSession {
+	orderId?: string;
+	currencyCode?: string;
+	lineItems?: ClientSessionLineItem[];
+	totalAmount?: number;
+	customerId?: string;
+	orderDetails?: {
+		countryCode?: string;
+		shipping?: ClientSessionShipping;
+		fees?: ClientSessionFeeItem[];
+	};
+	customer?: {
+		emailAddress?: string;
+		mobileNumber?: string;
+		firstName?: string;
+		lastName?: string;
+		billingAddress?: ClientSessionAddress;
+		shippingAddress?: ClientSessionAddress;
+		taxId?: string;
+		nationalDocumentId?: string;
+	};
+	paymentMethod?: {
+		options?: Record<string, unknown>;
+		orderedAllowedCardNetworks?: string[];
+		vaultOnSuccess?: boolean;
+	};
+}
+export interface BackgroundColor {
+	colored: string;
+	dark: string;
+	light: string;
 }
-export interface BaseSavedPaymentMethodButtonStyle extends TextStyle, BlockStyle {
+export interface IconUrl {
+	colored: string;
+	dark: string;
+	light: string;
 }
-export interface SavedPaymentMethodButtonStyle extends BaseSavedPaymentMethodButtonStyle {
-	hover?: BaseSavedPaymentMethodButtonStyle;
-	focus?: BaseSavedPaymentMethodButtonStyle;
+export interface InputStyles {
+	base?: {
+		color?: string;
+		fontFamily?: string;
+		fontSize?: string;
+		fontWeight?: string;
+		lineHeight?: string;
+		letterSpacing?: string;
+		textTransform?: string;
+		background?: string;
+		borderRadius?: number | string;
+		borderColor?: string | number;
+		borderWidth?: string | number;
+		borderStyle?: string;
+		boxShadow?: string;
+		height?: number | string;
+		paddingHorizontal?: number;
+		hover?: Record<string, unknown>;
+		focus?: Record<string, unknown>;
+		placeholder?: Record<string, unknown>;
+		webkitAutofill?: Record<string, unknown>;
+		selection?: Record<string, unknown>;
+	};
+	error?: Record<string, unknown>;
 }
-export interface SavedPaymentMethodButtonStyles {
-	base?: SavedPaymentMethodButtonStyle;
-	selected?: SavedPaymentMethodButtonStyle;
+export interface InputValidationError {
+	field?: string;
+	name: string;
+	error: string;
+	message: string;
 }
-export interface ShowMorePaymentMethodsButtonStyles {
-	base?: TextStyle;
-	disabled?: TextStyle;
+export interface Validation {
+	valid: boolean;
+	validationErrors: InputValidationError[];
+	error?: string;
 }
-export interface DirectDebitMandateStyle {
-	header?: TextStyle;
-	label?: TextStyle;
-	content?: TextStyle;
-	creditorDetails?: TextStyle;
+export interface InputMetadata {
+	errorCode: string | null;
+	error: string | null;
+	valid: boolean;
+	active: boolean;
+	dirty: boolean;
+	touched: boolean;
+	submitted: boolean;
 }
-export interface DirectDebitSuccessStyle {
-	icon?: {
-		color?: string;
+export interface PaymentMethodConfig {
+	id: string;
+	type: PaymentMethodType;
+	name: string;
+	implementationType: "WEB_REDIRECT" | "NATIVE_SDK";
+	displayMetadata: {
+		button: {
+			backgroundColor: BackgroundColor;
+			borderColor: {
+				dark: string;
+				light: string;
+			};
+			borderWidth: {
+				colored: number;
+				dark: number;
+				light: number;
+			};
+			cornerRadius: number;
+			iconPositionRelativeToText?: "START" | "END";
+			iconUrl: IconUrl;
+			text?: string;
+			textColor?: {
+				dark: string;
+				light: string;
+			};
+		};
+		overlay: {
+			logo: IconUrl;
+			backgroundColor: BackgroundColor;
+		};
+		popup: {
+			width: number;
+			height: number;
+		};
 	};
-}
-export interface PaymentMethodButtonStyle extends BlockStyle {
-	height?: number;
-	minHeight?: number;
-	maxHeight?: number;
-	primaryText?: TextStyle;
-	logoColor?: LogoColor;
-	marginTop?: string;
-}
-export interface BackButtonStyle {
-	color?: string;
-}
-export interface EditButtonStyle {
-	color?: string;
-	background?: string;
-}
-export interface SeparatorStyle {
-	color?: string;
-}
-export interface ErrorMessageStyle extends BlockStyle, TextStyle {
-	color?: string;
-}
-export interface FormSpacings {
-	betweenLabelAndInput?: string;
-	betweenInputs?: string;
-}
-export interface FontFace$1 {
-	fontFamily?: string;
-	src?: string;
-	unicodeRange?: string;
-	fontVariant?: string;
-	fontFeatureSettings?: string;
-	fontVariationSettings?: string;
-	fontStretch?: string;
-	fontWeight?: string;
-	fontStyle?: string;
-}
-export interface Stylesheet {
-	href: string;
-}
-export interface VaultMenuStyle {
-	editButton?: EditButtonStyle & TextStyle;
-	item?: {
-		label?: TextStyle;
-		actionButton?: TextStyle;
-		confirmButton?: BlockStyle & TextStyle;
+	options: {
+		captureVaultedCardCvv?: boolean;
+		clientId?: string;
+		threeDSecureToken?: string;
+		threeDSecureInitUrl?: string;
+		threeDSecureProvider?: string;
+		threeDSecureEnabled?: boolean;
 	};
+	forceRedirect?: boolean;
 }
-export interface NetworkErrorStyles {
-	button?: {
-		base: BlockStyle & TextStyle;
-	};
+export interface PaymentMethodInfo {
+	type: PaymentMethodType;
+	managerType: HeadlessManagerType;
 }
-export interface ProcessingIndicatorStyle {
-	color?: string;
+export type CardNetworkType = "american-express" | "diners-club" | "discover" | "elo" | "hiper" | "hipercard" | "interac" | "jcb" | "maestro" | "mastercard" | "mir" | "unionpay" | "private-label" | "visa";
+export interface CardNetworkDetails {
+	displayName: string;
+	network: string;
+	allowed: boolean;
 }
-export interface CheckoutStyle {
-	fontFaces?: Array<FontFace$1>;
-	stylesheets?: Array<Stylesheet>;
-	loadingScreen?: LoadingScreenStyle;
-	input?: InputStyles;
-	inputLabel?: TextStyle;
-	inputErrorText?: TextStyle & TextAlignmentStyle;
-	formSpacings?: FormSpacings;
-	showMorePaymentMethodsButton?: ShowMorePaymentMethodsButtonStyles;
-	networkError?: NetworkErrorStyles;
-	submitButton?: SubmitButtonStyles;
-	vaultTitle?: TextStyle;
-	savedPaymentMethodButton?: SavedPaymentMethodButtonStyles;
-	paymentMethodButton?: PaymentMethodButtonStyle;
-	errorMessage?: ErrorMessageStyle;
-	smallPrint?: TextStyle;
-	directDebit?: {
-		mandate?: DirectDebitMandateStyle;
-		success?: DirectDebitSuccessStyle;
+export interface CardNetworkChangeEvent {
+	detectedCardNetworks: {
+		items: CardNetworkDetails[];
+		preferred?: CardNetworkDetails;
 	};
-	vaultMenu?: VaultMenuStyle;
-	backButton?: BackButtonStyle;
-	separator?: SeparatorStyle;
-	processingIndicator?: ProcessingIndicatorStyle;
-	focusCheckoutOnInit?: boolean;
-}
-declare enum CheckoutUXFlow {
-	CHECKOUT = "CHECKOUT",
-	HEADLESS_CHECKOUT = "HEADLESS_CHECKOUT",
-	MANAGE_PAYMENT_METHODS = "MANAGE_PAYMENT_METHODS"
+	selectableCardNetworks?: {
+		items: CardNetworkDetails[];
+		preferred?: CardNetworkDetails;
+	};
+	source: "REMOTE" | "LOCAL" | "LOCAL_FALLBACK";
 }
-export interface BasePaymentInstrumentData {
-	[key: string]: unknown;
+export interface CardPaymentMethodSubmitValues {
+	cardNetwork?: string;
 }
+export type CardPreferredFlow = "DEDICATED_SCENE" | "EMBEDDED_IN_HOME";
 export interface PaymentCardInstrumentData extends BasePaymentInstrumentData {
 	last4Digits: string;
 	first6Digits: string;
@@ -1439,600 +455,117 @@ export type PayPalVaultedMethod = IVaultedPaymentMethod<PayPalInstrumentData, ty
 export type KlarnaVaultedMethod = IVaultedPaymentMethod<KlarnaInstrumentData, typeof PaymentInstrumentType.KLARNA_CUSTOMER_TOKEN, typeof PaymentMethodType.KLARNA>;
 export type ACHVaultedMethod = IVaultedPaymentMethod<ACHInstrumentData, typeof PaymentInstrumentType.AUTOMATED_CLEARING_HOUSE, typeof PaymentMethodType.STRIPE_ACH>;
 export type VaultedPaymentMethod = PaymentCardVaultedMethod | PayPalVaultedMethod | KlarnaVaultedMethod | ACHVaultedMethod | IVaultedPaymentMethod;
-export type SecureInputOptions = {
+export interface CardSecurityCodeInputOptions {
 	ariaLabel?: string;
 	container: string | Element | HTMLElement;
 	id?: string;
-	name: string;
-	placeholder?: string;
-	placement?: "append" | "prepend";
-	properties?: any;
-	style?: CheckoutStyle;
-	allowedCharactersMap?: Record<string, string>;
-};
-export type SecureInputListener = (...args: unknown[]) => void;
-export type CardSecurityCodeInputOptions = Omit<SecureInputOptions, "allowedCharactersMap" | "name"> & {
-	cardNetwork?: string;
-	name?: string;
-};
-export type CvvInput = {
-	frame: HTMLIFrameElement | null;
-	readonly metadata: {
-		readonly errorCode: string | null;
-		readonly error: string | null;
-		readonly valid: boolean;
-		readonly active: boolean;
-		readonly dirty: boolean;
-		readonly touched: boolean;
-		readonly submitted: boolean;
-	};
-	focus(): void;
-	blur(): void;
-	addListener(event: "change" | "blur" | "focus", listener: SecureInputListener): (() => void) | undefined;
-	addEventListener(event: "change" | "blur" | "focus", listener: SecureInputListener): (() => void) | undefined;
-	removeListener(event: "change" | "blur" | "focus", listener: SecureInputListener): void;
-	name: string;
-	valueToken: string;
-	remove: () => void;
-};
-export type CvvInputOptions = CardSecurityCodeInputOptions;
-export interface HeadlessVaultManager {
-	fetchVaultedPaymentMethods(): Promise<VaultedPaymentMethod[]>;
-	deleteVaultedPaymentMethod(id: string): Promise<void>;
-	startPaymentFlow(id: string, data?: {
-		cvv?: string;
-	}): Promise<void>;
-	createCvvInput(options: CvvInputOptions): Promise<CvvInput | null>;
-}
-declare enum PaymentFlow {
-	DEFAULT = "DEFAULT",
-	PREFER_VAULT = "PREFER_VAULT"
-}
-declare enum ThreeDSecureStatus {
-	SUCCESS = "AUTH_SUCCESS",
-	FAILED = "AUTH_FAILED",
-	SKIPPED = "SKIPPED",
-	CHALLENGE = "CHALLENGE"
-}
-declare enum ErrorCode {
-	INITIALIZATION_ERROR = "INITIALIZATION_ERROR",
-	NO_PAYMENT_METHODS = "NO_PAYMENT_METHODS",
-	PRIMER_TEARDOWN = "PRIMER_TEARDOWN",
-	PRIMER_SERVER_ERROR = "PRIMER_SERVER_ERROR",
-	THREE_DS_AUTH_FAILED = "THREE_DS_AUTH_FAILED",
-	TOKENIZATION_ERROR = "TOKENIZATION_ERROR",
-	DUPLICATE_PAYMENT_METHOD_ERROR = "DUPLICATE_PAYMENT_METHOD_ERROR",
-	CARD_NUMBER_ERROR = "CARD_NUMBER_ERROR",
-	PAYMENT_METHOD_NOT_SETUP = "PAYMENT_METHOD_NOT_SETUP",
-	PAYMENT_METHOD_NOT_PROVIDED = "PAYMENT_METHOD_NOT_PROVIDED",
-	PAYMENT_METHOD_NOT_COMPATIBLE = "PAYMENT_METHOD_NOT_COMPATIBLE",
-	RESUME_ERROR = "RESUME_ERROR",
-	VALIDATION_ERROR = "VALIDATION_ERROR",
-	PAYMENT_FAILED = "PAYMENT_FAILED",
-	PAYMENT_CREATION_ABORTED = "PAYMENT_CREATION_ABORTED",
-	PAYMENT_CREATION_DISABLED = "PAYMENT_CREATION_DISABLED",
-	CLIENT_SESSION_UPDATE_ERROR = "CLIENT_SESSION_UPDATE_ERROR",
-	INVALID_ARGUMENT = "INVALID_ARGUMENT",
-	VAULT_FETCH = "VAULT_FETCH",
-	VAULT_DELETE = "VAULT_DELETE",
-	HEADLESS_VAULT_MANAGER_VALIDATION = "HEADLESS_VAULT_MANAGER_VALIDATION",
-	CARD_FORM_VALIDATION_UNEXPECTED_FIELD = "CARD_FORM_VALIDATION_UNEXPECTED_FIELD",
-	MISSING_FIRST_NAME_OR_LAST_NAME = "MISSING_FIRST_NAME_OR_LAST_NAME",
-	MISSING_EMAIL_ADDRESS = "MISSING_EMAIL_ADDRESS",
-	INVALID_FLOW = "INVALID_FLOW"
-}
-declare class SDKError extends Error {
-	isReported: boolean;
-	constructor(message: string, isReported?: boolean);
-	static from(error: unknown, isReported?: boolean): SDKError;
-	markAsReported(): void;
-}
-export interface ErrorOptions$1<T = any> {
-	message: string;
-	diagnosticsId?: string;
-	severity?: MessageSeverity;
-	errorId?: string;
-	data?: T;
-	isFromDeveloper?: boolean;
-}
-declare class PrimerClientError<T = any> extends SDKError {
-	readonly code: ErrorCode;
-	readonly diagnosticsId: string | null;
-	readonly data?: T;
-	readonly isFromDeveloper: boolean;
-	static fromErrorCode(code: ErrorCode, options: ErrorOptions$1): PrimerClientError;
-	constructor(code: ErrorCode, options: ErrorOptions$1<T>);
-}
-export interface CardMetadata {
-	/** @deprecated Use onCardNetworksChange instead. */
-	type: CardNetwork$1 | null;
-	/** @deprecated Use onCardNetworksChange instead. */
-	possibleTypes: string[];
-	cvvLength: number;
-	cardNumberLength: number;
-}
-export interface PositionalConfig {
-	container: string | Element;
-}
-export interface ApplePayOptions extends PositionalConfig {
-	buttonType?: "plain" | "buy" | "set-up" | "donate" | "check-out" | "book" | "subscribe";
-	buttonStyle?: "white" | "white-outline" | "black";
-	/**
-	 * @deprecated Add `postalAddress` to `billingOptions.requiredBillingContactFields` instead.
-	 */
-	captureBillingAddress?: boolean;
-	billingOptions?: ApplePayBillingOptions;
-	shippingOptions?: ApplePayShippingOptions;
-}
-export interface ApplePayBillingOptions {
-	requiredBillingContactFields?: RequiredContactFields[];
-}
-export interface ApplePayShippingOptions {
-	requiredShippingContactFields?: RequiredContactFields[];
-	requireShippingMethod?: boolean;
-}
-export type RequiredContactFields = "emailAddress" | "name" | "phoneNumber" | "postalAddress" | "phoneticName";
-export interface DirectDebitOptions {
-	customerCountryCode: Alpha2CountryCode;
-	companyName: string;
-	companyAddress: string;
-	customerName?: string;
-	customerEmail?: string;
-	customerAddressLine1?: string;
-	customerAddressLine2?: string;
-	customerCity?: string;
-	customerPostalCode?: string;
-	iban?: string;
-	submitButtonLabels?: {
-		form?: Label;
-		mandate: Label;
-	};
-}
-export type GooglePayButtonType = 
-/** @deprecated Set buttonSizeMode to fill instead  */
-"long"
-/** @deprecated Set buttonSizeMode to static instead */
- | "short" | "book" | "buy" | "checkout" | "donate" | "order" | "pay" | "plain" | "subscribe";
-export type GooglePayButtonColor = "default" | "black" | "white";
-export type GooglePayButtonSizeMode = "fill" | "static";
-export interface GooglePayShippingAddressParameters {
-	phoneNumberRequired?: boolean;
-}
-export interface GooglePayOptions extends PositionalConfig {
-	buttonType?: GooglePayButtonType;
-	buttonColor?: GooglePayButtonColor;
-	buttonSizeMode?: GooglePayButtonSizeMode;
-	onClick?: () => void;
-	captureBillingAddress?: boolean;
-	shippingAddressParameters?: GooglePayShippingAddressParameters;
-	emailRequired?: boolean;
-	requireShippingMethod?: boolean;
-	shadowRoot?: boolean;
-}
-export interface PayPalOptions extends PositionalConfig {
-	buttonColor?: "gold" | "blue" | "silver" | "white" | "black";
-	buttonShape?: "pill" | "rect";
-	buttonSize?: "small" | "medium" | "large" | "responsive";
-	buttonHeight?: number;
-	buttonLabel?: "checkout" | "credit" | "pay" | "buynow" | "paypal" | "installment";
-	buttonTagline?: boolean;
-	paymentFlow?: PaymentFlow;
-	onClick?: () => void;
-}
-export interface SubmitButtonOptions {
-	amountVisible?: boolean;
-	useBuiltInButton?: boolean;
-	onVisible?: (isVisible: boolean, context: {
-		currentSceneId: string;
-		previousSceneId?: string;
-	}) => void;
-	onContentChange?: (content: string, context: {
-		currentSceneId: string;
-	}) => void;
-	onDisable?: (isDisabled: boolean, context: {
-		currentSceneId: string;
-	}) => void;
-	onLoading?: (isLoading: boolean, context: {
-		currentSceneId: string;
-	}) => void;
-}
-export interface ProcessingIndicatorOptions {
-	visible?: boolean;
-}
-export interface FormOptions {
-	inputLabelsVisible?: boolean;
-}
-export type CardPreferredFlow = "DEDICATED_SCENE" | "EMBEDDED_IN_HOME";
-export interface CheckoutCardOptions {
-	cardholderName?: {
-		/**
-		 * Only works if the cardholder name is visible
-		 */
-		required?: boolean;
-		/**
-		 * @deprecated Set it on your Dashboard
-		 */
-		visible?: boolean;
-		placeholder?: Label;
-	};
-	cardNumber?: {
-		placeholder?: Label;
-	};
-	expiryDate?: {
-		placeholder?: Label;
-	};
-	cvv?: {
-		placeholder?: Label;
-	};
-	preferredFlow?: CardPreferredFlow;
-}
-export interface ErrorMessageOptions {
-	disabled?: boolean;
-	onErrorMessageShow?: (message: string) => void;
-	onErrorMessageHide?: () => void;
-}
-declare enum SuccessScreenType {
-	PAYMENT_METHOD = "PAYMENT_METHOD",
-	CHECK = "CHECK"
-}
-export interface StripeAchCustomerDetails {
-	emailAddress: string;
-	firstName: string;
-	lastName: string;
-}
-export interface StripeOptions {
-	publishableKey: string;
-}
-export interface StripeOptionsDropInWithFullMandateText extends StripeOptions {
-	mandateData: {
-		fullMandateText: string;
-		merchantName?: never;
-	};
-}
-export interface StripeOptionsDropInTextProvidedByPrimer extends StripeOptions {
-	mandateData: {
-		merchantName: string;
-		fullMandateText?: never;
-	};
-}
-export type StripeOptionsDropIn = StripeOptionsDropInWithFullMandateText | StripeOptionsDropInTextProvidedByPrimer;
-type CardNetwork$1 = "american-express" | "diners-club" | "discover" | "elo" | "hiper" | "hipercard" | "interac" | "jcb" | "maestro" | "mastercard" | "mir" | "unionpay" | "private-label" | "visa";
-export interface CustomizablePaymentMethodButton {
-	logoSrc: string;
-	background: string;
-	logoAlt?: string;
-	text?: string;
-}
-export type KlarnaPaymentCategoryType = "pay_now" | "pay_later" | "pay_over_time";
-export interface KlarnaButtonOptions {
-	text?: string;
-}
-export interface AdyenKlarnaOptions {
-	buttonOptions?: KlarnaButtonOptions;
-}
-export interface KlarnaOptions {
-	paymentFlow?: PaymentFlow;
-	recurringPaymentDescription?: string;
-	allowedPaymentCategories?: KlarnaPaymentCategoryType[];
-	buttonOptions?: KlarnaButtonOptions;
-}
-export type SupportedLocale = string;
-export type Alpha2CountryCode = string;
-export type Alpha3CurrencyCode = string;
-export type Label<T extends Record<string, unknown> = Record<string, unknown>> = string | ((options: {
-	locale: SupportedLocale;
-} | T) => string);
-export type ResumeToken = {
-	resumeToken: string;
-	paymentId?: string;
-};
-export interface InputValidationError {
-	field?: string;
-	name: string;
-	error: string;
-	message: string;
-}
-export interface Validation {
-	valid: boolean;
-	validationErrors: InputValidationError[];
-	error?: string;
-}
-export interface InputMetadata {
-	errorCode: string | null;
-	error: string | null;
-	valid: boolean;
-	active: boolean;
-	dirty: boolean;
-	touched: boolean;
-	submitted: boolean;
-}
-export interface ExternalPayerInfo {
-	externalPayerId: string;
-	firstName?: string;
-	lastName?: string;
-	email?: string;
-}
-export interface CustomerAddress {
-	firstName?: string;
-	lastName?: string;
-	addressLine1?: string;
-	addressLine2?: string;
-	addressLine3?: string;
-	city?: string;
-	state?: string;
-	countryCode?: Alpha2CountryCode;
-	postalCode?: string;
-}
-export interface MonetaryAmount {
-	value: number | string;
-	currency: Alpha3CurrencyCode;
-}
-export interface ThreeDSecureOrderDetails {
-	amount: MonetaryAmount;
-	email: string;
-	billingAddress: CustomerAddress;
-	orderId: string;
-}
-export interface ThreeDSVerificationOptions {
-	token: string;
-	container: string;
-	order: ThreeDSecureOrderDetails;
-	testScenario?: string;
-	onChallengeStart?: () => void;
-	onChallengeEnd?: () => void;
-}
-export interface ThreeDSAuthenticationData {
-	responseCode: ThreeDSecureStatus;
-	reasonCode?: string;
-	reasonText?: string;
-	protocolVersion: string;
-	challengeIssued: boolean;
-}
-export interface VaultData {
-	customerId: string;
-}
-export type PaymentCardDetails = {
-	last4Digits: string;
-	cardholderName: string;
-	network: string;
-};
-export type PayPalBillingAgreementDetails = {
-	paypalBillingAgreementId: string;
-	externalPayerInfo?: ExternalPayerInfo;
-	shippingAddress?: CustomerAddress;
-};
-export type GoCardlessDetails = {
-	gocardlessMandateId: string;
-};
-export type BasePaymentInstrumentData$1 = Record<string, unknown>;
-export interface IPaymentMethodToken<T extends BasePaymentInstrumentData$1 = BasePaymentInstrumentData$1, U extends PaymentInstrumentType = PaymentInstrumentType> {
-	token: string;
-	analyticsId: string;
-	tokenType: TokenType;
-	paymentInstrumentData: T;
-	paymentInstrumentType: U;
-	threeDSecureAuthentication: ThreeDSAuthenticationData | null;
-	vaultData: VaultData | null;
-}
-export type UnknownPaymentMethodToken = IPaymentMethodToken<BasePaymentInstrumentData$1, PaymentInstrumentType>;
-export type PaymentCardToken = IPaymentMethodToken<PaymentCardDetails, typeof PaymentInstrumentType.CARD>;
-export type PayPalBillingAgreementToken = IPaymentMethodToken<PayPalBillingAgreementDetails, typeof PaymentInstrumentType.PAYPAL_VAULTED>;
-export type GoCardlessToken = IPaymentMethodToken<GoCardlessDetails, typeof PaymentInstrumentType.GO_CARDLESS>;
-export type IdealPayToken = IPaymentMethodToken<Record<string, never>, typeof PaymentInstrumentType.PAY_NL_IDEAL>;
-export type PaymentMethodToken = PaymentCardToken | PayPalBillingAgreementToken | GoCardlessToken | IdealPayToken | UnknownPaymentMethodToken;
-export type CheckSuccessScreenOptions = {
-	type: SuccessScreenType.CHECK;
-	title: Label;
-};
-export type PaymentMethodSuccessScreenOptions = {
-	type: SuccessScreenType.PAYMENT_METHOD;
-};
-export type SuccessScreenOptions = /* No success screen will be displayed */ false | /* Show the default success screen of the payment method*/ undefined | CheckSuccessScreenOptions | PaymentMethodSuccessScreenOptions;
-export type VaultOptions = {
-	visible?: boolean;
-	deletionDisabled?: boolean;
-};
-export type TransitionType = "SLIDE_UP" | "SLIDE_DOWN" | "SLIDE_HORIZONTAL";
-export type SceneTransitionOptions = {
-	type: TransitionType;
-	duration: number;
-	isRtlLocale?: boolean;
-};
-export type SceneOptions = {
-	onEntering?: (sceneId: string) => void;
-	transition?: SceneTransitionOptions | false;
-};
-export type RedirectOptions = {
-	returnUrl?: string;
-	/**
-	 * default: false
-	 */
-	forceRedirect?: boolean;
-};
-export type AdvancedOptions = {
-	platform?: "STANDALONE" | "MAGENTO";
-};
-export type PaymentMethodAction = "PAYMENT_METHOD_SELECTED" | "PAYMENT_METHOD_UNSELECTED";
-export type PaymentHandling = "AUTO" | "MANUAL";
-export type PaymentMethodData$1 = AdyenMultibancoPaymentData;
-export type AdyenMultibancoPaymentData = {
-	paymentMethodType: typeof PaymentMethodType.ADYEN_MULTIBANCO;
-	reference: string;
-	expiresAt: string;
-	entity: string;
-};
-export type Payment = {
-	id: string;
-	orderId: string;
-	paymentMethodData?: PaymentMethodData$1;
-};
-export interface onBeforePaymentCreateHandler {
-	continuePaymentCreation: () => void;
-	abortPaymentCreation: () => void;
-}
-export interface OnCheckoutFailHandler {
-	showErrorMessage: (errorMessage?: string) => void;
-}
-export interface PaymentHandlers {
-	onBeforePaymentCreate?: (data: {
-		paymentMethodType?: PaymentMethodType;
-	}, handler: onBeforePaymentCreateHandler) => void;
-	onPaymentCreationStart?: () => void;
-	onCheckoutComplete?: (data: {
-		payment: Payment | null;
-	}) => void;
-	onCheckoutFail?: (error: PrimerClientError, data: {
-		payment?: Payment;
-	}, handler: OnCheckoutFailHandler | undefined) => void;
-}
-export type OnTokenizeShouldStart = (data: {
-	paymentMethodType?: PaymentMethodType;
-}) => boolean | Promise<boolean>;
-export type OnTokenizeDidNotStart = (reason: string) => void;
-export type OnTokenizeStart = () => void;
-export type OnTokenizeError = (error: PrimerClientError) => void;
-export interface OnTokenizeSuccessHandler {
-	handleSuccess(): any;
-	handleFailure(errorMessage?: string): any;
-	continueWithNewClientToken(clientToken: string): any;
-}
-export type OnTokenizeSuccess = (data: PaymentMethodToken, handler: OnTokenizeSuccessHandler) => void | Promise<void>;
-export interface OnResumeSuccessHandler {
-	handleSuccess(): any;
-	handleFailure(errorMessage?: string): any;
-	continueWithNewClientToken(clientToken: string): any;
-}
-export type OnResumeSuccess = (data: ResumeToken, handler: OnResumeSuccessHandler) => void;
-export type onResumeError = (error: PrimerClientError) => void;
-export type OnResumePending = (paymentMethodData: PaymentMethodData$1) => void;
-export interface TokenizationHandlers {
-	onTokenizeShouldStart?: OnTokenizeShouldStart;
-	onTokenizeDidNotStart?: OnTokenizeDidNotStart;
-	onTokenizeStart?: OnTokenizeStart;
-	onTokenizeSuccess?: OnTokenizeSuccess;
-	onTokenizeError?: OnTokenizeError;
-	onResumeSuccess?: OnResumeSuccess;
-	onResumePending?: OnResumePending;
-	onResumeError?: onResumeError;
-}
-export interface PaymentMethodHandlers {
-	onPaymentMethodAction?: (paymentMethodAction: PaymentMethodAction, { paymentMethodType, }: {
-		paymentMethodType: PaymentMethodType | string | null;
-	}) => void;
+	name?: string;
+	placeholder?: string;
+	placement?: "append" | "prepend";
+	properties?: unknown;
+	style?: CheckoutStyle;
+	cardNetwork?: string;
 }
-export interface ClientSessionHandlers {
-	onClientSessionUpdate?: (clientSession: ClientSession) => void;
-	onBeforeClientSessionUpdate?: () => void;
+export interface CvvInput {
+	frame: HTMLIFrameElement | null;
+	readonly metadata: {
+		readonly errorCode: string | null;
+		readonly error: string | null;
+		readonly valid: boolean;
+		readonly active: boolean;
+		readonly dirty: boolean;
+		readonly touched: boolean;
+		readonly submitted: boolean;
+	};
+	focus(): void;
+	blur(): void;
+	addListener(event: "change" | "blur" | "focus", listener: (...args: unknown[]) => void): (() => void) | undefined;
+	addEventListener(event: "change" | "blur" | "focus", listener: (...args: unknown[]) => void): (() => void) | undefined;
+	removeListener(event: "change" | "blur" | "focus", listener: (...args: unknown[]) => void): void;
+	name: string;
+	valueToken: string;
+	remove: () => void;
 }
-export interface VaultManagerOptions extends WithAllowedCardNetworks {
-	uxFlow?: CheckoutUXFlow.MANAGE_PAYMENT_METHODS;
-	container: string | Element;
-	locale?: SupportedLocale;
-	vaultOnly?: boolean;
-	deletionDisabled?: boolean;
-	style?: CheckoutStyle;
-	scene?: SceneOptions;
-	errorMessage?: ErrorMessageOptions;
-	form?: FormOptions;
-	submitButton?: SubmitButtonOptions;
-	processingIndicator?: ProcessingIndicatorOptions;
-	card?: CheckoutCardOptions;
-	threeDSecure?: ThreeDSVerificationOptions;
-	giftCard?: CustomizablePaymentMethodButton;
-	googlePay?: Omit<GooglePayOptions, "container">;
-	directDebit?: DirectDebitOptions;
-	stripe?: StripeOptionsDropIn;
-	paypal?: Omit<PayPalOptions, "container">;
-	onTokenizeShouldStart?: OnTokenizeShouldStart;
-	onTokenizeDidNotStart?: OnTokenizeDidNotStart;
-	onTokenizeStart?: () => void;
-	onTokenizeSuccess?: (data: PaymentMethodToken) => void;
-	onTokenizeError?: (message: PrimerClientError) => void;
-	apiVersion?: APIVersionOption;
+export interface Payment {
+	id: string;
+	orderId: string;
+	paymentMethodData?: {
+		paymentMethodType: PaymentMethodType;
+		reference?: string;
+		expiresAt?: string;
+		entity?: string;
+	};
 }
-export interface UniversalCheckoutOptions extends TokenizationHandlers, PaymentHandlers, PaymentMethodHandlers, ClientSessionHandlers, WithAllowedCardNetworks {
-	uxFlow?: CheckoutUXFlow.CHECKOUT;
-	container: string | Element;
-	locale?: SupportedLocale;
-	style?: CheckoutStyle;
-	scene?: SceneOptions;
-	vault?: VaultOptions;
-	submitButton?: SubmitButtonOptions;
-	processingIndicator?: ProcessingIndicatorOptions;
-	errorMessage?: ErrorMessageOptions;
-	successScreen?: SuccessScreenOptions;
-	form?: FormOptions;
-	allowedPaymentMethods?: PaymentMethodType[];
-	card?: CheckoutCardOptions;
-	redirect?: RedirectOptions;
-	paypal?: Omit<PayPalOptions, "container">;
-	googlePay?: Omit<GooglePayOptions, "container">;
-	applePay?: Omit<ApplePayOptions, "container">;
-	adyenKlarna?: AdyenKlarnaOptions;
-	klarna?: KlarnaOptions;
-	directDebit?: DirectDebitOptions;
-	giftCard?: CustomizablePaymentMethodButton;
-	stripe?: StripeOptionsDropIn;
-	paymentHandling?: PaymentHandling;
-	advanced?: AdvancedOptions;
-	clientSessionCachingEnabled?: boolean;
-	apiVersion?: APIVersionOption;
+export interface KlarnaPaymentMethodCategory {
+	id: string;
+	name: string;
+	descriptiveAssetUrl: string;
+	standardAssetUrl: string;
 }
-export interface HeadlessUniversalCheckoutOptions extends TokenizationHandlers, PaymentHandlers, PaymentMethodHandlers, ClientSessionHandlers, WithAllowedCardNetworks {
-	style?: CheckoutStyle;
-	paymentHandling?: PaymentHandling;
-	locale?: SupportedLocale;
-	card?: CheckoutCardOptions;
-	redirect?: RedirectOptions;
-	paypal?: Omit<PayPalOptions, "container">;
-	googlePay?: Omit<GooglePayOptions, "container">;
-	applePay?: Omit<ApplePayOptions, "container">;
-	adyenKlarna?: AdyenKlarnaOptions;
-	klarna?: KlarnaOptions;
-	directDebit?: DirectDebitOptions;
-	giftCard?: CustomizablePaymentMethodButton;
-	stripe?: StripeOptions;
-	onAvailablePaymentMethodsLoad: (paymentMethods: PaymentMethodInfo[]) => void;
-	clientSessionCachingEnabled?: boolean;
-	apiVersion?: APIVersionOption;
+export interface StripeAchCustomerDetails {
+	emailAddress: string;
+	firstName: string;
+	lastName: string;
 }
-export type WithAllowedCardNetworks = {
-	/** @deprecated Use `orderedAllowedCardNetworks` on your Primer Dashboard instead. */
-	allowedCardNetworks?: CardNetwork$1[];
-};
-export interface PrimerCheckout {
-	teardown(): void;
-	submit(): void;
-	setPaymentCreationEnabled(isEnabled: boolean): void;
-	setTokenizationEnabled(isEnabled: boolean): void;
-	refreshClientSession(): Promise<boolean>;
-	/**
-	 * @deprecated The method should not be used
-	 */
-	setClientToken(): Promise<boolean>;
+export interface PrimerClientErrorOptions<T = unknown> {
+	message: string;
+	diagnosticsId?: string;
+	severity?: "ERROR" | "DEBUG" | "WARN" | "INFO";
+	errorId?: string;
+	data?: T;
+	isFromDeveloper?: boolean;
 }
-export type EventListener$1 = (event?: Event) => void;
-declare enum EventTypes {
-	CHANGE = "change",
-	ERROR = "error",
-	FOCUS = "focus",
-	BLUR = "blur",
-	CLICK = "click",
-	CLOSE = "close",
-	CONFIRMED_KLARNA_CATEGORY = "CONFIRMED_KLARNA_CATEGORY",
-	CONFIRMED_KLARNA_CATEGORY_ERROR = "CONFIRMED_KLARNA_CATEGORY_ERROR",
-	KLARNA_SESSION_UPDATE = "KLARNA_SESSION_UPDATE",
-	KLARNA_SESSION_REFRESH_ERROR = "KLARNA_SESSION_REFRESH_ERROR"
+declare enum ErrorCode {
+	INITIALIZATION_ERROR = "INITIALIZATION_ERROR",
+	NO_PAYMENT_METHODS = "NO_PAYMENT_METHODS",
+	PRIMER_TEARDOWN = "PRIMER_TEARDOWN",
+	PRIMER_SERVER_ERROR = "PRIMER_SERVER_ERROR",
+	THREE_DS_AUTH_FAILED = "THREE_DS_AUTH_FAILED",
+	TOKENIZATION_ERROR = "TOKENIZATION_ERROR",
+	DUPLICATE_PAYMENT_METHOD_ERROR = "DUPLICATE_PAYMENT_METHOD_ERROR",
+	CARD_NUMBER_ERROR = "CARD_NUMBER_ERROR",
+	PAYMENT_METHOD_NOT_SETUP = "PAYMENT_METHOD_NOT_SETUP",
+	PAYMENT_METHOD_NOT_PROVIDED = "PAYMENT_METHOD_NOT_PROVIDED",
+	PAYMENT_METHOD_NOT_COMPATIBLE = "PAYMENT_METHOD_NOT_COMPATIBLE",
+	RESUME_ERROR = "RESUME_ERROR",
+	VALIDATION_ERROR = "VALIDATION_ERROR",
+	PAYMENT_FAILED = "PAYMENT_FAILED",
+	PAYMENT_CREATION_ABORTED = "PAYMENT_CREATION_ABORTED",
+	PAYMENT_CREATION_DISABLED = "PAYMENT_CREATION_DISABLED",
+	CLIENT_SESSION_UPDATE_ERROR = "CLIENT_SESSION_UPDATE_ERROR",
+	INVALID_ARGUMENT = "INVALID_ARGUMENT",
+	VAULT_FETCH = "VAULT_FETCH",
+	VAULT_DELETE = "VAULT_DELETE",
+	HEADLESS_VAULT_MANAGER_VALIDATION = "HEADLESS_VAULT_MANAGER_VALIDATION",
+	CARD_FORM_VALIDATION_UNEXPECTED_FIELD = "CARD_FORM_VALIDATION_UNEXPECTED_FIELD",
+	MISSING_FIRST_NAME_OR_LAST_NAME = "MISSING_FIRST_NAME_OR_LAST_NAME",
+	MISSING_EMAIL_ADDRESS = "MISSING_EMAIL_ADDRESS",
+	INVALID_FLOW = "INVALID_FLOW"
 }
-export interface HeadlessHostedInputOptions {
-	placeholder?: string;
-	ariaLabel?: string;
-	style?: CheckoutStyle;
+declare class PrimerClientError<T = unknown> extends Error {
+	readonly code: ErrorCode;
+	readonly diagnosticsId: string | null;
+	readonly data?: T;
+	readonly isFromDeveloper: boolean;
+	constructor(code: ErrorCode, options: PrimerClientErrorOptions<T>);
+	static fromErrorCode(code: ErrorCode, options: PrimerClientErrorOptions): PrimerClientError;
 }
 export interface IHeadlessHostedInput {
-	getOptions(): HeadlessHostedInputOptions;
-	setOptions(options: HeadlessHostedInputOptions): void;
-	render(container: string | Element | null, options: HeadlessHostedInputOptions): Promise<void>;
+	getOptions(): {
+		placeholder?: string;
+		ariaLabel?: string;
+		style?: CheckoutStyle;
+	};
+	setOptions(options: {
+		placeholder?: string;
+		ariaLabel?: string;
+		style?: CheckoutStyle;
+	}): void;
+	render(container: string | Element | null, options: {
+		placeholder?: string;
+		ariaLabel?: string;
+		style?: CheckoutStyle;
+	}): Promise<void>;
 	addEventListener(event: EventTypes, callback: EventListener$1): void;
 	focus(): void;
 	blur(): void;
@@ -2050,32 +583,10 @@ export interface ICardPaymentMethodManager {
 	validate(): Promise<Validation>;
 	reset(): void;
 }
-export type CardPaymentMethodSubmitValues = {
-	cardNetwork?: string;
-};
-export interface PayPalStyles {
-	buttonColor?: "gold" | "blue" | "silver" | "white" | "black";
-	buttonShape?: "pill" | "rect";
-	buttonSize?: "small" | "medium" | "large" | "responsive";
-	buttonHeight?: number;
-	buttonLabel?: "checkout" | "credit" | "pay" | "buynow" | "paypal" | "installment";
-	buttonTagline?: boolean;
-}
-export interface GooglePayStyles {
-	buttonType?: "long" | "short";
-	buttonColor?: "default" | "black" | "white";
-	shadowRoot?: boolean;
-}
-export interface ApplePayStyles {
-	buttonType?: "plain" | "buy" | "set-up" | "donate" | "check-out" | "book" | "subscribe";
-	buttonHeight?: number;
-	buttonStyle?: "white" | "white-outline" | "black";
-}
-export interface HeadlessButtonRenderOptions {
-	style?: GooglePayStyles | PayPalStyles | ApplePayStyles | Record<string, unknown>;
-}
 export interface IHeadlessPaymentMethodButton {
-	render(containerId: string | Element, options: HeadlessButtonRenderOptions): Promise<void>;
+	render(containerId: string | Element, options: {
+		style?: Record<string, unknown>;
+	}): Promise<void>;
 	setDisabled(disabled: boolean): Promise<void>;
 	clean(): void;
 	focus(): void;
@@ -2090,8 +601,16 @@ export interface IRedirectPaymentMethodManager {
 	addEventListener(event: EventTypes, callback: EventListener$1): void;
 }
 export interface IKlarnaPaymentMethodManager {
-	start(paymentPayload: KlarnaPaymentPayload): Promise<KlarnaPaymentResponse>;
-	renderCategory(renderCategoryDetails: RenderCategoryDetails): Promise<void>;
+	start(paymentPayload: {
+		paymentMethodCategoryId: string;
+	}): Promise<{
+		outcome: "APPROVED" | "DENIED";
+	}>;
+	renderCategory(renderCategoryDetails: {
+		containerId: string | Element;
+		paymentMethodCategoryId: string;
+		onHeightChange: (height: number) => void;
+	}): Promise<void>;
 	addEventListener(event: EventTypes, callback: EventListener$1): void;
 	getPaymentMethod(): void;
 }
@@ -2103,70 +622,59 @@ export interface IAchPaymentMethodManager {
 	declineMandate(): Promise<void>;
 	getPaymentMethod(): void;
 }
-declare enum HeadlessManagerType {
-	CARD = "CARD",
-	NATIVE = "NATIVE",
-	REDIRECT = "REDIRECT",
-	KLARNA = "KLARNA",
-	ACH = "ACH"
+export interface HeadlessVaultManager {
+	fetchVaultedPaymentMethods(): Promise<VaultedPaymentMethod[]>;
+	deleteVaultedPaymentMethod(id: string): Promise<void>;
+	startPaymentFlow(id: string, data?: {
+		cvv?: string;
+	}): Promise<void>;
+	createCvvInput(options: CardSecurityCodeInputOptions): Promise<CvvInput | null>;
 }
-export type PaymentMethodInfo = {
-	type: PaymentMethodType;
-	managerType: HeadlessManagerType;
-};
-export type ButtonPaymentMethodAsset = {
-	backgroundColor: BackgroundColor;
-	iconUrl: IconUrl;
-	/**
-	 * @deprecated The property should not be used. Please use displayName or buttonText instead
-	 */
-	paymentMethodName?: string;
-	buttonText?: string;
-	displayName?: string;
-};
 export interface IAssetsManager {
-	getCardNetworkAsset(cardNetwork: string): Promise<CardNetworkAsset>;
-	getPaymentMethodAsset(type: PaymentMethodType): Promise<ButtonPaymentMethodAsset | null>;
+	getCardNetworkAsset(cardNetwork: string): Promise<{
+		cardUrl: string;
+		displayName: string;
+	}>;
+	getPaymentMethodAsset(type: PaymentMethodType): Promise<{
+		backgroundColor: BackgroundColor;
+		iconUrl: IconUrl;
+		paymentMethodName?: string;
+		buttonText?: string;
+		displayName?: string;
+	} | null>;
+}
+export interface HeadlessSDKUtilities {
+	getCardNetworkAsset(network: string): {
+		cardUrl: string;
+		displayName: string;
+	};
+	getUIOrderAmount(): string | null;
+	getCDNAssets(paymentMethodType: PaymentMethodType): Promise<{
+		assets: {
+			icon: string;
+		};
+		colors: {
+			background: string;
+			main: string;
+		};
+		description: string | null;
+		is_primer_app: boolean;
+		name: string;
+		website: string | null;
+		goatCdnUrl: string;
+	} | undefined>;
+	getPaymentMethodConfiguration(paymentMethodType: PaymentMethodType): PaymentMethodConfig | undefined;
 }
-export type CardNetworkAsset = {
-	cardUrl: string;
-	displayName: string;
-};
 export interface CardPaymentMethodManagerOptions {
-	/** @deprecated Use onCardNetworksChange instead. */
-	onCardMetadataChange?: (metadata: CardMetadata) => void;
+	onCardMetadataChange?: (metadata: {
+		type: CardNetworkType | null;
+		possibleTypes: string[];
+		cvvLength: number;
+		cardNumberLength: number;
+	}) => void;
 	onCardNetworksChange?: (event: CardNetworkChangeEvent) => void;
 	onCardNetworksLoading?: () => void;
 }
-export type CardNetworkChangeEvent = {
-	detectedCardNetworks: CardNetworks;
-	selectableCardNetworks?: CardNetworks;
-	source: "REMOTE" | "LOCAL" | "LOCAL_FALLBACK";
-};
-export type CardNetworks = {
-	items: CardNetworkDetails[];
-	preferred?: CardNetworkDetails;
-};
-export type CardNetworkDetails = CardNetworkInfo & {
-	allowed: boolean;
-};
-export type CardNetworkInfo = {
-	displayName: string;
-	network: string;
-};
-export type BankIssuer = {
-	id: string;
-	name: string;
-	iconUrl: string;
-	disabled: boolean;
-};
-export interface FormWithRedirectConfiguration {
-	bankIssuers?: BankIssuer[];
-	error?: PrimerClientError | Error;
-}
-export interface FormWithRedirectPaymentMethodManagerOptions {
-	onConfigurationLoad?: (payload: FormWithRedirectConfiguration) => void;
-}
 export interface KlarnaPaymentMethodManagerOptions {
 	onPaymentMethodCategoriesChange?: (paymentMethodCategories: KlarnaPaymentMethodCategory[]) => void;
 	onPaymentMethodAction?: (action: string, data: {
@@ -2177,33 +685,58 @@ export interface KlarnaPaymentMethodManagerOptions {
 export interface AchPaymentMethodManagerOptions {
 	onCollectBankAccountDetailsComplete?: () => void;
 }
-export type KlarnaPaymentMethodCategory = {
-	id: string;
-	name: string;
-	descriptiveAssetUrl: string;
-	standardAssetUrl: string;
-};
-export type KlarnaPaymentPayload = {
-	paymentMethodCategoryId: string;
-};
-export type KlarnaPaymentResponse = {
-	outcome: "APPROVED" | "DENIED";
-};
-export type RenderCategoryDetails = {
-	containerId: string | Element;
-	paymentMethodCategoryId: string;
-	onHeightChange: (height: number) => void;
-};
-export interface HeadlessSDKUtilities {
-	getCardNetworkAsset(network: string): {
-		cardUrl: string;
-		displayName: string;
+export type PaymentMethodManagerOptions = CardPaymentMethodManagerOptions | KlarnaPaymentMethodManagerOptions | AchPaymentMethodManagerOptions;
+export interface CheckoutStyle {
+	fontFaces?: Array<{
+		fontFamily?: string;
+		src?: string;
+		unicodeRange?: string;
+		fontVariant?: string;
+		fontFeatureSettings?: string;
+		fontVariationSettings?: string;
+		fontStretch?: string;
+		fontWeight?: string;
+		fontStyle?: string;
+	}>;
+	stylesheets?: Array<{
+		href: string;
+	}>;
+	loadingScreen?: {
+		color?: string;
 	};
-	getUIOrderAmount(): string | null;
-	getCDNAssets(paymentMethodType: PaymentMethodType): Promise<GoatBrandWithCdn | undefined>;
-	getPaymentMethodConfiguration(paymentMethodType: PaymentMethodType): PaymentMethodConfig | undefined;
+	input?: InputStyles;
+	inputLabel?: Record<string, unknown>;
+	inputErrorText?: Record<string, unknown>;
+	formSpacings?: {
+		betweenLabelAndInput?: string;
+		betweenInputs?: string;
+	};
+	showMorePaymentMethodsButton?: Record<string, unknown>;
+	networkError?: Record<string, unknown>;
+	submitButton?: Record<string, unknown>;
+	vaultTitle?: Record<string, unknown>;
+	savedPaymentMethodButton?: Record<string, unknown>;
+	paymentMethodButton?: Record<string, unknown>;
+	errorMessage?: Record<string, unknown>;
+	smallPrint?: Record<string, unknown>;
+	directDebit?: Record<string, unknown>;
+	vaultMenu?: Record<string, unknown>;
+	backButton?: Record<string, unknown>;
+	separator?: Record<string, unknown>;
+	processingIndicator?: Record<string, unknown>;
+	focusCheckoutOnInit?: boolean;
+}
+export interface ThreeDSAuthenticationData {
+	responseCode: "AUTH_SUCCESS" | "AUTH_FAILED" | "SKIPPED" | "CHALLENGE";
+	reasonCode?: string;
+	reasonText?: string;
+	protocolVersion: string;
+	challengeIssued: boolean;
+}
+export interface VaultData {
+	customerId: string;
 }
-export type PaymentMethodManagerOptions = CardPaymentMethodManagerOptions | FormWithRedirectPaymentMethodManagerOptions | KlarnaPaymentMethodManagerOptions;
+type EventListener$1 = (event?: Event) => void;
 export interface PrimerHeadlessCheckout {
 	createPaymentMethodManager(type: "PAYMENT_CARD", options?: PaymentMethodManagerOptions): Promise<ICardPaymentMethodManager | null>;
 	createPaymentMethodManager(type: "PAYPAL" | "GOOGLE_PAY" | "APPLE_PAY", options?: PaymentMethodManagerOptions): Promise<INativePaymentMethodManager | null>;
@@ -2212,173 +745,280 @@ export interface PrimerHeadlessCheckout {
 	createPaymentMethodManager(type: PaymentMethodType, options?: PaymentMethodManagerOptions): Promise<IRedirectPaymentMethodManager | null>;
 	createVaultManager(): HeadlessVaultManager;
 	getSDKUtilities(): HeadlessSDKUtilities;
-	/**
-	 * @deprecated
-	 * The options should be set on the `createHeadless` second parameter instead:
-	 * ```
-	 * Primer.createHeadless('clientToken', options);
-	 * ```
-	 */
 	configure: (options: Omit<HeadlessUniversalCheckoutOptions, "clientSessionCachingEnabled">) => void;
 	getAssetsManager(): IAssetsManager;
 	start: () => Promise<void>;
 	refreshClientSession(): Promise<boolean>;
 }
-export interface PrimerVaultManager {
-	teardown(): void;
-	submit(): void;
+export interface HeadlessUniversalCheckoutOptions {
+	style?: CheckoutStyle;
+	paymentHandling?: "AUTO" | "MANUAL";
+	locale?: string;
+	card?: {
+		cardholderName?: {
+			required?: boolean;
+			visible?: boolean;
+			placeholder?: string;
+		};
+		cardNumber?: {
+			placeholder?: string;
+		};
+		expiryDate?: {
+			placeholder?: string;
+		};
+		cvv?: {
+			placeholder?: string;
+		};
+		preferredFlow?: CardPreferredFlow;
+	};
+	redirect?: {
+		returnUrl?: string;
+		forceRedirect?: boolean;
+	};
+	paypal?: PayPalOptions;
+	googlePay?: GooglePayOptions;
+	applePay?: ApplePayOptions;
+	adyenKlarna?: {
+		buttonOptions?: {
+			text?: string;
+		};
+	};
+	klarna?: KlarnaOptions;
+	directDebit?: {
+		customerCountryCode: string;
+		companyName: string;
+		companyAddress: string;
+		customerName?: string;
+		customerEmail?: string;
+		customerAddressLine1?: string;
+		customerAddressLine2?: string;
+		customerCity?: string;
+		customerPostalCode?: string;
+		iban?: string;
+		submitButtonLabels?: {
+			form?: string;
+			mandate: string;
+		};
+	};
+	giftCard?: {
+		logoSrc: string;
+		background: string;
+		logoAlt?: string;
+		text?: string;
+	};
+	stripe?: {
+		publishableKey?: string;
+		mandateData?: {
+			fullMandateText?: string;
+			merchantName?: string;
+		};
+	} & Record<string, unknown>;
+	onAvailablePaymentMethodsLoad: (paymentMethods: PaymentMethodInfo[]) => void;
+	clientSessionCachingEnabled?: boolean;
+	apiVersion?: APIVersionOption;
+	onCheckoutComplete?: (data: {
+		payment: Payment | null;
+	}) => void;
+	onCheckoutFail?: (error: PrimerClientError, data: {
+		payment?: Payment;
+	}, handler?: {
+		showErrorMessage: (errorMessage?: string) => void;
+	}) => void;
+	onBeforePaymentCreate?: (data: {
+		paymentMethodType?: PaymentMethodType;
+	}, handler: {
+		continuePaymentCreation: () => void;
+		abortPaymentCreation: () => void;
+	}) => void;
+	onPaymentCreationStart?: () => void;
+	onPaymentMethodAction?: (data: "PAYMENT_METHOD_SELECTED" | "PAYMENT_METHOD_UNSELECTED", handler: {
+		paymentMethodType: PaymentMethodType | null;
+	}) => void;
+	onClientSessionUpdate?: (clientSession: ClientSession) => void;
+	onBeforeClientSessionUpdate?: () => void;
+	onTokenizeShouldStart?: (data: {
+		paymentMethodType?: PaymentMethodType;
+	}) => boolean | Promise<boolean>;
+	onTokenizeDidNotStart?: (reason: string) => void;
+	onTokenizeStart?: () => void;
+	onTokenizeSuccess?: (data: PaymentMethodToken, handler: {
+		handleSuccess(): unknown;
+		handleFailure(errorMessage?: string): unknown;
+		continueWithNewClientToken(clientToken: string): unknown;
+	}) => void | Promise<void>;
+	onTokenizeError?: (error: PrimerClientError) => void;
+	onResumeSuccess?: (data: {
+		resumeToken: string;
+		paymentId?: string;
+	}, handler: {
+		handleSuccess(): unknown;
+		handleFailure(errorMessage?: string): unknown;
+		continueWithNewClientToken(clientToken: string): unknown;
+	}) => void;
+	onResumePending?: (paymentMethodData: {
+		paymentMethodType: PaymentMethodType;
+		reference?: string;
+		expiresAt?: string;
+		entity?: string;
+	}) => void;
+	onResumeError?: (error: PrimerClientError) => void;
+}
+export interface PaymentMethodToken {
+	token: string;
+	analyticsId: string;
+	tokenType: "SINGLE_USE" | "MULTI_USE";
+	paymentInstrumentData: BasePaymentInstrumentData;
+	paymentInstrumentType: PaymentInstrumentType;
+	threeDSecureAuthentication: ThreeDSAuthenticationData | null;
+	vaultData: VaultData | null;
+}
+export interface ApplePayOptions {
+	container?: string | Element;
+	buttonType?: "plain" | "buy" | "set-up" | "donate" | "check-out" | "book" | "subscribe";
+	buttonStyle?: "white" | "white-outline" | "black";
+	captureBillingAddress?: boolean;
+	billingOptions?: {
+		requiredBillingContactFields?: Array<"emailAddress" | "name" | "phoneNumber" | "postalAddress" | "phoneticName">;
+	};
+	shippingOptions?: {
+		requiredShippingContactFields?: Array<"emailAddress" | "name" | "phoneNumber" | "postalAddress" | "phoneticName">;
+		requireShippingMethod?: boolean;
+	};
+}
+export interface GooglePayOptions {
+	container?: string | Element;
+	buttonType?: "long" | "short" | "book" | "buy" | "checkout" | "donate" | "order" | "pay" | "plain" | "subscribe";
+	buttonColor?: "default" | "black" | "white";
+	buttonSizeMode?: "fill" | "static";
+	onClick?: () => void;
+	captureBillingAddress?: boolean;
+	shippingAddressParameters?: {
+		phoneNumberRequired?: boolean;
+	};
+	emailRequired?: boolean;
+	requireShippingMethod?: boolean;
+	shadowRoot?: boolean;
 }
-declare const Primer: {
-	SDK_VERSION: string;
-	createHeadless: (clientToken: string, options?: HeadlessUniversalCheckoutOptions | undefined) => Promise<Promise<PrimerHeadlessCheckout>>;
-	showUniversalCheckout: (clientToken: string, options?: UniversalCheckoutOptions | undefined) => Promise<Promise<PrimerCheckout>>;
-	showVaultManager: (clientToken: string, options?: VaultManagerOptions | undefined) => Promise<Promise<PrimerVaultManager>>;
-	preloadPrimer: () => Promise<void>;
-};
-export type JSONSafe<T> = T extends (...args: any[]) => any ? never : T extends symbol ? never : T extends bigint ? never : T extends Array<infer U> ? JSONSafe<U>[] : T extends object ? {
-	[K in keyof T as JSONSafe<T[K]> extends never ? never : K]: JSONSafe<T[K]>;
-} : T;
-export type PrimerCheckoutOptions = JSONSafe<HeadlessUniversalCheckoutOptions> & {
+export interface PayPalOptions {
+	container?: string | Element;
+	buttonColor?: "gold" | "blue" | "silver" | "white" | "black";
+	buttonShape?: "pill" | "rect";
+	buttonSize?: "small" | "medium" | "large" | "responsive";
+	buttonHeight?: number;
+	buttonLabel?: "checkout" | "credit" | "pay" | "buynow" | "paypal" | "installment";
+	buttonTagline?: boolean;
+	paymentFlow?: "DEFAULT" | "PREFER_VAULT";
+	onClick?: () => void;
+}
+export interface KlarnaOptions {
+	paymentFlow?: "DEFAULT" | "PREFER_VAULT";
+	recurringPaymentDescription?: string;
+	allowedPaymentCategories?: Array<"pay_now" | "pay_later" | "pay_over_time">;
+	buttonOptions?: {
+		text?: string;
+	};
+}
+/**
+ * PrimerCheckoutOptions defines the configuration options for the Primer checkout.
+ * This is an explicit definition of the options rather than a mapped type to make
+ * the type more predictable and easier to maintain.
+ */
+export interface PrimerCheckoutOptions {
+	clientToken?: string;
+	locale?: string;
+	apiVersion?: APIVersionOption;
+	card?: {
+		cardholderName?: {
+			required?: boolean;
+		};
+	};
+	applePay?: Omit<ApplePayOptions, "container"> & {
+		captureBillingAddress?: boolean;
+		billingOptions?: {
+			requiredBillingContactFields?: Array<"emailAddress" | "name" | "phoneNumber" | "postalAddress" | "phoneticName">;
+		};
+		shippingOptions?: {
+			requiredShippingContactFields?: Array<"emailAddress" | "name" | "phoneNumber" | "postalAddress" | "phoneticName">;
+			requireShippingMethod?: boolean;
+		};
+	};
+	googlePay?: Omit<GooglePayOptions, "container">;
+	paypal?: Omit<PayPalOptions, "container">;
+	klarna?: KlarnaOptions;
+	threeDsOptions?: {
+		enabled?: boolean;
+		preferred?: boolean;
+	};
 	vault?: {
 		enabled: boolean;
+		showEmptyState?: boolean;
 	};
+	stripe?: {
+		mandateData: {
+			fullMandateText?: string;
+			merchantName?: string;
+		};
+		publishableKey?: string;
+	} & Record<string, unknown>;
 	submitButton?: {
 		amountVisible?: boolean;
 	};
-	stripe?: UniversalCheckoutOptions["stripe"];
-};
-declare global {
-	interface Window {
-		Primer: typeof Primer;
-	}
+	sdkCore?: boolean;
+	disabledPayments?: boolean;
 }
-declare const PaymentMethodType$1: {
-	readonly WORLDPAY_IDEAL: "WORLDPAY_IDEAL";
-	readonly STRIPE_ACH: "STRIPE_ACH";
-	readonly STRIPE_IDEAL: "STRIPE_IDEAL";
-	readonly ADYEN_KLARNA: "ADYEN_KLARNA";
-	readonly ADYEN_BANCONTACT_CARD: "ADYEN_BANCONTACT_CARD";
-	readonly PAY_NL_KAARTDIRECT: "PAY_NL_KAARTDIRECT";
-	readonly ADYEN_EPS: "ADYEN_EPS";
-	readonly ADYEN_BANCONTACT_PAYCONIQ: "ADYEN_BANCONTACT_PAYCONIQ";
-	readonly OMISE_PROMPTPAY: "OMISE_PROMPTPAY";
-	readonly OMISE_TRUEMONEY: "OMISE_TRUEMONEY";
-	readonly ADYEN_MULTIBANCO: "ADYEN_MULTIBANCO";
-	readonly PACYPAY_WECHAT: "PACYPAY_WECHAT";
-	readonly PACYPAY_ALIPAY: "PACYPAY_ALIPAY";
-	readonly ADYEN_MBWAY: "ADYEN_MBWAY";
-	readonly XENDIT_DANA: "XENDIT_DANA";
-	readonly XENDIT_SHOPEEPAY: "XENDIT_SHOPEEPAY";
-	readonly ADYEN_PAYSHOP: "ADYEN_PAYSHOP";
-	readonly ADYEN_PAYTRAIL: "ADYEN_PAYTRAIL";
-	readonly CLEARPAY: "CLEARPAY";
-	readonly RAPYD_FAST: "RAPYD_FAST";
-	readonly RAPYD_PROMPTPAY: "RAPYD_PROMPTPAY";
-	readonly RAPYD_GCASH: "RAPYD_GCASH";
-	readonly RAPYD_POLI: "RAPYD_POLI";
-	readonly RAPYD_GRABPAY: "RAPYD_GRABPAY";
-	readonly PRIMER_PAYPAL: "PRIMER_PAYPAL";
-	readonly TWOC2P: "TWOC2P";
-	readonly NETS: "NETS";
-	readonly STRIPE_GIROPAY: "STRIPE_GIROPAY";
-	readonly MOLLIE_GIROPAY: "MOLLIE_GIROPAY";
-	readonly MOLLIE_EPS: "MOLLIE_EPS";
-	readonly PAY_NL_EPS: "PAY_NL_EPS";
-	readonly PAY_NL_P24: "PAY_NL_P24";
-	readonly MOLLIE_P24: "MOLLIE_P24";
-	readonly MOLLIE_SOFORT: "MOLLIE_SOFORT";
-	readonly COINBASE: "COINBASE";
-	readonly OPENNODE: "OPENNODE";
-	readonly MOLLIE_GIFT_CARD: "MOLLIE_GIFTCARD";
-	readonly XFERS_PAYNOW: "XFERS_PAYNOW";
-	readonly PAYMENT_CARD: "PAYMENT_CARD";
-	readonly APPLE_PAY: "APPLE_PAY";
-	readonly GOOGLE_PAY: "GOOGLE_PAY";
-	readonly PAYPAL: "PAYPAL";
-	readonly GO_CARDLESS: "GOCARDLESS";
-	readonly KLARNA: "KLARNA";
-	readonly PAY_NL_IDEAL: "PAY_NL_IDEAL";
-	readonly PAY_NL_SOFORT_BANKING: "PAY_NL_SOFORT_BANKING";
-	readonly PAY_NL_BANCONTACT: "PAY_NL_BANCONTACT";
-	readonly PAY_NL_PAYPAL: "PAY_NL_PAYPAL";
-	readonly PAY_NL_CREDIT_TRANSFER: "PAY_NL_CREDIT_TRANSFER";
-	readonly PAY_NL_DIRECT_DEBIT: "PAY_NL_DIRECT_DEBIT";
-	readonly PAY_NL_GIROPAY: "PAY_NL_GIROPAY";
-	readonly PAY_NL_PAYCONIQ: "PAY_NL_PAYCONIQ";
-	readonly HOOLAH: "HOOLAH";
-	readonly ADYEN_BLIK: "ADYEN_BLIK";
-	readonly ADYEN_MOBILEPAY: "ADYEN_MOBILEPAY";
-	readonly ADYEN_VIPPS: "ADYEN_VIPPS";
-	readonly ADYEN_GIROPAY: "ADYEN_GIROPAY";
-	readonly ADYEN_SOFORT: "ADYEN_SOFORT";
-	readonly ADYEN_IDEAL: "ADYEN_IDEAL";
-	readonly ADYEN_TRUSTLY: "ADYEN_TRUSTLY";
-	readonly ADYEN_ALIPAY: "ADYEN_ALIPAY";
-	readonly ADYEN_TWINT: "ADYEN_TWINT";
-	readonly ADYEN_BANK_TRANSFER: "ADYEN_BANK_TRANSFER";
-	readonly MOLLIE_BANCONTACT: "MOLLIE_BANCONTACT";
-	readonly MOLLIE_IDEAL: "MOLLIE_IDEAL";
-	readonly BUCKAROO_GIROPAY: "BUCKAROO_GIROPAY";
-	readonly BUCKAROO_EPS: "BUCKAROO_EPS";
-	readonly BUCKAROO_SOFORT: "BUCKAROO_SOFORT";
-	readonly BUCKAROO_BANCONTACT: "BUCKAROO_BANCONTACT";
-	readonly BUCKAROO_IDEAL: "BUCKAROO_IDEAL";
-	readonly ATOME: "ATOME";
-};
-type PaymentMethodType$1 = (typeof PaymentMethodType$1)[keyof typeof PaymentMethodType$1];
 export type InitializedManager = {
-	type: typeof PaymentMethodType$1.STRIPE_ACH;
+	type: typeof PaymentMethodType.STRIPE_ACH;
 	manager: IAchPaymentMethodManager;
 } | {
-	type: typeof PaymentMethodType$1.PAYMENT_CARD;
+	type: typeof PaymentMethodType.PAYMENT_CARD;
 	manager: ICardPaymentMethodManager;
 } | {
-	type: typeof PaymentMethodType$1.KLARNA;
+	type: typeof PaymentMethodType.KLARNA;
 	manager: IKlarnaPaymentMethodManager;
 } | {
 	type: RedirectPaymentMethodTypes;
 	manager: IRedirectPaymentMethodManager;
 } | {
-	type: typeof PaymentMethodType$1.PAYPAL | typeof PaymentMethodType$1.GOOGLE_PAY | typeof PaymentMethodType$1.APPLE_PAY;
+	type: typeof PaymentMethodType.PAYPAL | typeof PaymentMethodType.GOOGLE_PAY | typeof PaymentMethodType.APPLE_PAY;
 	manager: INativePaymentMethodManager;
 };
-export type ManagerByType<T extends PaymentMethodType$1> = Extract<InitializedManager, {
+export type ManagerByType<T extends PaymentMethodType> = Extract<InitializedManager, {
 	type: T;
 }>;
-export interface InitializedManagersMap extends Map<PaymentMethodType$1, InitializedManager> {
-	get<T extends PaymentMethodType$1>(key: T): ManagerByType<T> | undefined;
+export interface InitializedManagersMap extends Map<PaymentMethodType, InitializedManager> {
+	get<T extends PaymentMethodType>(key: T): ManagerByType<T> | undefined;
 }
-export type RedirectPaymentMethodTypes = Exclude<PaymentMethodType$1, typeof PaymentMethodType$1.STRIPE_ACH | typeof PaymentMethodType$1.PAYMENT_CARD | typeof PaymentMethodType$1.KLARNA | typeof PaymentMethodType$1.PAYPAL | typeof PaymentMethodType$1.GOOGLE_PAY | typeof PaymentMethodType$1.APPLE_PAY>;
-export type DynamicPaymentMethodTypes = typeof PaymentMethodType$1.STRIPE_ACH;
-export type NativePaymentMethodTypes = typeof PaymentMethodType$1.PAYPAL | typeof PaymentMethodType$1.GOOGLE_PAY | typeof PaymentMethodType$1.APPLE_PAY;
+export type RedirectPaymentMethodTypes = Exclude<PaymentMethodType, typeof PaymentMethodType.STRIPE_ACH | typeof PaymentMethodType.PAYMENT_CARD | typeof PaymentMethodType.KLARNA | typeof PaymentMethodType.PAYPAL | typeof PaymentMethodType.GOOGLE_PAY | typeof PaymentMethodType.APPLE_PAY>;
+export type DynamicPaymentMethodTypes = typeof PaymentMethodType.STRIPE_ACH;
+export type NativePaymentMethodTypes = typeof PaymentMethodType.PAYPAL | typeof PaymentMethodType.GOOGLE_PAY | typeof PaymentMethodType.APPLE_PAY;
 export type RedirectPaymentMethod = {
 	type: RedirectPaymentMethodTypes;
 	managerType: HeadlessManagerType.REDIRECT;
 };
 export type InitializedPaymentMethod = {
-	type: typeof PaymentMethodType$1.STRIPE_ACH;
+	type: typeof PaymentMethodType.STRIPE_ACH;
 	managerType: HeadlessManagerType.ACH;
 } | {
-	type: typeof PaymentMethodType$1.PAYMENT_CARD;
+	type: typeof PaymentMethodType.PAYMENT_CARD;
 	managerType: HeadlessManagerType.CARD;
 } | {
-	type: typeof PaymentMethodType$1.KLARNA;
+	type: typeof PaymentMethodType.KLARNA;
 	managerType: HeadlessManagerType.KLARNA;
 } | {
-	type: typeof PaymentMethodType$1.PAYPAL;
+	type: typeof PaymentMethodType.PAYPAL;
 	managerType: HeadlessManagerType.NATIVE;
 } | {
-	type: typeof PaymentMethodType$1.GOOGLE_PAY;
+	type: typeof PaymentMethodType.GOOGLE_PAY;
 	managerType: HeadlessManagerType.NATIVE;
 } | {
-	type: typeof PaymentMethodType$1.APPLE_PAY;
+	type: typeof PaymentMethodType.APPLE_PAY;
 	managerType: HeadlessManagerType.NATIVE;
 } | RedirectPaymentMethod;
-export type PaymentMethodByType<T extends PaymentMethodType$1> = Extract<InitializedPaymentMethod, {
+export type PaymentMethodByType<T extends PaymentMethodType> = Extract<InitializedPaymentMethod, {
 	type: T;
 }>;
-export interface InitializedPaymentMethodMap extends Map<PaymentMethodType$1, InitializedPaymentMethod> {
-	get<T extends PaymentMethodType$1>(key: T): PaymentMethodByType<T> | undefined;
+export interface InitializedPaymentMethodMap extends Map<PaymentMethodType, InitializedPaymentMethod> {
+	get<T extends PaymentMethodType>(key: T): PaymentMethodByType<T> | undefined;
 }
 export interface AssetsConfig {
 	backgroundColor: string;
@@ -2389,35 +1029,90 @@ export declare class InitializedPayments {
 	private readonly _methods;
 	constructor(map: InitializedPaymentMethodMap);
 	get<T extends RedirectPaymentMethodTypes>(type: T): RedirectPaymentMethod | undefined;
-	get<T extends (typeof PaymentMethodType$1)[keyof typeof PaymentMethodType$1]>(type: T): PaymentMethodByType<T> | undefined;
+	get<T extends (typeof PaymentMethodType)[keyof typeof PaymentMethodType]>(type: T): PaymentMethodByType<T> | undefined;
 	toArray(): InitializedPaymentMethod[];
 	size(): number;
 }
-export interface OnCheckoutCompletePayload {
+export interface PaymentData {
+	paymentMethodType: string;
+}
+export interface PrepareHandler {
+	continuePaymentCreation: () => void;
+	abortPaymentCreation: () => void;
+}
+export interface PaymentCompleteData {
 	payment: Payment | null;
+	status: "success" | "pending" | "error";
+	error?: PrimerClientError;
 }
-export interface OnCheckoutFailurePayload {
-	error: PrimerClientError;
-	payment?: Payment;
+/**
+ * PrimerJS is a wrapper class that provides a stable API for interfacing with the Primer SDK
+ * while hiding direct access to the legacy headless instance.
+ */
+export declare class PrimerJS {
+	private headlessInstance;
+	private paymentMethods;
+	onPaymentStart?: () => void;
+	onPaymentPrepare?: (data: PaymentData, handler: PrepareHandler) => void;
+	onPaymentComplete?: (data: PaymentCompleteData) => void;
+	constructor(headlessInstance: PrimerHeadlessCheckout);
+	/**
+	 * Set the initialized payment methods
+	 * @internal - This is only used internally by the SDK
+	 */
+	setPaymentMethods(methods: InitializedPayments): void;
+	/**
+	 * Refetches a new client session from merchant backend.
+	 */
+	refreshSession(): Promise<void>;
+	/**
+	 * Returns the cached list of payment methods.
+	 */
+	getPaymentMethods(): PaymentMethodInfo[];
+	/**
+	 * Internal method to handle the onPaymentStart callback
+	 * @internal - This is only used internally by the SDK
+	 */
+	handlePaymentStart(): void;
+	/**
+	 * Internal method to handle the onBeforePaymentCreate callback and transform it to onPaymentPrepare
+	 * @internal - This is only used internally by the SDK
+	 */
+	handleBeforePaymentCreate(data: PaymentData, originalHandler: {
+		continuePaymentCreation: () => void;
+		abortPaymentCreation: () => void;
+	}): void;
+	/**
+	 * Internal method to handle payment completion (success)
+	 * @internal - This is only used internally by the SDK
+	 */
+	handlePaymentComplete(payment: Payment | null): void;
+	/**
+	 * Internal method to handle payment failure
+	 * @internal - This is only used internally by the SDK
+	 */
+	handlePaymentFailure(error: PrimerClientError, payment?: Payment): void;
 }
 export interface CardSubmitSuccessPayload {
 	result: unknown;
 }
 export interface CardSubmitErrorsPayload {
-	errors: unknown | InputValidationError[];
+	errors: unknown;
+}
+export interface CardSubmitPayload {
+	source?: string;
 }
 export interface PrimeAchErrorPayload {
 	error: Error;
 }
 export interface PrimerEvents {
-	"primer-state-changed": CustomEvent<SdkStateContext>;
-	"primer-oncheckout-complete": CustomEvent<OnCheckoutCompletePayload>;
-	"primer-oncheckout-failure": CustomEvent<OnCheckoutFailurePayload>;
-	"primer-payment-methods-updated": CustomEvent<InitializedPayments>;
-	"primer-checkout-initialized": CustomEvent<PrimerHeadlessCheckout>;
-	"primer-card-network-change": CustomEvent<CardNetworksContext>;
-	"primer-card-submit-success": CustomEvent<CardSubmitSuccessPayload>;
-	"primer-card-submit-errors": CustomEvent<CardSubmitErrorsPayload>;
+	"primer:state-change": CustomEvent<SdkStateContextType>;
+	"primer:methods-update": CustomEvent<InitializedPayments>;
+	"primer:ready": CustomEvent<PrimerJS>;
+	"primer:card-network-change": CustomEvent<CardNetworksContextType>;
+	"primer:card-submit": CustomEvent<CardSubmitPayload>;
+	"primer:card-success": CustomEvent<CardSubmitSuccessPayload>;
+	"primer:card-error": CustomEvent<CardSubmitErrorsPayload>;
 	"primer-ach-error": CustomEvent<PrimeAchErrorPayload>;
 	"primer-ach-bank-details-collected": CustomEvent;
 	"primer-ach-mandate-confirmed": CustomEvent;
@@ -2435,17 +1130,16 @@ declare class PrimerEventsController implements ReactiveController {
 	 * @param detail - The payload for the event.
 	 */
 	dispatchEvent<K extends keyof PrimerEvents>(type: K, detail: PrimerEvents[K]["detail"]): void;
-	dispatchSdkState(sdkState: SdkStateContext): void;
+	dispatchSdkState(sdkState: SdkStateContextType): void;
 	dispatchPaymentMethods(paymentMethods: InitializedPayments): void;
-	dispatchCheckoutInitialized(checkoutInstance: PrimerHeadlessCheckout): void;
-	dispatchCardNetworkChange(network: CardNetworksContext): void;
-	dispatchOnCheckoutComplete(payment: Payment | null): void;
-	dispatchOnCheckoutFailure(error: PrimerClientError, payment?: Payment): void;
+	dispatchCheckoutInitialized(checkoutInstance: PrimerJS): void;
+	dispatchCardNetworkChange(network: CardNetworksContextType): void;
+	dispatchCardSubmit(source?: string): void;
 	dispatchFormSubmitSuccess(result: unknown): void;
 	dispatchFormSubmitErrors(errors: unknown): void;
 }
-export type HeadlessUnitilsContext = HeadlessSDKUtilities | null;
-export type KlarnaCategoriesContext = {
+export type HeadlessUnitilsContextType = HeadlessSDKUtilities | null;
+export type KlarnaCategoriesContextType = {
 	categories: KlarnaPaymentMethodCategory[];
 	isLoading: boolean;
 };
@@ -2486,6 +1180,7 @@ declare class CompositeStateController<Host extends ReactiveControllerHost> impl
 export interface VaultManagerInitOptions {
 	vaultEnabled?: boolean;
 	captureVaultedCardCvv?: boolean;
+	showEmptyState?: boolean;
 }
 /**
  * Core state interface for vault manager
@@ -2497,6 +1192,7 @@ export interface VaultManagerState {
 	isUpdating: boolean;
 	vaultedPaymentMethods: VaultedPaymentMethod[];
 	cvvRecapture: boolean;
+	showEmptyState: boolean;
 	createCvvInput: ((options: CardSecurityCodeInputOptions) => Promise<CvvInput | null>) | null;
 	deleteVaultedPaymentMethod: (paymentMethodId: string) => Promise<void>;
 	startVaultedPaymentFlow: (options?: {
@@ -2540,7 +1236,7 @@ declare class VaultManagerController extends CompositeStateController<PrimerChec
 	 * Fetch vaulted payment methods from the server
 	 */
 	fetchVaultedPaymentMethods(initialLoad?: boolean): Promise<VaultedPaymentMethod[]>;
-	createCvvInput(options: CardSecurityCodeInputOptions): Promise<CvvInput | null>;
+	createCvvInput: (options: CardSecurityCodeInputOptions) => Promise<CvvInput | null>;
 	/**
 	 * Delete a vaulted payment method by ID
 	 */
@@ -2564,13 +1260,13 @@ declare class VaultManagerController extends CompositeStateController<PrimerChec
  * Context for core vault manager functionality
  * Contains properties that don't change frequently and relate to vault functionality
  */
-export type VaultManagerContext = VaultManagerState | null;
+export type VaultManagerContextType = VaultManagerState | null;
 /**
  * Context for vault manager CVV-specific state
  * Contains properties specifically related to CVV input functionality
  * Further separated to minimize re-renders related to frequently changing CVV input state
  */
-export type VaultItemContext = VaultManagerItemState | null;
+export type VaultItemContextType = VaultManagerItemState | null;
 declare class SDKContextController implements ReactiveController {
 	host: PrimerCheckoutType;
 	private sdkStateProvider;
@@ -2589,7 +1285,7 @@ declare class SDKContextController implements ReactiveController {
 	 * Updates the SDK state context.
 	 * @param value The new SDK state.
 	 */
-	setSdkState(value: SdkStateContext): void;
+	setSdkState(value: SdkStateContextType): void;
 	/**
 	 * Updates the payment methods context.
 	 * @param value The new payment methods data.
@@ -2600,13 +1296,13 @@ declare class SDKContextController implements ReactiveController {
 	 * @param value The new payment manager mapping.
 	 */
 	setPaymentManagers(value: InitializedManagersMap): void;
-	setCardNetworks(value: CardNetworksContext): void;
-	setVaultManager(value: VaultManagerContext): void;
-	setKlarnaCategories(value: KlarnaCategoriesContext): void;
+	setCardNetworks(value: CardNetworksContextType): void;
+	setVaultManager(value: VaultManagerContextType): void;
+	setKlarnaCategories(value: KlarnaCategoriesContextType): void;
 	setClientOptions(value: PrimerCheckoutOptions | null): void;
-	setHeadlessUtils(value: HeadlessUnitilsContext): void;
+	setHeadlessUtils(value: HeadlessUnitilsContextType): void;
 	setComputedStyles(value: CSSStyleDeclaration): void;
-	setVaultManagerCvv(value: VaultItemContext): void;
+	setVaultManagerCvv(value: VaultItemContextType): void;
 }
 export type SdkStateAction = {
 	type: "START_PROCESSING";
@@ -2646,6 +1342,10 @@ declare class SdkStateController extends ReactiveStateController<PrimerCheckoutT
 	resetError(): void;
 	forceCompleteLoading(): void;
 }
+/**
+ * PrimerCheckoutType defines the interface for the primer-checkout component implementation.
+ * This includes both the properties and controllers needed for internal functionality.
+ */
 export interface PrimerCheckoutType extends ReactiveControllerHost, LitElement {
 	requestUpdate: ReactiveControllerHost["requestUpdate"];
 	customStyles: string;
@@ -2676,7 +1376,7 @@ declare class CardNetworkController implements ReactiveController {
 	 *
 	 * @param event - The card network change event
 	 */
-	processCardNetworkChangeEvent(event: CardNetworkChangeEvent): Promise<void>;
+	processCardNetworkChangeEvent(event: CardNetworkChangeEvent): void;
 }
 declare class StyleProcessingController implements ReactiveController {
 	host: ReactiveControllerHost & LitElement;
@@ -2783,6 +1483,16 @@ declare const targetLocales = [
 	`zh-TW`,
 ] as const;
 export type LocaleCode = typeof sourceLocale | (typeof targetLocales)[number];
+declare global {
+	interface HTMLElementTagNameMap {
+		"primer-checkout": PrimerCheckoutComponent;
+	}
+	type PublicPrimerEvents = Omit<PrimerEvents, "primer-ach-error" | "primer-ach-bank-details-collected" | "primer-ach-mandate-confirmed" | "primer-ach-mandate-declined">;
+	interface DocumentEventMap extends PublicPrimerEvents {
+	}
+	interface HTMLElementEventMap extends PublicPrimerEvents {
+	}
+}
 declare class AchPaymentEventsController implements ReactiveController {
 	host: PrimerCheckoutComponent;
 	constructor(host: PrimerCheckoutComponent);
@@ -2808,6 +1518,7 @@ export declare class PrimerCheckoutComponent extends LitElement implements Prime
 	customStyles: string;
 	clientToken: string;
 	options: PrimerCheckoutOptions;
+	disableLoader: boolean;
 	/**
 	 * Whether the component has completed initialization and loading
 	 * This is used to control the CSS-only loader visibility
@@ -2892,18 +1603,18 @@ declare class SpinnerComponent extends LitElement {
 	 * Size of the spinner
 	 * Available values: 'small', 'medium', 'large' or a custom number as string
 	 */
-	size: SpinnerSize | string;
+	size: SpinnerSize;
 	/**
 	 * Whether to use compact mode (minimal margins)
 	 * Useful when embedding in inputs
 	 */
 	compact: boolean;
-	static styles: CSSResult[];
+	static styles: import("lit").CSSResult[];
 	/**
 	 * Get the actual size value in pixels
 	 */
 	private getSize;
-	render(): TemplateResult<1>;
+	render(): import("lit-html").TemplateResult<1>;
 }
 declare global {
 	interface HTMLElementTagNameMap {
@@ -2920,7 +1631,7 @@ declare global {
  * - Sets proper cursor styling to indicate text input functionality
  */
 declare class InputWrapperComponent extends LitElement {
-	static styles: CSSResult[];
+	static styles: import("lit").CSSResult[];
 	focusWithin: boolean;
 	hasError: boolean;
 	private inputSlot;
@@ -2936,7 +1647,7 @@ declare class InputWrapperComponent extends LitElement {
 	 * @returns The primer-input element or null if not found
 	 */
 	private findSlottedPrimerInput;
-	render(): TemplateResult<1>;
+	render(): import("lit-html").TemplateResult<1>;
 }
 declare global {
 	interface HTMLElementTagNameMap {
@@ -2950,7 +1661,7 @@ declare global {
  * @slot - Default slot for label text content
  */
 declare class InputLabelComponent extends LitElement {
-	static styles: CSSResult[];
+	static styles: import("lit").CSSResult[];
 	/**
 	 * ID of the form control this label is associated with
 	 */
@@ -2959,7 +1670,7 @@ declare class InputLabelComponent extends LitElement {
 	 * Whether the label should appear disabled
 	 */
 	disabled: boolean;
-	render(): TemplateResult<1>;
+	render(): import("lit-html").TemplateResult<1>;
 }
 declare global {
 	interface HTMLElementTagNameMap {
@@ -2971,7 +1682,7 @@ declare global {
  */
 export type ButtonSelectionState = "default" | "checked";
 declare class ButtonComponent extends LitElement {
-	static styles: CSSResult[];
+	static styles: import("lit").CSSResult[];
 	variant: "primary" | "secondary" | "tertiary";
 	disabled: boolean;
 	/**
@@ -2990,6 +1701,10 @@ declare class ButtonComponent extends LitElement {
 	 * Indicates if this button is selectable/checkable
 	 */
 	selectable: boolean;
+	/**
+	 * Indicates if wraps the slot in a flex container
+	 */
+	flex: boolean;
 	/**
 	 * Event handler for button click
 	 * If selectable, it will toggle between checked and default states
@@ -3003,7 +1718,7 @@ declare class ButtonComponent extends LitElement {
 	 * Renders the spinner when in loading state
 	 */
 	private renderSpinner;
-	render(): TemplateResult<1>;
+	render(): import("lit-html").TemplateResult<1>;
 }
 declare global {
 	interface HTMLElementTagNameMap {
@@ -3017,7 +1732,7 @@ declare global {
  * @slot - Default slot for error message content
  */
 declare class InputErrorComponent extends LitElement {
-	static styles: CSSResult[];
+	static styles: import("lit").CSSResult[];
 	/**
 	 * ID of the form control this error message is associated with
 	 */
@@ -3026,7 +1741,7 @@ declare class InputErrorComponent extends LitElement {
 	 * Whether the error is currently active/visible
 	 */
 	active: boolean;
-	render(): TemplateResult<1>;
+	render(): import("lit-html").TemplateResult<1>;
 }
 declare global {
 	interface HTMLElementTagNameMap {
@@ -3036,12 +1751,12 @@ declare global {
 export type IconName = keyof typeof icons;
 declare const icons: Record<string, SVGTemplateResult>;
 declare class PrimerIconComponent extends LitElement {
-	static styles: CSSResult[];
+	static styles: import("lit").CSSResult[];
 	color: string;
 	size: "lg" | "md" | "sm";
 	/** The name of the icon to draw - available names can be found under library.ts file */
 	name?: IconName;
-	render(): TemplateResult<1>;
+	render(): import("lit-html").TemplateResult<1>;
 }
 declare global {
 	interface HTMLElementTagNameMap {
@@ -3049,10 +1764,10 @@ declare global {
 	}
 }
 declare class PrimerCheckoutStateComponent extends LitElement {
-	static styles: CSSResult[];
+	static styles: import("lit").CSSResult[];
 	type: "complete" | "failure";
 	description?: string;
-	render(): TemplateResult<1>;
+	render(): import("lit-html").TemplateResult<1>;
 }
 declare global {
 	interface HTMLElementTagNameMap {
@@ -3088,7 +1803,7 @@ export type InputEventMap = {
  * @csspart input - The native input element
  */
 declare class InputComponent extends LitElement {
-	static styles: CSSResult[];
+	static styles: import("lit").CSSResult[];
 	private inputElement;
 	value: string;
 	placeholder: string;
@@ -3104,7 +1819,9 @@ declare class InputComponent extends LitElement {
 	max: string;
 	step: string;
 	autocomplete: string;
-	id: string;
+	private _id;
+	get id(): string;
+	set id(value: string);
 	private hasFocus;
 	private hasError;
 	/**
@@ -3160,7 +1877,7 @@ declare class InputComponent extends LitElement {
 	 * Report the validity of the input element
 	 */
 	reportValidity(): boolean;
-	render(): TemplateResult<1>;
+	render(): import("lit-html").TemplateResult<1>;
 	/**
 	 * Type safe event dispatcher - allows consumers to use proper types
 	 * when listening to events from this component
@@ -3191,7 +1908,7 @@ export type ButtonVariant = "primary" | "secondary" | "tertiary";
  * Uses CSS Grid for smooth animation and incorporates the primary button.
  */
 declare class CollapsableComponent extends LitElement {
-	static styles: CSSResult[];
+	static styles: import("lit").CSSResult[];
 	/**
 	 * The header text for the collapsable
 	 */
@@ -3240,7 +1957,7 @@ declare class CollapsableComponent extends LitElement {
 	 * Collapse the collapsable programmatically
 	 */
 	collapse(): void;
-	render(): TemplateResult<1>;
+	render(): import("lit-html").TemplateResult<1>;
 }
 declare global {
 	interface HTMLElementTagNameMap {
@@ -3265,7 +1982,8 @@ declare global {
  * @csspart error-content - The error text content
  */
 declare class ErrorMessageComponent extends LitElement {
-	static styles: CSSResult[];
+	static styles: import("lit").CSSResult[];
+	constructor();
 	/**
 	 * The error message text to display
 	 */
@@ -3278,7 +1996,9 @@ declare class ErrorMessageComponent extends LitElement {
 	 * Accessibility role for the error message
 	 * Defaults to "alert" for proper screen reader announcements
 	 */
-	role: string;
+	private _role;
+	get role(): string;
+	set role(value: string);
 	/**
 	 * Internal state to track animation state
 	 * This helps manage proper animations with DOM presence/absence
@@ -3289,7 +2009,7 @@ declare class ErrorMessageComponent extends LitElement {
 	 * Handle visibility changes with proper animation timing
 	 */
 	private handleVisibilityChange;
-	render(): typeof nothing | TemplateResult<1>;
+	render(): typeof nothing | import("lit-html").TemplateResult<1>;
 }
 declare global {
 	interface HTMLElementTagNameMap {
@@ -3297,8 +2017,9 @@ declare global {
 	}
 }
 declare class PortalComponent extends LitElement {
-	static styles: CSSResult[];
-	id: string;
+	static styles: import("lit").CSSResult[];
+	private _id;
+	get id(): string;
 	getContainer(): HTMLDivElement;
 	/**
 	 * Proxies the events sent from the portalled content and
@@ -3310,7 +2031,7 @@ declare class PortalComponent extends LitElement {
 	private _setupEventListeners;
 	disconnectedCallback(): void;
 	private _handleSlotChange;
-	render(): TemplateResult<1>;
+	render(): import("lit-html").TemplateResult<1>;
 }
 declare global {
 	interface HTMLElementTagNameMap {
@@ -3318,9 +2039,9 @@ declare global {
 	}
 }
 declare class DialogComponent extends LitElement {
-	static styles: CSSResult[];
+	static styles: import("lit").CSSResult[];
 	private _handleCloseClick;
-	render(): TemplateResult<1>;
+	render(): import("lit-html").TemplateResult<1>;
 }
 declare global {
 	interface HTMLElementTagNameMap {
@@ -3337,43 +2058,45 @@ declare global {
  * [ Continue with Klarna ] --> opens a Klarna popup
  */
 declare class PrimerKlarnaComponent extends LitElement {
-	static styles: CSSResult[];
+	static styles: import("lit").CSSResult[];
 	paymentManagers: InitializedManagersMap;
-	sdkState: SdkStateContext;
-	headlessUtils: HeadlessUnitilsContext;
-	klarnaCategories: KlarnaCategoriesContext | null;
+	sdkState: SdkStateContextType;
+	headlessUtils: HeadlessUnitilsContextType;
+	klarnaCategories: KlarnaCategoriesContextType | null;
+	disabled: boolean;
 	private selectedCategory;
 	private isExpanded;
 	private headerAriaLabel;
 	private klarnaContainer;
 	private _paymentMethodManagerTask;
-	toggleExpand(): void;
+	toggleExpand: () => void;
 	startKlarnaPayment(): Promise<void>;
 	renderSelectedCategory(): Promise<void>;
 	selectCategory(category: string): void;
 	updated(changedProperties: Map<string, unknown>): void;
-	renderCategorySelection(): TemplateResult<1>;
-	renderExpandedContent(): TemplateResult<1>;
-	render(): typeof nothing | TemplateResult<1> | undefined;
+	renderCategorySelection(): import("lit-html").TemplateResult<1>;
+	renderExpandedContent(): import("lit-html").TemplateResult<1>;
+	render(): typeof nothing | import("lit-html").TemplateResult<1> | undefined;
 }
 declare global {
 	interface HTMLElementTagNameMap {
 		"primer-klarna": PrimerKlarnaComponent;
 	}
 }
-export type PaymentMethodsContext = InitializedPayments | null;
+export type PaymentMethodsContextType = InitializedPayments | null;
 declare class PaymentMethodComponent extends LitElement {
-	static styles: CSSResult[];
-	type: PaymentMethodType$1 | undefined;
-	paymentMethods: PaymentMethodsContext;
-	render(): typeof nothing | TemplateResult<1>;
+	static styles: import("lit").CSSResult[];
+	type: PaymentMethodType | undefined;
+	disabled: boolean;
+	paymentMethods: PaymentMethodsContextType;
+	render(): typeof nothing | import("lit-html").TemplateResult<1>;
 }
 declare global {
 	interface HTMLElementTagNameMap {
 		"primer-payment-method": PaymentMethodComponent;
 	}
 }
-export type ClientOptionsContext = PrimerCheckoutOptions | null;
+export type ClientOptionsContextType = PrimerCheckoutOptions | null;
 export type AchField = "firstName" | "lastName" | "emailAddress";
 export interface AchFormState {
 	value: string;
@@ -3405,12 +2128,12 @@ declare class AchPaymentFormControler implements ReactiveController {
 	hostDisconnected(): void;
 }
 declare class AchPaymentComponent extends LitElement {
-	static styles: CSSResult[];
+	static styles: import("lit").CSSResult[];
 	protected readonly formController: AchPaymentFormControler;
 	paymentMethod: InitializedPaymentMethod | undefined;
 	paymentManagers: InitializedManagersMap;
-	sdkState: SdkStateContext | undefined;
-	clientOptions: ClientOptionsContext | undefined;
+	sdkState: SdkStateContextType | undefined;
+	clientOptions: ClientOptionsContextType | undefined;
 	screen: "form" | "mandate";
 	private isSubmitting;
 	private _paymentMethodManagerTask;
@@ -3431,11 +2154,11 @@ declare global {
 	}
 }
 declare class DynamicPaymentComponent extends LitElement {
-	static styles: CSSResult[];
+	static styles: import("lit").CSSResult[];
 	paymentMethod: InitializedPaymentMethod | undefined;
 	paymentManagers: InitializedManagersMap;
-	sdkState: SdkStateContext;
-	headlessUtils: HeadlessUnitilsContext;
+	sdkState: SdkStateContextType;
+	headlessUtils: HeadlessUnitilsContextType;
 	open: boolean;
 	private _paymentMethodManagerTask;
 	private _getAssetsTask;
@@ -3447,8 +2170,8 @@ declare class DynamicPaymentComponent extends LitElement {
 	private _legacyGetButtonLabel;
 	private _setupTasks;
 	start(): void;
-	renderDialog(): typeof nothing | TemplateResult<1>;
-	render(): symbol | TemplateResult<1> | undefined;
+	renderDialog(): typeof nothing | import("lit-html").TemplateResult<1>;
+	render(): symbol | import("lit-html").TemplateResult<1> | undefined;
 }
 declare global {
 	interface HTMLElementTagNameMap {
@@ -3456,11 +2179,12 @@ declare global {
 	}
 }
 declare class RedirectPaymentComponent extends LitElement {
-	static styles: CSSResult[];
+	static styles: import("lit").CSSResult[];
 	paymentMethod: InitializedPaymentMethod | undefined;
+	disabled: boolean;
 	paymentManagers: InitializedManagersMap;
-	sdkState: SdkStateContext;
-	headlessUtils: HeadlessUnitilsContext;
+	sdkState: SdkStateContextType;
+	headlessUtils: HeadlessUnitilsContextType;
 	private _paymentMethodManagerTask;
 	/**
 	 * Based on packages/primer-sdk-web/src/payment-methods/Button.tsx
@@ -3470,7 +2194,7 @@ declare class RedirectPaymentComponent extends LitElement {
 	private _getAssetsTask;
 	private _setupTasks;
 	startRedirectPayment(): void;
-	render(): symbol | TemplateResult<1> | undefined;
+	render(): symbol | import("lit-html").TemplateResult<1> | undefined;
 }
 declare global {
 	interface HTMLElementTagNameMap {
@@ -3487,7 +2211,7 @@ export interface VaultManagerEvents {
 	toggleEditMode: CustomEvent<boolean>;
 	closeError: CustomEvent<void>;
 	vaultPaymentError: CustomEvent<{
-		error: Error | unknown;
+		error: unknown;
 	}>;
 }
 /**
@@ -3505,11 +2229,13 @@ export interface VaultManagerEventMap {
  * VaultManagerComponent - displays and manages saved payment methods
  */
 declare class VaultManagerComponent extends LitElement {
-	static styles: CSSResult[];
+	static styles: import("lit").CSSResult[];
 	constructor();
 	addEventListener: <K extends keyof VaultManagerEventMap>(type: K, listener: (ev: VaultManagerEventMap[K]) => void, options?: boolean | AddEventListenerOptions) => void;
 	removeEventListener: <K extends keyof VaultManagerEventMap>(type: K, listener: (ev: VaultManagerEventMap[K]) => void, options?: boolean | AddEventListenerOptions) => void;
-	vaultManagerContext: VaultManagerContext;
+	vaultManagerContext: VaultManagerContextType;
+	vaultItemContext: VaultItemContextType;
+	headlessUtils: HeadlessUnitilsContextType;
 	/**
 	 * Whether we're in edit mode
 	 */
@@ -3530,6 +2256,10 @@ declare class VaultManagerComponent extends LitElement {
 	 * Animation duration override
 	 */
 	animationDuration: number;
+	/**
+	 * Asset config for the payment method being deleted
+	 */
+	private deleteAssetConfig;
 	/**
 	 * Get base animation configuration with current settings
 	 */
@@ -3581,7 +2311,7 @@ declare class VaultManagerComponent extends LitElement {
 	/**
 	 * Main render method
 	 */
-	render(): typeof nothing | TemplateResult<1>;
+	render(): typeof nothing | import("lit-html").TemplateResult<1>;
 }
 /**
  * VaultPaymentMethodItemComponent - displays a single payment method
@@ -3591,7 +2321,7 @@ declare class VaultManagerComponent extends LitElement {
  * Always renders the primer-button for consistent UI and improved accessibility
  */
 declare class VaultPaymentMethodItemComponent extends LitElement {
-	static styles: CSSResult[];
+	static styles: import("lit").CSSResult[];
 	/**
 	 * Strongly typed event declarations
 	 */
@@ -3600,9 +2330,9 @@ declare class VaultPaymentMethodItemComponent extends LitElement {
 	/**
 	 * Consume the vault manager context
 	 */
-	vaultManagerContext: VaultManagerContext;
-	vaultItemContext: VaultItemContext;
-	headlessUtils: HeadlessUnitilsContext;
+	vaultManagerContext: VaultManagerContextType;
+	vaultItemContext: VaultItemContextType;
+	headlessUtils: HeadlessUnitilsContextType;
 	/**
 	 * The payment method to display
 	 */
@@ -3625,14 +2355,10 @@ declare class VaultPaymentMethodItemComponent extends LitElement {
 	 * Dispatch delete event
 	 */
 	private handleDeleteClick;
-	/**
-	 * Builds the common content template shared between modes
-	 */
-	private renderPaymentMethodContent;
 	/**
 	 * Render method
 	 */
-	render(): symbol | TemplateResult<1> | undefined;
+	render(): symbol | import("lit-html").TemplateResult<1> | undefined;
 }
 declare global {
 	interface HTMLElementTagNameMap {
@@ -3643,7 +2369,7 @@ declare global {
  * VaultManagerHeaderComponent - displays the header for the vault manager
  */
 declare class VaultManagerHeaderComponent extends LitElement {
-	static styles: CSSResult[];
+	static styles: import("lit").CSSResult[];
 	/**
 	 * Strongly typed event declarations
 	 */
@@ -3664,7 +2390,7 @@ declare class VaultManagerHeaderComponent extends LitElement {
 	/**
 	 * Render method
 	 */
-	protected render(): TemplateResult<1>;
+	protected render(): import("lit-html").TemplateResult<1>;
 }
 declare global {
 	interface HTMLElementTagNameMap {
@@ -3675,7 +2401,7 @@ declare global {
  * VaultDeleteConfirmationComponent - displays confirmation UI for deleting a payment method
  */
 declare class VaultDeleteConfirmationComponent extends LitElement {
-	static styles: CSSResult[];
+	static styles: import("lit").CSSResult[];
 	/**
 	 * Strongly typed event declarations
 	 */
@@ -3696,7 +2422,7 @@ declare class VaultDeleteConfirmationComponent extends LitElement {
 	/**
 	 * Consume the vault manager context to access payment method info
 	 */
-	vaultManager: VaultManagerContext;
+	vaultManager: VaultManagerContextType;
 	/**
 	 * Handle confirm click
 	 */
@@ -3708,7 +2434,7 @@ declare class VaultDeleteConfirmationComponent extends LitElement {
 	/**
 	 * Render method
 	 */
-	protected render(): TemplateResult<1>;
+	protected render(): import("lit-html").TemplateResult<1>;
 }
 declare global {
 	interface HTMLElementTagNameMap {
@@ -3719,11 +2445,11 @@ declare global {
  * VaultEmptyStateComponent - displays when no payment methods are available
  */
 declare class VaultEmptyStateComponent extends LitElement {
-	static styles: CSSResult[];
+	static styles: import("lit").CSSResult[];
 	/**
 	 * Render method
 	 */
-	protected render(): TemplateResult<1>;
+	protected render(): import("lit-html").TemplateResult<1>;
 }
 declare global {
 	interface HTMLElementTagNameMap {
@@ -3734,7 +2460,7 @@ declare global {
  * VaultErrorMessageComponent - displays error messages with improved visuals
  */
 declare class VaultErrorMessageComponent extends LitElement {
-	static styles: CSSResult[];
+	static styles: import("lit").CSSResult[];
 	/**
 	 * Strongly typed event declarations
 	 */
@@ -3751,7 +2477,7 @@ declare class VaultErrorMessageComponent extends LitElement {
 	/**
 	 * Render method
 	 */
-	protected render(): TemplateResult<1>;
+	protected render(): import("lit-html").TemplateResult<1>;
 }
 declare global {
 	interface HTMLElementTagNameMap {
@@ -3764,7 +2490,7 @@ declare global {
  * Integrates with the vault manager context to handle payment submission.
  */
 declare class VaultPaymentSubmitComponent extends LitElement {
-	static styles: CSSResult[];
+	static styles: import("lit").CSSResult[];
 	private readonly _userAssignedProps;
 	private _internalButtonText;
 	/**
@@ -3773,10 +2499,10 @@ declare class VaultPaymentSubmitComponent extends LitElement {
 	 */
 	get buttonText(): string;
 	set buttonText(value: string);
-	headlessInstance: HeadlessUnitilsContext;
-	sdkState: SdkStateContext;
-	vaultItemContext: VaultItemContext;
-	vaultManager: VaultManagerContext;
+	headlessInstance: HeadlessUnitilsContextType;
+	sdkState: SdkStateContextType;
+	vaultItemContext: VaultItemContextType;
+	vaultManager: VaultManagerContextType;
 	clientOptions: PrimerCheckoutOptions | null;
 	/**
 	 * The button variant to use.
@@ -3799,7 +2525,7 @@ declare class VaultPaymentSubmitComponent extends LitElement {
 	 * Computed property to determine if the button should be disabled
 	 */
 	private get isButtonDisabled();
-	render(): TemplateResult<1>;
+	render(): import("lit-html").TemplateResult<1>;
 }
 declare global {
 	interface HTMLElementTagNameMap {
@@ -3812,22 +2538,23 @@ declare global {
  * Uses dedicated CVV context to minimize re-renders
  */
 declare class VaultCvvInputComponent extends LitElement {
-	static styles: CSSResult[];
+	static styles: import("lit").CSSResult[];
 	/**
 	 * Form context for checking form dirty state
 	 */
-	vaultManagerFormContext: VaultManagerContext;
+	vaultManagerFormContext: VaultManagerContextType;
 	/**
 	 * CVV-specific context for dedicated CVV handling
 	 * Separated to minimize re-renders on frequent CVV input changes
 	 */
-	vaultManagerCvvContext: VaultItemContext;
+	vaultManagerCvvContext: VaultItemContextType;
 	computedStyles: CSSStyleDeclaration | null;
 	paymentMethod: PaymentCardVaultedMethod | null;
 	private cvvError;
 	private cvvInputIsDirty;
 	private cvvInputIsBlurred;
 	private cvvInput;
+	private isFocused;
 	/**
 	 * Unique ID for the CVV input container
 	 */
@@ -3840,16 +2567,62 @@ declare class VaultCvvInputComponent extends LitElement {
 	 */
 	onCvvInputChange(): void;
 	onBlur(): void;
+	onFocus(): void;
 	/**
 	 * Main render method
 	 */
-	protected render(): symbol | TemplateResult<1> | undefined;
+	protected render(): symbol | import("lit-html").TemplateResult<1> | undefined;
 }
 declare global {
 	interface HTMLElementTagNameMap {
 		"primer-vault-cvv-input": VaultCvvInputComponent;
 	}
 }
+export interface CardPaymentMethodDisplay {
+	type: "card";
+	cardholderName: string;
+	last4: string;
+	expiresDate: string;
+	network: string;
+	description: string;
+}
+export interface OtherPaymentMethodDisplay {
+	type: "other";
+	fullName?: string;
+	paymentMethodType?: "ACH" | "PayPal" | "Klarna";
+	email?: string;
+	last4?: string;
+	bankName?: string;
+	accountType?: string;
+	description: string;
+}
+export type AssetConfig = ({
+	icon: string;
+} & CardPaymentMethodDisplay & {
+	shouldShowCVV: boolean;
+}) | ({
+	icon: string;
+} & OtherPaymentMethodDisplay & {
+	shouldShowCVV: boolean;
+});
+/**
+ * PaymentMethodContentComponent - renders payment method information with icon and details
+ * This component encapsulates the display logic and styles for payment method content
+ * so it can be reused across different containers without style conflicts
+ */
+export declare class PaymentMethodContentComponent extends LitElement {
+	static styles: import("lit").CSSResult[];
+	/**
+	 * The asset configuration containing icon and display data
+	 */
+	assetConfig: AssetConfig | null;
+	render(): typeof nothing | import("lit-html").TemplateResult<1>;
+}
+declare global {
+	interface HTMLElementTagNameMap {
+		"primer-payment-method-content": PaymentMethodContentComponent;
+	}
+}
 declare global {
 	interface HTMLElementTagNameMap {
 		"primer-vault-manager": VaultManagerComponent;
@@ -3860,8 +2633,9 @@ declare global {
  * It handles form submission, validation, and provides context to child components.
  */
 declare class CardFormComponent extends LitElement {
-	static styles: CSSResult[];
+	static styles: import("lit").CSSResult[];
 	hideLabels: boolean;
+	disabled: boolean;
 	updated(changedProperties: Map<string, unknown>): void;
 	/**
 	 * Tracks whether custom content has been provided via slot
@@ -3914,10 +2688,11 @@ declare class CardFormComponent extends LitElement {
 	 * Handles both native form submissions and custom events
 	 */
 	private handleFormSubmit;
-	render(): typeof nothing | TemplateResult<1>;
+	render(): typeof nothing | import("lit-html").TemplateResult<1>;
 }
 export interface CardFormContext {
 	cardNumberInput: IHeadlessHostedInput;
+	cardHolderNameInput?: IHeadlessHostedInput;
 	expiryInput: IHeadlessHostedInput;
 	cvvInput: IHeadlessHostedInput;
 	setCardholderName: (val: string) => void;
@@ -3926,6 +2701,7 @@ export interface CardFormContext {
 	submit: (values?: CardPaymentMethodSubmitValues) => Promise<void>;
 	errors?: Validation["validationErrors"];
 	hideLabels?: boolean;
+	disabled?: boolean;
 }
 /**
  * A shared type that ensures the host of a HostedInputController contains
@@ -3942,162 +2718,6 @@ export interface HostedInputHost extends ReactiveControllerHost, LitElement {
 	label: string;
 	requestUpdate: ReactiveControllerHost["requestUpdate"];
 }
-export interface TaskFunctionOptions {
-	signal: AbortSignal;
-}
-export type TaskFunction<D extends ReadonlyArray<unknown>, R = unknown> = (args: D, options: TaskFunctionOptions) => R | typeof initialState | Promise<R | typeof initialState>;
-export type ArgsFunction<D extends ReadonlyArray<unknown>> = () => D;
-declare const TaskStatus: {
-	readonly INITIAL: 0;
-	readonly PENDING: 1;
-	readonly COMPLETE: 2;
-	readonly ERROR: 3;
-};
-declare const initialState: unique symbol;
-export type TaskStatus = (typeof TaskStatus)[keyof typeof TaskStatus];
-export type StatusRenderer<R> = {
-	initial?: () => unknown;
-	pending?: () => unknown;
-	complete?: (value: R) => unknown;
-	error?: (error: unknown) => unknown;
-};
-export interface TaskConfig<T extends ReadonlyArray<unknown>, R> {
-	task: TaskFunction<T, R>;
-	args?: ArgsFunction<T>;
-	/**
-	 * Determines if the task is run automatically when arguments change after a
-	 * host update. Default to `true`.
-	 *
-	 * If `true`, the task checks arguments during the host update (after
-	 * `willUpdate()` and before `update()` in Lit) and runs if they change. For
-	 * a task to see argument changes they must be done in `willUpdate()` or
-	 * earlier. The host element can see task status changes caused by its own
-	 * current update.
-	 *
-	 * If `'afterUpdate'`, the task checks arguments and runs _after_ the host
-	 * update. This means that the task can see host changes done in update, such
-	 * as rendered DOM. The host element can not see task status changes caused
-	 * by its own update, so the task must trigger a second host update to make
-	 * those changes renderable.
-	 *
-	 * Note: `'afterUpdate'` is unlikely to be SSR compatible in the future.
-	 *
-	 * If `false`, the task is not run automatically, and must be run with the
-	 * {@linkcode run} method.
-	 */
-	autoRun?: boolean | "afterUpdate";
-	/**
-	 * A function that determines if the current arg and previous args arrays are
-	 * equal. If the argsEqual function returns true, the task will not auto-run.
-	 *
-	 * The default is {@linkcode shallowArrayEquals}. {@linkcode deepArrayEquals}
-	 * is also available.
-	 */
-	argsEqual?: (oldArgs: T, newArgs: T) => boolean;
-	/**
-	 * If initialValue is provided, the task is initialized to the COMPLETE
-	 * status and the value is set to initialData.
-	 *
-	 * Initial args should be coherent with the initialValue, since they are
-	 * assumed to be the args that would produce that value. When autoRun is
-	 * `true` the task will not auto-run again until the args change.
-	 */
-	initialValue?: R;
-	onComplete?: (value: R) => unknown;
-	onError?: (error: unknown) => unknown;
-}
-declare class Task<const T extends ReadonlyArray<unknown> = ReadonlyArray<unknown>, const R = unknown> {
-	private _previousArgs?;
-	private _task;
-	private _argsFn?;
-	private _argsEqual;
-	private _callId;
-	private _host;
-	private _value?;
-	private _error?;
-	private _abortController?;
-	private _onComplete?;
-	private _onError?;
-	private _status;
-	/**
-	 * Determines if the task is run automatically when arguments change after a
-	 * host update. Default to `true`.
-	 *
-	 * @see {@link TaskConfig.autoRun} for more information.
-	 */
-	autoRun: boolean | "afterUpdate";
-	/**
-	 * A Promise that resolve when the current task run is complete.
-	 *
-	 * If a new task run is started while a previous run is pending, the Promise
-	 * is kept and only resolved when the new run is completed.
-	 */
-	get taskComplete(): Promise<R>;
-	private _resolveTaskComplete?;
-	private _rejectTaskComplete?;
-	private _taskComplete?;
-	constructor(host: ReactiveControllerHost, task: TaskConfig<T, R>);
-	constructor(host: ReactiveControllerHost, task: TaskFunction<T, R>, args?: ArgsFunction<T>);
-	hostUpdate(): void;
-	hostUpdated(): void;
-	private _getArgs;
-	/**
-	 * Determines if the task should run when it's triggered because of a
-	 * host update, and runs the task if it should.
-	 *
-	 * A task should run when its arguments change from the previous run, based on
-	 * the args equality function.
-	 *
-	 * This method is side-effectful: it stores the new args as the previous args.
-	 */
-	private _performTask;
-	/**
-	 * Runs a task manually.
-	 *
-	 * This can be useful for running tasks in response to events as opposed to
-	 * automatically running when host element state changes.
-	 *
-	 * @param args an optional set of arguments to use for this task run. If args
-	 *     is not given, the args function is called to get the arguments for
-	 *     this run.
-	 */
-	run(args?: T): Promise<void>;
-	/**
-	 * Aborts the currently pending task run by aborting the AbortSignal
-	 * passed to the task function.
-	 *
-	 * Aborting a task does nothing if the task is not running: ie, in the
-	 * complete, error, or initial states.
-	 *
-	 * Aborting a task does not automatically cancel the task function. The task
-	 * function must be written to accept the AbortSignal and either forward it
-	 * to other APIs like `fetch()`, or handle cancellation manually by using
-	 * [`signal.throwIfAborted()`]{@link https://developer.mozilla.org/en-US/docs/Web/API/AbortSignal/throwIfAborted}
-	 * or the
-	 * [`abort`]{@link https://developer.mozilla.org/en-US/docs/Web/API/AbortSignal/abort_event}
-	 * event.
-	 *
-	 * @param reason The reason for aborting. Passed to
-	 *     `AbortController.abort()`.
-	 */
-	abort(reason?: unknown): void;
-	/**
-	 * The result of the previous task run, if it resolved.
-	 *
-	 * Is `undefined` if the task has not run yet, or if the previous run errored.
-	 */
-	get value(): R | undefined;
-	/**
-	 * The error from the previous task run, if it rejected.
-	 *
-	 * Is `undefined` if the task has not run yet, or if the previous run
-	 * completed successfully.
-	 */
-	get error(): unknown;
-	get status(): TaskStatus;
-	render<T extends StatusRenderer<R>>(renderer: T): MaybeReturnType<T["initial"]> | MaybeReturnType<T["pending"]> | MaybeReturnType<T["complete"]> | MaybeReturnType<T["error"]>;
-}
-export type MaybeReturnType<F> = F extends (...args: never[]) => infer R ? R : undefined;
 /**
  * Available input types for hosted inputs.
  */
@@ -4256,13 +2876,13 @@ declare abstract class AbstractCardInputComponent extends LitElement implements
 	/**
 	 * Common rendering logic for all card input components
 	 */
-	protected renderInput(): typeof nothing | TemplateResult<1>;
+	protected renderInput(): typeof nothing | import("lit-html").TemplateResult<1>;
 }
 /**
  * Card number input component with dynamic card network detection and selection
  */
 declare class InputCardNumberComponent extends AbstractCardInputComponent {
-	static styles: CSSResult[];
+	static styles: import("lit").CSSResult[];
 	/**
 	 * Configuration for this input component
 	 */
@@ -4275,8 +2895,8 @@ declare class InputCardNumberComponent extends AbstractCardInputComponent {
 	/**
 	 * Override the renderInput method to include the network selector
 	 */
-	protected renderInput(): typeof nothing | TemplateResult<1>;
-	render(): typeof nothing | TemplateResult<1>;
+	protected renderInput(): typeof nothing | import("lit-html").TemplateResult<1>;
+	render(): typeof nothing | import("lit-html").TemplateResult<1>;
 }
 declare global {
 	interface HTMLElementTagNameMap {
@@ -4284,10 +2904,10 @@ declare global {
 	}
 }
 declare class InputCvvComponent extends AbstractCardInputComponent {
-	static styles: CSSResult[];
+	static styles: import("lit").CSSResult[];
 	protected readonly config: InputComponentConfig;
 	constructor();
-	render(): typeof nothing | TemplateResult<1>;
+	render(): typeof import("lit-html").nothing | import("lit-html").TemplateResult<1>;
 }
 declare global {
 	interface HTMLElementTagNameMap {
@@ -4295,10 +2915,10 @@ declare global {
 	}
 }
 declare class InputCardExpiryComponent extends AbstractCardInputComponent {
-	static styles: CSSResult[];
+	static styles: import("lit").CSSResult[];
 	protected readonly config: InputComponentConfig;
 	constructor();
-	render(): typeof nothing | TemplateResult<1>;
+	render(): typeof import("lit-html").nothing | import("lit-html").TemplateResult<1>;
 }
 declare global {
 	interface HTMLElementTagNameMap {
@@ -4306,11 +2926,11 @@ declare global {
 	}
 }
 declare class InputCardHolderNameComponent extends AbstractCardInputComponent {
-	static styles: CSSResult[];
+	static styles: import("lit").CSSResult[];
 	protected readonly config: InputComponentConfig;
 	constructor();
 	private handleInput;
-	render(): typeof nothing | TemplateResult<1>;
+	render(): typeof import("lit-html").nothing | import("lit-html").TemplateResult<1>;
 }
 declare global {
 	interface HTMLElementTagNameMap {
@@ -4322,7 +2942,7 @@ declare global {
  * Provides a consistent submit button with translation support.
  */
 declare class CardFormSubmitComponent extends LitElement {
-	static styles: CSSResult[];
+	static styles: import("lit").CSSResult[];
 	private readonly _userAssignedProps;
 	private _internalButtonText;
 	/**
@@ -4331,9 +2951,10 @@ declare class CardFormSubmitComponent extends LitElement {
 	 */
 	get buttonText(): string;
 	set buttonText(value: string);
-	headlessInstance: HeadlessUnitilsContext;
-	clientOptions: ClientOptionsContext;
-	sdkState: SdkStateContext;
+	headlessInstance: HeadlessUnitilsContextType;
+	clientOptions: ClientOptionsContextType;
+	sdkState: SdkStateContextType;
+	cardFormContext: CardFormContext | null;
 	/**
 	 * The button variant to use.
 	 * @default "primary"
@@ -4345,7 +2966,7 @@ declare class CardFormSubmitComponent extends LitElement {
 	 */
 	disabled: boolean;
 	private handleClick;
-	render(): TemplateResult<1>;
+	render(): import("lit-html").TemplateResult<1>;
 }
 declare global {
 	interface HTMLElementTagNameMap {
@@ -4359,12 +2980,12 @@ declare global {
  * @fires network-selected - Dispatched when a network is selected with the network name as detail
  */
 declare class CardNetworkSelectorComponent extends LitElement {
-	static styles: CSSResult[];
+	static styles: import("lit").CSSResult[];
 	/**
 	 * Card networks context from provider
 	 */
-	cardNetworks: CardNetworksContext;
-	headlessUtils: HeadlessUnitilsContext;
+	cardNetworks: CardNetworksContextType;
+	headlessUtils: HeadlessUnitilsContextType;
 	private selectedCardNetwork;
 	/**
 	 * Internal state to track if dropdown is open
@@ -4445,7 +3066,7 @@ declare class CardNetworkSelectorComponent extends LitElement {
 	 * Lifecycle: Remove all event listeners when disconnected
 	 */
 	disconnectedCallback(): void;
-	render(): TemplateResult<1>;
+	render(): import("lit-html").TemplateResult<1>;
 }
 declare global {
 	interface HTMLElementTagNameMap {
@@ -4462,12 +3083,12 @@ declare global {
  * Utilizes the collapsable component for smooth transitions
  */
 declare class ShowOtherPaymentsComponent extends LitElement {
-	static styles: CSSResult[];
+	static styles: import("lit").CSSResult[];
 	/**
 	 * Consume the vault manager context to interact with vault state
 	 */
-	vaultManager: VaultManagerContext;
-	render(): typeof nothing | TemplateResult<1>;
+	vaultManager: VaultManagerContextType;
+	render(): typeof nothing | import("lit-html").TemplateResult<1>;
 }
 declare global {
 	interface HTMLElementTagNameMap {
@@ -4479,13 +3100,16 @@ declare global {
  * with proper height calculations based on design system variables.
  */
 declare class NativePaymentComponent extends LitElement {
-	static styles: CSSResult[];
+	static styles: import("lit").CSSResult[];
 	paymentMethod: InitializedPaymentMethod | undefined;
 	paymentManagers: InitializedManagersMap;
 	computedStyles: CSSStyleDeclaration | null;
+	disabled: boolean;
 	private _buttonId;
 	private loadManagerTask;
+	private nativeButtonTask;
 	constructor();
+	attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
 	/**
 	 * Calculates the button height based on CSS variables
 	 * Mirrors the calculation used in the host styles
@@ -4496,7 +3120,13 @@ declare class NativePaymentComponent extends LitElement {
 	 */
 	private createRenderOptions;
 	protected updated(changedProperties: PropertyValues): void;
-	render(): symbol | TemplateResult<1> | undefined;
+	/**
+	 * Updates the disabled overlay based on the current disabled state
+	 */
+	private updateDisabledOverlay;
+	private updateGooglePayOverlay;
+	private updateRegularOverlay;
+	render(): symbol | import("lit-html").TemplateResult<1> | undefined;
 }
 declare global {
 	interface HTMLElementTagNameMap {
@@ -4504,7 +3134,7 @@ declare global {
 	}
 }
 declare class PrimerCheckoutCompleteComponent extends LitElement {
-	render(): TemplateResult<1>;
+	render(): import("lit-html").TemplateResult<1>;
 }
 declare global {
 	interface HTMLElementTagNameMap {
@@ -4512,8 +3142,8 @@ declare global {
 	}
 }
 declare class PrimerCheckoutErrorComponent extends LitElement {
-	sdkState: SdkStateContext;
-	render(): TemplateResult<1>;
+	sdkState: SdkStateContextType;
+	render(): import("lit-html").TemplateResult<1>;
 }
 declare global {
 	interface HTMLElementTagNameMap {
@@ -4529,12 +3159,12 @@ declare global {
  * and how they are displayed based on the current SDK state.
  */
 declare class ErrorMessageContainerComponent extends LitElement {
-	static styles: CSSResult[];
+	static styles: import("lit").CSSResult[];
 	/**
 	 * Consume the SDK state context
 	 * This automatically subscribes to changes in the SDK state
 	 */
-	protected sdkState?: SdkStateContext;
+	protected sdkState?: SdkStateContextType;
 	showProcessingErrors: boolean;
 	/**
 	 * Determine if an error should be shown
@@ -4543,7 +3173,7 @@ declare class ErrorMessageContainerComponent extends LitElement {
 	 * @returns Boolean indicating whether an error should be shown
 	 */
 	private get shouldShowError();
-	render(): typeof nothing | TemplateResult<1>;
+	render(): typeof nothing | import("lit-html").TemplateResult<1>;
 }
 declare global {
 	interface HTMLElementTagNameMap {
@@ -4551,16 +3181,17 @@ declare global {
 	}
 }
 declare class PrimerMainComponent extends LitElement {
-	static styles: CSSResult[];
+	static styles: import("lit").CSSResult[];
 	private hasAssignedContent;
 	/**
 	 * Inline slotchange event listener.
 	 * Uses assignedNodes with flatten to detect if the slot has any nodes.
 	 */
 	private onSlotChange;
-	paymentMethods: PaymentMethodsContext;
-	sdkState: SdkStateContext;
-	render(): TemplateResult<1>;
+	paymentMethods: PaymentMethodsContextType;
+	sdkState: SdkStateContextType;
+	clientOptions: ClientOptionsContextType;
+	render(): import("lit-html").TemplateResult<1>;
 }
 declare global {
 	interface HTMLElementTagNameMap {
@@ -4569,14 +3200,8 @@ declare global {
 }
 /**
  * Main function to load the Primer SDK with all required dependencies and styles
- * @returns {Promise<void>} A promise that resolves when loading is complete
  */
-export declare function loadPrimer(): Promise<void>;
-declare global {
-	interface HTMLElementTagNameMap {
-		"primer-checkout": PrimerCheckoutComponent;
-	}
-}
+export declare function loadPrimer(): void;
 
 export {
 	AchPaymentComponent as AchPayment,