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

package/build/ts/surfaces/admin/components/shared.d.ts

@@ -1,4 +1,4 @@
-/** VERSION: 1.1.1 **/
+/** VERSION: 1.2.0 **/
 
 /* eslint-disable @typescript-eslint/ban-types */
 
@@ -30,6 +30,41 @@ export type SizeKeyword =
   | 'large-400'
   | 'large-500';
 export type ColorKeyword = 'subdued' | 'base' | 'strong';
+interface AvatarProps$1 extends GlobalProps {
+  /**
+   * Initials to display in the avatar.
+   */
+  initials?: string;
+  /**
+   * The URL or path to the image.
+   *
+   * Initials will be rendered as a fallback if `src` is not provided, fails to load or does not load quickly
+   */
+  src?: string;
+  /**
+   * Invoked when load of provided image completes successfully.
+   *
+   * @see https://developer.mozilla.org/en-US/docs/Web/API/GlobalEventHandlers/onload
+   */
+  onLoad?: () => void;
+  /**
+   * Invoked on load error of provided image.
+   *
+   * @see https://developer.mozilla.org/en-US/docs/Web/API/GlobalEventHandlers/onerror
+   */
+  onError?: () => void;
+  /**
+   * Size of the avatar.
+   *
+   * @default 'base'
+   */
+  size?: SizeKeyword;
+  /**
+   * An alternative text that describes the avatar for the reader
+   * to understand what it is about or identify the user the avatar belongs to.
+   */
+  alt?: string;
+}
 export type BackgroundColorKeyword = 'transparent' | ColorKeyword;
 export interface BackgroundProps {
   /**
@@ -3122,6 +3157,165 @@ export type URLAutocompleteField = ExtractStrict<
   AnyAutocompleteField,
   'url' | 'photo' | 'impp' | `${AutocompleteAddressGroup} impp`
 >;
+//
+// Preact Virtual DOM
+// -----------------------------------
+export interface VNode<P = {}> {
+  type: ComponentType<P> | string;
+  props: P & {
+    children: ComponentChildren$1;
+  };
+  key: Key;
+  /**
+   * ref is not guaranteed by React.ReactElement, for compatibility reasons
+   * with popular react libs we define it as optional too
+   */
+  ref?: Ref<any> | null;
+  /**
+   * The time this `vnode` started rendering. Will only be set when
+   * the devtools are attached.
+   * Default value: `0`
+   */
+  startTime?: number;
+  /**
+   * The time that the rendering of this `vnode` was completed. Will only be
+   * set when the devtools are attached.
+   * Default value: `-1`
+   */
+  endTime?: number;
+}
+//
+// Preact Component interface
+// -----------------------------------
+export type Key = string | number | any;
+export interface RefObject<T> {
+  current: T | null;
+}
+export type RefCallback<T> = (instance: T | null) => void;
+export type Ref<T> = RefObject<T> | RefCallback<T> | null;
+export type ComponentChild =
+  | VNode<any>
+  | object
+  | string
+  | number
+  | bigint
+  | boolean
+  | null
+  | undefined;
+type ComponentChildren$1 = ComponentChild[] | ComponentChild;
+export interface Attributes {
+  key?: Key | undefined;
+  jsx?: boolean | undefined;
+}
+export interface ErrorInfo {
+  componentStack?: string;
+}
+export type RenderableProps<P, RefType = any> = P &
+  Readonly<
+    Attributes & {
+      children?: ComponentChildren$1;
+      ref?: Ref<RefType>;
+    }
+  >;
+export type ComponentType<P = {}> = ComponentClass<P> | FunctionComponent<P>;
+export interface FunctionComponent<P = {}> {
+  (props: RenderableProps<P>, context?: any): ComponentChildren$1;
+  displayName?: string;
+  defaultProps?: Partial<P> | undefined;
+}
+export interface ComponentClass<P = {}, S = {}> {
+  new (props: P, context?: any): Component<P, S>;
+  displayName?: string;
+  defaultProps?: Partial<P>;
+  contextType?: Context<any>;
+  getDerivedStateFromProps?(
+    props: Readonly<P>,
+    state: Readonly<S>,
+  ): Partial<S> | null;
+  getDerivedStateFromError?(error: any): Partial<S> | null;
+}
+export interface Component<P = {}, S = {}> {
+  componentWillMount?(): void;
+  componentDidMount?(): void;
+  componentWillUnmount?(): void;
+  getChildContext?(): object;
+  componentWillReceiveProps?(nextProps: Readonly<P>, nextContext: any): void;
+  shouldComponentUpdate?(
+    nextProps: Readonly<P>,
+    nextState: Readonly<S>,
+    nextContext: any,
+  ): boolean;
+  componentWillUpdate?(
+    nextProps: Readonly<P>,
+    nextState: Readonly<S>,
+    nextContext: any,
+  ): void;
+  getSnapshotBeforeUpdate?(oldProps: Readonly<P>, oldState: Readonly<S>): any;
+  componentDidUpdate?(
+    previousProps: Readonly<P>,
+    previousState: Readonly<S>,
+    snapshot: any,
+  ): void;
+  componentDidCatch?(error: any, errorInfo: ErrorInfo): void;
+}
+declare abstract class Component<P, S> {
+  constructor(props?: P, context?: any);
+  static displayName?: string;
+  static defaultProps?: any;
+  static contextType?: Context<any>;
+  // Static members cannot reference class type parameters. This is not
+  // supported in TypeScript. Reusing the same type arguments from `Component`
+  // will lead to an impossible state where one cannot satisfy the type
+  // constraint under no circumstances, see #1356.In general type arguments
+  // seem to be a bit buggy and not supported well at the time of this
+  // writing with TS 3.3.3333.
+  static getDerivedStateFromProps?(
+    props: Readonly<object>,
+    state: Readonly<object>,
+  ): object | null;
+
+  static getDerivedStateFromError?(error: any): object | null;
+  state: Readonly<S>;
+  props: RenderableProps<P>;
+  context: any;
+  base?: Element | Text;
+  // From https://github.com/DefinitelyTyped/DefinitelyTyped/blob/e836acc75a78cf0655b5dfdbe81d69fdd4d8a252/types/react/index.d.ts#L402
+  // // We MUST keep setState() as a unified signature because it allows proper checking of the method return type.
+  // // See: https://github.com/DefinitelyTyped/DefinitelyTyped/issues/18365#issuecomment-351013257
+  setState<K extends keyof S>(
+    state:
+      | ((
+          prevState: Readonly<S>,
+          props: Readonly<P>,
+        ) => Pick<S, K> | Partial<S> | null)
+      | (Pick<S, K> | Partial<S> | null),
+    callback?: () => void,
+  ): void;
+
+  forceUpdate(callback?: () => void): void;
+  abstract render(
+    props?: RenderableProps<P>,
+    state?: Readonly<S>,
+    context?: any,
+  ): ComponentChildren$1;
+}
+//
+// Context
+// -----------------------------------
+export interface Consumer<T>
+  extends FunctionComponent<{
+    children: (value: T) => ComponentChildren$1;
+  }> {}
+export interface Provider<T>
+  extends FunctionComponent<{
+    value: T;
+    children?: ComponentChildren$1;
+  }> {}
+export interface Context<T> extends Provider<T> {
+  Consumer: Consumer<T>;
+  Provider: Provider<T>;
+  displayName?: string;
+}
 type IconType$1 =
   | 'adjust'
   | 'affiliate'
