@shopify/ui-extensions 2025.10.0-rc.3 → 2025.10.0-rc.4

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

@@ -8,7 +8,7 @@ export type AnyComponent = 'Abbreviation' | 'Banner' | 'Box' | 'Button'
  * Once Chat is supported, you can remove this note.
  * @private
  */
- | 'Chat' | 'ClipboardItem' | 'DropZone' | 'Form' | 'Heading' | 'Icon' | 'Image' | 'Link' | 'ListItem' | 'OrderedList' | 'Paragraph' | 'PaymentIcon' | 'Progress' | 'Spinner' | 'Stack' | 'Text' | 'Time' | 'UnorderedList';
+ | 'Chat' | 'ClipboardItem' | 'DropZone' | 'Form' | 'Heading' | 'Icon' | 'Image' | 'Link' | 'ListItem' | 'OrderedList' | 'Paragraph' | 'PaymentIcon' | 'Progress' | 'QRCode' | 'Section' | 'Spinner' | 'Stack' | 'Text' | 'TextField' | 'Time' | 'UnorderedList';
 export type AllowedComponents<Allowed extends AnyComponent> = Allowed;
 export type AnyComponentExcept<Except extends AnyComponent> = Exclude<AnyComponent, Except>;
 //# sourceMappingURL=shared.d.ts.map

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;;;GAGG;AACH,MAAM,MAAM,YAAY,GACpB,cAAc,GACd,QAAQ,GACR,KAAK,GACL,QAAQ;AACV;;;;GAIG;GACD,MAAM,GACN,eAAe,GACf,UAAU,GACV,MAAM,GACN,SAAS,GACT,MAAM,GACN,OAAO,GACP,MAAM,GACN,UAAU,GACV,aAAa,GACb,WAAW,GACX,aAAa,GACb,UAAU,GACV,SAAS,GACT,OAAO,GACP,MAAM,GACN,MAAM,GACN,eAAe,CAAC;AAEpB,MAAM,MAAM,iBAAiB,CAAC,OAAO,SAAS,YAAY,IAAI,OAAO,CAAC;AACtE,MAAM,MAAM,kBAAkB,CAAC,MAAM,SAAS,YAAY,IAAI,OAAO,CACnE,YAAY,EACZ,MAAM,CACP,CAAC"}
+{"version":3,"file":"shared.d.ts","sourceRoot":"","sources":["../../../../src/surfaces/checkout/shared.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,MAAM,YAAY,GACpB,cAAc,GACd,QAAQ,GACR,KAAK,GACL,QAAQ;AACV;;;;GAIG;GACD,MAAM,GACN,eAAe,GACf,UAAU,GACV,MAAM,GACN,SAAS,GACT,MAAM,GACN,OAAO,GACP,MAAM,GACN,UAAU,GACV,aAAa,GACb,WAAW,GACX,aAAa,GACb,UAAU,GACV,QAAQ,GACR,SAAS,GACT,SAAS,GACT,OAAO,GACP,MAAM,GACN,WAAW,GACX,MAAM,GACN,eAAe,CAAC;AAEpB,MAAM,MAAM,iBAAiB,CAAC,OAAO,SAAS,YAAY,IAAI,OAAO,CAAC;AACtE,MAAM,MAAM,kBAAkB,CAAC,MAAM,SAAS,YAAY,IAAI,OAAO,CACnE,YAAY,EACZ,MAAM,CACP,CAAC"}

package/build/ts/surfaces/checkout/targets/Checkout::Actions::RenderBefore.d.ts

@@ -48,6 +48,62 @@ export interface TimeElement extends TimeProps, Omit<HTMLElement, 'id'> {
 export interface TimeProps extends Pick<TimeProps$1, 'dateTime'> {
 }
 
+declare module 'preact' {
+    interface BaseProps {
+        slot?: Lowercase<string>;
+    }
+
+    namespace createElement.JSX {
+        interface IntrinsicElements {
+            's-text-field': TextFieldProps & BaseProps;
+        }
+    }
+}
+
+declare global {
+    interface HTMLElementTagNameMap {
+        's-text-field': TextFieldElement;
+    }
+}
+
+declare module 'preact' {
+    interface BaseProps {
+        slot?: Lowercase<string>;
+    }
+
+    namespace createElement.JSX {
+        interface IntrinsicElements {
+            's-icon': TextFieldIconProps & BaseProps;
+        }
+    }
+}
+
+declare global {
+    interface HTMLElementTagNameMap {
+        's-icon': TextFieldIconElement;
+    }
+}
+
+export interface TextFieldElement extends Omit<TextFieldProps, 'onBlur' | 'onChange' | 'onFocus' | 'onInput'>, Omit<HTMLElement, 'id' | 'onblur' | 'onchange' | 'onfocus' | 'oninput' | 'prefix'> {
+    onblur: TextFieldProps['onBlur'];
+    onchange: TextFieldProps['onChange'];
+    onfocus: TextFieldProps['onFocus'];
+    oninput: TextFieldProps['onInput'];
+}
+
+export interface TextFieldProps extends Pick<TextFieldProps$1, 'accessory' | 'autocomplete' | 'defaultValue' | 'details' | 'disabled' | 'error' | 'id' | 'icon' | 'label' | 'labelAccessibilityVisibility' | 'maxLength' | 'minLength' | 'name' | 'onBlur' | 'onChange' | 'onFocus' | 'onInput' | 'placeholder' | 'prefix' | 'readOnly' | 'required' | 'suffix' | 'value'> {
+    icon?: TextFieldIconProps['type'];
+}
+
+export interface TextFieldIconElement extends TextFieldIconProps, Omit<HTMLElement, 'id'> {
+}
+
+export interface TextFieldIconProps extends Pick<IconProps$1, 'id' | 'size' | 'tone' | 'type'> {
+    tone?: Extract<IconProps$1['tone'], 'auto' | 'neutral' | 'info' | 'success' | 'warning' | 'critical' | 'custom'>;
+    size?: Extract<IconProps$1['size'], 'small-200' | 'small-100' | 'small' | 'base' | 'large' | 'large-100'>;
+    type?: '' | Extract<IconProps$1['type'], 'alert-circle' | 'alert-triangle-filled' | 'alert-triangle' | 'arrow-down' | 'arrow-left' | 'arrow-right' | 'arrow-up-right' | 'arrow-up' | 'bag' | 'bullet' | 'calendar' | 'camera' | 'caret-down' | 'cart' | 'cash-dollar' | 'categories' | 'check-circle' | 'check' | 'chevron-down' | 'chevron-left' | 'chevron-right' | 'chevron-up' | 'circle' | 'clipboard' | 'clock' | 'credit-card' | 'delete' | 'delivered' | 'delivery' | 'disabled' | 'discount' | 'edit' | 'email' | 'empty' | 'external' | 'filter' | 'geolocation' | 'gift-card' | 'globe' | 'grid' | 'image' | 'info-filled' | 'info' | 'list-bulleted' | 'location' | 'lock' | 'map' | 'menu-horizontal' | 'menu-vertical' | 'menu' | 'minus' | 'mobile' | 'note' | 'order' | 'organization' | 'plus' | 'profile' | 'question-circle-filled' | 'question-circle' | 'reorder' | 'reset' | 'return' | 'savings' | 'search' | 'settings' | 'star-filled' | 'star-half' | 'star' | 'store' | 'truck' | 'upload' | 'x-circle-filled' | 'x-circle' | 'x'>;
+}
+
 declare module 'preact' {
     interface BaseProps {
         children?: preact.ComponentChildren;
@@ -130,6 +186,52 @@ export interface SpinnerProps extends SpinnerProps$1 {
     size?: Extract<SpinnerProps$1['size'], 'small-100' | 'small' | 'base' | 'large' | 'large-100'>;
 }
 
+declare module 'preact' {
+    interface BaseProps {
+        children?: preact.ComponentChildren;
+        slot?: Lowercase<string>;
+    }
+
+    namespace createElement.JSX {
+        interface IntrinsicElements {
+            's-section': SectionProps & BaseProps;
+        }
+    }
+}
+
+declare global {
+    interface HTMLElementTagNameMap {
+        's-section': SectionElement;
+    }
+}
+
+export interface SectionElement extends SectionProps, Omit<HTMLElement, 'id'> {
+}
+
+export interface SectionProps extends Pick<SectionProps$1, 'accessibilityLabel' | 'heading' | 'id'> {
+}
+
+declare module 'preact' {
+    namespace createElement.JSX {
+        interface IntrinsicElements {
+            's-qr-code': QRCodeProps;
+        }
+    }
+}
+
+declare global {
+    interface HTMLElementTagNameMap {
+        's-qr-code': QRCodelement;
+    }
+}
+
+export interface QRCodelement extends Omit<QRCodeProps, 'onError'>, Omit<HTMLElement, 'id' | 'onerror'> {
+    onerror: QRCodeProps['onError'];
+}
+
+export interface QRCodeProps extends QRCodeProps$1 {
+}
+
 declare module 'preact' {
     namespace createElement.JSX {
         interface IntrinsicElements {
@@ -543,7 +645,7 @@ export interface AbbreviationProps extends Pick<AbbreviationProps$1, 'title'> {
 }
 
 import { ReducedBorderSizeKeyword } from "../../../../../src/surfaces/checkout/components/Box";
-import { AbbreviationProps$1, BannerProps$1, BorderShorthand, BoxProps$1, ButtonProps$1, ClipboardItemProps$1, DropZoneProps$1, FormProps$1, HeadingProps$1, IconProps$1, ImageProps$1, LinkProps$1, ListItemProps$1, MaybeAllValuesShorthandProperty, OrderedListProps$1, ParagraphProps$1, PaymentIconProps$1, ProgressProps$1, SpinnerProps$1, StackProps$1, TextProps$1, TimeProps$1, UnorderedListProps$1 } from "../../../../../src/surfaces/checkout/components/components-shared";
+import { AbbreviationProps$1, BannerProps$1, BorderShorthand, BoxProps$1, ButtonProps$1, ClipboardItemProps$1, DropZoneProps$1, FormProps$1, HeadingProps$1, IconProps$1, ImageProps$1, LinkProps$1, ListItemProps$1, MaybeAllValuesShorthandProperty, OrderedListProps$1, ParagraphProps$1, PaymentIconProps$1, ProgressProps$1, QRCodeProps$1, SectionProps$1, SpinnerProps$1, StackProps$1, TextFieldProps$1, TextProps$1, TimeProps$1, UnorderedListProps$1 } from "../../../../../src/surfaces/checkout/components/components-shared";
 import type { ExtensionTargets } from '../extension-targets';
 type Target = ExtensionTargets['Checkout::Actions::RenderBefore'];
 export type Api = Target['api'];

package/build/ts/surfaces/checkout/targets/Checkout::CartLineDetails::RenderAfter.d.ts

@@ -48,6 +48,62 @@ export interface TimeElement extends TimeProps, Omit<HTMLElement, 'id'> {
 export interface TimeProps extends Pick<TimeProps$1, 'dateTime'> {
 }
 
+declare module 'preact' {
+    interface BaseProps {
+        slot?: Lowercase<string>;
+    }
+
+    namespace createElement.JSX {
+        interface IntrinsicElements {
+            's-text-field': TextFieldProps & BaseProps;
+        }
+    }
+}
+
+declare global {
+    interface HTMLElementTagNameMap {
+        's-text-field': TextFieldElement;
+    }
+}
+
+declare module 'preact' {
+    interface BaseProps {
+        slot?: Lowercase<string>;
+    }
+
+    namespace createElement.JSX {
+        interface IntrinsicElements {
+            's-icon': TextFieldIconProps & BaseProps;
+        }
+    }
+}
+
+declare global {
+    interface HTMLElementTagNameMap {
+        's-icon': TextFieldIconElement;
+    }
+}
+
+export interface TextFieldElement extends Omit<TextFieldProps, 'onBlur' | 'onChange' | 'onFocus' | 'onInput'>, Omit<HTMLElement, 'id' | 'onblur' | 'onchange' | 'onfocus' | 'oninput' | 'prefix'> {
+    onblur: TextFieldProps['onBlur'];
+    onchange: TextFieldProps['onChange'];
+    onfocus: TextFieldProps['onFocus'];
+    oninput: TextFieldProps['onInput'];
+}
+
+export interface TextFieldProps extends Pick<TextFieldProps$1, 'accessory' | 'autocomplete' | 'defaultValue' | 'details' | 'disabled' | 'error' | 'id' | 'icon' | 'label' | 'labelAccessibilityVisibility' | 'maxLength' | 'minLength' | 'name' | 'onBlur' | 'onChange' | 'onFocus' | 'onInput' | 'placeholder' | 'prefix' | 'readOnly' | 'required' | 'suffix' | 'value'> {
+    icon?: TextFieldIconProps['type'];
+}
+
+export interface TextFieldIconElement extends TextFieldIconProps, Omit<HTMLElement, 'id'> {
+}
+
+export interface TextFieldIconProps extends Pick<IconProps$1, 'id' | 'size' | 'tone' | 'type'> {
+    tone?: Extract<IconProps$1['tone'], 'auto' | 'neutral' | 'info' | 'success' | 'warning' | 'critical' | 'custom'>;
+    size?: Extract<IconProps$1['size'], 'small-200' | 'small-100' | 'small' | 'base' | 'large' | 'large-100'>;
+    type?: '' | Extract<IconProps$1['type'], 'alert-circle' | 'alert-triangle-filled' | 'alert-triangle' | 'arrow-down' | 'arrow-left' | 'arrow-right' | 'arrow-up-right' | 'arrow-up' | 'bag' | 'bullet' | 'calendar' | 'camera' | 'caret-down' | 'cart' | 'cash-dollar' | 'categories' | 'check-circle' | 'check' | 'chevron-down' | 'chevron-left' | 'chevron-right' | 'chevron-up' | 'circle' | 'clipboard' | 'clock' | 'credit-card' | 'delete' | 'delivered' | 'delivery' | 'disabled' | 'discount' | 'edit' | 'email' | 'empty' | 'external' | 'filter' | 'geolocation' | 'gift-card' | 'globe' | 'grid' | 'image' | 'info-filled' | 'info' | 'list-bulleted' | 'location' | 'lock' | 'map' | 'menu-horizontal' | 'menu-vertical' | 'menu' | 'minus' | 'mobile' | 'note' | 'order' | 'organization' | 'plus' | 'profile' | 'question-circle-filled' | 'question-circle' | 'reorder' | 'reset' | 'return' | 'savings' | 'search' | 'settings' | 'star-filled' | 'star-half' | 'star' | 'store' | 'truck' | 'upload' | 'x-circle-filled' | 'x-circle' | 'x'>;
+}
+
 declare module 'preact' {
     interface BaseProps {
         children?: preact.ComponentChildren;
@@ -130,6 +186,52 @@ export interface SpinnerProps extends SpinnerProps$1 {
     size?: Extract<SpinnerProps$1['size'], 'small-100' | 'small' | 'base' | 'large' | 'large-100'>;
 }
 
+declare module 'preact' {
+    interface BaseProps {
+        children?: preact.ComponentChildren;
+        slot?: Lowercase<string>;
+    }
+
+    namespace createElement.JSX {
+        interface IntrinsicElements {
+            's-section': SectionProps & BaseProps;
+        }
+    }
+}
+
+declare global {
+    interface HTMLElementTagNameMap {
+        's-section': SectionElement;
+    }
+}
+
+export interface SectionElement extends SectionProps, Omit<HTMLElement, 'id'> {
+}
+
+export interface SectionProps extends Pick<SectionProps$1, 'accessibilityLabel' | 'heading' | 'id'> {
+}
+
+declare module 'preact' {
+    namespace createElement.JSX {
+        interface IntrinsicElements {
+            's-qr-code': QRCodeProps;
+        }
+    }
+}
+
+declare global {
+    interface HTMLElementTagNameMap {
+        's-qr-code': QRCodelement;
+    }
+}
+
+export interface QRCodelement extends Omit<QRCodeProps, 'onError'>, Omit<HTMLElement, 'id' | 'onerror'> {
+    onerror: QRCodeProps['onError'];
+}
+
+export interface QRCodeProps extends QRCodeProps$1 {
+}
+
 declare module 'preact' {
     namespace createElement.JSX {
         interface IntrinsicElements {
@@ -543,7 +645,7 @@ export interface AbbreviationProps extends Pick<AbbreviationProps$1, 'title'> {
 }
 
 import { ReducedBorderSizeKeyword } from "../../../../../src/surfaces/checkout/components/Box";
-import { AbbreviationProps$1, BannerProps$1, BorderShorthand, BoxProps$1, ButtonProps$1, ClipboardItemProps$1, DropZoneProps$1, FormProps$1, HeadingProps$1, IconProps$1, ImageProps$1, LinkProps$1, ListItemProps$1, MaybeAllValuesShorthandProperty, OrderedListProps$1, ParagraphProps$1, PaymentIconProps$1, ProgressProps$1, SpinnerProps$1, StackProps$1, TextProps$1, TimeProps$1, UnorderedListProps$1 } from "../../../../../src/surfaces/checkout/components/components-shared";
+import { AbbreviationProps$1, BannerProps$1, BorderShorthand, BoxProps$1, ButtonProps$1, ClipboardItemProps$1, DropZoneProps$1, FormProps$1, HeadingProps$1, IconProps$1, ImageProps$1, LinkProps$1, ListItemProps$1, MaybeAllValuesShorthandProperty, OrderedListProps$1, ParagraphProps$1, PaymentIconProps$1, ProgressProps$1, QRCodeProps$1, SectionProps$1, SpinnerProps$1, StackProps$1, TextFieldProps$1, TextProps$1, TimeProps$1, UnorderedListProps$1 } from "../../../../../src/surfaces/checkout/components/components-shared";
 import type { ExtensionTargets } from '../extension-targets';
 type Target = ExtensionTargets['Checkout::CartLineDetails::RenderAfter'];
 export type Api = Target['api'];

package/build/ts/surfaces/checkout/targets/Checkout::CartLineDetails::RenderLineComponents.d.ts

@@ -48,6 +48,62 @@ export interface TimeElement extends TimeProps, Omit<HTMLElement, 'id'> {
 export interface TimeProps extends Pick<TimeProps$1, 'dateTime'> {
 }
 
+declare module 'preact' {
+    interface BaseProps {
+        slot?: Lowercase<string>;
+    }
+
+    namespace createElement.JSX {
+        interface IntrinsicElements {
+            's-text-field': TextFieldProps & BaseProps;
+        }
+    }
+}
+
+declare global {
+    interface HTMLElementTagNameMap {
+        's-text-field': TextFieldElement;
+    }
+}
+
+declare module 'preact' {
+    interface BaseProps {
+        slot?: Lowercase<string>;
+    }
+
+    namespace createElement.JSX {
+        interface IntrinsicElements {
+            's-icon': TextFieldIconProps & BaseProps;
+        }
+    }
+}
+
+declare global {
+    interface HTMLElementTagNameMap {
+        's-icon': TextFieldIconElement;
+    }
+}
+
+export interface TextFieldElement extends Omit<TextFieldProps, 'onBlur' | 'onChange' | 'onFocus' | 'onInput'>, Omit<HTMLElement, 'id' | 'onblur' | 'onchange' | 'onfocus' | 'oninput' | 'prefix'> {
+    onblur: TextFieldProps['onBlur'];
+    onchange: TextFieldProps['onChange'];
+    onfocus: TextFieldProps['onFocus'];
+    oninput: TextFieldProps['onInput'];
+}
+
+export interface TextFieldProps extends Pick<TextFieldProps$1, 'accessory' | 'autocomplete' | 'defaultValue' | 'details' | 'disabled' | 'error' | 'id' | 'icon' | 'label' | 'labelAccessibilityVisibility' | 'maxLength' | 'minLength' | 'name' | 'onBlur' | 'onChange' | 'onFocus' | 'onInput' | 'placeholder' | 'prefix' | 'readOnly' | 'required' | 'suffix' | 'value'> {
+    icon?: TextFieldIconProps['type'];
+}
+
+export interface TextFieldIconElement extends TextFieldIconProps, Omit<HTMLElement, 'id'> {
+}
+
+export interface TextFieldIconProps extends Pick<IconProps$1, 'id' | 'size' | 'tone' | 'type'> {
+    tone?: Extract<IconProps$1['tone'], 'auto' | 'neutral' | 'info' | 'success' | 'warning' | 'critical' | 'custom'>;
+    size?: Extract<IconProps$1['size'], 'small-200' | 'small-100' | 'small' | 'base' | 'large' | 'large-100'>;
+    type?: '' | Extract<IconProps$1['type'], 'alert-circle' | 'alert-triangle-filled' | 'alert-triangle' | 'arrow-down' | 'arrow-left' | 'arrow-right' | 'arrow-up-right' | 'arrow-up' | 'bag' | 'bullet' | 'calendar' | 'camera' | 'caret-down' | 'cart' | 'cash-dollar' | 'categories' | 'check-circle' | 'check' | 'chevron-down' | 'chevron-left' | 'chevron-right' | 'chevron-up' | 'circle' | 'clipboard' | 'clock' | 'credit-card' | 'delete' | 'delivered' | 'delivery' | 'disabled' | 'discount' | 'edit' | 'email' | 'empty' | 'external' | 'filter' | 'geolocation' | 'gift-card' | 'globe' | 'grid' | 'image' | 'info-filled' | 'info' | 'list-bulleted' | 'location' | 'lock' | 'map' | 'menu-horizontal' | 'menu-vertical' | 'menu' | 'minus' | 'mobile' | 'note' | 'order' | 'organization' | 'plus' | 'profile' | 'question-circle-filled' | 'question-circle' | 'reorder' | 'reset' | 'return' | 'savings' | 'search' | 'settings' | 'star-filled' | 'star-half' | 'star' | 'store' | 'truck' | 'upload' | 'x-circle-filled' | 'x-circle' | 'x'>;
+}
+
 declare module 'preact' {
     interface BaseProps {
         children?: preact.ComponentChildren;
@@ -130,6 +186,52 @@ export interface SpinnerProps extends SpinnerProps$1 {
     size?: Extract<SpinnerProps$1['size'], 'small-100' | 'small' | 'base' | 'large' | 'large-100'>;
 }
 
+declare module 'preact' {
+    interface BaseProps {
+        children?: preact.ComponentChildren;
+        slot?: Lowercase<string>;
+    }
+
+    namespace createElement.JSX {
+        interface IntrinsicElements {
+            's-section': SectionProps & BaseProps;
+        }
+    }
+}
+
+declare global {
+    interface HTMLElementTagNameMap {
+        's-section': SectionElement;
+    }
+}
+
+export interface SectionElement extends SectionProps, Omit<HTMLElement, 'id'> {
+}
+
+export interface SectionProps extends Pick<SectionProps$1, 'accessibilityLabel' | 'heading' | 'id'> {
+}
+
+declare module 'preact' {
+    namespace createElement.JSX {
+        interface IntrinsicElements {
+            's-qr-code': QRCodeProps;
+        }
+    }
+}
+
+declare global {
+    interface HTMLElementTagNameMap {
+        's-qr-code': QRCodelement;
+    }
+}
+
+export interface QRCodelement extends Omit<QRCodeProps, 'onError'>, Omit<HTMLElement, 'id' | 'onerror'> {
+    onerror: QRCodeProps['onError'];
+}
+
+export interface QRCodeProps extends QRCodeProps$1 {
+}
+
 declare module 'preact' {
     namespace createElement.JSX {
         interface IntrinsicElements {
@@ -543,7 +645,7 @@ export interface AbbreviationProps extends Pick<AbbreviationProps$1, 'title'> {
 }
 
 import { ReducedBorderSizeKeyword } from "../../../../../src/surfaces/checkout/components/Box";
-import { AbbreviationProps$1, BannerProps$1, BorderShorthand, BoxProps$1, ButtonProps$1, ClipboardItemProps$1, DropZoneProps$1, FormProps$1, HeadingProps$1, IconProps$1, ImageProps$1, LinkProps$1, ListItemProps$1, MaybeAllValuesShorthandProperty, OrderedListProps$1, ParagraphProps$1, PaymentIconProps$1, ProgressProps$1, SpinnerProps$1, StackProps$1, TextProps$1, TimeProps$1, UnorderedListProps$1 } from "../../../../../src/surfaces/checkout/components/components-shared";
+import { AbbreviationProps$1, BannerProps$1, BorderShorthand, BoxProps$1, ButtonProps$1, ClipboardItemProps$1, DropZoneProps$1, FormProps$1, HeadingProps$1, IconProps$1, ImageProps$1, LinkProps$1, ListItemProps$1, MaybeAllValuesShorthandProperty, OrderedListProps$1, ParagraphProps$1, PaymentIconProps$1, ProgressProps$1, QRCodeProps$1, SectionProps$1, SpinnerProps$1, StackProps$1, TextFieldProps$1, TextProps$1, TimeProps$1, UnorderedListProps$1 } from "../../../../../src/surfaces/checkout/components/components-shared";
 import type { ExtensionTargets } from '../extension-targets';
 type Target = ExtensionTargets['Checkout::CartLineDetails::RenderLineComponents'];
 export type Api = Target['api'];

package/build/ts/surfaces/checkout/targets/Checkout::CartLines::RenderAfter.d.ts

@@ -48,6 +48,62 @@ export interface TimeElement extends TimeProps, Omit<HTMLElement, 'id'> {
 export interface TimeProps extends Pick<TimeProps$1, 'dateTime'> {
 }
 
+declare module 'preact' {
+    interface BaseProps {
+        slot?: Lowercase<string>;
+    }
+
+    namespace createElement.JSX {
+        interface IntrinsicElements {
+            's-text-field': TextFieldProps & BaseProps;
+        }
+    }
+}
+
+declare global {
+    interface HTMLElementTagNameMap {
+        's-text-field': TextFieldElement;
+    }
+}
+
+declare module 'preact' {
+    interface BaseProps {
+        slot?: Lowercase<string>;
+    }
+
+    namespace createElement.JSX {
+        interface IntrinsicElements {
+            's-icon': TextFieldIconProps & BaseProps;
+        }
+    }
+}
+
+declare global {
+    interface HTMLElementTagNameMap {
+        's-icon': TextFieldIconElement;
+    }
+}
+
+export interface TextFieldElement extends Omit<TextFieldProps, 'onBlur' | 'onChange' | 'onFocus' | 'onInput'>, Omit<HTMLElement, 'id' | 'onblur' | 'onchange' | 'onfocus' | 'oninput' | 'prefix'> {
+    onblur: TextFieldProps['onBlur'];
+    onchange: TextFieldProps['onChange'];
+    onfocus: TextFieldProps['onFocus'];
+    oninput: TextFieldProps['onInput'];
+}
+
+export interface TextFieldProps extends Pick<TextFieldProps$1, 'accessory' | 'autocomplete' | 'defaultValue' | 'details' | 'disabled' | 'error' | 'id' | 'icon' | 'label' | 'labelAccessibilityVisibility' | 'maxLength' | 'minLength' | 'name' | 'onBlur' | 'onChange' | 'onFocus' | 'onInput' | 'placeholder' | 'prefix' | 'readOnly' | 'required' | 'suffix' | 'value'> {
+    icon?: TextFieldIconProps['type'];
+}
+
+export interface TextFieldIconElement extends TextFieldIconProps, Omit<HTMLElement, 'id'> {
+}
+
+export interface TextFieldIconProps extends Pick<IconProps$1, 'id' | 'size' | 'tone' | 'type'> {
+    tone?: Extract<IconProps$1['tone'], 'auto' | 'neutral' | 'info' | 'success' | 'warning' | 'critical' | 'custom'>;
+    size?: Extract<IconProps$1['size'], 'small-200' | 'small-100' | 'small' | 'base' | 'large' | 'large-100'>;
+    type?: '' | Extract<IconProps$1['type'], 'alert-circle' | 'alert-triangle-filled' | 'alert-triangle' | 'arrow-down' | 'arrow-left' | 'arrow-right' | 'arrow-up-right' | 'arrow-up' | 'bag' | 'bullet' | 'calendar' | 'camera' | 'caret-down' | 'cart' | 'cash-dollar' | 'categories' | 'check-circle' | 'check' | 'chevron-down' | 'chevron-left' | 'chevron-right' | 'chevron-up' | 'circle' | 'clipboard' | 'clock' | 'credit-card' | 'delete' | 'delivered' | 'delivery' | 'disabled' | 'discount' | 'edit' | 'email' | 'empty' | 'external' | 'filter' | 'geolocation' | 'gift-card' | 'globe' | 'grid' | 'image' | 'info-filled' | 'info' | 'list-bulleted' | 'location' | 'lock' | 'map' | 'menu-horizontal' | 'menu-vertical' | 'menu' | 'minus' | 'mobile' | 'note' | 'order' | 'organization' | 'plus' | 'profile' | 'question-circle-filled' | 'question-circle' | 'reorder' | 'reset' | 'return' | 'savings' | 'search' | 'settings' | 'star-filled' | 'star-half' | 'star' | 'store' | 'truck' | 'upload' | 'x-circle-filled' | 'x-circle' | 'x'>;
+}
+
 declare module 'preact' {
     interface BaseProps {
         children?: preact.ComponentChildren;
@@ -130,6 +186,52 @@ export interface SpinnerProps extends SpinnerProps$1 {
     size?: Extract<SpinnerProps$1['size'], 'small-100' | 'small' | 'base' | 'large' | 'large-100'>;
 }
 
+declare module 'preact' {
+    interface BaseProps {
+        children?: preact.ComponentChildren;
+        slot?: Lowercase<string>;
+    }
+
+    namespace createElement.JSX {
+        interface IntrinsicElements {
+            's-section': SectionProps & BaseProps;
+        }
+    }
+}
+
+declare global {
+    interface HTMLElementTagNameMap {
+        's-section': SectionElement;
+    }
+}
+
+export interface SectionElement extends SectionProps, Omit<HTMLElement, 'id'> {
+}
+
+export interface SectionProps extends Pick<SectionProps$1, 'accessibilityLabel' | 'heading' | 'id'> {
+}
+
+declare module 'preact' {
+    namespace createElement.JSX {
+        interface IntrinsicElements {
+            's-qr-code': QRCodeProps;
+        }
+    }
+}
+
+declare global {
+    interface HTMLElementTagNameMap {
+        's-qr-code': QRCodelement;
+    }
+}
+
+export interface QRCodelement extends Omit<QRCodeProps, 'onError'>, Omit<HTMLElement, 'id' | 'onerror'> {
+    onerror: QRCodeProps['onError'];
+}
+
+export interface QRCodeProps extends QRCodeProps$1 {
+}
+
 declare module 'preact' {
     namespace createElement.JSX {
         interface IntrinsicElements {
@@ -543,7 +645,7 @@ export interface AbbreviationProps extends Pick<AbbreviationProps$1, 'title'> {
 }
 
 import { ReducedBorderSizeKeyword } from "../../../../../src/surfaces/checkout/components/Box";
-import { AbbreviationProps$1, BannerProps$1, BorderShorthand, BoxProps$1, ButtonProps$1, ClipboardItemProps$1, DropZoneProps$1, FormProps$1, HeadingProps$1, IconProps$1, ImageProps$1, LinkProps$1, ListItemProps$1, MaybeAllValuesShorthandProperty, OrderedListProps$1, ParagraphProps$1, PaymentIconProps$1, ProgressProps$1, SpinnerProps$1, StackProps$1, TextProps$1, TimeProps$1, UnorderedListProps$1 } from "../../../../../src/surfaces/checkout/components/components-shared";
+import { AbbreviationProps$1, BannerProps$1, BorderShorthand, BoxProps$1, ButtonProps$1, ClipboardItemProps$1, DropZoneProps$1, FormProps$1, HeadingProps$1, IconProps$1, ImageProps$1, LinkProps$1, ListItemProps$1, MaybeAllValuesShorthandProperty, OrderedListProps$1, ParagraphProps$1, PaymentIconProps$1, ProgressProps$1, QRCodeProps$1, SectionProps$1, SpinnerProps$1, StackProps$1, TextFieldProps$1, TextProps$1, TimeProps$1, UnorderedListProps$1 } from "../../../../../src/surfaces/checkout/components/components-shared";
 import type { ExtensionTargets } from '../extension-targets';
 type Target = ExtensionTargets['Checkout::CartLines::RenderAfter'];
 export type Api = Target['api'];

package/build/ts/surfaces/checkout/targets/Checkout::Contact::RenderAfter.d.ts

@@ -48,6 +48,62 @@ export interface TimeElement extends TimeProps, Omit<HTMLElement, 'id'> {
 export interface TimeProps extends Pick<TimeProps$1, 'dateTime'> {
 }
 
+declare module 'preact' {
+    interface BaseProps {
+        slot?: Lowercase<string>;
+    }
+
+    namespace createElement.JSX {
+        interface IntrinsicElements {
+            's-text-field': TextFieldProps & BaseProps;
+        }
+    }
+}
+
+declare global {
+    interface HTMLElementTagNameMap {
+        's-text-field': TextFieldElement;
+    }
+}
+
+declare module 'preact' {
+    interface BaseProps {
+        slot?: Lowercase<string>;
+    }
+
+    namespace createElement.JSX {
+        interface IntrinsicElements {
+            's-icon': TextFieldIconProps & BaseProps;
+        }
+    }
+}
+
+declare global {
+    interface HTMLElementTagNameMap {
+        's-icon': TextFieldIconElement;
+    }
+}
+
+export interface TextFieldElement extends Omit<TextFieldProps, 'onBlur' | 'onChange' | 'onFocus' | 'onInput'>, Omit<HTMLElement, 'id' | 'onblur' | 'onchange' | 'onfocus' | 'oninput' | 'prefix'> {
+    onblur: TextFieldProps['onBlur'];
+    onchange: TextFieldProps['onChange'];
+    onfocus: TextFieldProps['onFocus'];
+    oninput: TextFieldProps['onInput'];
+}
+
+export interface TextFieldProps extends Pick<TextFieldProps$1, 'accessory' | 'autocomplete' | 'defaultValue' | 'details' | 'disabled' | 'error' | 'id' | 'icon' | 'label' | 'labelAccessibilityVisibility' | 'maxLength' | 'minLength' | 'name' | 'onBlur' | 'onChange' | 'onFocus' | 'onInput' | 'placeholder' | 'prefix' | 'readOnly' | 'required' | 'suffix' | 'value'> {
+    icon?: TextFieldIconProps['type'];
+}
+
+export interface TextFieldIconElement extends TextFieldIconProps, Omit<HTMLElement, 'id'> {
+}
+
+export interface TextFieldIconProps extends Pick<IconProps$1, 'id' | 'size' | 'tone' | 'type'> {
+    tone?: Extract<IconProps$1['tone'], 'auto' | 'neutral' | 'info' | 'success' | 'warning' | 'critical' | 'custom'>;
+    size?: Extract<IconProps$1['size'], 'small-200' | 'small-100' | 'small' | 'base' | 'large' | 'large-100'>;
+    type?: '' | Extract<IconProps$1['type'], 'alert-circle' | 'alert-triangle-filled' | 'alert-triangle' | 'arrow-down' | 'arrow-left' | 'arrow-right' | 'arrow-up-right' | 'arrow-up' | 'bag' | 'bullet' | 'calendar' | 'camera' | 'caret-down' | 'cart' | 'cash-dollar' | 'categories' | 'check-circle' | 'check' | 'chevron-down' | 'chevron-left' | 'chevron-right' | 'chevron-up' | 'circle' | 'clipboard' | 'clock' | 'credit-card' | 'delete' | 'delivered' | 'delivery' | 'disabled' | 'discount' | 'edit' | 'email' | 'empty' | 'external' | 'filter' | 'geolocation' | 'gift-card' | 'globe' | 'grid' | 'image' | 'info-filled' | 'info' | 'list-bulleted' | 'location' | 'lock' | 'map' | 'menu-horizontal' | 'menu-vertical' | 'menu' | 'minus' | 'mobile' | 'note' | 'order' | 'organization' | 'plus' | 'profile' | 'question-circle-filled' | 'question-circle' | 'reorder' | 'reset' | 'return' | 'savings' | 'search' | 'settings' | 'star-filled' | 'star-half' | 'star' | 'store' | 'truck' | 'upload' | 'x-circle-filled' | 'x-circle' | 'x'>;
+}
+
 declare module 'preact' {
     interface BaseProps {
         children?: preact.ComponentChildren;
@@ -130,6 +186,52 @@ export interface SpinnerProps extends SpinnerProps$1 {
     size?: Extract<SpinnerProps$1['size'], 'small-100' | 'small' | 'base' | 'large' | 'large-100'>;
 }
 
+declare module 'preact' {
+    interface BaseProps {
+        children?: preact.ComponentChildren;
+        slot?: Lowercase<string>;
+    }
+
+    namespace createElement.JSX {
+        interface IntrinsicElements {
+            's-section': SectionProps & BaseProps;
+        }
+    }
+}
+
+declare global {
+    interface HTMLElementTagNameMap {
+        's-section': SectionElement;
+    }
+}
+
+export interface SectionElement extends SectionProps, Omit<HTMLElement, 'id'> {
+}
+
+export interface SectionProps extends Pick<SectionProps$1, 'accessibilityLabel' | 'heading' | 'id'> {
+}
+
+declare module 'preact' {
+    namespace createElement.JSX {
+        interface IntrinsicElements {
+            's-qr-code': QRCodeProps;
+        }
+    }
+}
+
+declare global {
+    interface HTMLElementTagNameMap {
+        's-qr-code': QRCodelement;
+    }
+}
+
+export interface QRCodelement extends Omit<QRCodeProps, 'onError'>, Omit<HTMLElement, 'id' | 'onerror'> {
+    onerror: QRCodeProps['onError'];
+}
+
+export interface QRCodeProps extends QRCodeProps$1 {
+}
+
 declare module 'preact' {
     namespace createElement.JSX {
         interface IntrinsicElements {
@@ -543,7 +645,7 @@ export interface AbbreviationProps extends Pick<AbbreviationProps$1, 'title'> {
 }
 
 import { ReducedBorderSizeKeyword } from "../../../../../src/surfaces/checkout/components/Box";
-import { AbbreviationProps$1, BannerProps$1, BorderShorthand, BoxProps$1, ButtonProps$1, ClipboardItemProps$1, DropZoneProps$1, FormProps$1, HeadingProps$1, IconProps$1, ImageProps$1, LinkProps$1, ListItemProps$1, MaybeAllValuesShorthandProperty, OrderedListProps$1, ParagraphProps$1, PaymentIconProps$1, ProgressProps$1, SpinnerProps$1, StackProps$1, TextProps$1, TimeProps$1, UnorderedListProps$1 } from "../../../../../src/surfaces/checkout/components/components-shared";
+import { AbbreviationProps$1, BannerProps$1, BorderShorthand, BoxProps$1, ButtonProps$1, ClipboardItemProps$1, DropZoneProps$1, FormProps$1, HeadingProps$1, IconProps$1, ImageProps$1, LinkProps$1, ListItemProps$1, MaybeAllValuesShorthandProperty, OrderedListProps$1, ParagraphProps$1, PaymentIconProps$1, ProgressProps$1, QRCodeProps$1, SectionProps$1, SpinnerProps$1, StackProps$1, TextFieldProps$1, TextProps$1, TimeProps$1, UnorderedListProps$1 } from "../../../../../src/surfaces/checkout/components/components-shared";
 import type { ExtensionTargets } from '../extension-targets';
 type Target = ExtensionTargets['Checkout::Contact::RenderAfter'];
 export type Api = Target['api'];