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

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

@@ -49,13 +49,9 @@ declare const AdminActionBaseClass: typeof globalThis.HTMLElement;
 declare const AdminActiontagName = 's-admin-action';
 
 declare module 'preact' {
-    interface BaseProps {
-        slot?: Lowercase<string>;
-    }
-
     namespace createElement.JSX {
         interface IntrinsicElements {
-            [URLFieldtagName]: URLFieldJSXProps & BaseProps;
+            [URLFieldtagName]: URLFieldJSXProps & URLFieldPreactBaseElementProps<URLField>;
         }
     }
 }
@@ -69,6 +65,15 @@ declare global {
 export interface URLFieldJSXProps extends Partial<Omit<URLFieldProps, 'accessory'>>, Pick<URLFieldProps$1, 'id'>, URLFieldFieldReactProps<typeof URLFieldtagName> {
 }
 
+export interface URLFieldPreactBaseElementProps<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 URLFieldFieldReactProps<T extends keyof HTMLElementTagNameMap> {
     onInput?: ((event: CallbackEvent<T>) => void) | null;
     onChange?: ((event: CallbackEvent<T>) => void) | null;
@@ -95,14 +100,10 @@ declare const URLFieldinternals: unique symbol;
 declare const URLFieldBaseClass: typeof globalThis.HTMLElement;
 
 declare module 'preact' {
-    interface BaseProps {
-        children?: preact.ComponentChildren;
-        slot?: Lowercase<string>;
-    }
-
     namespace createElement.JSX {
         interface IntrinsicElements {
-            [UnorderedListtagName]: UnorderedListJSXProps & BaseProps;
+            [UnorderedListtagName]: UnorderedListJSXProps &
+                UnorderedListPreactBaseElementPropsWithChildren<UnorderedList>;
         }
     }
 }
@@ -116,6 +117,19 @@ declare global {
 export interface UnorderedListJSXProps extends Partial<UnorderedListProps>, Pick<UnorderedListProps$1, 'id'> {
 }
 
+export interface UnorderedListPreactBaseElementPropsWithChildren<TClass extends HTMLElement> extends UnorderedListPreactBaseElementProps<TClass> {
+    children?: preact.ComponentChildren;
+}
+
+export interface UnorderedListPreactBaseElementProps<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 UnorderedListClickOptions {
     /**
      * The event you want to influence the synthetic click.
@@ -137,13 +151,10 @@ declare const UnorderedListtagName = 's-unordered-list';
 declare const UnorderedListBaseClass: typeof globalThis.HTMLElement;
 
 declare module 'preact' {
-    interface BaseProps {
-        slot?: Lowercase<string>;
-    }
-
     namespace createElement.JSX {
         interface IntrinsicElements {
-            [TextFieldtagName]: Omit<TextFieldJSXProps, 'accessory'> & BaseProps;
+            [TextFieldtagName]: Omit<TextFieldJSXProps, 'accessory'> &
+                TextFieldPreactBaseElementProps<TextField>;
         }
     }
 }
@@ -161,6 +172,15 @@ export interface TextFieldJSXProps extends Partial<Omit<TextFieldProps, 'accesso
     accessory?: ComponentChild;
 }
 
+export interface TextFieldPreactBaseElementProps<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 TextFieldFieldReactProps<T extends keyof HTMLElementTagNameMap> {
     onInput?: ((event: CallbackEvent<T>) => void) | null;
     onChange?: ((event: CallbackEvent<T>) => void) | null;
@@ -187,13 +207,9 @@ declare const TextFieldinternals: unique symbol;
 declare const TextFieldBaseClass: typeof globalThis.HTMLElement;
 
 declare module 'preact' {
-    interface BaseProps {
-        slot?: Lowercase<string>;
-    }
-
     namespace createElement.JSX {
         interface IntrinsicElements {
-            [TextAreatagName]: TextAreaJSXProps & BaseProps;
+            [TextAreatagName]: TextAreaJSXProps & TextAreaPreactBaseElementProps<TextArea>;
         }
     }
 }
@@ -207,6 +223,15 @@ declare global {
 export interface TextAreaJSXProps extends Partial<TextAreaProps>, Pick<TextAreaProps$1, 'id'>, TextAreaFieldReactProps<typeof TextAreatagName> {
 }
 
+export interface TextAreaPreactBaseElementProps<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 TextAreaFieldReactProps<T extends keyof HTMLElementTagNameMap> {
     onInput?: ((event: CallbackEvent<T>) => void) | null;
     onChange?: ((event: CallbackEvent<T>) => void) | null;
@@ -233,14 +258,9 @@ declare const TextAreainternals: unique symbol;
 declare const TextAreaBaseClass: typeof globalThis.HTMLElement;
 
 declare module 'preact' {
-    interface BaseProps {
-        children?: preact.ComponentChildren;
-        slot?: Lowercase<string>;
-    }
-
     namespace createElement.JSX {
         interface IntrinsicElements {
-            [TexttagName]: TextJSXProps & BaseProps;
+            [TexttagName]: TextJSXProps & TextPreactBaseElementPropsWithChildren<Text>;
         }
     }
 }
@@ -254,6 +274,19 @@ declare global {
 export interface TextJSXProps extends Partial<TextProps>, Pick<TextProps$1, 'id'> {
 }
 
+export interface TextPreactBaseElementPropsWithChildren<TClass extends HTMLElement> extends TextPreactBaseElementProps<TClass> {
+    children?: preact.ComponentChildren;
+}
+
+export interface TextPreactBaseElementProps<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 TextClickOptions {
     /**
      * The event you want to influence the synthetic click.
@@ -298,14 +331,10 @@ declare const TexttagName = 's-text';
 declare const TextBaseClass: typeof globalThis.HTMLElement;
 
 declare module 'preact' {
-    interface BaseProps {
-        children?: preact.ComponentChildren;
-        slot?: Lowercase<string>;
-    }
-
     namespace createElement.JSX {
         interface IntrinsicElements {
-            [TableRowtagName]: TableRowJSXProps & BaseProps;
+            [TableRowtagName]: TableRowJSXProps &
+                TableRowPreactBaseElementPropsWithChildren<TableRow>;
         }
     }
 }
@@ -319,6 +348,19 @@ declare global {
 export interface TableRowJSXProps extends Partial<TableRowProps>, Pick<TableRowProps$1, 'id'> {
 }
 
+export interface TableRowPreactBaseElementPropsWithChildren<TClass extends HTMLElement> extends TableRowPreactBaseElementProps<TClass> {
+    children?: preact.ComponentChildren;
+}
+
+export interface TableRowPreactBaseElementProps<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 TableRowClickOptions {
     /**
      * The event you want to influence the synthetic click.
@@ -340,14 +382,10 @@ declare const TableRowtagName = 's-table-row';
 declare const TableRowBaseClass: typeof globalThis.HTMLElement;
 
 declare module 'preact' {
-    interface BaseProps {
-        children?: preact.ComponentChildren;
-        slot?: Lowercase<string>;
-    }
-
     namespace createElement.JSX {
         interface IntrinsicElements {
-            [TableHeaderRowtagName]: TableHeaderRowJSXProps & BaseProps;
+            [TableHeaderRowtagName]: TableHeaderRowJSXProps &
+                TableHeaderRowPreactBaseElementPropsWithChildren<TableHeaderRow>;
         }
     }
 }
@@ -361,6 +399,19 @@ declare global {
 export interface TableHeaderRowJSXProps extends Partial<TableHeaderRowProps>, Pick<TableHeaderRowProps$1, 'id'> {
 }
 
+export interface TableHeaderRowPreactBaseElementPropsWithChildren<TClass extends HTMLElement> extends TableHeaderRowPreactBaseElementProps<TClass> {
+    children?: preact.ComponentChildren;
+}
+
+export interface TableHeaderRowPreactBaseElementProps<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 TableHeaderRowClickOptions {
     /**
      * The event you want to influence the synthetic click.
@@ -382,14 +433,10 @@ declare const TableHeaderRowtagName = 's-table-header-row';
 declare const TableHeaderRowBaseClass: typeof globalThis.HTMLElement;
 
 declare module 'preact' {
-    interface BaseProps {
-        children?: preact.ComponentChildren;
-        slot?: Lowercase<string>;
-    }
-
     namespace createElement.JSX {
         interface IntrinsicElements {
-            [TableHeadertagName]: TableHeaderJSXProps & BaseProps;
+            [TableHeadertagName]: TableHeaderJSXProps &
+                TableHeaderPreactBaseElementPropsWithChildren<TableHeader>;
         }
     }
 }
@@ -403,6 +450,19 @@ declare global {
 export interface TableHeaderJSXProps extends Partial<TableHeaderTableHeaderProps>, Pick<TableHeaderProps$1, 'id'> {
 }
 
+export interface TableHeaderPreactBaseElementPropsWithChildren<TClass extends HTMLElement> extends TableHeaderPreactBaseElementProps<TClass> {
+    children?: preact.ComponentChildren;
+}
+
+export interface TableHeaderPreactBaseElementProps<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 TableHeaderClickOptions {
     /**
      * The event you want to influence the synthetic click.
@@ -428,14 +488,10 @@ declare const TableHeadertagName = 's-table-header';
 declare const TableHeaderBaseClass: typeof globalThis.HTMLElement;
 
 declare module 'preact' {
-    interface BaseProps {
-        children?: preact.ComponentChildren;
-        slot?: Lowercase<string>;
-    }
-
     namespace createElement.JSX {
         interface IntrinsicElements {
-            [TableCelltagName]: TableCellJSXProps & BaseProps;
+            [TableCelltagName]: TableCellJSXProps &
+                TableCellPreactBaseElementPropsWithChildren<TableCell>;
         }
     }
 }
@@ -449,6 +505,19 @@ declare global {
 export interface TableCellJSXProps extends Partial<TableCellProps>, Pick<TableCellProps$1, 'id'> {
 }
 
+export interface TableCellPreactBaseElementPropsWithChildren<TClass extends HTMLElement> extends TableCellPreactBaseElementProps<TClass> {
+    children?: preact.ComponentChildren;
+}
+
+export interface TableCellPreactBaseElementProps<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 TableCellClickOptions {
     /**
      * The event you want to influence the synthetic click.
@@ -470,14 +539,10 @@ declare const TableCelltagName = 's-table-cell';
 declare const TableCellBaseClass: typeof globalThis.HTMLElement;
 
 declare module 'preact' {
-    interface BaseProps {
-        children?: preact.ComponentChildren;
-        slot?: Lowercase<string>;
-    }
-
     namespace createElement.JSX {
         interface IntrinsicElements {
-            [TableBodytagName]: TableBodyJSXProps & BaseProps;
+            [TableBodytagName]: TableBodyJSXProps &
+                TableBodyPreactBaseElementPropsWithChildren<TableBody>;
         }
     }
 }
@@ -491,6 +556,19 @@ declare global {
 export interface TableBodyJSXProps extends Partial<TableBodyProps>, Pick<TableBodyProps$1, 'id'> {
 }
 
+export interface TableBodyPreactBaseElementPropsWithChildren<TClass extends HTMLElement> extends TableBodyPreactBaseElementProps<TClass> {
+    children?: preact.ComponentChildren;
+}
+
+export interface TableBodyPreactBaseElementProps<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 TableBodyClickOptions {
     /**
      * The event you want to influence the synthetic click.
@@ -512,14 +590,10 @@ declare const TableBodytagName = 's-table-body';
 declare const TableBodyBaseClass: typeof globalThis.HTMLElement;
 
 declare module 'preact' {
-    interface BaseProps {
-        children?: preact.ComponentChildren;
-        slot?: Lowercase<string>;
-    }
-
     namespace createElement.JSX {
         interface IntrinsicElements {
-            [TabletagName]: Omit<TableJSXProps, 'filters'> & BaseProps;
+            [TabletagName]: Omit<TableJSXProps, 'filters'> &
+                TablePreactBaseElementPropsWithChildren<Table>;
         }
     }
 }
@@ -537,6 +611,19 @@ export interface TableJSXProps extends Partial<TableProps>, Pick<TableProps$1, '
     filters?: ComponentChild;
 }
 
+export interface TablePreactBaseElementPropsWithChildren<TClass extends HTMLElement> extends TablePreactBaseElementProps<TClass> {
+    children?: preact.ComponentChildren;
+}
+
+export interface TablePreactBaseElementProps<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 TableClickOptions {
     /**
      * The event you want to influence the synthetic click.
@@ -573,14 +660,9 @@ declare const actualTableVariantSymbol: unique symbol;
 declare const TableBaseClass: typeof globalThis.HTMLElement;
 
 declare module 'preact' {
-    interface BaseProps {
-        children?: preact.ComponentChildren;
-        slot?: Lowercase<string>;
-    }
-
     namespace createElement.JSX {
         interface IntrinsicElements {
-            [StacktagName]: StackJSXProps & BaseProps;
+            [StacktagName]: StackJSXProps & StackPreactBaseElementPropsWithChildren<Stack>;
         }
     }
 }
@@ -594,6 +676,19 @@ declare global {
 export interface StackJSXProps extends Partial<StackProps>, Pick<StackProps$1, 'id'> {
 }
 
+export interface StackPreactBaseElementPropsWithChildren<TClass extends HTMLElement> extends StackPreactBaseElementProps<TClass> {
+    children?: preact.ComponentChildren;
+}
+
+export interface StackPreactBaseElementProps<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 StackClickOptions {
     /**
      * The event you want to influence the synthetic click.
@@ -669,7 +764,6 @@ export interface StackBoxProps extends Pick<
         | 'borderRadius'
         | 'borderStyle'
         | 'borderWidth'
-        | 'display'
         | 'inlineSize'
         | 'maxBlockSize'
         | 'maxInlineSize'
@@ -792,6 +886,16 @@ export interface StackBoxProps extends Pick<
      * @default '' - meaning no override
      */
     paddingInlineEnd: ResponsiveBoxProps['paddingInlineEnd'];
+    /**
+     * Sets the outer display type of the component. The outer type sets a component's participation in [flow layout](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_flow_layout).
+     *
+     * - `auto` the component's initial value. The actual value depends on the component and context.
+     * - `none` hides the component from display and removes it from the accessibility tree, making it invisible to screen readers.
+     *
+     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/display
+     * @default 'auto'
+     */
+    display: ResponsiveBoxProps['display'];
 }
 
 declare const StacktagName = 's-stack';
@@ -800,7 +904,7 @@ declare const StackBaseClass: typeof globalThis.HTMLElement;
 declare module 'preact' {
     namespace createElement.JSX {
         interface IntrinsicElements {
-            [SpinnertagName]: SpinnerJSXProps;
+            [SpinnertagName]: SpinnerJSXProps & SpinnerPreactBaseElementProps<Spinner>;
         }
     }
 }
@@ -814,6 +918,15 @@ declare global {
 export interface SpinnerJSXProps extends Partial<SpinnerProps>, Pick<SpinnerProps$1, 'id'> {
 }
 
+export interface SpinnerPreactBaseElementProps<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 SpinnerClickOptions {
     /**
      * The event you want to influence the synthetic click.
@@ -836,14 +949,9 @@ declare const SpinnertagName = 's-spinner';
 declare const SpinnerBaseClass: typeof globalThis.HTMLElement;
 
 declare module 'preact' {
-    interface BaseProps {
-        children?: preact.ComponentChildren;
-        slot?: Lowercase<string>;
-    }
-
     namespace createElement.JSX {
         interface IntrinsicElements {
-            [SelecttagName]: SelectJSXProps & BaseProps;
+            [SelecttagName]: SelectJSXProps & SelectPreactBaseElementPropsWithChildren<Select>;
         }
     }
 }
@@ -878,6 +986,19 @@ export interface SelectProps extends Omit<PreactInputProps, 'value'>, Required<
     value: Required<SelectProps$1>['value'];
 }
 
+export interface SelectPreactBaseElementPropsWithChildren<TClass extends HTMLElement> extends SelectPreactBaseElementProps<TClass> {
+    children?: preact.ComponentChildren;
+}
+
+export interface SelectPreactBaseElementProps<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 SelectClickOptions {
     /**
      * The event you want to influence the synthetic click.
@@ -899,14 +1020,9 @@ declare const Selectinternals: unique symbol;
 declare const SelectBaseClass: typeof globalThis.HTMLElement;
 
 declare module 'preact' {
-    interface BaseProps {
-        children?: preact.ComponentChildren;
-        slot?: Lowercase<string>;
-    }
-
     namespace createElement.JSX {
         interface IntrinsicElements {
-            [SectiontagName]: SectionJSXProps & BaseProps;
+            [SectiontagName]: SectionJSXProps & SectionPreactBaseElementPropsWithChildren<Section>;
         }
     }
 }
@@ -920,6 +1036,19 @@ declare global {
 export interface SectionJSXProps extends Partial<SectionProps>, Pick<SectionProps$1, 'id'> {
 }
 
+export interface SectionPreactBaseElementPropsWithChildren<TClass extends HTMLElement> extends SectionPreactBaseElementProps<TClass> {
+    children?: preact.ComponentChildren;
+}
+
+export interface SectionPreactBaseElementProps<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 SectionClickOptions {
     /**
      * The event you want to influence the synthetic click.
@@ -947,13 +1076,9 @@ declare const SectiontagName = 's-section';
 declare const SectionBaseClass: typeof globalThis.HTMLElement;
 
 declare module 'preact' {
-    interface BaseProps {
-        slot?: Lowercase<string>;
-    }
-
     namespace createElement.JSX {
         interface IntrinsicElements {
-            [PasswordFieldtagName]: PasswordFieldJSXProps & BaseProps;
+            [PasswordFieldtagName]: PasswordFieldJSXProps & PasswordFieldPreactBaseElementProps<PasswordField>;
         }
     }
 }
@@ -967,6 +1092,15 @@ declare global {
 export interface PasswordFieldJSXProps extends Partial<PasswordFieldProps>, Pick<PasswordFieldProps$1, 'id'>, PasswordFieldFieldReactProps<typeof PasswordFieldtagName> {
 }
 
+export interface PasswordFieldPreactBaseElementProps<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 PasswordFieldFieldReactProps<T extends keyof HTMLElementTagNameMap> {
     onInput?: ((event: CallbackEvent<T>) => void) | null;
     onChange?: ((event: CallbackEvent<T>) => void) | null;
@@ -993,14 +1127,10 @@ declare const PasswordFieldinternals: unique symbol;
 declare const PasswordFieldBaseClass: typeof globalThis.HTMLElement;
 
 declare module 'preact' {
-    interface BaseProps {
-        children?: preact.ComponentChildren;
-        slot?: Lowercase<string>;
-    }
-
     namespace createElement.JSX {
         interface IntrinsicElements {
-            [ParagraphtagName]: ParagraphJSXProps & BaseProps;
+            [ParagraphtagName]: ParagraphJSXProps &
+                ParagraphPreactBaseElementPropsWithChildren<Paragraph>;
         }
     }
 }
@@ -1014,6 +1144,19 @@ declare global {
 export interface ParagraphJSXProps extends Partial<ParagraphProps>, Pick<ParagraphProps$1, 'id'> {
 }
 
+export interface ParagraphPreactBaseElementPropsWithChildren<TClass extends HTMLElement> extends ParagraphPreactBaseElementProps<TClass> {
+    children?: preact.ComponentChildren;
+}
+
+export interface ParagraphPreactBaseElementProps<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 ParagraphClickOptions {
     /**
      * The event you want to influence the synthetic click.
@@ -1047,14 +1190,10 @@ declare const ParagraphtagName = 's-paragraph';
 declare const ParagraphBaseClass: typeof globalThis.HTMLElement;
 
 declare module 'preact' {
-    interface BaseProps {
-        children?: preact.ComponentChildren;
-        slot?: Lowercase<string>;
-    }
-
     namespace createElement.JSX {
         interface IntrinsicElements {
-            [OrderedListtagName]: OrderedListJSXProps & BaseProps;
+            [OrderedListtagName]: OrderedListJSXProps &
+                OrderedListPreactBaseElementPropsWithChildren<OrderedList>;
         }
     }
 }
@@ -1068,6 +1207,19 @@ declare global {
 export interface OrderedListJSXProps extends Partial<OrderedListProps>, Pick<OrderedListProps$1, 'id'> {
 }
 
+export interface OrderedListPreactBaseElementPropsWithChildren<TClass extends HTMLElement> extends OrderedListPreactBaseElementProps<TClass> {
+    children?: preact.ComponentChildren;
+}
+
+export interface OrderedListPreactBaseElementProps<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 OrderedListClickOptions {
     /**
      * The event you want to influence the synthetic click.
@@ -1089,13 +1241,10 @@ declare const OrderedListtagName = 's-ordered-list';
 declare const OrderedListBaseClass: typeof globalThis.HTMLElement;
 
 declare module 'preact' {
-    interface BaseProps {
-        children?: preact.ComponentChildren;
-    }
-
     namespace createElement.JSX {
         interface IntrinsicElements {
-            [OptionGrouptagName]: OptionGroupJSXProps & BaseProps;
+            [OptionGrouptagName]: OptionGroupJSXProps &
+                OptionGroupPreactBaseElementPropsWithChildren<OptionGroup>;
         }
     }
 }
@@ -1109,6 +1258,19 @@ declare global {
 export interface OptionGroupJSXProps extends Partial<OptionGroupProps> {
 }
 
+export interface OptionGroupPreactBaseElementPropsWithChildren<TClass extends HTMLElement> extends OptionGroupPreactBaseElementProps<TClass> {
+    children?: preact.ComponentChildren;
+}
+
+export interface OptionGroupPreactBaseElementProps<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 OptionGroupClickOptions {
     /**
      * The event you want to influence the synthetic click.
@@ -1130,13 +1292,9 @@ declare const OptionGrouptagName = 's-option-group';
 declare const OptionGroupBaseClass: typeof globalThis.HTMLElement;
 
 declare module 'preact' {
-    interface BaseProps {
-        children?: preact.ComponentChildren;
-    }
-
     namespace createElement.JSX {
         interface IntrinsicElements {
-            [OptiontagName]: OptionJSXProps & BaseProps;
+            [OptiontagName]: OptionJSXProps & OptionPreactBaseElementPropsWithChildren<Option>;
         }
     }
 }
@@ -1150,6 +1308,19 @@ declare global {
 export interface OptionJSXProps extends Partial<OptionProps> {
 }
 
+export interface OptionPreactBaseElementPropsWithChildren<TClass extends HTMLElement> extends OptionPreactBaseElementProps<TClass> {
+    children?: preact.ComponentChildren;
+}
+
+export interface OptionPreactBaseElementProps<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 OptionClickOptions {
     /**
      * The event you want to influence the synthetic click.
@@ -1173,13 +1344,9 @@ declare const OptiontagName = 's-option';
 declare const OptionBaseClass: typeof globalThis.HTMLElement;
 
 declare module 'preact' {
-    interface BaseProps {
-        slot?: Lowercase<string>;
-    }
-
     namespace createElement.JSX {
         interface IntrinsicElements {
-            [NumberFieldtagName]: NumberFieldJSXProps & BaseProps;
+            [NumberFieldtagName]: NumberFieldJSXProps & NumberFieldPreactBaseElementProps<NumberField>;
         }
     }
 }
@@ -1205,6 +1372,15 @@ export interface NumberFieldProps extends Omit<
     value: Required<NumberFieldProps$1>['value'];
 }
 
+export interface NumberFieldPreactBaseElementProps<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 NumberFieldFieldReactProps<T extends keyof HTMLElementTagNameMap> {
     onInput?: ((event: CallbackEvent<T>) => void) | null;
     onChange?: ((event: CallbackEvent<T>) => void) | null;
@@ -1231,14 +1407,9 @@ declare const NumberFieldinternals: unique symbol;
 declare const NumberFieldBaseClass: typeof globalThis.HTMLElement;
 
 declare module 'preact' {
-    interface BaseProps {
-        children?: preact.ComponentChildren;
-        slot?: Lowercase<string>;
-    }
-
     namespace createElement.JSX {
         interface IntrinsicElements {
-            [MoneyFieldtagName]: MoneyFieldJSXProps & BaseProps;
+            [MoneyFieldtagName]: MoneyFieldJSXProps & MoneyFieldPreactBaseElementProps<MoneyField>;
         }
     }
 }
@@ -1256,6 +1427,15 @@ export interface MoneyFieldProps extends Omit<PreactFieldProps, 'value'>, Pick<R
     value: Required<MoneyFieldProps$1>['value'];
 }
 
+export interface MoneyFieldPreactBaseElementProps<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 MoneyFieldFieldReactProps<T extends keyof HTMLElementTagNameMap> {
     onInput?: ((event: CallbackEvent<T>) => void) | null;
     onChange?: ((event: CallbackEvent<T>) => void) | null;
@@ -1282,14 +1462,10 @@ declare const MoneyFieldinternals: unique symbol;
 declare const MoneyFieldBaseClass: typeof globalThis.HTMLElement;
 
 declare module 'preact' {
-    interface BaseProps {
-        children?: preact.ComponentChildren;
-        slot?: Lowercase<string>;
-    }
-
     namespace createElement.JSX {
         interface IntrinsicElements {
-            [ListItemtagName]: ListItemJSXProps & BaseProps;
+            [ListItemtagName]: ListItemJSXProps &
+                ListItemPreactBaseElementPropsWithChildren<ListItem>;
         }
     }
 }
@@ -1303,6 +1479,19 @@ declare global {
 export interface ListItemJSXProps extends Partial<ListItemProps>, Pick<ListItemProps$1, 'id'> {
 }
 
+export interface ListItemPreactBaseElementPropsWithChildren<TClass extends HTMLElement> extends ListItemPreactBaseElementProps<TClass> {
+    children?: preact.ComponentChildren;
+}
+
+export interface ListItemPreactBaseElementProps<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 ListItemClickOptions {
     /**
      * The event you want to influence the synthetic click.
@@ -1324,14 +1513,9 @@ declare const ListItemtagName = 's-list-item';
 declare const ListItemBaseClass: typeof globalThis.HTMLElement;
 
 declare module 'preact' {
-    interface BaseProps {
-        children?: preact.ComponentChildren;
-        slot?: Lowercase<string>;
-    }
-
     namespace createElement.JSX {
         interface IntrinsicElements {
-            [LinktagName]: LinkJSXProps & BaseProps;
+            [LinktagName]: LinkJSXProps & LinkPreactBaseElementPropsWithChildren<Link>;
         }
     }
 }
@@ -1381,6 +1565,19 @@ export interface LinkActivationEventEsque {
     button: number;
 }
 
+export interface LinkPreactBaseElementPropsWithChildren<TClass extends HTMLElement> extends LinkPreactBaseElementProps<TClass> {
+    children?: preact.ComponentChildren;
+}
+
+export interface LinkPreactBaseElementProps<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 LinkProps extends Pick<
         LinkProps$1,
         | 'accessibilityLabel'
@@ -1410,13 +1607,9 @@ declare const Link_base: (abstract new (
 declare const LinkBaseClass: typeof globalThis.HTMLElement;
 
 declare module 'preact' {
-    interface BaseProps {
-        slot?: Lowercase<string>;
-    }
-
     namespace createElement.JSX {
         interface IntrinsicElements {
-            [ImagetagName]: ImageJSXProps & BaseProps;
+            [ImagetagName]: ImageJSXProps & ImagePreactBaseElementProps<Image>;
         }
     }
 }
@@ -1446,6 +1639,15 @@ export interface ImageActivationEventEsque {
     button: number;
 }
 
+export interface ImagePreactBaseElementProps<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 ImageProps extends Required<
           Pick<
             ImageProps$1,
@@ -1488,7 +1690,6 @@ export interface ImageBoxProps extends Pick<
         | 'borderRadius'
         | 'borderStyle'
         | 'borderWidth'
-        | 'display'
         | 'inlineSize'
         | 'maxBlockSize'
         | 'maxInlineSize'
@@ -1611,19 +1812,25 @@ export interface ImageBoxProps extends Pick<
      * @default '' - meaning no override
      */
     paddingInlineEnd: ResponsiveBoxProps['paddingInlineEnd'];
+    /**
+     * Sets the outer display type of the component. The outer type sets a component's participation in [flow layout](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_flow_layout).
+     *
+     * - `auto` the component's initial value. The actual value depends on the component and context.
+     * - `none` hides the component from display and removes it from the accessibility tree, making it invisible to screen readers.
+     *
+     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/display
+     * @default 'auto'
+     */
+    display: ResponsiveBoxProps['display'];
 }
 
 declare const ImagetagName = 's-image';
 declare const ImageBaseClass: typeof globalThis.HTMLElement;
 
 declare module 'preact' {
-    interface BaseProps {
-        slot?: Lowercase<string>;
-    }
-
     namespace createElement.JSX {
         interface IntrinsicElements {
-            [IcontagName]: IconJSXProps & BaseProps;
+            [IcontagName]: IconJSXProps & IconPreactBaseElementProps<Icon>;
         }
     }
 }
@@ -1637,6 +1844,15 @@ declare global {
 export interface IconJSXProps extends Partial<IconIconProps>, Pick<IconProps$1, 'id'> {
 }
 
+export interface IconPreactBaseElementProps<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 IconClickOptions {
     /**
      * The event you want to influence the synthetic click.
@@ -1668,14 +1884,9 @@ declare const IcontagName = 's-icon';
 declare const IconBaseClass: typeof globalThis.HTMLElement;
 
 declare module 'preact' {
-    interface BaseProps {
-        children?: preact.ComponentChildren;
-        slot?: Lowercase<string>;
-    }
-
     namespace createElement.JSX {
         interface IntrinsicElements {
-            [HeadingtagName]: HeadingJSXProps & BaseProps;
+            [HeadingtagName]: HeadingJSXProps & HeadingPreactBaseElementPropsWithChildren<Heading>;
         }
     }
 }
@@ -1689,6 +1900,19 @@ declare global {
 export interface HeadingJSXProps extends Partial<HeadingProps>, Pick<HeadingProps$1, 'id'> {
 }
 
+export interface HeadingPreactBaseElementPropsWithChildren<TClass extends HTMLElement> extends HeadingPreactBaseElementProps<TClass> {
+    children?: preact.ComponentChildren;
+}
+
+export interface HeadingPreactBaseElementProps<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 HeadingClickOptions {
     /**
      * The event you want to influence the synthetic click.
@@ -1716,14 +1940,10 @@ declare const HeadingtagName = 's-heading';
 declare const HeadingBaseClass: typeof globalThis.HTMLElement;
 
 declare module 'preact' {
-    interface BaseProps {
-        children?: preact.ComponentChildren;
-        slot?: Lowercase<string>;
-    }
-
     namespace createElement.JSX {
         interface IntrinsicElements {
-            [GridItemtagName]: GridItemJSXProps & BaseProps;
+            [GridItemtagName]: GridItemJSXProps &
+                GridItemPreactBaseElementPropsWithChildren<GridItem>;
         }
     }
 }
@@ -1737,6 +1957,19 @@ declare global {
 export interface GridItemJSXProps extends Partial<GridItemProps>, Pick<GridItemProps$1, 'id'> {
 }
 
+export interface GridItemPreactBaseElementPropsWithChildren<TClass extends HTMLElement> extends GridItemPreactBaseElementProps<TClass> {
+    children?: preact.ComponentChildren;
+}
+
+export interface GridItemPreactBaseElementProps<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 GridItemClickOptions {
     /**
      * The event you want to influence the synthetic click.
@@ -1768,7 +2001,6 @@ export interface GridItemBoxProps extends Pick<
         | 'borderRadius'
         | 'borderStyle'
         | 'borderWidth'
-        | 'display'
         | 'inlineSize'
         | 'maxBlockSize'
         | 'maxInlineSize'
@@ -1891,20 +2123,25 @@ export interface GridItemBoxProps extends Pick<
      * @default '' - meaning no override
      */
     paddingInlineEnd: ResponsiveBoxProps['paddingInlineEnd'];
+    /**
+     * Sets the outer display type of the component. The outer type sets a component's participation in [flow layout](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_flow_layout).
+     *
+     * - `auto` the component's initial value. The actual value depends on the component and context.
+     * - `none` hides the component from display and removes it from the accessibility tree, making it invisible to screen readers.
+     *
+     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/display
+     * @default 'auto'
+     */
+    display: ResponsiveBoxProps['display'];
 }
 
 declare const GridItemtagName = 's-grid-item';
 declare const GridItemBaseClass: typeof globalThis.HTMLElement;
 
 declare module 'preact' {
-    interface BaseProps {
-        children?: preact.ComponentChildren;
-        slot?: Lowercase<string>;
-    }
-
     namespace createElement.JSX {
         interface IntrinsicElements {
-            [GridtagName]: GridJSXProps & BaseProps;
+            [GridtagName]: GridJSXProps & GridPreactBaseElementPropsWithChildren<Grid>;
         }
     }
 }
@@ -1932,6 +2169,19 @@ export interface GridActivationEventEsque {
     button: number;
 }
 
+export interface GridPreactBaseElementPropsWithChildren<TClass extends HTMLElement> extends GridPreactBaseElementProps<TClass> {
+    children?: preact.ComponentChildren;
+}
+
+export interface GridPreactBaseElementProps<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 GridProps extends GridBoxProps, Required<
           Pick<
             GridProps$1,
@@ -1992,7 +2242,6 @@ export interface GridBoxProps extends Pick<
         | 'borderRadius'
         | 'borderStyle'
         | 'borderWidth'
-        | 'display'
         | 'inlineSize'
         | 'maxBlockSize'
         | 'maxInlineSize'
@@ -2115,19 +2364,25 @@ export interface GridBoxProps extends Pick<
      * @default '' - meaning no override
      */
     paddingInlineEnd: ResponsiveBoxProps['paddingInlineEnd'];
+    /**
+     * Sets the outer display type of the component. The outer type sets a component's participation in [flow layout](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_flow_layout).
+     *
+     * - `auto` the component's initial value. The actual value depends on the component and context.
+     * - `none` hides the component from display and removes it from the accessibility tree, making it invisible to screen readers.
+     *
+     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/display
+     * @default 'auto'
+     */
+    display: ResponsiveBoxProps['display'];
 }
 
 declare const GridtagName = 's-grid';
 declare const GridBaseClass: typeof globalThis.HTMLElement;
 
 declare module 'preact' {
-    interface BaseProps {
-        slot?: Lowercase<string>;
-    }
-
     namespace createElement.JSX {
         interface IntrinsicElements {
-            [EmailFieldtagName]: EmailFieldJSXProps & BaseProps;
+            [EmailFieldtagName]: EmailFieldJSXProps & EmailFieldPreactBaseElementProps<EmailField>;
         }
     }
 }
@@ -2141,6 +2396,15 @@ declare global {
 export interface EmailFieldJSXProps extends Partial<Omit<EmailFieldProps, 'accessory'>>, Pick<EmailFieldProps$1, 'id'>, FieldReactProps<typeof EmailFieldtagName> {
 }
 
+export interface EmailFieldPreactBaseElementProps<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 FieldReactProps<T extends keyof HTMLElementTagNameMap> {
     onInput?: ((event: CallbackEvent<T>) => void) | null;
     onChange?: ((event: CallbackEvent<T>) => void) | null;
@@ -2167,13 +2431,9 @@ declare const EmailFieldinternals: unique symbol;
 declare const EmailFieldBaseClass: typeof globalThis.HTMLElement;
 
 declare module 'preact' {
-    interface BaseProps {
-        slot?: Lowercase<string>;
-    }
-
     namespace createElement.JSX {
         interface IntrinsicElements {
-            [DividertagName]: DividerJSXProps & BaseProps;
+            [DividertagName]: DividerJSXProps & DividerPreactBaseElementProps<Divider>;
         }
     }
 }
@@ -2187,6 +2447,15 @@ declare global {
 export interface DividerJSXProps extends Partial<DividerProps>, Pick<DividerProps$1, 'id'> {
 }
 
+export interface DividerPreactBaseElementProps<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 DividerClickOptions {
     /**
      * The event you want to influence the synthetic click.
@@ -2210,13 +2479,9 @@ declare const DividertagName = 's-divider';
 declare const DividerBaseClass: typeof globalThis.HTMLElement;
 
 declare module 'preact' {
-    interface BaseProps {
-        slot?: Lowercase<string>;
-    }
-
     namespace createElement.JSX {
         interface IntrinsicElements {
-            [DatePickertagName]: DatePickerJSXProps & BaseProps;
+            [DatePickertagName]: DatePickerJSXProps & DatePickerPreactBaseElementProps<DatePicker>;
         }
     }
 }
@@ -2256,6 +2521,15 @@ export interface DatePickerActivationEventEsque {
     button: number;
 }
 
+export interface DatePickerPreactBaseElementProps<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 DatePickerProps extends Required<
         Pick<
           DatePickerProps$1,
@@ -2279,14 +2553,10 @@ declare const DatePickerinternals: unique symbol;
 declare const DatePickerBaseClass$1: typeof globalThis.HTMLElement;
 
 declare module 'preact' {
-    interface BaseProps {
-        children?: preact.ComponentChildren;
-        slot?: Lowercase<string>;
-    }
-
     namespace createElement.JSX {
         interface IntrinsicElements {
-            [ClickabletagName]: ClickableJSXProps & BaseProps;
+            [ClickabletagName]: ClickableJSXProps &
+                ClickablePreactBaseElementPropsWithChildren<Clickable>;
         }
     }
 }
@@ -2338,6 +2608,19 @@ export interface ClickableActivationEventEsque {
     button: number;
 }
 
+export interface ClickablePreactBaseElementPropsWithChildren<TClass extends HTMLElement> extends ClickablePreactBaseElementProps<TClass> {
+    children?: preact.ComponentChildren;
+}
+
+export interface ClickablePreactBaseElementProps<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 ClickableProps extends Required<ClickableBoxProps>, ClickableBaseProps {
 }
 
@@ -2353,7 +2636,6 @@ export interface ClickableBoxProps extends Pick<
         | 'borderRadius'
         | 'borderStyle'
         | 'borderWidth'
-        | 'display'
         | 'inlineSize'
         | 'maxBlockSize'
         | 'maxInlineSize'
@@ -2476,6 +2758,16 @@ export interface ClickableBoxProps extends Pick<
      * @default '' - meaning no override
      */
     paddingInlineEnd: ResponsiveBoxProps['paddingInlineEnd'];
+    /**
+     * Sets the outer display type of the component. The outer type sets a component's participation in [flow layout](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_flow_layout).
+     *
+     * - `auto` the component's initial value. The actual value depends on the component and context.
+     * - `none` hides the component from display and removes it from the accessibility tree, making it invisible to screen readers.
+     *
+     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/display
+     * @default 'auto'
+     */
+    display: ResponsiveBoxProps['display'];
 }
 
 declare const ClickabletagName = 's-clickable';
@@ -2486,14 +2778,10 @@ declare const Clickable_base: (abstract new (
 declare const ClickableBaseClass: typeof globalThis.HTMLElement;
 
 declare module 'preact' {
-    interface BaseProps {
-        children?: preact.ComponentChildren;
-        slot?: Lowercase<string>;
-    }
-
     namespace createElement.JSX {
         interface IntrinsicElements {
-            [ChoiceListtagName]: ChoiceListJSXProps & BaseProps;
+            [ChoiceListtagName]: ChoiceListJSXProps &
+                ChoiceListPreactBaseElementPropsWithChildren<ChoiceList>;
         }
     }
 }
@@ -2523,6 +2811,19 @@ export interface ChoiceListActivationEventEsque {
     button: number;
 }
 
+export interface ChoiceListPreactBaseElementPropsWithChildren<TClass extends HTMLElement> extends ChoiceListPreactBaseElementProps<TClass> {
+    children?: preact.ComponentChildren;
+}
+
+export interface ChoiceListPreactBaseElementProps<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 ChoiceListProps extends Required<
         Pick<
           ChoiceListProps$1,
@@ -2550,7 +2851,7 @@ declare const BaseClass$1: typeof globalThis.HTMLElement;
 declare module 'preact' {
     namespace createElement.JSX {
         interface IntrinsicElements {
-            [ChoicetagName]: ChoiceJSXProps;
+            [ChoicetagName]: ChoiceJSXProps & ChoicePreactBaseElementPropsWithChildren<Choice>;
         }
     }
 }
@@ -2564,6 +2865,19 @@ declare global {
 export interface ChoiceJSXProps extends Partial<ChoiceProps>, Pick<ChoiceProps$1, 'id'> {
 }
 
+export interface ChoicePreactBaseElementPropsWithChildren<TClass extends HTMLElement> extends ChoicePreactBaseElementProps<TClass> {
+    children?: preact.ComponentChildren;
+}
+
+export interface ChoicePreactBaseElementProps<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 ChoiceClickOptions {
     /**
      * The event you want to influence the synthetic click.
@@ -2598,7 +2912,8 @@ declare const ChoiceBaseClass: typeof globalThis.HTMLElement;
 declare module 'preact' {
     namespace createElement.JSX {
         interface IntrinsicElements {
-            [CheckboxtagName]: CheckboxJSXProps;
+            [CheckboxtagName]: CheckboxJSXProps &
+                CheckboxPreactBaseElementPropsWithChildren<Checkbox>;
         }
     }
 }
@@ -2636,6 +2951,19 @@ export interface PreactCheckboxProps extends Required<
     value: Required<CheckboxProps$1>['value'];
 }
 
+export interface CheckboxPreactBaseElementPropsWithChildren<TClass extends HTMLElement> extends CheckboxPreactBaseElementProps<TClass> {
+    children?: preact.ComponentChildren;
+}
+
+export interface CheckboxPreactBaseElementProps<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 CheckboxClickOptions {
     /**
      * The event you want to influence the synthetic click.
@@ -2655,14 +2983,9 @@ declare const internals: unique symbol;
 declare const CheckboxBaseClass: typeof globalThis.HTMLElement;
 
 declare module 'preact' {
-    interface BaseProps {
-        children?: preact.ComponentChildren;
-        slot?: Lowercase<string>;
-    }
-
     namespace createElement.JSX {
         interface IntrinsicElements {
-            [ButtontagName]: ButtonJSXProps & BaseProps;
+            [ButtontagName]: ButtonJSXProps & ButtonPreactBaseElementPropsWithChildren<Button>;
         }
     }
 }
@@ -2714,6 +3037,19 @@ export interface ButtonActivationEventEsque {
     button: number;
 }
 
+export interface ButtonPreactBaseElementPropsWithChildren<TClass extends HTMLElement> extends ButtonPreactBaseElementProps<TClass> {
+    children?: preact.ComponentChildren;
+}
+
+export interface ButtonPreactBaseElementProps<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 ButtonProps extends ButtonBaseProps {
     tone: Extract<ButtonProps$1['tone'], 'neutral' | 'critical' | 'auto'>;
     icon: ButtonIconProps['type'];
@@ -2740,14 +3076,9 @@ declare const Button_base: (abstract new (
 declare const ButtonBaseClass: typeof globalThis.HTMLElement;
 
 declare module 'preact' {
-    interface BaseProps {
-        children?: preact.ComponentChildren;
-        slot?: Lowercase<string>;
-    }
-
     namespace createElement.JSX {
         interface IntrinsicElements {
-            [BoxtagName]: BoxJSXProps & BaseProps;
+            [BoxtagName]: BoxJSXProps & BoxPreactBaseElementPropsWithChildren<Box>;
         }
     }
 }
@@ -2761,6 +3092,19 @@ declare global {
 export interface BoxJSXProps extends Partial<BoxProps>, Pick<BoxProps$1, 'id'> {
 }
 
+export interface BoxPreactBaseElementPropsWithChildren<TClass extends HTMLElement> extends BoxPreactBaseElementProps<TClass> {
+    children?: preact.ComponentChildren;
+}
+
+export interface BoxPreactBaseElementProps<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 BoxClickOptions {
     /**
      * The event you want to influence the synthetic click.
@@ -2787,7 +3131,6 @@ export interface BoxProps extends Pick<
         | 'borderRadius'
         | 'borderStyle'
         | 'borderWidth'
-        | 'display'
         | 'inlineSize'
         | 'maxBlockSize'
         | 'maxInlineSize'
@@ -2910,20 +3253,26 @@ export interface BoxProps extends Pick<
      * @default '' - meaning no override
      */
     paddingInlineEnd: ResponsiveBoxProps['paddingInlineEnd'];
+    /**
+     * Sets the outer display type of the component. The outer type sets a component's participation in [flow layout](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_flow_layout).
+     *
+     * - `auto` the component's initial value. The actual value depends on the component and context.
+     * - `none` hides the component from display and removes it from the accessibility tree, making it invisible to screen readers.
+     *
+     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/display
+     * @default 'auto'
+     */
+    display: ResponsiveBoxProps['display'];
 }
 
 declare const BoxtagName = 's-box';
 declare const BoxBaseClass: typeof globalThis.HTMLElement;
 
 declare module 'preact' {
-    interface BaseProps {
-        children?: preact.ComponentChildren;
-        slot?: Lowercase<string>;
-    }
-
     namespace createElement.JSX {
         interface IntrinsicElements {
-            [BannertagName]: Omit<BannerJSXProps, 'secondaryActions'> & BaseProps;
+            [BannertagName]: Omit<BannerJSXProps, 'secondaryActions'> &
+                BannerPreactBaseElementPropsWithChildren<Banner>;
         }
     }
 }
@@ -2959,6 +3308,19 @@ export interface BannerActivationEventEsque {
     button: number;
 }
 
+export interface BannerPreactBaseElementPropsWithChildren<TClass extends HTMLElement> extends BannerPreactBaseElementProps<TClass> {
+    children?: preact.ComponentChildren;
+}
+
+export interface BannerPreactBaseElementProps<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 BannerProps extends Pick<
         RequiredBannerProps,
         'heading' | 'dismissible' | 'hidden' | 'tone'
@@ -2973,14 +3335,9 @@ declare const BannertagName = 's-banner';
 declare const BannerBaseClass: typeof globalThis.HTMLElement;
 
 declare module 'preact' {
-    interface BaseProps {
-        children?: preact.ComponentChildren;
-        slot?: Lowercase<string>;
-    }
-
     namespace createElement.JSX {
         interface IntrinsicElements {
-            [tagName]: BadgeJSXProps & BaseProps;
+            [tagName]: BadgeJSXProps & PreactBaseElementPropsWithChildren<Badge>;
         }
     }
 }
@@ -2994,6 +3351,19 @@ declare global {
 export interface BadgeJSXProps extends Partial<BadgeProps>, Pick<BadgeProps$1, 'id'> {
 }
 
+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.