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

package/build/ts/surfaces/admin/targets/admin.discount-details.function-settings.render.d.ts

@@ -90,13 +90,9 @@ declare const AdminBlockBaseClass: typeof globalThis.HTMLElement;
 declare const AdminBlocktagName = 's-admin-block';
 
 declare module 'preact' {
-    interface BaseProps {
-        slot?: Lowercase<string>;
-    }
-
     namespace createElement.JSX {
         interface IntrinsicElements {
-            [URLFieldtagName]: URLFieldJSXProps & BaseProps;
+            [URLFieldtagName]: URLFieldJSXProps & URLFieldPreactBaseElementProps<URLField>;
         }
     }
 }
@@ -110,6 +106,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;
@@ -136,14 +141,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>;
         }
     }
 }
@@ -157,6 +158,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.
@@ -178,13 +192,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>;
         }
     }
 }
@@ -202,6 +213,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;
@@ -228,13 +248,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>;
         }
     }
 }
@@ -248,6 +264,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;
@@ -274,14 +299,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>;
         }
     }
 }
@@ -295,6 +315,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.
@@ -339,14 +372,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>;
         }
     }
 }
@@ -360,6 +389,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.
@@ -381,14 +423,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>;
         }
     }
 }
@@ -402,6 +440,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.
@@ -423,14 +474,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>;
         }
     }
 }
@@ -444,6 +491,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.
@@ -469,14 +529,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>;
         }
     }
 }
@@ -490,6 +546,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.
@@ -511,14 +580,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>;
         }
     }
 }
@@ -532,6 +597,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.
@@ -553,14 +631,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>;
         }
     }
 }
@@ -578,6 +652,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.
@@ -614,14 +701,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>;
         }
     }
 }
@@ -635,6 +717,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.
@@ -710,7 +805,6 @@ export interface StackBoxProps extends Pick<
         | 'borderRadius'
         | 'borderStyle'
         | 'borderWidth'
-        | 'display'
         | 'inlineSize'
         | 'maxBlockSize'
         | 'maxInlineSize'
@@ -833,6 +927,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';
@@ -841,7 +945,7 @@ declare const StackBaseClass: typeof globalThis.HTMLElement;
 declare module 'preact' {
     namespace createElement.JSX {
         interface IntrinsicElements {
-            [SpinnertagName]: SpinnerJSXProps;
+            [SpinnertagName]: SpinnerJSXProps & SpinnerPreactBaseElementProps<Spinner>;
         }
     }
 }
@@ -855,6 +959,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.
@@ -877,14 +990,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>;
         }
     }
 }
@@ -919,6 +1027,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.
@@ -940,14 +1061,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>;
         }
     }
 }
@@ -961,6 +1077,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.
@@ -988,13 +1117,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>;
         }
     }
 }
@@ -1008,6 +1174,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;
@@ -1034,14 +1209,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>;
         }
     }
 }
@@ -1055,6 +1226,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.
@@ -1088,14 +1272,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>;
         }
     }
 }
@@ -1109,6 +1289,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.
@@ -1130,13 +1323,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>;
         }
     }
 }
@@ -1150,6 +1340,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.
@@ -1171,13 +1374,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>;
         }
     }
 }
@@ -1191,6 +1390,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.
@@ -1214,13 +1426,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>;
         }
     }
 }
@@ -1246,6 +1454,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;
@@ -1272,14 +1489,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>;
         }
     }
 }
@@ -1297,6 +1509,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;
@@ -1323,14 +1544,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>;
         }
     }
 }
@@ -1344,6 +1561,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.
@@ -1365,14 +1595,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>;
         }
     }
 }
@@ -1422,6 +1647,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'
@@ -1451,13 +1689,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>;
         }
     }
 }
@@ -1487,6 +1721,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,
@@ -1529,7 +1772,6 @@ export interface ImageBoxProps extends Pick<
         | 'borderRadius'
         | 'borderStyle'
         | 'borderWidth'
-        | 'display'
         | 'inlineSize'
         | 'maxBlockSize'
         | 'maxInlineSize'
@@ -1652,19 +1894,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>;
         }
     }
 }
@@ -1678,6 +1926,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.
@@ -1709,14 +1966,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>;
         }
     }
 }
@@ -1730,6 +1982,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.
@@ -1757,14 +2022,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>;
         }
     }
 }
@@ -1778,6 +2039,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.
@@ -1809,7 +2083,6 @@ export interface GridItemBoxProps extends Pick<
         | 'borderRadius'
         | 'borderStyle'
         | 'borderWidth'
-        | 'display'
         | 'inlineSize'
         | 'maxBlockSize'
         | 'maxInlineSize'