@@ -3619,165 +3813,6 @@ type IconType$1 =
   | 'wrench'
   | 'x'
   | 'x-circle';
-//
-// Preact Virtual DOM
-// -----------------------------------
-export interface VNode<P = {}> {
-  type: ComponentType<P> | string;
-  props: P & {
-    children: ComponentChildren$1;
-  };
-  key: Key;
-  /**
-   * ref is not guaranteed by React.ReactElement, for compatibility reasons
-   * with popular react libs we define it as optional too
-   */
-  ref?: Ref<any> | null;
-  /**
-   * The time this `vnode` started rendering. Will only be set when
-   * the devtools are attached.
-   * Default value: `0`
-   */
-  startTime?: number;
-  /**
-   * The time that the rendering of this `vnode` was completed. Will only be
-   * set when the devtools are attached.
-   * Default value: `-1`
-   */
-  endTime?: number;
-}
-//
-// Preact Component interface
-// -----------------------------------
-export type Key = string | number | any;
-export interface RefObject<T> {
-  current: T | null;
-}
-export type RefCallback<T> = (instance: T | null) => void;
-export type Ref<T> = RefObject<T> | RefCallback<T> | null;
-export type ComponentChild =
-  | VNode<any>
-  | object
-  | string
-  | number
-  | bigint
-  | boolean
-  | null
-  | undefined;
-type ComponentChildren$1 = ComponentChild[] | ComponentChild;
-export interface Attributes {
-  key?: Key | undefined;
-  jsx?: boolean | undefined;
-}
-export interface ErrorInfo {
-  componentStack?: string;
-}
-export type RenderableProps<P, RefType = any> = P &
-  Readonly<
-    Attributes & {
-      children?: ComponentChildren$1;
-      ref?: Ref<RefType>;
-    }
-  >;
-export type ComponentType<P = {}> = ComponentClass<P> | FunctionComponent<P>;
-export interface FunctionComponent<P = {}> {
-  (props: RenderableProps<P>, context?: any): ComponentChildren$1;
-  displayName?: string;
-  defaultProps?: Partial<P> | undefined;
-}
-export interface ComponentClass<P = {}, S = {}> {
-  new (props: P, context?: any): Component<P, S>;
-  displayName?: string;
-  defaultProps?: Partial<P>;
-  contextType?: Context<any>;
-  getDerivedStateFromProps?(
-    props: Readonly<P>,
-    state: Readonly<S>,
-  ): Partial<S> | null;
-  getDerivedStateFromError?(error: any): Partial<S> | null;
-}
-export interface Component<P = {}, S = {}> {
-  componentWillMount?(): void;
-  componentDidMount?(): void;
-  componentWillUnmount?(): void;
-  getChildContext?(): object;
-  componentWillReceiveProps?(nextProps: Readonly<P>, nextContext: any): void;
-  shouldComponentUpdate?(
-    nextProps: Readonly<P>,
-    nextState: Readonly<S>,
-    nextContext: any,
-  ): boolean;
-  componentWillUpdate?(
-    nextProps: Readonly<P>,
-    nextState: Readonly<S>,
-    nextContext: any,
-  ): void;
-  getSnapshotBeforeUpdate?(oldProps: Readonly<P>, oldState: Readonly<S>): any;
-  componentDidUpdate?(
-    previousProps: Readonly<P>,
-    previousState: Readonly<S>,
-    snapshot: any,
-  ): void;
-  componentDidCatch?(error: any, errorInfo: ErrorInfo): void;
-}
-declare abstract class Component<P, S> {
-  constructor(props?: P, context?: any);
-  static displayName?: string;
-  static defaultProps?: any;
-  static contextType?: Context<any>;
-  // Static members cannot reference class type parameters. This is not
-  // supported in TypeScript. Reusing the same type arguments from `Component`
-  // will lead to an impossible state where one cannot satisfy the type
-  // constraint under no circumstances, see #1356.In general type arguments
-  // seem to be a bit buggy and not supported well at the time of this
-  // writing with TS 3.3.3333.
-  static getDerivedStateFromProps?(
-    props: Readonly<object>,
-    state: Readonly<object>,
-  ): object | null;
-
-  static getDerivedStateFromError?(error: any): object | null;
-  state: Readonly<S>;
-  props: RenderableProps<P>;
-  context: any;
-  base?: Element | Text;
-  // From https://github.com/DefinitelyTyped/DefinitelyTyped/blob/e836acc75a78cf0655b5dfdbe81d69fdd4d8a252/types/react/index.d.ts#L402
-  // // We MUST keep setState() as a unified signature because it allows proper checking of the method return type.
-  // // See: https://github.com/DefinitelyTyped/DefinitelyTyped/issues/18365#issuecomment-351013257
-  setState<K extends keyof S>(
-    state:
-      | ((
-          prevState: Readonly<S>,
-          props: Readonly<P>,
-        ) => Pick<S, K> | Partial<S> | null)
-      | (Pick<S, K> | Partial<S> | null),
-    callback?: () => void,
-  ): void;
-
-  forceUpdate(callback?: () => void): void;
-  abstract render(
-    props?: RenderableProps<P>,
-    state?: Readonly<S>,
-    context?: any,
-  ): ComponentChildren$1;
-}
-//
-// Context
-// -----------------------------------
-export interface Consumer<T>
-  extends FunctionComponent<{
-    children: (value: T) => ComponentChildren$1;
-  }> {}
-export interface Provider<T>
-  extends FunctionComponent<{
-    value: T;
-    children?: ComponentChildren$1;
-  }> {}
-export interface Context<T> extends Provider<T> {
-  Consumer: Consumer<T>;
-  Provider: Provider<T>;
-  displayName?: string;
-}
 interface AdminActionProps$1 extends GlobalProps, ActionProps, ActionSlots {
   /**
    * Whether the action is in a loading state, such as initial page load or action opening.

package/build/ts/surfaces/admin/targets/admin.abandoned-checkout-details.action.render.d.ts

@@ -3430,25 +3430,25 @@ declare const BannerBaseClass: typeof globalThis.HTMLElement;
 declare module 'preact' {
     namespace createElement.JSX {
         interface IntrinsicElements {
-            [tagName]: BadgeJSXProps & PreactBaseElementPropsWithChildren<Badge>;
+            [BadgetagName]: BadgeJSXProps & BadgePreactBaseElementPropsWithChildren<Badge>;
         }
     }
 }
 
 declare global {
     interface HTMLElementTagNameMap {
-        [tagName]: Badge;
+        [BadgetagName]: Badge;
     }
 }
 
 export interface BadgeJSXProps extends Partial<BadgeProps>, Pick<BadgeProps$1, 'id'> {
 }
 
-export interface PreactBaseElementPropsWithChildren<TClass extends HTMLElement> extends PreactBaseElementProps<TClass> {
+export interface BadgePreactBaseElementPropsWithChildren<TClass extends HTMLElement> extends BadgePreactBaseElementProps<TClass> {
     children?: preact.ComponentChildren;
 }
 
-export interface PreactBaseElementProps<TClass extends HTMLElement> {
+export interface BadgePreactBaseElementProps<TClass extends HTMLElement> {
     /** Assigns a unique key to this element. */
     key?: preact.Key;
     /** Assigns a ref (generally from `useRef()`) to this element. */
@@ -3457,14 +3457,14 @@ export interface PreactBaseElementProps<TClass extends HTMLElement> {
     slot?: Lowercase<string>;
 }
 
-export interface ClickOptions {
+export interface BadgeClickOptions {
     /**
      * The event you want to influence the synthetic click.
      */
-    sourceEvent?: ActivationEventEsque;
+    sourceEvent?: BadgeActivationEventEsque;
 }
 
-export interface ActivationEventEsque {
+export interface BadgeActivationEventEsque {
     shiftKey: boolean;
     metaKey: boolean;
     ctrlKey: boolean;
@@ -3494,7 +3494,63 @@ export interface IconProps extends Pick<IconProps$1, 'type' | 'tone' | 'color' |
     size: Extract<IconProps$1['size'], 'small' | 'base'>;
 }
 
-declare const tagName = 's-badge';
+declare const BadgetagName = 's-badge';
+declare const BadgeBaseClass: typeof globalThis.HTMLElement;
+
+declare module 'preact' {
+    namespace createElement.JSX {
+        interface IntrinsicElements {
+            [tagName]: AvatarJSXProps & PreactBaseElementPropsWithChildren<Avatar>;
+        }
+    }
+}
+
+declare global {
+    interface HTMLElementTagNameMap {
+        [tagName]: Avatar;
+    }
+}
+
+export interface AvatarJSXProps extends Partial<AvatarProps>, Pick<AvatarProps$1, 'id'> {
+    onLoad?: () => void;
+    onError?: () => void;
+}
+
+export interface PreactBaseElementPropsWithChildren<TClass extends HTMLElement> extends PreactBaseElementProps<TClass> {
+    children?: preact.ComponentChildren;
+}
+
+export interface PreactBaseElementProps<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 ClickOptions {
+    /**
+     * The event you want to influence the synthetic click.
+     */
+    sourceEvent?: ActivationEventEsque;
+}
+
+export interface ActivationEventEsque {
+    shiftKey: boolean;
+    metaKey: boolean;
+    ctrlKey: boolean;
+    button: number;
+}
+
+export interface AvatarProps extends Required<Pick<AvatarProps$1, 'initials' | 'src' | 'alt'>> {
+    size: Extract<
+        AvatarProps$1['size'],
+        'small-200' | 'small' | 'base' | 'large' | 'large-200'
+        >;
+}
+
+declare const tagName = 's-avatar';
 /**
  * Base class for creating custom elements with Preact.
  * While this class could be used in both Node and the browser, the constructor will only be used in the browser.
@@ -3503,8 +3559,9 @@ declare const tagName = 's-badge';
 declare const BaseClass: typeof globalThis.HTMLElement;
 
 import { AdminAction } from "../../../../../src/surfaces/admin/components/AdminAction";
-import { Badge, RenderImpl } from "../../../../../src/surfaces/admin/components/Badge";
-import { Banner, CallbackEvent, RequiredBannerProps } from "../../../../../src/surfaces/admin/components/Banner";
+import { Avatar, CallbackEvent, RenderImpl } from "../../../../../src/surfaces/admin/components/Avatar";
+import { Badge } from "../../../../../src/surfaces/admin/components/Badge";
+import { Banner, RequiredBannerProps } from "../../../../../src/surfaces/admin/components/Banner";
 import { Box, BoxBorderRadii, BoxBorderStyles, RequiredBoxProps, ResponsiveBoxProps } from "../../../../../src/surfaces/admin/components/Box";
 import { Button, ButtonBaseProps } from "../../../../../src/surfaces/admin/components/Button";
 import { Checkbox, PreactInputProps } from "../../../../../src/surfaces/admin/components/Checkbox";
@@ -3529,7 +3586,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, ThumbnailProps$1, URLFieldProps$1, UnorderedListProps$1 } from "../../../../../src/surfaces/admin/components/shared";
+import { AdminActionProps$1, AvatarProps$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";

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

@@ -3471,25 +3471,25 @@ declare const BannerBaseClass: typeof globalThis.HTMLElement;
 declare module 'preact' {
     namespace createElement.JSX {
         interface IntrinsicElements {
-            [tagName]: BadgeJSXProps & PreactBaseElementPropsWithChildren<Badge>;
+            [BadgetagName]: BadgeJSXProps & BadgePreactBaseElementPropsWithChildren<Badge>;
         }
     }
 }
 
 declare global {
     interface HTMLElementTagNameMap {
-        [tagName]: Badge;
+        [BadgetagName]: Badge;
     }
 }
 
 export interface BadgeJSXProps extends Partial<BadgeProps>, Pick<BadgeProps$1, 'id'> {
 }
 
-export interface PreactBaseElementPropsWithChildren<TClass extends HTMLElement> extends PreactBaseElementProps<TClass> {
+export interface BadgePreactBaseElementPropsWithChildren<TClass extends HTMLElement> extends BadgePreactBaseElementProps<TClass> {
     children?: preact.ComponentChildren;
 }
 
-export interface PreactBaseElementProps<TClass extends HTMLElement> {
+export interface BadgePreactBaseElementProps<TClass extends HTMLElement> {
     /** Assigns a unique key to this element. */
     key?: preact.Key;
     /** Assigns a ref (generally from `useRef()`) to this element. */
@@ -3498,14 +3498,14 @@ export interface PreactBaseElementProps<TClass extends HTMLElement> {
     slot?: Lowercase<string>;
 }
 
-export interface ClickOptions {
+export interface BadgeClickOptions {
     /**
      * The event you want to influence the synthetic click.
      */
-    sourceEvent?: ActivationEventEsque;
+    sourceEvent?: BadgeActivationEventEsque;
 }
 
-export interface ActivationEventEsque {
+export interface BadgeActivationEventEsque {
     shiftKey: boolean;
     metaKey: boolean;
     ctrlKey: boolean;
@@ -3535,7 +3535,63 @@ export interface IconProps extends Pick<IconProps$1, 'type' | 'tone' | 'color' |
     size: Extract<IconProps$1['size'], 'small' | 'base'>;
 }
 
-declare const tagName = 's-badge';
+declare const BadgetagName = 's-badge';
+declare const BadgeBaseClass: typeof globalThis.HTMLElement;
+
+declare module 'preact' {
+    namespace createElement.JSX {
+        interface IntrinsicElements {
+            [tagName]: AvatarJSXProps & PreactBaseElementPropsWithChildren<Avatar>;
+        }
+    }
+}
+
+declare global {
+    interface HTMLElementTagNameMap {
+        [tagName]: Avatar;
+    }
+}
+
+export interface AvatarJSXProps extends Partial<AvatarProps>, Pick<AvatarProps$1, 'id'> {
+    onLoad?: () => void;
+    onError?: () => void;
+}
+
+export interface PreactBaseElementPropsWithChildren<TClass extends HTMLElement> extends PreactBaseElementProps<TClass> {
+    children?: preact.ComponentChildren;
+}
+
+export interface PreactBaseElementProps<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 ClickOptions {
+    /**
+     * The event you want to influence the synthetic click.
+     */
+    sourceEvent?: ActivationEventEsque;
+}
+
+export interface ActivationEventEsque {
+    shiftKey: boolean;
+    metaKey: boolean;
+    ctrlKey: boolean;
+    button: number;
+}
+
+export interface AvatarProps extends Required<Pick<AvatarProps$1, 'initials' | 'src' | 'alt'>> {
+    size: Extract<
+        AvatarProps$1['size'],
+        'small-200' | 'small' | 'base' | 'large' | 'large-200'
+        >;
+}
+
+declare const tagName = 's-avatar';
 /**
  * Base class for creating custom elements with Preact.
  * While this class could be used in both Node and the browser, the constructor will only be used in the browser.
@@ -3544,8 +3600,9 @@ declare const tagName = 's-badge';
 declare const BaseClass: typeof globalThis.HTMLElement;
 
 import { AdminBlock } from "../../../../../src/surfaces/admin/components/AdminBlock";
-import { Badge, RenderImpl } from "../../../../../src/surfaces/admin/components/Badge";
-import { Banner, CallbackEvent, RequiredBannerProps } from "../../../../../src/surfaces/admin/components/Banner";
+import { Avatar, CallbackEvent, RenderImpl } from "../../../../../src/surfaces/admin/components/Avatar";
+import { Badge } from "../../../../../src/surfaces/admin/components/Badge";
+import { Banner, RequiredBannerProps } from "../../../../../src/surfaces/admin/components/Banner";
 import { Box, BoxBorderRadii, BoxBorderStyles, RequiredBoxProps, ResponsiveBoxProps } from "../../../../../src/surfaces/admin/components/Box";
 import { Button, ButtonBaseProps } from "../../../../../src/surfaces/admin/components/Button";
 import { Checkbox, PreactInputProps } from "../../../../../src/surfaces/admin/components/Checkbox";
@@ -3571,7 +3628,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, ThumbnailProps$1, URLFieldProps$1, UnorderedListProps$1 } from "../../../../../src/surfaces/admin/components/shared";
+import { AdminBlockProps$1, AvatarProps$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";