@shopify/ui-extensions 2026.7.1 → 2026.7.2

package/build/cjs/surfaces/checkout/shared.js

@@ -8,6 +8,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
  */
 const SUPPORTED_COMPONENTS = ['Abbreviation', 'Announcement', 'Badge', 'Banner', 'Box', 'Button', 'Chat', 'Checkbox', 'Chip', 'Choice', 'ChoiceList', 'Clickable', 'ClickableChip', 'ClipboardItem', 'ConsentCheckbox', 'ConsentPhoneField', 'DateField', 'DatePicker', 'Details', 'Divider', 'DropZone', 'EmailField', 'Form', 'Grid', 'GridItem', 'Heading', 'Icon', 'Image', 'Link', 'ListItem', 'Map', 'MapMarker', 'Modal', 'MoneyField', 'NumberField', 'Option', 'OrderedList', 'Paragraph', 'PasswordField', 'PaymentIcon', 'PhoneField', 'Popover', 'PressButton', 'ProductThumbnail', 'Progress', 'QueryContainer', 'QRCode', 'ScrollBox', 'Section', 'Select', 'Sheet', 'SkeletonParagraph', 'Spinner', 'Stack', 'Summary', 'Switch', 'Text', 'TextArea', 'TextField', 'Time', 'Tooltip', 'UnorderedList', 'UrlField'];
 
+/** @private */
+
 /** @publicDocs */
 
 /**

package/build/esm/surfaces/checkout/shared.mjs

@@ -4,6 +4,8 @@
  */
 const SUPPORTED_COMPONENTS = ['Abbreviation', 'Announcement', 'Badge', 'Banner', 'Box', 'Button', 'Chat', 'Checkbox', 'Chip', 'Choice', 'ChoiceList', 'Clickable', 'ClickableChip', 'ClipboardItem', 'ConsentCheckbox', 'ConsentPhoneField', 'DateField', 'DatePicker', 'Details', 'Divider', 'DropZone', 'EmailField', 'Form', 'Grid', 'GridItem', 'Heading', 'Icon', 'Image', 'Link', 'ListItem', 'Map', 'MapMarker', 'Modal', 'MoneyField', 'NumberField', 'Option', 'OrderedList', 'Paragraph', 'PasswordField', 'PaymentIcon', 'PhoneField', 'Popover', 'PressButton', 'ProductThumbnail', 'Progress', 'QueryContainer', 'QRCode', 'ScrollBox', 'Section', 'Select', 'Sheet', 'SkeletonParagraph', 'Spinner', 'Stack', 'Summary', 'Switch', 'Text', 'TextArea', 'TextField', 'Time', 'Tooltip', 'UnorderedList', 'UrlField'];
 
+/** @private */
+
 /** @publicDocs */
 
 /**

package/build/esnext/surfaces/checkout/shared.esnext

@@ -4,6 +4,8 @@
  */
 const SUPPORTED_COMPONENTS = ['Abbreviation', 'Announcement', 'Badge', 'Banner', 'Box', 'Button', 'Chat', 'Checkbox', 'Chip', 'Choice', 'ChoiceList', 'Clickable', 'ClickableChip', 'ClipboardItem', 'ConsentCheckbox', 'ConsentPhoneField', 'DateField', 'DatePicker', 'Details', 'Divider', 'DropZone', 'EmailField', 'Form', 'Grid', 'GridItem', 'Heading', 'Icon', 'Image', 'Link', 'ListItem', 'Map', 'MapMarker', 'Modal', 'MoneyField', 'NumberField', 'Option', 'OrderedList', 'Paragraph', 'PasswordField', 'PaymentIcon', 'PhoneField', 'Popover', 'PressButton', 'ProductThumbnail', 'Progress', 'QueryContainer', 'QRCode', 'ScrollBox', 'Section', 'Select', 'Sheet', 'SkeletonParagraph', 'Spinner', 'Stack', 'Summary', 'Switch', 'Text', 'TextArea', 'TextField', 'Time', 'Tooltip', 'UnorderedList', 'UrlField'];
 