@@ -1932,20 +2205,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>;
         }
     }
 }
@@ -1973,6 +2251,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,
@@ -2033,7 +2324,6 @@ export interface GridBoxProps extends Pick<
         | 'borderRadius'
         | 'borderStyle'
         | 'borderWidth'
-        | 'display'
         | 'inlineSize'
         | 'maxBlockSize'
         | 'maxInlineSize'
@@ -2156,19 +2446,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>;
         }
     }
 }
@@ -2182,6 +2478,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;
@@ -2208,13 +2513,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>;
         }
     }
 }
@@ -2228,6 +2529,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.
@@ -2251,13 +2561,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>;
         }
     }
 }
@@ -2297,6 +2603,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,
@@ -2320,14 +2635,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>;
         }
     }
 }
@@ -2379,6 +2690,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 {
 }
 
@@ -2394,7 +2718,6 @@ export interface ClickableBoxProps extends Pick<
         | 'borderRadius'
         | 'borderStyle'
         | 'borderWidth'
-        | 'display'
         | 'inlineSize'
         | 'maxBlockSize'
         | 'maxInlineSize'
@@ -2517,6 +2840,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';
@@ -2527,14 +2860,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>;
         }
     }
 }
@@ -2564,6 +2893,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,
@@ -2591,7 +2933,7 @@ declare const BaseClass$1: typeof globalThis.HTMLElement;
 declare module 'preact' {
     namespace createElement.JSX {
         interface IntrinsicElements {
-            [ChoicetagName]: ChoiceJSXProps;
+            [ChoicetagName]: ChoiceJSXProps & ChoicePreactBaseElementPropsWithChildren<Choice>;
         }
     }
 }
@@ -2605,6 +2947,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.
@@ -2639,7 +2994,8 @@ declare const ChoiceBaseClass: typeof globalThis.HTMLElement;
 declare module 'preact' {
     namespace createElement.JSX {
         interface IntrinsicElements {
-            [CheckboxtagName]: CheckboxJSXProps;
+            [CheckboxtagName]: CheckboxJSXProps &
+                CheckboxPreactBaseElementPropsWithChildren<Checkbox>;
         }
     }
 }
@@ -2677,6 +3033,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.
@@ -2696,14 +3065,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>;
         }
     }
 }
@@ -2755,6 +3119,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'];
@@ -2781,14 +3158,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>;
         }
     }
 }
@@ -2802,6 +3174,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.
@@ -2828,7 +3213,6 @@ export interface BoxProps extends Pick<
         | 'borderRadius'
         | 'borderStyle'
         | 'borderWidth'
-        | 'display'
         | 'inlineSize'
         | 'maxBlockSize'
         | 'maxInlineSize'
@@ -2951,20 +3335,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>;
         }
     }
 }
@@ -3000,6 +3390,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'
@@ -3014,14 +3417,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>;
         }
     }
 }
@@ -3035,6 +3433,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.
@@ -3105,9 +3516,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 { AdminBlockProps$1, BadgeProps$1, BannerProps$1, BoxProps$1, ButtonProps$1, CheckboxProps$1, ChoiceListProps$1, ChoiceProps$1, ClickableProps$1, ComponentChild, DatePickerProps$1, DividerProps$1, EmailFieldProps$1, GridItemProps$1, GridProps$1, HeadingProps$1, IconProps$1, IconType, ImageProps$1, InteractionProps, LinkProps$1, ListItemProps$1, MaybeAllValuesShorthandProperty, MoneyFieldProps$1, NumberFieldProps$1, OptionGroupProps$1, OptionProps$1, OrderedListProps$1, ParagraphProps$1, PasswordFieldProps$1, 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 { AdminBlockProps$1, BadgeProps$1, BannerProps$1, BoxProps$1, ButtonProps$1, CheckboxProps$1, ChoiceListProps$1, ChoiceProps$1, ClickableProps$1, ComponentChild, DatePickerProps$1, DividerProps$1, EmailFieldProps$1, GridItemProps$1, GridProps$1, HeadingProps$1, IconProps$1, IconType, ImageProps$1, InteractionProps, LinkProps$1, ListItemProps$1, MaybeAllValuesShorthandProperty, MoneyFieldProps$1, NumberFieldProps$1, OptionGroupProps$1, OptionProps$1, OrderedListProps$1, ParagraphProps$1, PasswordFieldProps$1, QueryContainerProps$1, SectionProps$1, SelectProps$1, SpinnerProps$1, StackProps$1, TableBodyProps$1, TableCellProps$1, TableHeaderProps$1, TableHeaderRowProps$1, TableProps$1, TableRowProps$1, TextAreaProps$1, TextFieldProps$1, TextProps$1, 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";