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

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

@@ -38,13 +38,9 @@ declare const AdminPrintActionBaseClass: typeof globalThis.HTMLElement;
 declare const AdminPrintActiontagName = 's-admin-print-action';
 
 declare module 'preact' {
-    interface BaseProps {
-        slot?: Lowercase<string>;
-    }
-
     namespace createElement.JSX {
         interface IntrinsicElements {
-            [URLFieldtagName]: URLFieldJSXProps & BaseProps;
+            [URLFieldtagName]: URLFieldJSXProps & URLFieldPreactBaseElementProps<URLField>;
         }
     }
 }
@@ -58,6 +54,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;
@@ -84,14 +89,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>;
         }
     }
 }
@@ -105,6 +106,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.
@@ -126,13 +140,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>;
         }
     }
 }
@@ -150,6 +161,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;
@@ -176,13 +196,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>;
         }
     }
 }
@@ -196,6 +212,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;
@@ -222,14 +247,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>;
         }
     }
 }
@@ -243,6 +263,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.
@@ -287,14 +320,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>;
         }
     }
 }
@@ -308,6 +337,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.
@@ -329,14 +371,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>;
         }
     }
 }
@@ -350,6 +388,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.
@@ -371,14 +422,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>;
         }
     }
 }
@@ -392,6 +439,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.
@@ -417,14 +477,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>;
         }
     }
 }
@@ -438,6 +494,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.
@@ -459,14 +528,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>;
         }
     }
 }
@@ -480,6 +545,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.
@@ -501,14 +579,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>;
         }
     }
 }
@@ -526,6 +600,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.
@@ -562,14 +649,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>;
         }
     }
 }
@@ -583,6 +665,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.
@@ -658,7 +753,6 @@ export interface StackBoxProps extends Pick<
         | 'borderRadius'
         | 'borderStyle'
         | 'borderWidth'
-        | 'display'
         | 'inlineSize'
         | 'maxBlockSize'
         | 'maxInlineSize'
@@ -781,6 +875,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';
@@ -789,7 +893,7 @@ declare const StackBaseClass: typeof globalThis.HTMLElement;
 declare module 'preact' {
     namespace createElement.JSX {
         interface IntrinsicElements {
-            [SpinnertagName]: SpinnerJSXProps;
+            [SpinnertagName]: SpinnerJSXProps & SpinnerPreactBaseElementProps<Spinner>;
         }
     }
 }
@@ -803,6 +907,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.
@@ -825,14 +938,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>;
         }
     }
 }
@@ -867,6 +975,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.
@@ -888,14 +1009,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>;
         }
     }
 }
@@ -909,6 +1025,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.
@@ -936,13 +1065,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>;
         }
     }
 }
@@ -956,6 +1081,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;
@@ -982,14 +1116,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>;
         }
     }
 }
@@ -1003,6 +1133,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.
@@ -1036,14 +1179,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>;
         }
     }
 }
@@ -1057,6 +1196,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.
@@ -1078,13 +1230,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>;
         }
     }
 }
@@ -1098,6 +1247,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.
@@ -1119,13 +1281,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>;
         }
     }
 }
@@ -1139,6 +1297,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.
@@ -1162,13 +1333,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>;
         }
     }
 }
@@ -1194,6 +1361,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;
@@ -1220,14 +1396,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>;
         }
     }
 }
@@ -1245,6 +1416,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;
@@ -1271,14 +1451,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>;
         }
     }
 }
@@ -1292,6 +1468,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.
@@ -1313,14 +1502,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>;
         }
     }
 }
@@ -1370,6 +1554,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'
@@ -1399,13 +1596,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>;
         }
     }
 }
@@ -1435,6 +1628,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,
@@ -1477,7 +1679,6 @@ export interface ImageBoxProps extends Pick<
         | 'borderRadius'
         | 'borderStyle'
         | 'borderWidth'
-        | 'display'
         | 'inlineSize'
         | 'maxBlockSize'
         | 'maxInlineSize'
@@ -1600,19 +1801,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>;
         }
     }
 }
@@ -1626,6 +1833,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.
@@ -1657,14 +1873,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>;
         }
     }
 }
@@ -1678,6 +1889,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.
@@ -1705,14 +1929,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>;
         }
     }
 }
@@ -1726,6 +1946,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.
@@ -1757,7 +1990,6 @@ export interface GridItemBoxProps extends Pick<
         | 'borderRadius'
         | 'borderStyle'
         | 'borderWidth'
-        | 'display'
         | 'inlineSize'
         | 'maxBlockSize'
         | 'maxInlineSize'
@@ -1880,20 +2112,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>;
         }
     }
 }
@@ -1921,6 +2158,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,
@@ -1981,7 +2231,6 @@ export interface GridBoxProps extends Pick<
         | 'borderRadius'
         | 'borderStyle'
         | 'borderWidth'
-        | 'display'
         | 'inlineSize'
         | 'maxBlockSize'
         | 'maxInlineSize'
@@ -2104,19 +2353,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>;
         }
     }
 }
@@ -2130,6 +2385,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;
@@ -2156,13 +2420,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>;
         }
     }
 }
@@ -2176,6 +2436,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.
@@ -2199,13 +2468,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>;
         }
     }
 }
@@ -2245,6 +2510,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,
@@ -2268,14 +2542,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>;
         }
     }
 }
@@ -2327,6 +2597,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 {
 }
 
@@ -2342,7 +2625,6 @@ export interface ClickableBoxProps extends Pick<
         | 'borderRadius'
         | 'borderStyle'
         | 'borderWidth'
-        | 'display'
         | 'inlineSize'
         | 'maxBlockSize'
         | 'maxInlineSize'
@@ -2465,6 +2747,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';
@@ -2475,14 +2767,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>;
         }
     }
 }
@@ -2512,6 +2800,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,
@@ -2539,7 +2840,7 @@ declare const BaseClass$1: typeof globalThis.HTMLElement;
 declare module 'preact' {
     namespace createElement.JSX {
         interface IntrinsicElements {
-            [ChoicetagName]: ChoiceJSXProps;
+            [ChoicetagName]: ChoiceJSXProps & ChoicePreactBaseElementPropsWithChildren<Choice>;
         }
     }
 }
@@ -2553,6 +2854,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.
@@ -2587,7 +2901,8 @@ declare const ChoiceBaseClass: typeof globalThis.HTMLElement;
 declare module 'preact' {
     namespace createElement.JSX {
         interface IntrinsicElements {
-            [CheckboxtagName]: CheckboxJSXProps;
+            [CheckboxtagName]: CheckboxJSXProps &
+                CheckboxPreactBaseElementPropsWithChildren<Checkbox>;
         }
     }
 }
@@ -2625,6 +2940,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.
@@ -2644,14 +2972,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>;
         }
     }
 }
@@ -2703,6 +3026,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'];
@@ -2729,14 +3065,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>;
         }
     }
 }
@@ -2750,6 +3081,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.
@@ -2776,7 +3120,6 @@ export interface BoxProps extends Pick<
         | 'borderRadius'
         | 'borderStyle'
         | 'borderWidth'
-        | 'display'
         | 'inlineSize'
         | 'maxBlockSize'
         | 'maxInlineSize'
@@ -2899,20 +3242,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>;
         }
     }
 }
@@ -2948,6 +3297,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'
@@ -2962,14 +3324,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>;
         }
     }
 }
@@ -2983,6 +3340,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.