+/** @private */
+
 /** @publicDocs */
 
 /**

package/build/ts/surfaces/checkout/components/Button.d.ts

@@ -53,6 +53,15 @@ export interface ButtonElementProps extends Pick<ButtonProps$1, 'accessibilityLa
      * @default 'button'
      */
     type?: Extract<ButtonProps$1['type'], 'submit' | 'button'>;
+    /**
+     * The visual style variant of the button component, which controls its prominence and emphasis.
+     *
+     * - `'auto'`: Automatically determined by the button's context.
+     * - `'primary'`: High-emphasis style for the main action.
+     * - `'secondary'`: Medium-emphasis style for supporting actions.
+     *
+     * @default 'auto'
+     */
     variant?: Extract<ButtonProps$1['variant'], 'auto' | 'primary' | 'secondary'>;
 }
 export interface ButtonEvents extends Pick<ButtonProps$1, 'onClick'> {

package/build/ts/surfaces/checkout/components/LoginWithShop.d.ts

@@ -0,0 +1,164 @@
+/** VERSION: 0.0.0 **/
+/* eslint-disable import-x/extensions */
+/* eslint-disable @typescript-eslint/no-namespace */
+/* eslint-disable @typescript-eslint/member-ordering */
+/* eslint-disable line-comment-position */
+/* eslint-disable @typescript-eslint/unified-signatures */
+/* eslint-disable no-var */
+/* eslint-disable import-x/namespace */
+// eslint-disable-next-line @typescript-eslint/triple-slash-reference, spaced-comment
+/// <reference lib="DOM" />
+
+/**
+ * The base properties for elements that don't have children, providing essential attributes like keys and refs for component management.
+ */
+export interface BaseElementProps<TClass = HTMLElement> {
+    /**
+     * A unique identifier for this element within its parent. Used by the rendering engine for efficient reconciliation when lists change.
+     */
+    key?: preact.Key;
+    /**
+     * A reference to the underlying DOM element, typically created using `useRef()`. This allows you to access and manipulate the DOM element directly in your component logic.
+     */
+    ref?: preact.Ref<TClass>;
+    /**
+     * Assigns this element to a named slot in a parent component that uses slot-based composition patterns.
+     */
+    slot?: Lowercase<string>;
+}
+/**
+ * An event type that narrows the `currentTarget` to the specific HTML element associated with the custom element tag. This provides type-safe event handling in callback listeners.
+ */
+export type CallbackEvent<TTagName extends keyof HTMLElementTagNameMap, TEvent extends Event = Event> = TEvent & {
+    currentTarget: HTMLElementTagNameMap[TTagName];
+};
+/**
+ * A typed event listener for custom element events. The listener receives a `CallbackEvent` with the correct `currentTarget` type for the associated custom element tag.
+ */
+export type CallbackEventListener<TTagName extends keyof HTMLElementTagNameMap, TData = object> = (EventListener & {
+    (event: CallbackEvent<TTagName, Event> & TData): void;
+}) | null;
+
+declare const tagName = "s-login-with-shop";
+/** @private */
+export interface LoginWithShopStatusChangeEvent {
+    /**
+     * The buyer's Shop Pay state in this checkout.
+     *
+     * - `shop_pay`: The buyer is signed in to Shop Pay.
+     * - `shop_pay_guest`: The buyer is in Shop Pay but isn't signed in.
+     * - `guest`: The buyer isn't using Shop Pay, so the modal can be shown.
+     * - `shop_pay_skipped`: The Shop Pay modal is suppressed for this checkout and isn't shown.
+     */
+    status?: 'shop_pay' | 'guest' | 'shop_pay_skipped' | 'shop_pay_guest';
+}
+/** @private */
+export interface LoginWithShopElementProps {
+    /**
+     * Whether the modal is visible to the buyer.
+     *
+     * The modal doesn't hide itself when the buyer dismisses it. Update this to `false` when the `closed` event fires to keep it in sync.
+     *
+     * @default false
+     */
+    open?: boolean;
+    /**
+     * Whether to send the buyer to Shop Pay immediately, without showing the modal.
+     *
+     * @default false
+     */
+    doRedirect?: boolean;
+    /**
+     * The heading shown at the top of the modal.
+     *
+     * This is also the modal's accessible name and the alternative text for `modalLogoSrc`.
+     *
+     * @default ''
+     */
+    modalTitle?: string;
+    /**
+     * The text shown below the heading, explaining what the buyer gets by continuing to Shop Pay.
+     *
+     * @default ''
+     */
+    modalDescription?: string;
+    /**
+     * The URL of the image shown above the heading. The image is scaled to a maximum height of 64px.
+     *
+     * @default ''
+     */
+    modalLogoSrc?: string;
+    /**
+     * The label of the primary button that continues to Shop Pay.
+     *
+     * @default 'Continue'
+     */
+    modalContinueText?: string;
+    /**
+     * The label of the secondary button that dismisses the modal.
+     *
+     * @default ''
+     */
+    modalCancelText?: string;
+}
+/** @private */
+export interface LoginWithShopEvents {
+    /**
+     * A callback that's fired when the buyer presses the continue button.
+     *
+     * Return a promise to do work before the buyer leaves. Checkout keeps the button in its loading state and waits for the promise to settle before redirecting to Shop Pay.
+     */
+    onComplete?(event: CallbackEvent<typeof tagName>): void | Promise<void>;
+    /**
+     * A callback that's fired when the buyer dismisses the modal, either with the cancel button or by closing it.
+     */
+    onClosed?(event: CallbackEvent<typeof tagName>): void;
+    /**
+     * A callback that's fired when the buyer's Shop Pay state in checkout is determined or changes.
+     *
+     * Read `event.status` for the new state.
+     */
+    onStatusChange?(event: CallbackEvent<typeof tagName> & LoginWithShopStatusChangeEvent): void;
+}
+/** @private */
+export interface LoginWithShopElementEvents {
+    /**
+     * A callback that's fired when the buyer presses the continue button.
+     *
+     * Checkout redirects to Shop Pay once this event has been handled.
+     */
+    complete?: CallbackEventListener<typeof tagName>;
+    /**
+     * A callback that's fired when the buyer dismisses the modal, either with the cancel button or by closing it.
+     */
+    closed?: CallbackEventListener<typeof tagName>;
+    /**
+     * A callback that's fired when the buyer's Shop Pay state in checkout is determined or changes.
+     *
+     * Read `event.status` for the new state.
+     */
+    statuschange?: CallbackEventListener<typeof tagName, LoginWithShopStatusChangeEvent>;
+}
+/** @private */
+export interface LoginWithShopElement extends LoginWithShopElementProps, HTMLElement {
+    oncomplete: LoginWithShopElementEvents['complete'];
+    onclosed: LoginWithShopElementEvents['closed'];
+    onstatuschange: LoginWithShopElementEvents['statuschange'];
+}
+/** @private */
+export interface LoginWithShopProps extends LoginWithShopElementProps, LoginWithShopEvents {
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        [tagName]: LoginWithShopElement;
+    }
+}
+declare module 'preact' {
+    namespace createElement.JSX {
+        interface IntrinsicElements {
+            [tagName]: LoginWithShopProps & BaseElementProps<LoginWithShopElement>;
+        }
+    }
+}
+
+export type { LoginWithShopElement, LoginWithShopElementEvents, LoginWithShopElementProps, LoginWithShopEvents, LoginWithShopProps, LoginWithShopStatusChangeEvent };

