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

package/build/ts/surfaces/customer-account/targets/customer-account.order.action.menu-item.render.d.ts

@@ -1,17 +1,24 @@
 declare module 'preact' {
+    interface BaseProps {
+        children?: preact.ComponentChildren;
+    }
+
     namespace createElement.JSX {
         interface IntrinsicElements {
-            ['s-image-group']: HTMLAttributes<HTMLElement> & ImageGroupProps;
+            ['s-image-group']: BaseProps & ImageGroupProps;
         }
     }
 }
 
 declare global {
     interface HTMLElementTagNameMap {
-        ['s-image-group']: HTMLElement & ImageGroupProps;
+        ['s-image-group']: ImageGroupElement;
     }
 }
 
+export interface ImageGroupElement extends HTMLElement, ImageGroupProps {
+}
+
 export interface ImageGroupProps {
     /**
      * Indicates the total number of items that could be displayed in the image group.
@@ -21,20 +28,27 @@ export interface ImageGroupProps {
 }
 
 declare module 'preact' {
+    interface BaseProps {
+        children?: preact.ComponentChildren;
+        slot?: Lowercase<string>;
+    }
+
     namespace createElement.JSX {
         interface IntrinsicElements {
-            ['s-customer-account-action']: HTMLAttributes<HTMLElement> &
-                CustomerAccountActionProps;
+            ['s-customer-account-action']: BaseProps & CustomerAccountActionProps;
         }
     }
 }
 
 declare global {
     interface HTMLElementTagNameMap {
-        ['s-customer-account-action']: HTMLElement & CustomerAccountActionProps;
+        ['s-customer-account-action']: CustomerAccountActionElement;
     }
 }
 
+export interface CustomerAccountActionElement extends HTMLElement, CustomerAccountActionProps {
+}
+
 export interface CustomerAccountActionProps {
     /**
      * Sets the heading of the Action container.
@@ -43,19 +57,27 @@ export interface CustomerAccountActionProps {
 }
 
 declare module 'preact' {
+    interface BaseProps {
+        children?: preact.ComponentChildren;
+        slot?: Lowercase<string>;
+    }
+
     namespace createElement.JSX {
         interface IntrinsicElements {
-            ['s-page']: HTMLAttributes<HTMLElement> & PageProps;
+            ['s-page']: BaseProps & PageProps;
         }
     }
 }
 
 declare global {
     interface HTMLElementTagNameMap {
-        ['s-page']: HTMLElement & PageProps;
+        ['s-page']: PageElement;
     }
 }
 
+export interface PageElement extends HTMLElement, PageProps {
+}
+
 export interface PageProps {
     /**
      * The main page heading
@@ -68,9 +90,14 @@ export interface PageProps {
 }
 
 declare module 'preact' {
+    interface BaseProps {
+        children?: preact.ComponentChildren;
+        slot?: Lowercase<string>;
+    }
+
     namespace createElement.JSX {
         interface IntrinsicElements {
-            's-unordered-list': Omit<HTMLAttributes<HTMLElement>, Extract<keyof HTMLAttributes<HTMLElement>, `on${Capitalize<string>}`>> & UnorderedListProps;
+            's-unordered-list': UnorderedListProps & BaseProps;
         }
     }
 }
@@ -88,9 +115,14 @@ export interface UnorderedListProps extends UnorderedListProps$1 {
 }
 
 declare module 'preact' {
+    interface BaseProps {
+        children?: preact.ComponentChildren;
+        slot?: Lowercase<string>;
+    }
+
     namespace createElement.JSX {
         interface IntrinsicElements {
-            's-time': Omit<HTMLAttributes<HTMLElement>, Extract<keyof HTMLAttributes<HTMLElement>, `on${Capitalize<string>}`>> & TimeProps;
+            's-time': TimeProps & BaseProps;
         }
     }
 }
@@ -108,9 +140,14 @@ export interface TimeProps extends Pick<TimeProps$1, 'dateTime'> {
 }
 
 declare module 'preact' {
+    interface BaseProps {
+        children?: preact.ComponentChildren;
+        slot?: Lowercase<string>;
+    }
+
     namespace createElement.JSX {
         interface IntrinsicElements {
-            's-text': Omit<HTMLAttributes<HTMLElement>, Extract<keyof HTMLAttributes<HTMLElement>, `on${Capitalize<string>}`>> & TextProps;
+            's-text': TextProps & BaseProps;
         }
     }
 }
@@ -131,9 +168,14 @@ export interface TextProps extends Pick<TextProps$1, 'accessibilityVisibility' |
 }
 
 declare module 'preact' {
+    interface BaseProps {
+        children?: preact.ComponentChildren;
+        slot?: Lowercase<string>;
+    }
+
     namespace createElement.JSX {
         interface IntrinsicElements {
-            's-stack': Omit<HTMLAttributes<HTMLElement>, Extract<keyof HTMLAttributes<HTMLElement>, `on${Capitalize<string>}`>> & StackProps;
+            's-stack': StackProps & BaseProps;
         }
     }
 }
@@ -153,15 +195,15 @@ export interface StackProps extends Pick<StackProps$1, 'accessibilityLabel' | 'a
     border?: BorderShorthand;
     borderWidth?: MaybeAllValuesShorthandProperty<ReducedBorderSizeKeyword> | '';
     borderRadius?: MaybeAllValuesShorthandProperty<Extract<StackProps$1['borderRadius'], 'none' | 'small-100' | 'small' | 'base' | 'large' | 'large-100' | 'max'>>;
-    alignContent?: Extract<StackProps$1['alignContent'], 'start' | 'center' | 'end' | 'normal'>;
-    alignItems?: Extract<StackProps$1['alignItems'], 'start' | 'center' | 'end' | 'normal'>;
-    justifyContent?: Extract<StackProps$1['justifyContent'], 'start' | 'center' | 'end' | 'normal'>;
+    alignContent?: Extract<StackProps$1['alignContent'], 'normal' | 'space-between' | 'space-around' | 'space-evenly' | 'stretch' | 'center' | 'start' | 'end'>;
+    alignItems?: Extract<StackProps$1['alignItems'], 'normal' | 'stretch' | 'center' | 'start' | 'end'>;
+    justifyContent?: Extract<StackProps$1['justifyContent'], 'normal' | 'space-between' | 'space-around' | 'space-evenly' | 'stretch' | 'center' | 'start' | 'end'>;
 }
 
 declare module 'preact' {
     namespace createElement.JSX {
         interface IntrinsicElements {
-            's-spinner': Omit<HTMLAttributes<HTMLElement>, Extract<keyof HTMLAttributes<HTMLElement>, `on${Capitalize<string>}`>> & SpinnerProps;
+            's-spinner': SpinnerProps;
         }
     }
 }
@@ -182,7 +224,7 @@ export interface SpinnerProps extends SpinnerProps$1 {
 declare module 'preact' {
     namespace createElement.JSX {
         interface IntrinsicElements {
-            's-progress': Omit<HTMLAttributes<HTMLElement>, Extract<keyof HTMLAttributes<HTMLElement>, `on${Capitalize<string>}`>> & ProgressProps;
+            's-progress': ProgressProps;
         }
     }
 }
@@ -201,9 +243,38 @@ export interface ProgressProps extends Pick<ProgressProps$1, 'accessibilityLabel
 }
 
 declare module 'preact' {
+    interface BaseProps {
+        slot?: Lowercase<string>;
+    }
+
+    namespace createElement.JSX {
+        interface IntrinsicElements {
+            's-payment-icon': PaymentIconProps & BaseProps;
+        }
+    }
+}
+
+declare global {
+    interface HTMLElementTagNameMap {
+        's-payment-icon': PaymentIconElement;
+    }
+}
+
+export interface PaymentIconElement extends PaymentIconProps, Omit<HTMLElement, 'id'> {
+}
+
+export interface PaymentIconProps extends PaymentIconProps$1 {
+}
+
+declare module 'preact' {
+    interface BaseProps {
+        children?: preact.ComponentChildren;
+        slot?: Lowercase<string>;
+    }
+
     namespace createElement.JSX {
         interface IntrinsicElements {
-            's-paragraph': Omit<HTMLAttributes<HTMLElement>, Extract<keyof HTMLAttributes<HTMLElement>, `on${Capitalize<string>}`>> & ParagraphProps;
+            's-paragraph': ParagraphProps & BaseProps;
         }
     }
 }
@@ -223,9 +294,14 @@ export interface ParagraphProps extends Pick<ParagraphProps$1, 'accessibilityVis
 }
 
 declare module 'preact' {
+    interface BaseProps {
+        children?: preact.ComponentChildren;
+        slot?: Lowercase<string>;
+    }
+
     namespace createElement.JSX {
         interface IntrinsicElements {
-            's-ordered-list': Omit<HTMLAttributes<HTMLElement>, Extract<keyof HTMLAttributes<HTMLElement>, `on${Capitalize<string>}`>> & OrderedListProps;
+            's-ordered-list': OrderedListProps & BaseProps;
         }
     }
 }
@@ -243,9 +319,14 @@ export interface OrderedListProps extends OrderedListProps$1 {
 }
 
 declare module 'preact' {
+    interface BaseProps {
+        children?: preact.ComponentChildren;
+        slot?: Lowercase<string>;
+    }
+
     namespace createElement.JSX {
         interface IntrinsicElements {
-            's-list-item': Omit<HTMLAttributes<HTMLElement>, Extract<keyof HTMLAttributes<HTMLElement>, `on${Capitalize<string>}`>> & ListItemProps;
+            's-list-item': ListItemProps & BaseProps;
         }
     }
 }
@@ -263,9 +344,14 @@ export interface ListItemProps extends Pick<ListItemProps$1, 'id'> {
 }
 
 declare module 'preact' {
+    interface BaseProps {
+        children?: preact.ComponentChildren;
+        slot?: Lowercase<string>;
+    }
+
     namespace createElement.JSX {
         interface IntrinsicElements {
-            's-link': Omit<HTMLAttributes<HTMLElement>, Extract<keyof HTMLAttributes<HTMLElement>, `on${Capitalize<string>}`>> & LinkProps;
+            's-link': LinkProps & BaseProps;
         }
     }
 }
@@ -286,9 +372,13 @@ export interface LinkProps extends Pick<LinkProps$1, 'accessibilityLabel' | 'com
 }
 
 declare module 'preact' {
+    interface BaseProps {
+        slot?: Lowercase<string>;
+    }
+
     namespace createElement.JSX {
         interface IntrinsicElements {
-            's-image': Omit<HTMLAttributes<HTMLElement>, Extract<keyof HTMLAttributes<HTMLElement>, `on${Capitalize<string>}`>> & ImageProps;
+            's-image': ImageProps & BaseProps;
         }
     }
 }
@@ -309,9 +399,41 @@ export interface ImageProps extends Pick<ImageProps$1, 'accessibilityRole' | 'al
 }
 
 declare module 'preact' {
+    interface BaseProps {
+        slot?: Lowercase<string>;
+    }
+
     namespace createElement.JSX {
         interface IntrinsicElements {
-            's-heading': Omit<HTMLAttributes<HTMLElement>, Extract<keyof HTMLAttributes<HTMLElement>, `on${Capitalize<string>}`>> & HeadingProps;
+            's-icon': IconProps & BaseProps;
+        }
+    }
+}
+
+declare global {
+    interface HTMLElementTagNameMap {
+        's-icon': IconElement;
+    }
+}
+
+export interface IconElement extends IconProps, Omit<HTMLElement, 'id'> {
+}
+
+export interface IconProps 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;
+        slot?: Lowercase<string>;
+    }
+
+    namespace createElement.JSX {
+        interface IntrinsicElements {
+            's-heading': HeadingProps & BaseProps;
         }
     }
 }
@@ -329,9 +451,14 @@ export interface HeadingProps extends Pick<HeadingProps$1, 'accessibilityRole' |
 }
 
 declare module 'preact' {
+    interface BaseProps {
+        children?: preact.ComponentChildren;
+        slot?: Lowercase<string>;
+    }
+
     namespace createElement.JSX {
         interface IntrinsicElements {
-            's-form': Omit<HTMLAttributes<HTMLElement>, Extract<keyof HTMLAttributes<HTMLElement>, `on${Capitalize<string>}`>> & FormProps;
+            's-form': FormProps & BaseProps;
         }
     }
 }
@@ -353,7 +480,7 @@ export interface FormProps extends Pick<FormProps$1, 'id' | 'disabled' | 'onSubm
 declare module 'preact' {
     namespace createElement.JSX {
         interface IntrinsicElements {
-            's-drop-zone': Omit<HTMLAttributes<HTMLElement>, Extract<keyof HTMLAttributes<HTMLElement>, `on${Capitalize<string>}`>> & DropZoneProps;
+            's-drop-zone': DropZoneProps;
         }
     }
 }
@@ -375,7 +502,7 @@ export interface DropZoneProps extends Pick<DropZoneProps$1, 'accept' | 'accessi
 declare module 'preact' {
     namespace createElement.JSX {
         interface IntrinsicElements {
-            's-clipboard-item': Omit<HTMLAttributes<HTMLElement>, Extract<keyof HTMLAttributes<HTMLElement>, `on${Capitalize<string>}`>> & ClipboardItemProps;
+            's-clipboard-item': ClipboardItemProps;
         }
     }
 }
@@ -395,9 +522,14 @@ export interface ClipboardItemProps extends ClipboardItemProps$1 {
 }
 
 declare module 'preact' {
+    interface BaseProps {
+        children?: preact.ComponentChildren;
+        slot?: Lowercase<string>;
+    }
+
     namespace createElement.JSX {
         interface IntrinsicElements {
-            's-button': Omit<HTMLAttributes<HTMLElement>, Extract<keyof HTMLAttributes<HTMLElement>, `on${Capitalize<string>}`>> & ButtonProps;
+            's-button': ButtonProps & BaseProps;
         }
     }
 }
@@ -412,7 +544,7 @@ export interface ButtonElement extends Omit<ButtonProps, 'onClick'>, Omit<HTMLEl
     onclick: ButtonProps['onClick'];
 }
 
-export interface ButtonProps extends Pick<ButtonProps$1, 'accessibilityLabel' | 'command' | 'commandFor' | 'disabled' | 'href' | 'id' | 'loading' | 'onClick' | 'target' | 'tone' | 'type' | 'variant'> {
+export interface ButtonProps extends Pick<ButtonProps$1, 'accessibilityLabel' | 'command' | 'commandFor' | 'disabled' | 'href' | 'id' | 'inlineSize' | 'loading' | 'onClick' | 'target' | 'tone' | 'type' | 'variant'> {
     target?: Extract<ButtonProps$1['target'], 'auto' | '_self' | '_blank'>;
     tone?: Extract<ButtonProps$1['tone'], 'auto' | 'neutral' | 'critical'>;
     type?: Extract<ButtonProps$1['type'], 'submit' | 'button'>;
@@ -420,9 +552,14 @@ export interface ButtonProps extends Pick<ButtonProps$1, 'accessibilityLabel' |
 }
 
 declare module 'preact' {
+    interface BaseProps {
+        children?: preact.ComponentChildren;
+        slot?: Lowercase<string>;
+    }
+
     namespace createElement.JSX {
         interface IntrinsicElements {
-            's-box': Omit<HTMLAttributes<HTMLElement>, Extract<keyof HTMLAttributes<HTMLElement>, `on${Capitalize<string>}`>> & BoxProps;
+            's-box': BoxProps & BaseProps;
         }
     }
 }
@@ -436,8 +573,7 @@ declare global {
 export interface BoxElement extends BoxProps, Omit<HTMLElement, 'id'> {
 }
 
-export interface BoxProps extends Pick<BoxProps$1, 'accessibilityLabel' | 'accessibilityRole' | 'accessibilityVisibility' | 'background' | 'border' | 'borderColor' | 'borderRadius' | 'borderStyle' | 'borderWidth' | 'display' | 'id' | 'maxBlockSize' | 'maxInlineSize' | 'minBlockSize' | 'minInlineSize' | 'overflow' | 'padding' | 'paddingBlock' | 'paddingBlockEnd' | 'paddingBlockStart' | 'paddingInline' | 'paddingInlineEnd' | 'paddingInlineStart'> {
-    accessibilityRole?: Extract<BoxProps$1['accessibilityRole'], 'main' | 'header' | 'footer' | 'section' | 'aside' | 'navigation' | 'ordered-list' | 'list-item' | 'list-item-separator' | 'unordered-list' | 'separator' | 'status' | 'alert' | 'generic' | 'presentation' | 'none'>;
+export interface BoxProps extends Pick<BoxProps$1, 'accessibilityLabel' | 'accessibilityRole' | 'accessibilityVisibility' | 'background' | 'border' | 'borderRadius' | 'borderStyle' | 'borderWidth' | 'display' | 'id' | 'maxBlockSize' | 'maxInlineSize' | 'minBlockSize' | 'minInlineSize' | 'overflow' | 'padding' | 'paddingBlock' | 'paddingBlockEnd' | 'paddingBlockStart' | 'paddingInline' | 'paddingInlineEnd' | 'paddingInlineStart'> {
     background?: Extract<BoxProps$1['background'], 'transparent' | 'subdued' | 'base'>;
     border?: BorderShorthand;
     borderWidth?: MaybeAllValuesShorthandProperty<ReducedBorderSizeKeyword> | '';
@@ -445,9 +581,14 @@ export interface BoxProps extends Pick<BoxProps$1, 'accessibilityLabel' | 'acces
 }
 
 declare module 'preact' {
+    interface BaseProps {
+        children?: preact.ComponentChildren;
+        slot?: Lowercase<string>;
+    }
+
     namespace createElement.JSX {
         interface IntrinsicElements {
-            's-banner': Omit<HTMLAttributes<HTMLElement>, Extract<keyof HTMLAttributes<HTMLElement>, `on${Capitalize<string>}`>> & BannerProps;
+            's-banner': BannerProps & BaseProps;
         }
     }
 }
@@ -468,9 +609,14 @@ export interface BannerProps extends Pick<BannerProps$1, 'collapsible' | 'dismis
 }
 
 declare module 'preact' {
+    interface BaseProps {
+        children?: preact.ComponentChildren;
+        slot?: Lowercase<string>;
+    }
+
     namespace createElement.JSX {
         interface IntrinsicElements {
-            's-abbreviation': Omit<HTMLAttributes<HTMLElement>, Extract<keyof HTMLAttributes<HTMLElement>, `on${Capitalize<string>}`>> & AbbreviationProps;
+            's-abbreviation': AbbreviationProps & BaseProps;
         }
     }
 }
@@ -488,7 +634,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, ImageProps$1, LinkProps$1, ListItemProps$1, MaybeAllValuesShorthandProperty, OrderedListProps$1, ParagraphProps$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, SpinnerProps$1, StackProps$1, TextProps$1, TimeProps$1, UnorderedListProps$1 } from "../../../../../src/surfaces/checkout/components/components-shared";
 import type { ExtensionTargets } from '../extension-targets';
 type Target = ExtensionTargets['customer-account.order.action.menu-item.render'];
 export type Api = Target['api'];