@shopify/ui-extensions 2025.10.0-rc.7 → 2025.10.0-rc.8

package/build/ts/surfaces/admin/targets/admin.product-details.block.render.d.ts

@@ -191,6 +191,58 @@ export interface UnorderedListProps extends UnorderedListProps$1 {
 declare const UnorderedListtagName = 's-unordered-list';
 declare const UnorderedListBaseClass: typeof globalThis.HTMLElement;
 
+declare module 'preact' {
+    namespace createElement.JSX {
+        interface IntrinsicElements {
+            [ThumbnailtagName]: ThumbnailJSXProps & ThumbnailPreactBaseElementProps<Thumbnail>;
+        }
+    }
+}
+
+declare global {
+    interface HTMLElementTagNameMap {
+        [ThumbnailtagName]: Thumbnail;
+    }
+}
+
+export interface ThumbnailJSXProps extends Partial<ThumbnailProps>, Pick<ThumbnailProps$1, 'id'> {
+    onLoad?: ((event: CallbackEvent<typeof ThumbnailtagName>) => void) | null;
+    onError?: ((event: CallbackEvent<typeof tagName>) => void) | null;
+}
+
+export interface ThumbnailClickOptions {
+    /**
+     * The event you want to influence the synthetic click.
+     */
+    sourceEvent?: ThumbnailActivationEventEsque;
+}
+
+export interface ThumbnailActivationEventEsque {
+    shiftKey: boolean;
+    metaKey: boolean;
+    ctrlKey: boolean;
+    button: number;
+}
+
+export interface ThumbnailPreactBaseElementProps<TClass extends HTMLElement> {
+    /** Assigns a unique key to this element. */
+    key?: preact.Key;
+    /** Assigns a ref (generally from `useRef()`) to this element. */
+    ref?: preact.Ref<TClass>;
+    /** Assigns this element to a parent's slot. */
+    slot?: Lowercase<string>;
+}
+
+export interface ThumbnailProps extends Required<Pick<ThumbnailProps$1, 'src' | 'alt'>> {
+    size: Extract<
+        ThumbnailProps$1['size'],
+        'small-200' | 'small-100' | 'small' | 'base' | 'large' | 'large-100'
+        >;
+}
+
+declare const ThumbnailtagName = 's-thumbnail';
+declare const ThumbnailBaseClass: typeof globalThis.HTMLElement;
+
 declare module 'preact' {
     namespace createElement.JSX {
         interface IntrinsicElements {
@@ -3519,7 +3571,7 @@ import { PasswordField, PasswordFieldProps } from "../../../../../src/surfaces/a
 import { QueryContainer } from "../../../../../src/surfaces/admin/components/QueryContainer";
 import { RequiredSectionProps, Section } from "../../../../../src/surfaces/admin/components/Section";
 import { Select } from "../../../../../src/surfaces/admin/components/Select";
-import { AdminBlockProps$1, BadgeProps$1, BannerProps$1, BoxProps$1, ButtonProps$1, CheckboxProps$1, ChoiceListProps$1, ChoiceProps$1, ClickableProps$1, ComponentChild, DatePickerProps$1, DividerProps$1, EmailFieldProps$1, GridItemProps$1, GridProps$1, HeadingProps$1, IconProps$1, IconType, ImageProps$1, InteractionProps, LinkProps$1, ListItemProps$1, MaybeAllValuesShorthandProperty, MoneyFieldProps$1, NumberFieldProps$1, OptionGroupProps$1, OptionProps$1, OrderedListProps$1, ParagraphProps$1, PasswordFieldProps$1, QueryContainerProps$1, SectionProps$1, SelectProps$1, SpinnerProps$1, StackProps$1, TableBodyProps$1, TableCellProps$1, TableHeaderProps$1, TableHeaderRowProps$1, TableProps$1, TableRowProps$1, TextAreaProps$1, TextFieldProps$1, TextProps$1, URLFieldProps$1, UnorderedListProps$1 } from "../../../../../src/surfaces/admin/components/shared";
+import { AdminBlockProps$1, BadgeProps$1, BannerProps$1, BoxProps$1, ButtonProps$1, CheckboxProps$1, ChoiceListProps$1, ChoiceProps$1, ClickableProps$1, ComponentChild, DatePickerProps$1, DividerProps$1, EmailFieldProps$1, GridItemProps$1, GridProps$1, HeadingProps$1, IconProps$1, IconType, ImageProps$1, InteractionProps, LinkProps$1, ListItemProps$1, MaybeAllValuesShorthandProperty, MoneyFieldProps$1, NumberFieldProps$1, OptionGroupProps$1, OptionProps$1, OrderedListProps$1, ParagraphProps$1, PasswordFieldProps$1, QueryContainerProps$1, SectionProps$1, SelectProps$1, SpinnerProps$1, StackProps$1, TableBodyProps$1, TableCellProps$1, TableHeaderProps$1, TableHeaderRowProps$1, TableProps$1, TableRowProps$1, TextAreaProps$1, TextFieldProps$1, TextProps$1, ThumbnailProps$1, URLFieldProps$1, UnorderedListProps$1 } from "../../../../../src/surfaces/admin/components/shared";
 import { Spinner } from "../../../../../src/surfaces/admin/components/Spinner";
 import { AlignedStackProps, ResponsiveStackProps, Stack } from "../../../../../src/surfaces/admin/components/Stack";
 import { Table } from "../../../../../src/surfaces/admin/components/Table";
@@ -3530,6 +3582,7 @@ import { TableHeaderRow } from "../../../../../src/surfaces/admin/components/Tab
 import { TableRow } from "../../../../../src/surfaces/admin/components/TableRow";
 import { TextArea, TextAreaProps } from "../../../../../src/surfaces/admin/components/TextArea";
 import { TextField, TextFieldProps } from "../../../../../src/surfaces/admin/components/TextField";
+import { Thumbnail } from "../../../../../src/surfaces/admin/components/Thumbnail";
 import { UnorderedList } from "../../../../../src/surfaces/admin/components/UnorderedList";
 import { URLField, URLFieldProps } from "../../../../../src/surfaces/admin/components/URLField";
 import type { ExtensionTargets } from '../extension-targets';

package/build/ts/surfaces/admin/targets/admin.product-details.configuration.render.d.ts

@@ -191,6 +191,58 @@ export interface UnorderedListProps extends UnorderedListProps$1 {
 declare const UnorderedListtagName = 's-unordered-list';
 declare const UnorderedListBaseClass: typeof globalThis.HTMLElement;
 
+declare module 'preact' {
+    namespace createElement.JSX {
+        interface IntrinsicElements {
+            [ThumbnailtagName]: ThumbnailJSXProps & ThumbnailPreactBaseElementProps<Thumbnail>;
+        }
+    }
+}
+
+declare global {
+    interface HTMLElementTagNameMap {
+        [ThumbnailtagName]: Thumbnail;
+    }
+}
+
+export interface ThumbnailJSXProps extends Partial<ThumbnailProps>, Pick<ThumbnailProps$1, 'id'> {
+    onLoad?: ((event: CallbackEvent<typeof ThumbnailtagName>) => void) | null;
+    onError?: ((event: CallbackEvent<typeof tagName>) => void) | null;
+}
+
+export interface ThumbnailClickOptions {
+    /**
+     * The event you want to influence the synthetic click.
+     */
+    sourceEvent?: ThumbnailActivationEventEsque;
+}
+
+export interface ThumbnailActivationEventEsque {
+    shiftKey: boolean;
+    metaKey: boolean;
+    ctrlKey: boolean;
+    button: number;
+}
+
+export interface ThumbnailPreactBaseElementProps<TClass extends HTMLElement> {
+    /** Assigns a unique key to this element. */
+    key?: preact.Key;
+    /** Assigns a ref (generally from `useRef()`) to this element. */
+    ref?: preact.Ref<TClass>;
+    /** Assigns this element to a parent's slot. */
+    slot?: Lowercase<string>;
+}
+
+export interface ThumbnailProps extends Required<Pick<ThumbnailProps$1, 'src' | 'alt'>> {
+    size: Extract<
+        ThumbnailProps$1['size'],
+        'small-200' | 'small-100' | 'small' | 'base' | 'large' | 'large-100'
+        >;
+}
+
+declare const ThumbnailtagName = 's-thumbnail';
+declare const ThumbnailBaseClass: typeof globalThis.HTMLElement;
+
 declare module 'preact' {
     namespace createElement.JSX {
         interface IntrinsicElements {
@@ -3519,7 +3571,7 @@ import { PasswordField, PasswordFieldProps } from "../../../../../src/surfaces/a
 import { QueryContainer } from "../../../../../src/surfaces/admin/components/QueryContainer";
 import { RequiredSectionProps, Section } from "../../../../../src/surfaces/admin/components/Section";
 import { Select } from "../../../../../src/surfaces/admin/components/Select";
-import { AdminBlockProps$1, BadgeProps$1, BannerProps$1, BoxProps$1, ButtonProps$1, CheckboxProps$1, ChoiceListProps$1, ChoiceProps$1, ClickableProps$1, ComponentChild, DatePickerProps$1, DividerProps$1, EmailFieldProps$1, GridItemProps$1, GridProps$1, HeadingProps$1, IconProps$1, IconType, ImageProps$1, InteractionProps, LinkProps$1, ListItemProps$1, MaybeAllValuesShorthandProperty, MoneyFieldProps$1, NumberFieldProps$1, OptionGroupProps$1, OptionProps$1, OrderedListProps$1, ParagraphProps$1, PasswordFieldProps$1, QueryContainerProps$1, SectionProps$1, SelectProps$1, SpinnerProps$1, StackProps$1, TableBodyProps$1, TableCellProps$1, TableHeaderProps$1, TableHeaderRowProps$1, TableProps$1, TableRowProps$1, TextAreaProps$1, TextFieldProps$1, TextProps$1, URLFieldProps$1, UnorderedListProps$1 } from "../../../../../src/surfaces/admin/components/shared";
+import { AdminBlockProps$1, BadgeProps$1, BannerProps$1, BoxProps$1, ButtonProps$1, CheckboxProps$1, ChoiceListProps$1, ChoiceProps$1, ClickableProps$1, ComponentChild, DatePickerProps$1, DividerProps$1, EmailFieldProps$1, GridItemProps$1, GridProps$1, HeadingProps$1, IconProps$1, IconType, ImageProps$1, InteractionProps, LinkProps$1, ListItemProps$1, MaybeAllValuesShorthandProperty, MoneyFieldProps$1, NumberFieldProps$1, OptionGroupProps$1, OptionProps$1, OrderedListProps$1, ParagraphProps$1, PasswordFieldProps$1, QueryContainerProps$1, SectionProps$1, SelectProps$1, SpinnerProps$1, StackProps$1, TableBodyProps$1, TableCellProps$1, TableHeaderProps$1, TableHeaderRowProps$1, TableProps$1, TableRowProps$1, TextAreaProps$1, TextFieldProps$1, TextProps$1, ThumbnailProps$1, URLFieldProps$1, UnorderedListProps$1 } from "../../../../../src/surfaces/admin/components/shared";
 import { Spinner } from "../../../../../src/surfaces/admin/components/Spinner";
 import { AlignedStackProps, ResponsiveStackProps, Stack } from "../../../../../src/surfaces/admin/components/Stack";
 import { Table } from "../../../../../src/surfaces/admin/components/Table";
@@ -3530,6 +3582,7 @@ import { TableHeaderRow } from "../../../../../src/surfaces/admin/components/Tab
 import { TableRow } from "../../../../../src/surfaces/admin/components/TableRow";
 import { TextArea, TextAreaProps } from "../../../../../src/surfaces/admin/components/TextArea";
 import { TextField, TextFieldProps } from "../../../../../src/surfaces/admin/components/TextField";
+import { Thumbnail } from "../../../../../src/surfaces/admin/components/Thumbnail";
 import { UnorderedList } from "../../../../../src/surfaces/admin/components/UnorderedList";
 import { URLField, URLFieldProps } from "../../../../../src/surfaces/admin/components/URLField";
 import type { ExtensionTargets } from '../extension-targets';

package/build/ts/surfaces/admin/targets/admin.product-details.print-action.render.d.ts

@@ -139,6 +139,58 @@ export interface UnorderedListProps extends UnorderedListProps$1 {
 declare const UnorderedListtagName = 's-unordered-list';
 declare const UnorderedListBaseClass: typeof globalThis.HTMLElement;
 
+declare module 'preact' {
+    namespace createElement.JSX {
+        interface IntrinsicElements {
+            [ThumbnailtagName]: ThumbnailJSXProps & ThumbnailPreactBaseElementProps<Thumbnail>;
+        }
+    }
+}
+
+declare global {
+    interface HTMLElementTagNameMap {
+        [ThumbnailtagName]: Thumbnail;
+    }
+}
+
+export interface ThumbnailJSXProps extends Partial<ThumbnailProps>, Pick<ThumbnailProps$1, 'id'> {
+    onLoad?: ((event: CallbackEvent<typeof ThumbnailtagName>) => void) | null;
+    onError?: ((event: CallbackEvent<typeof tagName>) => void) | null;
+}
+
+export interface ThumbnailClickOptions {
+    /**
+     * The event you want to influence the synthetic click.
+     */
+    sourceEvent?: ThumbnailActivationEventEsque;
+}
+
+export interface ThumbnailActivationEventEsque {
+    shiftKey: boolean;
+    metaKey: boolean;
+    ctrlKey: boolean;
+    button: number;
+}
+
+export interface ThumbnailPreactBaseElementProps<TClass extends HTMLElement> {
+    /** Assigns a unique key to this element. */
+    key?: preact.Key;
+    /** Assigns a ref (generally from `useRef()`) to this element. */
+    ref?: preact.Ref<TClass>;
+    /** Assigns this element to a parent's slot. */
+    slot?: Lowercase<string>;
+}
+
+export interface ThumbnailProps extends Required<Pick<ThumbnailProps$1, 'src' | 'alt'>> {
+    size: Extract<
+        ThumbnailProps$1['size'],
+        'small-200' | 'small-100' | 'small' | 'base' | 'large' | 'large-100'
+        >;
+}
+
+declare const ThumbnailtagName = 's-thumbnail';
+declare const ThumbnailBaseClass: typeof globalThis.HTMLElement;
+
 declare module 'preact' {
     namespace createElement.JSX {
         interface IntrinsicElements {
@@ -3466,7 +3518,7 @@ import { PasswordField, PasswordFieldProps } from "../../../../../src/surfaces/a
 import { QueryContainer } from "../../../../../src/surfaces/admin/components/QueryContainer";
 import { RequiredSectionProps, Section } from "../../../../../src/surfaces/admin/components/Section";
 import { Select } from "../../../../../src/surfaces/admin/components/Select";
-import { AdminPrintActionProps$1, BadgeProps$1, BannerProps$1, BoxProps$1, ButtonProps$1, CheckboxProps$1, ChoiceListProps$1, ChoiceProps$1, ClickableProps$1, ComponentChild, DatePickerProps$1, DividerProps$1, EmailFieldProps$1, GridItemProps$1, GridProps$1, HeadingProps$1, IconProps$1, IconType, ImageProps$1, InteractionProps, LinkProps$1, ListItemProps$1, MaybeAllValuesShorthandProperty, MoneyFieldProps$1, NumberFieldProps$1, OptionGroupProps$1, OptionProps$1, OrderedListProps$1, ParagraphProps$1, PasswordFieldProps$1, QueryContainerProps$1, SectionProps$1, SelectProps$1, SpinnerProps$1, StackProps$1, TableBodyProps$1, TableCellProps$1, TableHeaderProps$1, TableHeaderRowProps$1, TableProps$1, TableRowProps$1, TextAreaProps$1, TextFieldProps$1, TextProps$1, URLFieldProps$1, UnorderedListProps$1 } from "../../../../../src/surfaces/admin/components/shared";
+import { AdminPrintActionProps$1, BadgeProps$1, BannerProps$1, BoxProps$1, ButtonProps$1, CheckboxProps$1, ChoiceListProps$1, ChoiceProps$1, ClickableProps$1, ComponentChild, DatePickerProps$1, DividerProps$1, EmailFieldProps$1, GridItemProps$1, GridProps$1, HeadingProps$1, IconProps$1, IconType, ImageProps$1, InteractionProps, LinkProps$1, ListItemProps$1, MaybeAllValuesShorthandProperty, MoneyFieldProps$1, NumberFieldProps$1, OptionGroupProps$1, OptionProps$1, OrderedListProps$1, ParagraphProps$1, PasswordFieldProps$1, QueryContainerProps$1, SectionProps$1, SelectProps$1, SpinnerProps$1, StackProps$1, TableBodyProps$1, TableCellProps$1, TableHeaderProps$1, TableHeaderRowProps$1, TableProps$1, TableRowProps$1, TextAreaProps$1, TextFieldProps$1, TextProps$1, ThumbnailProps$1, URLFieldProps$1, UnorderedListProps$1 } from "../../../../../src/surfaces/admin/components/shared";
 import { Spinner } from "../../../../../src/surfaces/admin/components/Spinner";
 import { AlignedStackProps, ResponsiveStackProps, Stack } from "../../../../../src/surfaces/admin/components/Stack";
 import { Table } from "../../../../../src/surfaces/admin/components/Table";
@@ -3477,6 +3529,7 @@ import { TableHeaderRow } from "../../../../../src/surfaces/admin/components/Tab
 import { TableRow } from "../../../../../src/surfaces/admin/components/TableRow";
 import { TextArea, TextAreaProps } from "../../../../../src/surfaces/admin/components/TextArea";
 import { TextField, TextFieldProps } from "../../../../../src/surfaces/admin/components/TextField";
+import { Thumbnail } from "../../../../../src/surfaces/admin/components/Thumbnail";
 import { UnorderedList } from "../../../../../src/surfaces/admin/components/UnorderedList";
 import { URLField, URLFieldProps } from "../../../../../src/surfaces/admin/components/URLField";
 import type { ExtensionTargets } from '../extension-targets';

package/build/ts/surfaces/admin/targets/admin.product-details.reorder.render.d.ts

@@ -191,6 +191,58 @@ export interface UnorderedListProps extends UnorderedListProps$1 {
 declare const UnorderedListtagName = 's-unordered-list';
 declare const UnorderedListBaseClass: typeof globalThis.HTMLElement;
 
+declare module 'preact' {
+    namespace createElement.JSX {
+        interface IntrinsicElements {
+            [ThumbnailtagName]: ThumbnailJSXProps & ThumbnailPreactBaseElementProps<Thumbnail>;
+        }
+    }
+}
+
+declare global {
+    interface HTMLElementTagNameMap {
+        [ThumbnailtagName]: Thumbnail;
+    }
+}
+
+export interface ThumbnailJSXProps extends Partial<ThumbnailProps>, Pick<ThumbnailProps$1, 'id'> {
+    onLoad?: ((event: CallbackEvent<typeof ThumbnailtagName>) => void) | null;
+    onError?: ((event: CallbackEvent<typeof tagName>) => void) | null;
+}
+
+export interface ThumbnailClickOptions {
+    /**
+     * The event you want to influence the synthetic click.
+     */
+    sourceEvent?: ThumbnailActivationEventEsque;
+}
+
+export interface ThumbnailActivationEventEsque {
+    shiftKey: boolean;
+    metaKey: boolean;
+    ctrlKey: boolean;
+    button: number;
+}
+
+export interface ThumbnailPreactBaseElementProps<TClass extends HTMLElement> {
+    /** Assigns a unique key to this element. */
+    key?: preact.Key;
+    /** Assigns a ref (generally from `useRef()`) to this element. */
+    ref?: preact.Ref<TClass>;
+    /** Assigns this element to a parent's slot. */
+    slot?: Lowercase<string>;
+}
+
+export interface ThumbnailProps extends Required<Pick<ThumbnailProps$1, 'src' | 'alt'>> {
+    size: Extract<
+        ThumbnailProps$1['size'],
+        'small-200' | 'small-100' | 'small' | 'base' | 'large' | 'large-100'
+        >;
+}
+
+declare const ThumbnailtagName = 's-thumbnail';
+declare const ThumbnailBaseClass: typeof globalThis.HTMLElement;
+
 declare module 'preact' {
     namespace createElement.JSX {
         interface IntrinsicElements {
@@ -3519,7 +3571,7 @@ import { PasswordField, PasswordFieldProps } from "../../../../../src/surfaces/a
 import { QueryContainer } from "../../../../../src/surfaces/admin/components/QueryContainer";
 import { RequiredSectionProps, Section } from "../../../../../src/surfaces/admin/components/Section";
 import { Select } from "../../../../../src/surfaces/admin/components/Select";
-import { AdminBlockProps$1, BadgeProps$1, BannerProps$1, BoxProps$1, ButtonProps$1, CheckboxProps$1, ChoiceListProps$1, ChoiceProps$1, ClickableProps$1, ComponentChild, DatePickerProps$1, DividerProps$1, EmailFieldProps$1, GridItemProps$1, GridProps$1, HeadingProps$1, IconProps$1, IconType, ImageProps$1, InteractionProps, LinkProps$1, ListItemProps$1, MaybeAllValuesShorthandProperty, MoneyFieldProps$1, NumberFieldProps$1, OptionGroupProps$1, OptionProps$1, OrderedListProps$1, ParagraphProps$1, PasswordFieldProps$1, QueryContainerProps$1, SectionProps$1, SelectProps$1, SpinnerProps$1, StackProps$1, TableBodyProps$1, TableCellProps$1, TableHeaderProps$1, TableHeaderRowProps$1, TableProps$1, TableRowProps$1, TextAreaProps$1, TextFieldProps$1, TextProps$1, URLFieldProps$1, UnorderedListProps$1 } from "../../../../../src/surfaces/admin/components/shared";
+import { AdminBlockProps$1, BadgeProps$1, BannerProps$1, BoxProps$1, ButtonProps$1, CheckboxProps$1, ChoiceListProps$1, ChoiceProps$1, ClickableProps$1, ComponentChild, DatePickerProps$1, DividerProps$1, EmailFieldProps$1, GridItemProps$1, GridProps$1, HeadingProps$1, IconProps$1, IconType, ImageProps$1, InteractionProps, LinkProps$1, ListItemProps$1, MaybeAllValuesShorthandProperty, MoneyFieldProps$1, NumberFieldProps$1, OptionGroupProps$1, OptionProps$1, OrderedListProps$1, ParagraphProps$1, PasswordFieldProps$1, QueryContainerProps$1, SectionProps$1, SelectProps$1, SpinnerProps$1, StackProps$1, TableBodyProps$1, TableCellProps$1, TableHeaderProps$1, TableHeaderRowProps$1, TableProps$1, TableRowProps$1, TextAreaProps$1, TextFieldProps$1, TextProps$1, ThumbnailProps$1, URLFieldProps$1, UnorderedListProps$1 } from "../../../../../src/surfaces/admin/components/shared";
 import { Spinner } from "../../../../../src/surfaces/admin/components/Spinner";
 import { AlignedStackProps, ResponsiveStackProps, Stack } from "../../../../../src/surfaces/admin/components/Stack";
 import { Table } from "../../../../../src/surfaces/admin/components/Table";
@@ -3530,6 +3582,7 @@ import { TableHeaderRow } from "../../../../../src/surfaces/admin/components/Tab
 import { TableRow } from "../../../../../src/surfaces/admin/components/TableRow";
 import { TextArea, TextAreaProps } from "../../../../../src/surfaces/admin/components/TextArea";
 import { TextField, TextFieldProps } from "../../../../../src/surfaces/admin/components/TextField";
+import { Thumbnail } from "../../../../../src/surfaces/admin/components/Thumbnail";
 import { UnorderedList } from "../../../../../src/surfaces/admin/components/UnorderedList";
 import { URLField, URLFieldProps } from "../../../../../src/surfaces/admin/components/URLField";
 import type { ExtensionTargets } from '../extension-targets';

package/build/ts/surfaces/admin/targets/admin.product-index.action.render.d.ts

@@ -150,6 +150,58 @@ export interface UnorderedListProps extends UnorderedListProps$1 {
 declare const UnorderedListtagName = 's-unordered-list';
 declare const UnorderedListBaseClass: typeof globalThis.HTMLElement;
 
+declare module 'preact' {
+    namespace createElement.JSX {
+        interface IntrinsicElements {
+            [ThumbnailtagName]: ThumbnailJSXProps & ThumbnailPreactBaseElementProps<Thumbnail>;
+        }
+    }
+}
+
+declare global {
+    interface HTMLElementTagNameMap {
+        [ThumbnailtagName]: Thumbnail;
+    }
+}
+
+export interface ThumbnailJSXProps extends Partial<ThumbnailProps>, Pick<ThumbnailProps$1, 'id'> {
+    onLoad?: ((event: CallbackEvent<typeof ThumbnailtagName>) => void) | null;
+    onError?: ((event: CallbackEvent<typeof tagName>) => void) | null;
+}
+
+export interface ThumbnailClickOptions {
+    /**
+     * The event you want to influence the synthetic click.
+     */
+    sourceEvent?: ThumbnailActivationEventEsque;
+}
+
+export interface ThumbnailActivationEventEsque {
+    shiftKey: boolean;
+    metaKey: boolean;
+    ctrlKey: boolean;
+    button: number;
+}
+
+export interface ThumbnailPreactBaseElementProps<TClass extends HTMLElement> {
+    /** Assigns a unique key to this element. */
+    key?: preact.Key;
+    /** Assigns a ref (generally from `useRef()`) to this element. */
+    ref?: preact.Ref<TClass>;
+    /** Assigns this element to a parent's slot. */
+    slot?: Lowercase<string>;
+}
+
+export interface ThumbnailProps extends Required<Pick<ThumbnailProps$1, 'src' | 'alt'>> {
+    size: Extract<
+        ThumbnailProps$1['size'],
+        'small-200' | 'small-100' | 'small' | 'base' | 'large' | 'large-100'
+        >;
+}
+
+declare const ThumbnailtagName = 's-thumbnail';
+declare const ThumbnailBaseClass: typeof globalThis.HTMLElement;
+
 declare module 'preact' {
     namespace createElement.JSX {
         interface IntrinsicElements {
@@ -3477,7 +3529,7 @@ import { PasswordField, PasswordFieldProps } from "../../../../../src/surfaces/a
 import { QueryContainer } from "../../../../../src/surfaces/admin/components/QueryContainer";
 import { RequiredSectionProps, Section } from "../../../../../src/surfaces/admin/components/Section";
 import { Select } from "../../../../../src/surfaces/admin/components/Select";
-import { AdminActionProps$1, BadgeProps$1, BannerProps$1, BoxProps$1, ButtonProps$1, CheckboxProps$1, ChoiceListProps$1, ChoiceProps$1, ClickableProps$1, ComponentChild, DatePickerProps$1, DividerProps$1, EmailFieldProps$1, GridItemProps$1, GridProps$1, HeadingProps$1, IconProps$1, IconType, ImageProps$1, InteractionProps, LinkProps$1, ListItemProps$1, MaybeAllValuesShorthandProperty, MoneyFieldProps$1, NumberFieldProps$1, OptionGroupProps$1, OptionProps$1, OrderedListProps$1, ParagraphProps$1, PasswordFieldProps$1, QueryContainerProps$1, SectionProps$1, SelectProps$1, SpinnerProps$1, StackProps$1, TableBodyProps$1, TableCellProps$1, TableHeaderProps$1, TableHeaderRowProps$1, TableProps$1, TableRowProps$1, TextAreaProps$1, TextFieldProps$1, TextProps$1, URLFieldProps$1, UnorderedListProps$1 } from "../../../../../src/surfaces/admin/components/shared";
+import { AdminActionProps$1, BadgeProps$1, BannerProps$1, BoxProps$1, ButtonProps$1, CheckboxProps$1, ChoiceListProps$1, ChoiceProps$1, ClickableProps$1, ComponentChild, DatePickerProps$1, DividerProps$1, EmailFieldProps$1, GridItemProps$1, GridProps$1, HeadingProps$1, IconProps$1, IconType, ImageProps$1, InteractionProps, LinkProps$1, ListItemProps$1, MaybeAllValuesShorthandProperty, MoneyFieldProps$1, NumberFieldProps$1, OptionGroupProps$1, OptionProps$1, OrderedListProps$1, ParagraphProps$1, PasswordFieldProps$1, QueryContainerProps$1, SectionProps$1, SelectProps$1, SpinnerProps$1, StackProps$1, TableBodyProps$1, TableCellProps$1, TableHeaderProps$1, TableHeaderRowProps$1, TableProps$1, TableRowProps$1, TextAreaProps$1, TextFieldProps$1, TextProps$1, ThumbnailProps$1, URLFieldProps$1, UnorderedListProps$1 } from "../../../../../src/surfaces/admin/components/shared";
 import { Spinner } from "../../../../../src/surfaces/admin/components/Spinner";
 import { AlignedStackProps, ResponsiveStackProps, Stack } from "../../../../../src/surfaces/admin/components/Stack";
 import { Table } from "../../../../../src/surfaces/admin/components/Table";
@@ -3488,6 +3540,7 @@ import { TableHeaderRow } from "../../../../../src/surfaces/admin/components/Tab
 import { TableRow } from "../../../../../src/surfaces/admin/components/TableRow";
 import { TextArea, TextAreaProps } from "../../../../../src/surfaces/admin/components/TextArea";
 import { TextField, TextFieldProps } from "../../../../../src/surfaces/admin/components/TextField";
+import { Thumbnail } from "../../../../../src/surfaces/admin/components/Thumbnail";
 import { UnorderedList } from "../../../../../src/surfaces/admin/components/UnorderedList";
 import { URLField, URLFieldProps } from "../../../../../src/surfaces/admin/components/URLField";
 import type { ExtensionTargets } from '../extension-targets';

package/build/ts/surfaces/admin/targets/admin.product-index.selection-action.render.d.ts

@@ -150,6 +150,58 @@ export interface UnorderedListProps extends UnorderedListProps$1 {
 declare const UnorderedListtagName = 's-unordered-list';
 declare const UnorderedListBaseClass: typeof globalThis.HTMLElement;
 
+declare module 'preact' {
+    namespace createElement.JSX {
+        interface IntrinsicElements {
+            [ThumbnailtagName]: ThumbnailJSXProps & ThumbnailPreactBaseElementProps<Thumbnail>;
+        }
+    }
+}
+
+declare global {
+    interface HTMLElementTagNameMap {
+        [ThumbnailtagName]: Thumbnail;
+    }
+}
+
+export interface ThumbnailJSXProps extends Partial<ThumbnailProps>, Pick<ThumbnailProps$1, 'id'> {
+    onLoad?: ((event: CallbackEvent<typeof ThumbnailtagName>) => void) | null;
+    onError?: ((event: CallbackEvent<typeof tagName>) => void) | null;
+}
+
+export interface ThumbnailClickOptions {
+    /**
+     * The event you want to influence the synthetic click.
+     */
+    sourceEvent?: ThumbnailActivationEventEsque;
+}
+
+export interface ThumbnailActivationEventEsque {
+    shiftKey: boolean;
+    metaKey: boolean;
+    ctrlKey: boolean;
+    button: number;
+}
+
+export interface ThumbnailPreactBaseElementProps<TClass extends HTMLElement> {
+    /** Assigns a unique key to this element. */
+    key?: preact.Key;
+    /** Assigns a ref (generally from `useRef()`) to this element. */
+    ref?: preact.Ref<TClass>;
+    /** Assigns this element to a parent's slot. */
+    slot?: Lowercase<string>;
+}
+
+export interface ThumbnailProps extends Required<Pick<ThumbnailProps$1, 'src' | 'alt'>> {
+    size: Extract<
+        ThumbnailProps$1['size'],
+        'small-200' | 'small-100' | 'small' | 'base' | 'large' | 'large-100'
+        >;
+}
+
+declare const ThumbnailtagName = 's-thumbnail';
+declare const ThumbnailBaseClass: typeof globalThis.HTMLElement;
+
 declare module 'preact' {
     namespace createElement.JSX {
         interface IntrinsicElements {
@@ -3477,7 +3529,7 @@ import { PasswordField, PasswordFieldProps } from "../../../../../src/surfaces/a
 import { QueryContainer } from "../../../../../src/surfaces/admin/components/QueryContainer";
 import { RequiredSectionProps, Section } from "../../../../../src/surfaces/admin/components/Section";
 import { Select } from "../../../../../src/surfaces/admin/components/Select";
-import { AdminActionProps$1, BadgeProps$1, BannerProps$1, BoxProps$1, ButtonProps$1, CheckboxProps$1, ChoiceListProps$1, ChoiceProps$1, ClickableProps$1, ComponentChild, DatePickerProps$1, DividerProps$1, EmailFieldProps$1, GridItemProps$1, GridProps$1, HeadingProps$1, IconProps$1, IconType, ImageProps$1, InteractionProps, LinkProps$1, ListItemProps$1, MaybeAllValuesShorthandProperty, MoneyFieldProps$1, NumberFieldProps$1, OptionGroupProps$1, OptionProps$1, OrderedListProps$1, ParagraphProps$1, PasswordFieldProps$1, QueryContainerProps$1, SectionProps$1, SelectProps$1, SpinnerProps$1, StackProps$1, TableBodyProps$1, TableCellProps$1, TableHeaderProps$1, TableHeaderRowProps$1, TableProps$1, TableRowProps$1, TextAreaProps$1, TextFieldProps$1, TextProps$1, URLFieldProps$1, UnorderedListProps$1 } from "../../../../../src/surfaces/admin/components/shared";
+import { AdminActionProps$1, BadgeProps$1, BannerProps$1, BoxProps$1, ButtonProps$1, CheckboxProps$1, ChoiceListProps$1, ChoiceProps$1, ClickableProps$1, ComponentChild, DatePickerProps$1, DividerProps$1, EmailFieldProps$1, GridItemProps$1, GridProps$1, HeadingProps$1, IconProps$1, IconType, ImageProps$1, InteractionProps, LinkProps$1, ListItemProps$1, MaybeAllValuesShorthandProperty, MoneyFieldProps$1, NumberFieldProps$1, OptionGroupProps$1, OptionProps$1, OrderedListProps$1, ParagraphProps$1, PasswordFieldProps$1, QueryContainerProps$1, SectionProps$1, SelectProps$1, SpinnerProps$1, StackProps$1, TableBodyProps$1, TableCellProps$1, TableHeaderProps$1, TableHeaderRowProps$1, TableProps$1, TableRowProps$1, TextAreaProps$1, TextFieldProps$1, TextProps$1, ThumbnailProps$1, URLFieldProps$1, UnorderedListProps$1 } from "../../../../../src/surfaces/admin/components/shared";
 import { Spinner } from "../../../../../src/surfaces/admin/components/Spinner";
 import { AlignedStackProps, ResponsiveStackProps, Stack } from "../../../../../src/surfaces/admin/components/Stack";
 import { Table } from "../../../../../src/surfaces/admin/components/Table";
@@ -3488,6 +3540,7 @@ import { TableHeaderRow } from "../../../../../src/surfaces/admin/components/Tab
 import { TableRow } from "../../../../../src/surfaces/admin/components/TableRow";
 import { TextArea, TextAreaProps } from "../../../../../src/surfaces/admin/components/TextArea";
 import { TextField, TextFieldProps } from "../../../../../src/surfaces/admin/components/TextField";
+import { Thumbnail } from "../../../../../src/surfaces/admin/components/Thumbnail";
 import { UnorderedList } from "../../../../../src/surfaces/admin/components/UnorderedList";
 import { URLField, URLFieldProps } from "../../../../../src/surfaces/admin/components/URLField";
 import type { ExtensionTargets } from '../extension-targets';

package/build/ts/surfaces/admin/targets/admin.product-index.selection-print-action.render.d.ts

@@ -139,6 +139,58 @@ export interface UnorderedListProps extends UnorderedListProps$1 {
 declare const UnorderedListtagName = 's-unordered-list';
 declare const UnorderedListBaseClass: typeof globalThis.HTMLElement;
 
+declare module 'preact' {
+    namespace createElement.JSX {
+        interface IntrinsicElements {
+            [ThumbnailtagName]: ThumbnailJSXProps & ThumbnailPreactBaseElementProps<Thumbnail>;
+        }
+    }
+}
+
+declare global {
+    interface HTMLElementTagNameMap {
+        [ThumbnailtagName]: Thumbnail;
+    }
+}
+
+export interface ThumbnailJSXProps extends Partial<ThumbnailProps>, Pick<ThumbnailProps$1, 'id'> {
+    onLoad?: ((event: CallbackEvent<typeof ThumbnailtagName>) => void) | null;
+    onError?: ((event: CallbackEvent<typeof tagName>) => void) | null;
+}
+
+export interface ThumbnailClickOptions {
+    /**
+     * The event you want to influence the synthetic click.
+     */
+    sourceEvent?: ThumbnailActivationEventEsque;
+}
+
+export interface ThumbnailActivationEventEsque {
+    shiftKey: boolean;
+    metaKey: boolean;
+    ctrlKey: boolean;
+    button: number;
+}
+
+export interface ThumbnailPreactBaseElementProps<TClass extends HTMLElement> {
+    /** Assigns a unique key to this element. */
+    key?: preact.Key;
+    /** Assigns a ref (generally from `useRef()`) to this element. */
+    ref?: preact.Ref<TClass>;
+    /** Assigns this element to a parent's slot. */
+    slot?: Lowercase<string>;
+}
+
+export interface ThumbnailProps extends Required<Pick<ThumbnailProps$1, 'src' | 'alt'>> {
+    size: Extract<
+        ThumbnailProps$1['size'],
+        'small-200' | 'small-100' | 'small' | 'base' | 'large' | 'large-100'
+        >;
+}
+
+declare const ThumbnailtagName = 's-thumbnail';
+declare const ThumbnailBaseClass: typeof globalThis.HTMLElement;
+
 declare module 'preact' {
     namespace createElement.JSX {
         interface IntrinsicElements {
@@ -3466,7 +3518,7 @@ import { PasswordField, PasswordFieldProps } from "../../../../../src/surfaces/a
 import { QueryContainer } from "../../../../../src/surfaces/admin/components/QueryContainer";
 import { RequiredSectionProps, Section } from "../../../../../src/surfaces/admin/components/Section";
 import { Select } from "../../../../../src/surfaces/admin/components/Select";
-import { AdminPrintActionProps$1, BadgeProps$1, BannerProps$1, BoxProps$1, ButtonProps$1, CheckboxProps$1, ChoiceListProps$1, ChoiceProps$1, ClickableProps$1, ComponentChild, DatePickerProps$1, DividerProps$1, EmailFieldProps$1, GridItemProps$1, GridProps$1, HeadingProps$1, IconProps$1, IconType, ImageProps$1, InteractionProps, LinkProps$1, ListItemProps$1, MaybeAllValuesShorthandProperty, MoneyFieldProps$1, NumberFieldProps$1, OptionGroupProps$1, OptionProps$1, OrderedListProps$1, ParagraphProps$1, PasswordFieldProps$1, QueryContainerProps$1, SectionProps$1, SelectProps$1, SpinnerProps$1, StackProps$1, TableBodyProps$1, TableCellProps$1, TableHeaderProps$1, TableHeaderRowProps$1, TableProps$1, TableRowProps$1, TextAreaProps$1, TextFieldProps$1, TextProps$1, URLFieldProps$1, UnorderedListProps$1 } from "../../../../../src/surfaces/admin/components/shared";
+import { AdminPrintActionProps$1, BadgeProps$1, BannerProps$1, BoxProps$1, ButtonProps$1, CheckboxProps$1, ChoiceListProps$1, ChoiceProps$1, ClickableProps$1, ComponentChild, DatePickerProps$1, DividerProps$1, EmailFieldProps$1, GridItemProps$1, GridProps$1, HeadingProps$1, IconProps$1, IconType, ImageProps$1, InteractionProps, LinkProps$1, ListItemProps$1, MaybeAllValuesShorthandProperty, MoneyFieldProps$1, NumberFieldProps$1, OptionGroupProps$1, OptionProps$1, OrderedListProps$1, ParagraphProps$1, PasswordFieldProps$1, QueryContainerProps$1, SectionProps$1, SelectProps$1, SpinnerProps$1, StackProps$1, TableBodyProps$1, TableCellProps$1, TableHeaderProps$1, TableHeaderRowProps$1, TableProps$1, TableRowProps$1, TextAreaProps$1, TextFieldProps$1, TextProps$1, ThumbnailProps$1, URLFieldProps$1, UnorderedListProps$1 } from "../../../../../src/surfaces/admin/components/shared";
 import { Spinner } from "../../../../../src/surfaces/admin/components/Spinner";
 import { AlignedStackProps, ResponsiveStackProps, Stack } from "../../../../../src/surfaces/admin/components/Stack";
 import { Table } from "../../../../../src/surfaces/admin/components/Table";
@@ -3477,6 +3529,7 @@ import { TableHeaderRow } from "../../../../../src/surfaces/admin/components/Tab
 import { TableRow } from "../../../../../src/surfaces/admin/components/TableRow";
 import { TextArea, TextAreaProps } from "../../../../../src/surfaces/admin/components/TextArea";
 import { TextField, TextFieldProps } from "../../../../../src/surfaces/admin/components/TextField";
+import { Thumbnail } from "../../../../../src/surfaces/admin/components/Thumbnail";
 import { UnorderedList } from "../../../../../src/surfaces/admin/components/UnorderedList";
 import { URLField, URLFieldProps } from "../../../../../src/surfaces/admin/components/URLField";
 import type { ExtensionTargets } from '../extension-targets';

package/build/ts/surfaces/admin/targets/admin.product-purchase-option.action.render.d.ts

@@ -150,6 +150,58 @@ export interface UnorderedListProps extends UnorderedListProps$1 {
 declare const UnorderedListtagName = 's-unordered-list';
 declare const UnorderedListBaseClass: typeof globalThis.HTMLElement;
 
+declare module 'preact' {
+    namespace createElement.JSX {
+        interface IntrinsicElements {
+            [ThumbnailtagName]: ThumbnailJSXProps & ThumbnailPreactBaseElementProps<Thumbnail>;
+        }
+    }
+}
+
+declare global {
+    interface HTMLElementTagNameMap {
+        [ThumbnailtagName]: Thumbnail;
+    }
+}
+
+export interface ThumbnailJSXProps extends Partial<ThumbnailProps>, Pick<ThumbnailProps$1, 'id'> {
+    onLoad?: ((event: CallbackEvent<typeof ThumbnailtagName>) => void) | null;
+    onError?: ((event: CallbackEvent<typeof tagName>) => void) | null;
+}
+
+export interface ThumbnailClickOptions {
+    /**
+     * The event you want to influence the synthetic click.
+     */
+    sourceEvent?: ThumbnailActivationEventEsque;
+}
+
+export interface ThumbnailActivationEventEsque {
+    shiftKey: boolean;
+    metaKey: boolean;
+    ctrlKey: boolean;
+    button: number;
+}
+
+export interface ThumbnailPreactBaseElementProps<TClass extends HTMLElement> {
+    /** Assigns a unique key to this element. */
+    key?: preact.Key;
+    /** Assigns a ref (generally from `useRef()`) to this element. */
+    ref?: preact.Ref<TClass>;
+    /** Assigns this element to a parent's slot. */
+    slot?: Lowercase<string>;
+}
+
+export interface ThumbnailProps extends Required<Pick<ThumbnailProps$1, 'src' | 'alt'>> {
+    size: Extract<
+        ThumbnailProps$1['size'],
+        'small-200' | 'small-100' | 'small' | 'base' | 'large' | 'large-100'
+        >;
+}
+
+declare const ThumbnailtagName = 's-thumbnail';
+declare const ThumbnailBaseClass: typeof globalThis.HTMLElement;
+
 declare module 'preact' {
     namespace createElement.JSX {
         interface IntrinsicElements {
@@ -3477,7 +3529,7 @@ import { PasswordField, PasswordFieldProps } from "../../../../../src/surfaces/a
 import { QueryContainer } from "../../../../../src/surfaces/admin/components/QueryContainer";
 import { RequiredSectionProps, Section } from "../../../../../src/surfaces/admin/components/Section";
 import { Select } from "../../../../../src/surfaces/admin/components/Select";
-import { AdminActionProps$1, BadgeProps$1, BannerProps$1, BoxProps$1, ButtonProps$1, CheckboxProps$1, ChoiceListProps$1, ChoiceProps$1, ClickableProps$1, ComponentChild, DatePickerProps$1, DividerProps$1, EmailFieldProps$1, GridItemProps$1, GridProps$1, HeadingProps$1, IconProps$1, IconType, ImageProps$1, InteractionProps, LinkProps$1, ListItemProps$1, MaybeAllValuesShorthandProperty, MoneyFieldProps$1, NumberFieldProps$1, OptionGroupProps$1, OptionProps$1, OrderedListProps$1, ParagraphProps$1, PasswordFieldProps$1, QueryContainerProps$1, SectionProps$1, SelectProps$1, SpinnerProps$1, StackProps$1, TableBodyProps$1, TableCellProps$1, TableHeaderProps$1, TableHeaderRowProps$1, TableProps$1, TableRowProps$1, TextAreaProps$1, TextFieldProps$1, TextProps$1, URLFieldProps$1, UnorderedListProps$1 } from "../../../../../src/surfaces/admin/components/shared";
+import { AdminActionProps$1, BadgeProps$1, BannerProps$1, BoxProps$1, ButtonProps$1, CheckboxProps$1, ChoiceListProps$1, ChoiceProps$1, ClickableProps$1, ComponentChild, DatePickerProps$1, DividerProps$1, EmailFieldProps$1, GridItemProps$1, GridProps$1, HeadingProps$1, IconProps$1, IconType, ImageProps$1, InteractionProps, LinkProps$1, ListItemProps$1, MaybeAllValuesShorthandProperty, MoneyFieldProps$1, NumberFieldProps$1, OptionGroupProps$1, OptionProps$1, OrderedListProps$1, ParagraphProps$1, PasswordFieldProps$1, QueryContainerProps$1, SectionProps$1, SelectProps$1, SpinnerProps$1, StackProps$1, TableBodyProps$1, TableCellProps$1, TableHeaderProps$1, TableHeaderRowProps$1, TableProps$1, TableRowProps$1, TextAreaProps$1, TextFieldProps$1, TextProps$1, ThumbnailProps$1, URLFieldProps$1, UnorderedListProps$1 } from "../../../../../src/surfaces/admin/components/shared";
 import { Spinner } from "../../../../../src/surfaces/admin/components/Spinner";
 import { AlignedStackProps, ResponsiveStackProps, Stack } from "../../../../../src/surfaces/admin/components/Stack";
 import { Table } from "../../../../../src/surfaces/admin/components/Table";
@@ -3488,6 +3540,7 @@ import { TableHeaderRow } from "../../../../../src/surfaces/admin/components/Tab
 import { TableRow } from "../../../../../src/surfaces/admin/components/TableRow";
 import { TextArea, TextAreaProps } from "../../../../../src/surfaces/admin/components/TextArea";
 import { TextField, TextFieldProps } from "../../../../../src/surfaces/admin/components/TextField";
+import { Thumbnail } from "../../../../../src/surfaces/admin/components/Thumbnail";
 import { UnorderedList } from "../../../../../src/surfaces/admin/components/UnorderedList";
 import { URLField, URLFieldProps } from "../../../../../src/surfaces/admin/components/URLField";
 import type { ExtensionTargets } from '../extension-targets';