package/build/ts/surfaces/checkout/shared.d.ts

@@ -4,9 +4,11 @@ import type { ReadonlySignalLike } from '../../shared';
  * As of October 1st, 2025, this is a subset of the components that will be available in the 2025-10 stable release.
  */
 export declare const SUPPORTED_COMPONENTS: readonly ["Abbreviation", "Announcement", "Badge", "Banner", "Box", "Button", "Chat", "Checkbox", "Chip", "Choice", "ChoiceList", "Clickable", "ClickableChip", "ClipboardItem", "ConsentCheckbox", "ConsentPhoneField", "DateField", "DatePicker", "Details", "Divider", "DropZone", "EmailField", "Form", "Grid", "GridItem", "Heading", "Icon", "Image", "Link", "ListItem", "Map", "MapMarker", "Modal", "MoneyField", "NumberField", "Option", "OrderedList", "Paragraph", "PasswordField", "PaymentIcon", "PhoneField", "Popover", "PressButton", "ProductThumbnail", "Progress", "QueryContainer", "QRCode", "ScrollBox", "Section", "Select", "Sheet", "SkeletonParagraph", "Spinner", "Stack", "Summary", "Switch", "Text", "TextArea", "TextField", "Time", "Tooltip", "UnorderedList", "UrlField"];
