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

package/build/ts/surfaces/admin/targets/admin.collection-index.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.company-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.company-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";

package/build/ts/surfaces/admin/targets/admin.company-location-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";