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

package/build/ts/surfaces/admin/targets/admin.settings.validation.render.d.ts

@@ -1,11 +1,7 @@
 declare module 'preact' {
-    interface BaseProps {
-        slot?: Lowercase<string>;
-    }
-
     namespace createElement.JSX {
         interface IntrinsicElements {
-            [URLFieldtagName]: URLFieldJSXProps & BaseProps;
+            [URLFieldtagName]: URLFieldJSXProps & URLFieldPreactBaseElementProps<URLField>;
         }
     }
 }
@@ -19,6 +15,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;
@@ -45,14 +50,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>;
         }
     }
 }
@@ -66,6 +67,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.
@@ -87,13 +101,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>;
         }
     }
 }
@@ -111,6 +122,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;
@@ -137,13 +157,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>;
         }
     }
 }
@@ -157,6 +173,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;
@@ -183,14 +208,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>;
         }
     }
 }
@@ -204,6 +224,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.
@@ -248,14 +281,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>;
         }
     }
 }
@@ -269,6 +298,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.
@@ -290,14 +332,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>;
         }
     }
 }
@@ -311,6 +349,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.
@@ -332,14 +383,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>;
         }
     }
 }
@@ -353,6 +400,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.
@@ -378,14 +438,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>;
         }
     }
 }
@@ -399,6 +455,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.
@@ -420,14 +489,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>;
         }
     }
 }
@@ -441,6 +506,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.
@@ -462,14 +540,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>;
         }
     }
 }
@@ -487,6 +561,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.
@@ -523,14 +610,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>;
         }
     }
 }
@@ -544,6 +626,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.
@@ -619,7 +714,6 @@ export interface StackBoxProps extends Pick<
         | 'borderRadius'
         | 'borderStyle'
         | 'borderWidth'
-        | 'display'
         | 'inlineSize'
         | 'maxBlockSize'
         | 'maxInlineSize'
@@ -742,6 +836,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';
@@ -750,7 +854,7 @@ declare const StackBaseClass: typeof globalThis.HTMLElement;
 declare module 'preact' {
     namespace createElement.JSX {
         interface IntrinsicElements {
-            [SpinnertagName]: SpinnerJSXProps;
+            [SpinnertagName]: SpinnerJSXProps & SpinnerPreactBaseElementProps<Spinner>;
         }
     }
 }
@@ -764,6 +868,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.
@@ -786,14 +899,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>;
         }
     }
 }
@@ -828,6 +936,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.
@@ -849,14 +970,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>;
         }
     }
 }
@@ -870,6 +986,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.
@@ -897,13 +1026,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>;
         }
     }
 }
@@ -917,6 +1083,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;
@@ -943,14 +1118,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>;
         }
     }
 }
@@ -964,6 +1135,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.
@@ -997,14 +1181,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>;
         }
     }
 }
@@ -1018,6 +1198,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.
@@ -1039,13 +1232,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>;
         }
     }
 }
@@ -1059,6 +1249,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.
@@ -1080,13 +1283,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>;
         }
     }
 }
@@ -1100,6 +1299,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.
@@ -1123,13 +1335,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>;
         }
     }
 }
@@ -1155,6 +1363,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;
@@ -1181,14 +1398,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>;
         }
     }
 }
@@ -1206,6 +1418,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;
@@ -1232,14 +1453,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>;
         }
     }
 }
@@ -1253,6 +1470,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.
@@ -1274,14 +1504,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>;
         }
     }
 }
@@ -1331,6 +1556,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'
@@ -1360,13 +1598,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>;
         }
     }
 }
@@ -1396,6 +1630,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,
@@ -1438,7 +1681,6 @@ export interface ImageBoxProps extends Pick<
         | 'borderRadius'
         | 'borderStyle'
         | 'borderWidth'
-        | 'display'
         | 'inlineSize'
         | 'maxBlockSize'
         | 'maxInlineSize'
@@ -1561,19 +1803,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>;
         }
     }
 }
@@ -1587,6 +1835,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.
@@ -1618,14 +1875,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>;
         }
     }
 }
@@ -1639,6 +1891,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.
@@ -1666,14 +1931,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>;
         }
     }
 }
@@ -1687,6 +1948,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.
@@ -1718,7 +1992,6 @@ export interface GridItemBoxProps extends Pick<
         | 'borderRadius'
         | 'borderStyle'
         | 'borderWidth'
-        | 'display'
         | 'inlineSize'
         | 'maxBlockSize'
         | 'maxInlineSize'
@@ -1841,20 +2114,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>;
         }
     }
 }
@@ -1882,6 +2160,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,
@@ -1942,7 +2233,6 @@ export interface GridBoxProps extends Pick<
         | 'borderRadius'
         | 'borderStyle'
         | 'borderWidth'
-        | 'display'
         | 'inlineSize'
         | 'maxBlockSize'
         | 'maxInlineSize'
@@ -2065,19 +2355,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>;
         }
     }
 }
@@ -2091,6 +2387,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;
@@ -2117,13 +2422,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>;
         }
     }
 }
@@ -2137,6 +2438,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.
@@ -2160,13 +2470,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>;
         }
     }
 }
@@ -2206,6 +2512,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,
@@ -2229,14 +2544,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>;
         }
     }
 }
@@ -2288,6 +2599,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 {
 }
 
@@ -2303,7 +2627,6 @@ export interface ClickableBoxProps extends Pick<
         | 'borderRadius'
         | 'borderStyle'
         | 'borderWidth'
-        | 'display'
         | 'inlineSize'
         | 'maxBlockSize'
         | 'maxInlineSize'
@@ -2426,6 +2749,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';
@@ -2436,14 +2769,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>;
         }
     }
 }
@@ -2473,6 +2802,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,
@@ -2500,7 +2842,7 @@ declare const BaseClass$1: typeof globalThis.HTMLElement;
 declare module 'preact' {
     namespace createElement.JSX {
         interface IntrinsicElements {
-            [ChoicetagName]: ChoiceJSXProps;
+            [ChoicetagName]: ChoiceJSXProps & ChoicePreactBaseElementPropsWithChildren<Choice>;
         }
     }
 }
@@ -2514,6 +2856,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.
@@ -2548,7 +2903,8 @@ declare const ChoiceBaseClass: typeof globalThis.HTMLElement;
 declare module 'preact' {
     namespace createElement.JSX {
         interface IntrinsicElements {
-            [CheckboxtagName]: CheckboxJSXProps;
+            [CheckboxtagName]: CheckboxJSXProps &
+                CheckboxPreactBaseElementPropsWithChildren<Checkbox>;
         }
     }
 }
@@ -2586,6 +2942,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.
@@ -2605,14 +2974,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>;
         }
     }
 }
@@ -2664,6 +3028,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'];
@@ -2690,14 +3067,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>;
         }
     }
 }
@@ -2711,6 +3083,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.
@@ -2737,7 +3122,6 @@ export interface BoxProps extends Pick<
         | 'borderRadius'
         | 'borderStyle'
         | 'borderWidth'
-        | 'display'
         | 'inlineSize'
         | 'maxBlockSize'
         | 'maxInlineSize'
@@ -2860,20 +3244,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>;
         }
     }
 }
@@ -2909,6 +3299,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'
@@ -2923,14 +3326,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>;
         }
     }
 }
@@ -2944,6 +3342,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.
@@ -3012,9 +3423,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 { 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 { 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";