+/** @private */
+export type PrivateComponent = 'LoginWithShop';
 export type ThankYouComponent = 'Announcement';
 /** @publicDocs */
-export type AnyComponent = (typeof SUPPORTED_COMPONENTS)[number];
+export type AnyComponent = (typeof SUPPORTED_COMPONENTS)[number] | PrivateComponent;
 /**
  * The list of supported components.
  * As of October 1st, 2025, this is a subset of the components that will be available in the 2025-10 stable release.

package/build/ts/surfaces/checkout/shared.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"shared.d.ts","sourceRoot":"","sources":["../../../../src/surfaces/checkout/shared.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,cAAc,CAAC;AAErD;;;GAGG;AACH,eAAO,MAAM,oBAAoB,+wBAgEvB,CAAC;AAEX,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC;AAE/C,kBAAkB;AAClB,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,oBAAoB,CAAC,CAAC,MAAM,CAAC,CAAC;AAEjE;;;GAGG;AACH,MAAM,MAAM,oBAAoB,GAAG,OAAO,CAAC,YAAY,EAAE,iBAAiB,CAAC,CAAC;AAE5E,MAAM,MAAM,oBAAoB,GAAG,CAAC,OAAO,oBAAoB,CAAC,CAAC,MAAM,CAAC,CAAC;AAEzE,MAAM,MAAM,iBAAiB,CAAC,OAAO,SAAS,YAAY,IAAI,OAAO,CAAC;AACtE,MAAM,MAAM,0BAA0B,CAAC,MAAM,SAAS,oBAAoB,IACxE,OAAO,CAAC,oBAAoB,EAAE,MAAM,CAAC,CAAC;AAExC;;GAEG;AACH,MAAM,WAAW,sBAAsB,CAAC,CAAC,CAAE,SAAQ,kBAAkB,CAAC,CAAC,CAAC;IACtE;;;;;OAKG;IACH,QAAQ,CAAC,OAAO,EAAE,CAAC,CAAC;IACpB;;;;;OAKG;IACH,OAAO,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC;CAC1B"}
+{"version":3,"file":"shared.d.ts","sourceRoot":"","sources":["../../../../src/surfaces/checkout/shared.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,cAAc,CAAC;AAErD;;;GAGG;AACH,eAAO,MAAM,oBAAoB,+wBAgEvB,CAAC;AAEX,eAAe;AACf,MAAM,MAAM,gBAAgB,GAAG,eAAe,CAAC;AAE/C,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC;AAE/C,kBAAkB;AAClB,MAAM,MAAM,YAAY,GACpB,CAAC,OAAO,oBAAoB,CAAC,CAAC,MAAM,CAAC,GACrC,gBAAgB,CAAC;AAErB;;;GAGG;AACH,MAAM,MAAM,oBAAoB,GAAG,OAAO,CAAC,YAAY,EAAE,iBAAiB,CAAC,CAAC;AAE5E,MAAM,MAAM,oBAAoB,GAAG,CAAC,OAAO,oBAAoB,CAAC,CAAC,MAAM,CAAC,CAAC;AAEzE,MAAM,MAAM,iBAAiB,CAAC,OAAO,SAAS,YAAY,IAAI,OAAO,CAAC;AACtE,MAAM,MAAM,0BAA0B,CAAC,MAAM,SAAS,oBAAoB,IACxE,OAAO,CAAC,oBAAoB,EAAE,MAAM,CAAC,CAAC;AAExC;;GAEG;AACH,MAAM,WAAW,sBAAsB,CAAC,CAAC,CAAE,SAAQ,kBAAkB,CAAC,CAAC,CAAC;IACtE;;;;;OAKG;IACH,QAAQ,CAAC,OAAO,EAAE,CAAC,CAAC;IACpB;;;;;OAKG;IACH,OAAO,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC;CAC1B"}

package/build/ts/surfaces/checkout/targets/purchase.cart-line-item.line-components.render.d.ts

@@ -27,6 +27,7 @@ import "../components/Icon.d.ts";
 import "../components/Image.d.ts";
 import "../components/Link.d.ts";
 import "../components/ListItem.d.ts";
+import "../components/LoginWithShop.d.ts";
 import "../components/Map.d.ts";
 import "../components/MapMarker.d.ts";
 import "../components/Modal.d.ts";

package/build/ts/surfaces/checkout/targets/purchase.checkout.actions.render-before.d.ts

@@ -27,6 +27,7 @@ import "../components/Icon.d.ts";
 import "../components/Image.d.ts";
 import "../components/Link.d.ts";
 import "../components/ListItem.d.ts";
+import "../components/LoginWithShop.d.ts";
 import "../components/Map.d.ts";
 import "../components/MapMarker.d.ts";
 import "../components/Modal.d.ts";

package/build/ts/surfaces/checkout/targets/purchase.checkout.block.render.d.ts

@@ -27,6 +27,7 @@ import "../components/Icon.d.ts";
 import "../components/Image.d.ts";
 import "../components/Link.d.ts";
 import "../components/ListItem.d.ts";
+import "../components/LoginWithShop.d.ts";
 import "../components/Map.d.ts";
 import "../components/MapMarker.d.ts";
 import "../components/Modal.d.ts";

package/build/ts/surfaces/checkout/targets/purchase.checkout.cart-line-item.render-after.d.ts

@@ -27,6 +27,7 @@ import "../components/Icon.d.ts";
 import "../components/Image.d.ts";
 import "../components/Link.d.ts";
 import "../components/ListItem.d.ts";
+import "../components/LoginWithShop.d.ts";
 import "../components/Map.d.ts";
 import "../components/MapMarker.d.ts";
 import "../components/Modal.d.ts";

package/build/ts/surfaces/checkout/targets/purchase.checkout.cart-line-list.render-after.d.ts

@@ -27,6 +27,7 @@ import "../components/Icon.d.ts";
 import "../components/Image.d.ts";
 import "../components/Link.d.ts";
 import "../components/ListItem.d.ts";
+import "../components/LoginWithShop.d.ts";
 import "../components/Map.d.ts";
 import "../components/MapMarker.d.ts";
 import "../components/Modal.d.ts";

package/build/ts/surfaces/checkout/targets/purchase.checkout.contact.render-after.d.ts

@@ -27,6 +27,7 @@ import "../components/Icon.d.ts";
 import "../components/Image.d.ts";
 import "../components/Link.d.ts";
 import "../components/ListItem.d.ts";
+import "../components/LoginWithShop.d.ts";
 import "../components/Map.d.ts";
 import "../components/MapMarker.d.ts";
 import "../components/Modal.d.ts";

package/build/ts/surfaces/checkout/targets/purchase.checkout.delivery-address.render-after.d.ts

@@ -27,6 +27,7 @@ import "../components/Icon.d.ts";
 import "../components/Image.d.ts";
 import "../components/Link.d.ts";
 import "../components/ListItem.d.ts";
+import "../components/LoginWithShop.d.ts";
 import "../components/Map.d.ts";
 import "../components/MapMarker.d.ts";
 import "../components/Modal.d.ts";

package/build/ts/surfaces/checkout/targets/purchase.checkout.delivery-address.render-before.d.ts

@@ -27,6 +27,7 @@ import "../components/Icon.d.ts";
 import "../components/Image.d.ts";
 import "../components/Link.d.ts";
 import "../components/ListItem.d.ts";
+import "../components/LoginWithShop.d.ts";
 import "../components/Map.d.ts";
 import "../components/MapMarker.d.ts";
 import "../components/Modal.d.ts";

package/build/ts/surfaces/checkout/targets/purchase.checkout.footer.render-after.d.ts

@@ -27,6 +27,7 @@ import "../components/Icon.d.ts";
 import "../components/Image.d.ts";
 import "../components/Link.d.ts";
 import "../components/ListItem.d.ts";
+import "../components/LoginWithShop.d.ts";
 import "../components/Map.d.ts";
 import "../components/MapMarker.d.ts";
 import "../components/Modal.d.ts";

package/build/ts/surfaces/checkout/targets/purchase.checkout.gift-card.render.d.ts

@@ -25,6 +25,7 @@ import "../components/Heading.d.ts";
 import "../components/Icon.d.ts";
 import "../components/Link.d.ts";
 import "../components/ListItem.d.ts";
+import "../components/LoginWithShop.d.ts";
 import "../components/Map.d.ts";
 import "../components/MapMarker.d.ts";
 import "../components/Modal.d.ts";

package/build/ts/surfaces/checkout/targets/purchase.checkout.header.render-after.d.ts

@@ -27,6 +27,7 @@ import "../components/Icon.d.ts";
 import "../components/Image.d.ts";
 import "../components/Link.d.ts";
 import "../components/ListItem.d.ts";
+import "../components/LoginWithShop.d.ts";
 import "../components/Map.d.ts";
 import "../components/MapMarker.d.ts";
 import "../components/Modal.d.ts";

package/build/ts/surfaces/checkout/targets/purchase.checkout.payment-method-list.render-after.d.ts

@@ -27,6 +27,7 @@ import "../components/Icon.d.ts";
 import "../components/Image.d.ts";
 import "../components/Link.d.ts";
 import "../components/ListItem.d.ts";
+import "../components/LoginWithShop.d.ts";
 import "../components/Map.d.ts";
 import "../components/MapMarker.d.ts";
 import "../components/Modal.d.ts";

package/build/ts/surfaces/checkout/targets/purchase.checkout.payment-method-list.render-before.d.ts

@@ -27,6 +27,7 @@ import "../components/Icon.d.ts";
 import "../components/Image.d.ts";
 import "../components/Link.d.ts";
 import "../components/ListItem.d.ts";
+import "../components/LoginWithShop.d.ts";
 import "../components/Map.d.ts";
 import "../components/MapMarker.d.ts";
 import "../components/Modal.d.ts";

package/build/ts/surfaces/checkout/targets/purchase.checkout.payment-option-item.action-required.render.d.ts

@@ -27,6 +27,7 @@ import "../components/Icon.d.ts";
 import "../components/Image.d.ts";
 import "../components/Link.d.ts";
 import "../components/ListItem.d.ts";
+import "../components/LoginWithShop.d.ts";
 import "../components/Map.d.ts";
 import "../components/MapMarker.d.ts";
 import "../components/Modal.d.ts";

package/build/ts/surfaces/checkout/targets/purchase.checkout.payment-option-item.details.render.d.ts

@@ -25,6 +25,7 @@ import "../components/Heading.d.ts";
 import "../components/Icon.d.ts";
 import "../components/Link.d.ts";
 import "../components/ListItem.d.ts";
+import "../components/LoginWithShop.d.ts";
 import "../components/Map.d.ts";
 import "../components/MapMarker.d.ts";
 import "../components/Modal.d.ts";

package/build/ts/surfaces/checkout/targets/purchase.checkout.payment-option-item.hosted-fields.render-after.d.ts

@@ -27,6 +27,7 @@ import "../components/Icon.d.ts";
 import "../components/Image.d.ts";
 import "../components/Link.d.ts";
 import "../components/ListItem.d.ts";
+import "../components/LoginWithShop.d.ts";
 import "../components/Map.d.ts";
 import "../components/MapMarker.d.ts";
 import "../components/Modal.d.ts";

package/build/ts/surfaces/checkout/targets/purchase.checkout.pickup-location-list.render-after.d.ts

@@ -27,6 +27,7 @@ import "../components/Icon.d.ts";
 import "../components/Image.d.ts";
 import "../components/Link.d.ts";
 import "../components/ListItem.d.ts";
+import "../components/LoginWithShop.d.ts";
 import "../components/Map.d.ts";
 import "../components/MapMarker.d.ts";
 import "../components/Modal.d.ts";

package/build/ts/surfaces/checkout/targets/purchase.checkout.pickup-location-list.render-before.d.ts

@@ -27,6 +27,7 @@ import "../components/Icon.d.ts";
 import "../components/Image.d.ts";
 import "../components/Link.d.ts";
 import "../components/ListItem.d.ts";
+import "../components/LoginWithShop.d.ts";
 import "../components/Map.d.ts";
 import "../components/MapMarker.d.ts";
 import "../components/Modal.d.ts";

package/build/ts/surfaces/checkout/targets/purchase.checkout.pickup-location-option-item.render-after.d.ts

@@ -27,6 +27,7 @@ import "../components/Icon.d.ts";
 import "../components/Image.d.ts";
 import "../components/Link.d.ts";
 import "../components/ListItem.d.ts";
+import "../components/LoginWithShop.d.ts";
 import "../components/Map.d.ts";
 import "../components/MapMarker.d.ts";
 import "../components/Modal.d.ts";

package/build/ts/surfaces/checkout/targets/purchase.checkout.pickup-point-list.render-after.d.ts

@@ -27,6 +27,7 @@ import "../components/Icon.d.ts";
 import "../components/Image.d.ts";
 import "../components/Link.d.ts";
 import "../components/ListItem.d.ts";
+import "../components/LoginWithShop.d.ts";
 import "../components/Map.d.ts";
 import "../components/MapMarker.d.ts";
 import "../components/Modal.d.ts";

package/build/ts/surfaces/checkout/targets/purchase.checkout.pickup-point-list.render-before.d.ts

@@ -27,6 +27,7 @@ import "../components/Icon.d.ts";
 import "../components/Image.d.ts";
 import "../components/Link.d.ts";
 import "../components/ListItem.d.ts";
+import "../components/LoginWithShop.d.ts";
 import "../components/Map.d.ts";
 import "../components/MapMarker.d.ts";
 import "../components/Modal.d.ts";

package/build/ts/surfaces/checkout/targets/purchase.checkout.reductions.render-after.d.ts

@@ -27,6 +27,7 @@ import "../components/Icon.d.ts";
 import "../components/Image.d.ts";
 import "../components/Link.d.ts";
 import "../components/ListItem.d.ts";
+import "../components/LoginWithShop.d.ts";
 import "../components/Map.d.ts";
 import "../components/MapMarker.d.ts";
 import "../components/Modal.d.ts";

package/build/ts/surfaces/checkout/targets/purchase.checkout.reductions.render-before.d.ts

@@ -27,6 +27,7 @@ import "../components/Icon.d.ts";
 import "../components/Image.d.ts";
 import "../components/Link.d.ts";
 import "../components/ListItem.d.ts";
+import "../components/LoginWithShop.d.ts";
 import "../components/Map.d.ts";
 import "../components/MapMarker.d.ts";
 import "../components/Modal.d.ts";

package/build/ts/surfaces/checkout/targets/purchase.checkout.shipping-option-item.details.render.d.ts

@@ -27,6 +27,7 @@ import "../components/Icon.d.ts";
 import "../components/Image.d.ts";
 import "../components/Link.d.ts";
 import "../components/ListItem.d.ts";
+import "../components/LoginWithShop.d.ts";
 import "../components/Map.d.ts";
 import "../components/MapMarker.d.ts";
 import "../components/Modal.d.ts";

package/build/ts/surfaces/checkout/targets/purchase.checkout.shipping-option-item.render-after.d.ts

@@ -27,6 +27,7 @@ import "../components/Icon.d.ts";
 import "../components/Image.d.ts";
 import "../components/Link.d.ts";
 import "../components/ListItem.d.ts";
+import "../components/LoginWithShop.d.ts";
 import "../components/Map.d.ts";
 import "../components/MapMarker.d.ts";
 import "../components/Modal.d.ts";

package/build/ts/surfaces/checkout/targets/purchase.checkout.shipping-option-list.render-after.d.ts

@@ -27,6 +27,7 @@ import "../components/Icon.d.ts";
 import "../components/Image.d.ts";
 import "../components/Link.d.ts";
 import "../components/ListItem.d.ts";
+import "../components/LoginWithShop.d.ts";
 import "../components/Map.d.ts";
 import "../components/MapMarker.d.ts";
 import "../components/Modal.d.ts";

package/build/ts/surfaces/checkout/targets/purchase.checkout.shipping-option-list.render-before.d.ts

@@ -27,6 +27,7 @@ import "../components/Icon.d.ts";
 import "../components/Image.d.ts";
 import "../components/Link.d.ts";
 import "../components/ListItem.d.ts";
+import "../components/LoginWithShop.d.ts";
 import "../components/Map.d.ts";
 import "../components/MapMarker.d.ts";
 import "../components/Modal.d.ts";

package/build/ts/surfaces/checkout/targets/purchase.thank-you.block.render.d.ts

@@ -27,6 +27,7 @@ import "../components/Icon.d.ts";
 import "../components/Image.d.ts";
 import "../components/Link.d.ts";
 import "../components/ListItem.d.ts";
+import "../components/LoginWithShop.d.ts";
 import "../components/Map.d.ts";
 import "../components/MapMarker.d.ts";
 import "../components/Modal.d.ts";

package/build/ts/surfaces/checkout/targets/purchase.thank-you.cart-line-item.render-after.d.ts

@@ -27,6 +27,7 @@ import "../components/Icon.d.ts";
 import "../components/Image.d.ts";
 import "../components/Link.d.ts";
 import "../components/ListItem.d.ts";
+import "../components/LoginWithShop.d.ts";
 import "../components/Map.d.ts";
 import "../components/MapMarker.d.ts";
 import "../components/Modal.d.ts";

package/build/ts/surfaces/checkout/targets/purchase.thank-you.cart-line-list.render-after.d.ts

@@ -27,6 +27,7 @@ import "../components/Icon.d.ts";
 import "../components/Image.d.ts";
 import "../components/Link.d.ts";
 import "../components/ListItem.d.ts";
+import "../components/LoginWithShop.d.ts";
 import "../components/Map.d.ts";
 import "../components/MapMarker.d.ts";
 import "../components/Modal.d.ts";

package/build/ts/surfaces/checkout/targets/purchase.thank-you.customer-information.render-after.d.ts

@@ -27,6 +27,7 @@ import "../components/Icon.d.ts";
 import "../components/Image.d.ts";
 import "../components/Link.d.ts";
 import "../components/ListItem.d.ts";
+import "../components/LoginWithShop.d.ts";
 import "../components/Map.d.ts";
 import "../components/MapMarker.d.ts";
 import "../components/Modal.d.ts";

package/build/ts/surfaces/checkout/targets/purchase.thank-you.footer.render-after.d.ts

@@ -27,6 +27,7 @@ import "../components/Icon.d.ts";
 import "../components/Image.d.ts";
 import "../components/Link.d.ts";
 import "../components/ListItem.d.ts";
+import "../components/LoginWithShop.d.ts";
 import "../components/Map.d.ts";
 import "../components/MapMarker.d.ts";
 import "../components/Modal.d.ts";

package/build/ts/surfaces/checkout/targets/purchase.thank-you.header.render-after.d.ts

@@ -27,6 +27,7 @@ import "../components/Icon.d.ts";
 import "../components/Image.d.ts";
 import "../components/Link.d.ts";
 import "../components/ListItem.d.ts";
+import "../components/LoginWithShop.d.ts";
 import "../components/Map.d.ts";
 import "../components/MapMarker.d.ts";
 import "../components/Modal.d.ts";

package/build/ts/surfaces/customer-account/components/Button.d.ts

@@ -53,6 +53,15 @@ export interface ButtonElementProps extends Pick<ButtonProps$1, 'accessibilityLa
      * @default 'button'
      */
     type?: Extract<ButtonProps$1['type'], 'submit' | 'button'>;
+    /**
+     * The visual style variant of the button component, which controls its prominence and emphasis.
+     *
+     * - `'auto'`: Automatically determined by the button's context.
+     * - `'primary'`: High-emphasis style for the main action.
+     * - `'secondary'`: Medium-emphasis style for supporting actions.
+     *
+     * @default 'auto'
+     */
     variant?: Extract<ButtonProps$1['variant'], 'auto' | 'primary' | 'secondary'>;
 }
 export interface ButtonEvents extends Pick<ButtonProps$1, 'onClick'> {