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

package/build/ts/surfaces/admin/targets/admin.order-index.selection-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,50 @@ declare const SectiontagName = 's-section';
 declare const SectionBaseClass: typeof globalThis.HTMLElement;
 
 declare module 'preact' {
-    interface BaseProps {
-        slot?: Lowercase<string>;
+    namespace createElement.JSX {
+        interface IntrinsicElements {
+            [QueryContainertagName]: Omit<
+                HTMLAttributes<HTMLElement>,
+                Extract<keyof HTMLAttributes<HTMLElement>, `on${Capitalize<string>}`>
+                > &
+                QueryContainerJSXProps;
+        }
+    }
+}
+
+declare global {
+    interface HTMLElementTagNameMap {
+        [QueryContainertagName]: QueryContainer;
     }
+}
+
+export interface QueryContainerJSXProps extends Partial<QueryContainerProps$1>, Pick<QueryContainerProps$1, 'id'> {
+}
+
+export interface QueryContainerProps extends Required<Pick<QueryContainerProps$1, 'id' | 'containerName'>> {
+}
 
+export interface QueryContainerClickOptions {
+    /**
+     * The event you want to influence the synthetic click.
+     */
+    sourceEvent?: QueryContainerActivationEventEsque;
+}
+
+export interface QueryContainerActivationEventEsque {
+    shiftKey: boolean;
+    metaKey: boolean;
+    ctrlKey: boolean;
+    button: number;
+}
+
+declare const QueryContainertagName = 's-query-container';
+declare const QueryContainerBaseClass: typeof globalThis.HTMLElement;
+
+declare module 'preact' {
     namespace createElement.JSX {
         interface IntrinsicElements {
-            [PasswordFieldtagName]: PasswordFieldJSXProps & BaseProps;
+            [PasswordFieldtagName]: PasswordFieldJSXProps & PasswordFieldPreactBaseElementProps<PasswordField>;
         }
     }
 }
@@ -967,6 +1133,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 +1168,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 +1185,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 +1231,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 +1248,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 +1282,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 +1299,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 +1333,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 +1349,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 +1385,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 +1413,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 +1448,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 +1468,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 +1503,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 +1520,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 +1554,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 +1606,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 +1648,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 +1680,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 +1731,6 @@ export interface ImageBoxProps extends Pick<
         | 'borderRadius'
         | 'borderStyle'
         | 'borderWidth'
-        | 'display'
         | 'inlineSize'
         | 'maxBlockSize'
         | 'maxInlineSize'
@@ -1611,19 +1853,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 +1885,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 +1925,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 +1941,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 +1981,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 +1998,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 +2042,6 @@ export interface GridItemBoxProps extends Pick<
         | 'borderRadius'
         | 'borderStyle'
         | 'borderWidth'
-        | 'display'
         | 'inlineSize'
         | 'maxBlockSize'
         | 'maxInlineSize'
@@ -1891,20 +2164,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 +2210,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 +2283,6 @@ export interface GridBoxProps extends Pick<
         | 'borderRadius'
         | 'borderStyle'
         | 'borderWidth'
-        | 'display'
         | 'inlineSize'
         | 'maxBlockSize'
         | 'maxInlineSize'
@@ -2115,19 +2405,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 +2437,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 +2472,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 +2488,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 +2520,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 +2562,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 +2594,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 +2649,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 +2677,6 @@ export interface ClickableBoxProps extends Pick<
         | 'borderRadius'
         | 'borderStyle'
         | 'borderWidth'
-        | 'display'
         | 'inlineSize'
         | 'maxBlockSize'
         | 'maxInlineSize'
@@ -2476,6 +2799,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 +2819,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 +2852,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 +2892,7 @@ declare const BaseClass$1: typeof globalThis.HTMLElement;
 declare module 'preact' {
     namespace createElement.JSX {
         interface IntrinsicElements {
-            [ChoicetagName]: ChoiceJSXProps;
+            [ChoicetagName]: ChoiceJSXProps & ChoicePreactBaseElementPropsWithChildren<Choice>;
         }
     }
 }
@@ -2564,6 +2906,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 +2953,8 @@ declare const ChoiceBaseClass: typeof globalThis.HTMLElement;
 declare module 'preact' {
     namespace createElement.JSX {
         interface IntrinsicElements {
-            [CheckboxtagName]: CheckboxJSXProps;
+            [CheckboxtagName]: CheckboxJSXProps &
+                CheckboxPreactBaseElementPropsWithChildren<Checkbox>;
         }
     }
 }
@@ -2636,6 +2992,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 +3024,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 +3078,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 +3117,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 +3133,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 +3172,6 @@ export interface BoxProps extends Pick<
         | 'borderRadius'
         | 'borderStyle'
         | 'borderWidth'
-        | 'display'
         | 'inlineSize'
         | 'maxBlockSize'
         | 'maxInlineSize'
@@ -2910,20 +3294,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 +3349,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 +3376,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 +3392,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.
@@ -3063,9 +3474,10 @@ import { OptionGroup } from "../../../../../src/surfaces/admin/components/Option
 import { OrderedList } from "../../../../../src/surfaces/admin/components/OrderedList";
 import { Paragraph } from "../../../../../src/surfaces/admin/components/Paragraph";
 import { PasswordField, PasswordFieldProps } from "../../../../../src/surfaces/admin/components/PasswordField";
+import { QueryContainer } from "../../../../../src/surfaces/admin/components/QueryContainer";
 import { RequiredSectionProps, Section } from "../../../../../src/surfaces/admin/components/Section";
 import { Select } from "../../../../../src/surfaces/admin/components/Select";
-import { AdminActionProps$1, BadgeProps$1, BannerProps$1, BoxProps$1, ButtonProps$1, CheckboxProps$1, ChoiceListProps$1, ChoiceProps$1, ClickableProps$1, ComponentChild, DatePickerProps$1, DividerProps$1, EmailFieldProps$1, GridItemProps$1, GridProps$1, HeadingProps$1, IconProps$1, IconType, ImageProps$1, InteractionProps, LinkProps$1, ListItemProps$1, MaybeAllValuesShorthandProperty, MoneyFieldProps$1, NumberFieldProps$1, OptionGroupProps$1, OptionProps$1, OrderedListProps$1, ParagraphProps$1, PasswordFieldProps$1, SectionProps$1, SelectProps$1, SpinnerProps$1, StackProps$1, TableBodyProps$1, TableCellProps$1, TableHeaderProps$1, TableHeaderRowProps$1, TableProps$1, TableRowProps$1, TextAreaProps$1, TextFieldProps$1, TextProps$1, URLFieldProps$1, UnorderedListProps$1 } from "../../../../../src/surfaces/admin/components/shared";
+import { AdminActionProps$1, BadgeProps$1, BannerProps$1, BoxProps$1, ButtonProps$1, CheckboxProps$1, ChoiceListProps$1, ChoiceProps$1, ClickableProps$1, ComponentChild, DatePickerProps$1, DividerProps$1, EmailFieldProps$1, GridItemProps$1, GridProps$1, HeadingProps$1, IconProps$1, IconType, ImageProps$1, InteractionProps, LinkProps$1, ListItemProps$1, MaybeAllValuesShorthandProperty, MoneyFieldProps$1, NumberFieldProps$1, OptionGroupProps$1, OptionProps$1, OrderedListProps$1, ParagraphProps$1, PasswordFieldProps$1, QueryContainerProps$1, SectionProps$1, SelectProps$1, SpinnerProps$1, StackProps$1, TableBodyProps$1, TableCellProps$1, TableHeaderProps$1, TableHeaderRowProps$1, TableProps$1, TableRowProps$1, TextAreaProps$1, TextFieldProps$1, TextProps$1, URLFieldProps$1, UnorderedListProps$1 } from "../../../../../src/surfaces/admin/components/shared";
 import { Spinner } from "../../../../../src/surfaces/admin/components/Spinner";
 import { AlignedStackProps, ResponsiveStackProps, Stack } from "../../../../../src/surfaces/admin/components/Stack";
 import { Table } from "../../../../../src/surfaces/admin/components/Table";