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

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

@@ -1296,11 +1296,25 @@ export interface LinkJSXProps extends Partial<LinkProps>, Pick<LinkProps$1, 'id'
     onClick?: ((event: CallbackEvent<typeof LinktagName>) => void) | null;
 }
 
-export interface LinkPreactOverlayControlProps extends Required<Pick<InteractionProps, 'commandFor'>> {
+export interface LinkPreactOverlayControlProps extends Pick<InteractionProps, 'commandFor'> {
+    /**
+     * Sets the action the `commandFor` should take when this clickable is activated.
+     *
+     * See the documentation of particular components for the actions they support.
+     *
+     * - `--auto`: a default action for the target component.
+     * - `--show`: shows the target component.
+     * - `--hide`: hides the target component.
+     * - `--toggle`: toggles the target component.
+     *
+     * @default '--auto'
+     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#command
+     */
     command: Extract<
         InteractionProps['command'],
         '--show' | '--hide' | '--toggle' | '--auto'
         >;
+    commandFor: Extract<InteractionProps['commandFor'], string>;
 }
 
 export interface LinkClickOptions {
@@ -2239,11 +2253,25 @@ export interface ClickableJSXProps extends Partial<ClickableProps>, Pick<Clickab
     onBlur?: ((event: CallbackEvent<typeof tagName>) => void) | null;
 }
 
-export interface ClickablePreactOverlayControlProps extends Required<Pick<InteractionProps, 'commandFor'>> {
+export interface ClickablePreactOverlayControlProps extends Pick<InteractionProps, 'commandFor'> {
+    /**
+     * Sets the action the `commandFor` should take when this clickable is activated.
+     *
+     * See the documentation of particular components for the actions they support.
+     *
+     * - `--auto`: a default action for the target component.
+     * - `--show`: shows the target component.
+     * - `--hide`: hides the target component.
+     * - `--toggle`: toggles the target component.
+     *
+     * @default '--auto'
+     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#command
+     */
     command: Extract<
         InteractionProps['command'],
         '--show' | '--hide' | '--toggle' | '--auto'
         >;
+    commandFor: Extract<InteractionProps['commandFor'], string>;
 }
 
 export interface ClickableClickOptions {
@@ -2601,11 +2629,25 @@ export interface ButtonJSXProps extends Partial<ButtonProps>, Pick<ButtonProps$1
     onBlur?: ((event: CallbackEvent<typeof tagName>) => void) | null;
 }
 
-export interface PreactOverlayControlProps extends Required<Pick<InteractionProps, 'commandFor'>> {
+export interface PreactOverlayControlProps extends Pick<InteractionProps, 'commandFor'> {
+    /**
+     * Sets the action the `commandFor` should take when this clickable is activated.
+     *
+     * See the documentation of particular components for the actions they support.
+     *
+     * - `--auto`: a default action for the target component.
+     * - `--show`: shows the target component.
+     * - `--hide`: hides the target component.
+     * - `--toggle`: toggles the target component.
+     *
+     * @default '--auto'
+     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#command
+     */
     command: Extract<
         InteractionProps['command'],
         '--show' | '--hide' | '--toggle' | '--auto'
         >;
+    commandFor: Extract<InteractionProps['commandFor'], string>;
 }
 
 export interface ButtonClickOptions {
@@ -2844,7 +2886,9 @@ declare global {
 
 export interface BannerJSXProps extends Partial<BannerProps>, Pick<BannerProps$1, 'id'> {
     /**
-     * The secondary actions to display at the bottom of the banner. Only a maximum of two `s-button` components are allowed.
+     * The secondary actions to display at the bottom of the banner.
+     *
+     * A maximum of two `s-button` components are allowed, and only buttons with the `variant` of "secondary" are permitted.
      */
     secondaryActions?: ComponentChild;
     onDismiss?: ((event: CallbackEvent<typeof BannertagName>) => void) | null;

package/build/ts/surfaces/checkout/components/Abbreviation.d.ts

@@ -20,9 +20,13 @@ declare global {
     }
 }
 declare module 'preact' {
+    interface BaseProps {
+        children?: preact.ComponentChildren;
+        slot?: Lowercase<string>;
+    }
     namespace createElement.JSX {
         interface IntrinsicElements {
-            's-abbreviation': Omit<HTMLAttributes<HTMLElement>, Extract<keyof HTMLAttributes<HTMLElement>, `on${Capitalize<string>}`>> & AbbreviationProps;
+            's-abbreviation': AbbreviationProps & BaseProps;
         }
     }
 }

package/build/ts/surfaces/checkout/components/Banner.d.ts

@@ -23,9 +23,13 @@ declare global {
     }
 }
 declare module 'preact' {
+    interface BaseProps {
+        children?: preact.ComponentChildren;
+        slot?: Lowercase<string>;
+    }
     namespace createElement.JSX {
         interface IntrinsicElements {
-            's-banner': Omit<HTMLAttributes<HTMLElement>, Extract<keyof HTMLAttributes<HTMLElement>, `on${Capitalize<string>}`>> & BannerProps;
+            's-banner': BannerProps & BaseProps;
         }
     }
 }

package/build/ts/surfaces/checkout/components/Box.d.ts

@@ -14,8 +14,7 @@ export type ReducedBorderSizeKeyword = Extract<BorderSizeKeyword, 'none' | 'base
 export type ReducedColorKeyword = Extract<ColorKeyword, 'base'>;
 export type BorderShorthand = ReducedBorderSizeKeyword | `${ReducedBorderSizeKeyword} ${ReducedColorKeyword}` | `${ReducedBorderSizeKeyword} ${ReducedColorKeyword} ${BorderStyleKeyword}`;
 
-export interface BoxProps extends Pick<BoxProps$1, 'accessibilityLabel' | 'accessibilityRole' | 'accessibilityVisibility' | 'background' | 'border' | 'borderColor' | 'borderRadius' | 'borderStyle' | 'borderWidth' | 'display' | 'id' | 'maxBlockSize' | 'maxInlineSize' | 'minBlockSize' | 'minInlineSize' | 'overflow' | 'padding' | 'paddingBlock' | 'paddingBlockEnd' | 'paddingBlockStart' | 'paddingInline' | 'paddingInlineEnd' | 'paddingInlineStart'> {
-    accessibilityRole?: Extract<BoxProps$1['accessibilityRole'], 'main' | 'header' | 'footer' | 'section' | 'aside' | 'navigation' | 'ordered-list' | 'list-item' | 'list-item-separator' | 'unordered-list' | 'separator' | 'status' | 'alert' | 'generic' | 'presentation' | 'none'>;
+export interface BoxProps extends Pick<BoxProps$1, 'accessibilityLabel' | 'accessibilityRole' | 'accessibilityVisibility' | 'background' | 'border' | 'borderRadius' | 'borderStyle' | 'borderWidth' | 'display' | 'id' | 'maxBlockSize' | 'maxInlineSize' | 'minBlockSize' | 'minInlineSize' | 'overflow' | 'padding' | 'paddingBlock' | 'paddingBlockEnd' | 'paddingBlockStart' | 'paddingInline' | 'paddingInlineEnd' | 'paddingInlineStart'> {
     background?: Extract<BoxProps$1['background'], 'transparent' | 'subdued' | 'base'>;
     border?: BorderShorthand;
     borderWidth?: MaybeAllValuesShorthandProperty<ReducedBorderSizeKeyword> | '';
@@ -29,9 +28,13 @@ declare global {
     }
 }
 declare module 'preact' {
+    interface BaseProps {
+        children?: preact.ComponentChildren;
+        slot?: Lowercase<string>;
+    }
     namespace createElement.JSX {
         interface IntrinsicElements {
-            's-box': Omit<HTMLAttributes<HTMLElement>, Extract<keyof HTMLAttributes<HTMLElement>, `on${Capitalize<string>}`>> & BoxProps;
+            's-box': BoxProps & BaseProps;
         }
     }
 }

package/build/ts/surfaces/checkout/components/Button.d.ts

@@ -10,7 +10,7 @@
 /// <reference lib="DOM" />
 import type {ButtonProps$1} from './components-shared.d.ts';
 
-export interface ButtonProps extends Pick<ButtonProps$1, 'accessibilityLabel' | 'command' | 'commandFor' | 'disabled' | 'href' | 'id' | 'loading' | 'onClick' | 'target' | 'tone' | 'type' | 'variant'> {
+export interface ButtonProps extends Pick<ButtonProps$1, 'accessibilityLabel' | 'command' | 'commandFor' | 'disabled' | 'href' | 'id' | 'inlineSize' | 'loading' | 'onClick' | 'target' | 'tone' | 'type' | 'variant'> {
     target?: Extract<ButtonProps$1['target'], 'auto' | '_self' | '_blank'>;
     tone?: Extract<ButtonProps$1['tone'], 'auto' | 'neutral' | 'critical'>;
     type?: Extract<ButtonProps$1['type'], 'submit' | 'button'>;
@@ -25,9 +25,13 @@ declare global {
     }
 }
 declare module 'preact' {
+    interface BaseProps {
+        children?: preact.ComponentChildren;
+        slot?: Lowercase<string>;
+    }
     namespace createElement.JSX {
         interface IntrinsicElements {
-            's-button': Omit<HTMLAttributes<HTMLElement>, Extract<keyof HTMLAttributes<HTMLElement>, `on${Capitalize<string>}`>> & ButtonProps;
+            's-button': ButtonProps & BaseProps;
         }
     }
 }

package/build/ts/surfaces/checkout/components/ClipboardItem.d.ts

@@ -24,7 +24,7 @@ declare global {
 declare module 'preact' {
     namespace createElement.JSX {
         interface IntrinsicElements {
-            's-clipboard-item': Omit<HTMLAttributes<HTMLElement>, Extract<keyof HTMLAttributes<HTMLElement>, `on${Capitalize<string>}`>> & ClipboardItemProps;
+            's-clipboard-item': ClipboardItemProps;
         }
     }
 }

package/build/ts/surfaces/checkout/components/DropZone.d.ts

@@ -24,7 +24,7 @@ declare global {
 declare module 'preact' {
     namespace createElement.JSX {
         interface IntrinsicElements {
-            's-drop-zone': Omit<HTMLAttributes<HTMLElement>, Extract<keyof HTMLAttributes<HTMLElement>, `on${Capitalize<string>}`>> & DropZoneProps;
+            's-drop-zone': DropZoneProps;
         }
     }
 }

package/build/ts/surfaces/checkout/components/Form.d.ts

@@ -22,9 +22,13 @@ declare global {
     }
 }
 declare module 'preact' {
+    interface BaseProps {
+        children?: preact.ComponentChildren;
+        slot?: Lowercase<string>;
+    }
     namespace createElement.JSX {
         interface IntrinsicElements {
-            's-form': Omit<HTMLAttributes<HTMLElement>, Extract<keyof HTMLAttributes<HTMLElement>, `on${Capitalize<string>}`>> & FormProps;
+            's-form': FormProps & BaseProps;
         }
     }
 }

package/build/ts/surfaces/checkout/components/Heading/Heading.doc.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Heading.doc.d.ts","sourceRoot":"","sources":["../../../../../../src/surfaces/checkout/components/Heading/Heading.doc.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,6BAA6B,EAAC,MAAM,wBAAwB,CAAC;AAG1E,QAAA,MAAM,IAAI,EAAE,6BAoDX,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"Heading.doc.d.ts","sourceRoot":"","sources":["../../../../../../src/surfaces/checkout/components/Heading/Heading.doc.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,6BAA6B,EAAC,MAAM,wBAAwB,CAAC;AAG1E,QAAA,MAAM,IAAI,EAAE,6BAsDX,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/build/ts/surfaces/checkout/components/Heading.d.ts

@@ -20,9 +20,13 @@ declare global {
     }
 }
 declare module 'preact' {
+    interface BaseProps {
+        children?: preact.ComponentChildren;
+        slot?: Lowercase<string>;
+    }
     namespace createElement.JSX {
         interface IntrinsicElements {
-            's-heading': Omit<HTMLAttributes<HTMLElement>, Extract<keyof HTMLAttributes<HTMLElement>, `on${Capitalize<string>}`>> & HeadingProps;
+            's-heading': HeadingProps & BaseProps;
         }
     }
 }

package/build/ts/surfaces/checkout/components/Icon.d.ts

@@ -0,0 +1,36 @@
+/** VERSION: 0.0.0 **/
+/* eslint-disable import/extensions */
+/* eslint-disable @typescript-eslint/no-namespace */
+/* eslint-disable @typescript-eslint/member-ordering */
+/* eslint-disable line-comment-position */
+/* eslint-disable @typescript-eslint/unified-signatures */
+/* eslint-disable no-var */
+/* eslint-disable import/namespace */
+// eslint-disable-next-line @typescript-eslint/triple-slash-reference, spaced-comment
+/// <reference lib="DOM" />
+import type {IconProps$1} from './components-shared.d.ts';
+
+export interface IconProps extends Pick<IconProps$1, 'id' | 'size' | 'tone' | 'type'> {
+    tone?: Extract<IconProps$1['tone'], 'auto' | 'neutral' | 'info' | 'success' | 'warning' | 'critical' | 'custom'>;
+    size?: Extract<IconProps$1['size'], 'small-200' | 'small-100' | 'small' | 'base' | 'large' | 'large-100'>;
+    type?: '' | Extract<IconProps$1['type'], 'alert-circle' | 'alert-triangle-filled' | 'alert-triangle' | 'arrow-down' | 'arrow-left' | 'arrow-right' | 'arrow-up-right' | 'arrow-up' | 'bag' | 'bullet' | 'calendar' | 'camera' | 'caret-down' | 'cart' | 'cash-dollar' | 'categories' | 'check-circle' | 'check' | 'chevron-down' | 'chevron-left' | 'chevron-right' | 'chevron-up' | 'circle' | 'clipboard' | 'clock' | 'credit-card' | 'delete' | 'delivered' | 'delivery' | 'disabled' | 'discount' | 'edit' | 'email' | 'empty' | 'external' | 'filter' | 'geolocation' | 'gift-card' | 'globe' | 'grid' | 'image' | 'info-filled' | 'info' | 'list-bulleted' | 'location' | 'lock' | 'map' | 'menu-horizontal' | 'menu-vertical' | 'menu' | 'minus' | 'mobile' | 'note' | 'order' | 'organization' | 'plus' | 'profile' | 'question-circle-filled' | 'question-circle' | 'reorder' | 'reset' | 'return' | 'savings' | 'search' | 'settings' | 'star-filled' | 'star-half' | 'star' | 'store' | 'truck' | 'upload' | 'x-circle-filled' | 'x-circle' | 'x'>;
+}
+export interface IconElement extends IconProps, Omit<HTMLElement, 'id'> {
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        's-icon': IconElement;
+    }
+}
+declare module 'preact' {
+    interface BaseProps {
+        slot?: Lowercase<string>;
+    }
+    namespace createElement.JSX {
+        interface IntrinsicElements {
+            's-icon': IconProps & BaseProps;
+        }
+    }
+}
+
+export type { IconElement, IconProps };

package/build/ts/surfaces/checkout/components/Image.d.ts

@@ -27,9 +27,12 @@ declare global {
     }
 }
 declare module 'preact' {
+    interface BaseProps {
+        slot?: Lowercase<string>;
+    }
     namespace createElement.JSX {
         interface IntrinsicElements {
-            's-image': Omit<HTMLAttributes<HTMLElement>, Extract<keyof HTMLAttributes<HTMLElement>, `on${Capitalize<string>}`>> & ImageProps;
+            's-image': ImageProps & BaseProps;
         }
     }
 }

package/build/ts/surfaces/checkout/components/Link.d.ts

@@ -23,9 +23,13 @@ declare global {
     }
 }
 declare module 'preact' {
+    interface BaseProps {
+        children?: preact.ComponentChildren;
+        slot?: Lowercase<string>;
+    }
     namespace createElement.JSX {
         interface IntrinsicElements {
-            's-link': Omit<HTMLAttributes<HTMLElement>, Extract<keyof HTMLAttributes<HTMLElement>, `on${Capitalize<string>}`>> & LinkProps;
+            's-link': LinkProps & BaseProps;
         }
     }
 }

package/build/ts/surfaces/checkout/components/ListItem.d.ts

@@ -20,9 +20,13 @@ declare global {
     }
 }
 declare module 'preact' {
+    interface BaseProps {
+        children?: preact.ComponentChildren;
+        slot?: Lowercase<string>;
+    }
     namespace createElement.JSX {
         interface IntrinsicElements {
-            's-list-item': Omit<HTMLAttributes<HTMLElement>, Extract<keyof HTMLAttributes<HTMLElement>, `on${Capitalize<string>}`>> & ListItemProps;
+            's-list-item': ListItemProps & BaseProps;
         }
     }
 }

package/build/ts/surfaces/checkout/components/OrderedList.d.ts

@@ -20,9 +20,13 @@ declare global {
     }
 }
 declare module 'preact' {
+    interface BaseProps {
+        children?: preact.ComponentChildren;
+        slot?: Lowercase<string>;
+    }
     namespace createElement.JSX {
         interface IntrinsicElements {
-            's-ordered-list': Omit<HTMLAttributes<HTMLElement>, Extract<keyof HTMLAttributes<HTMLElement>, `on${Capitalize<string>}`>> & OrderedListProps;
+            's-ordered-list': OrderedListProps & BaseProps;
         }
     }
 }

package/build/ts/surfaces/checkout/components/Paragraph.d.ts

@@ -22,9 +22,13 @@ declare global {
     }
 }
 declare module 'preact' {
+    interface BaseProps {
+        children?: preact.ComponentChildren;
+        slot?: Lowercase<string>;
+    }
     namespace createElement.JSX {
         interface IntrinsicElements {
-            's-paragraph': Omit<HTMLAttributes<HTMLElement>, Extract<keyof HTMLAttributes<HTMLElement>, `on${Capitalize<string>}`>> & ParagraphProps;
+            's-paragraph': ParagraphProps & BaseProps;
         }
     }
 }

package/build/ts/surfaces/checkout/components/PaymentIcon.d.ts

@@ -0,0 +1,33 @@
+/** VERSION: 0.0.0 **/
+/* eslint-disable import/extensions */
+/* eslint-disable @typescript-eslint/no-namespace */
+/* eslint-disable @typescript-eslint/member-ordering */
+/* eslint-disable line-comment-position */
+/* eslint-disable @typescript-eslint/unified-signatures */
+/* eslint-disable no-var */
+/* eslint-disable import/namespace */
+// eslint-disable-next-line @typescript-eslint/triple-slash-reference, spaced-comment
+/// <reference lib="DOM" />
+import type {PaymentIconProps$1} from './components-shared.d.ts';
+
+export interface PaymentIconProps extends PaymentIconProps$1 {
+}
+export interface PaymentIconElement extends PaymentIconProps, Omit<HTMLElement, 'id'> {
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        's-payment-icon': PaymentIconElement;
+    }
+}
+declare module 'preact' {
+    interface BaseProps {
+        slot?: Lowercase<string>;
+    }
+    namespace createElement.JSX {
+        interface IntrinsicElements {
+            's-payment-icon': PaymentIconProps & BaseProps;
+        }
+    }
+}
+
+export type { PaymentIconElement, PaymentIconProps };

package/build/ts/surfaces/checkout/components/Progress.d.ts

@@ -23,7 +23,7 @@ declare global {
 declare module 'preact' {
     namespace createElement.JSX {
         interface IntrinsicElements {
-            's-progress': Omit<HTMLAttributes<HTMLElement>, Extract<keyof HTMLAttributes<HTMLElement>, `on${Capitalize<string>}`>> & ProgressProps;
+            's-progress': ProgressProps;
         }
     }
 }

package/build/ts/surfaces/checkout/components/QRCode.d.ts

@@ -0,0 +1,31 @@
+/** VERSION: 0.0.0 **/
+/* eslint-disable import/extensions */
+/* eslint-disable @typescript-eslint/no-namespace */
+/* eslint-disable @typescript-eslint/member-ordering */
+/* eslint-disable line-comment-position */
+/* eslint-disable @typescript-eslint/unified-signatures */
+/* eslint-disable no-var */
+/* eslint-disable import/namespace */
+// eslint-disable-next-line @typescript-eslint/triple-slash-reference, spaced-comment
+/// <reference lib="DOM" />
+import type {QRCodeProps$1} from './components-shared.d.ts';
+
+export interface QRCodeProps extends QRCodeProps$1 {
+}
+export interface QRCodelement extends Omit<QRCodeProps, 'onError'>, Omit<HTMLElement, 'id' | 'onerror'> {
+    onerror: QRCodeProps['onError'];
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        's-qr-code': QRCodelement;
+    }
+}
+declare module 'preact' {
+    namespace createElement.JSX {
+        interface IntrinsicElements {
+            's-qr-code': QRCodeProps;
+        }
+    }
+}
+
+export type { QRCodeProps, QRCodelement };

package/build/ts/surfaces/checkout/components/Section/Section.doc.d.ts

@@ -0,0 +1,4 @@
+import type { ReferenceEntityTemplateSchema } from '@shopify/generate-docs';
+declare const data: ReferenceEntityTemplateSchema;
+export default data;
+//# sourceMappingURL=Section.doc.d.ts.map

package/build/ts/surfaces/checkout/components/Section/Section.doc.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Section.doc.d.ts","sourceRoot":"","sources":["../../../../../../src/surfaces/checkout/components/Section/Section.doc.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,6BAA6B,EAAC,MAAM,wBAAwB,CAAC;AAG1E,QAAA,MAAM,IAAI,EAAE,6BAsCX,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/build/ts/surfaces/checkout/components/Section.d.ts

@@ -0,0 +1,34 @@
+/** VERSION: 0.0.0 **/
+/* eslint-disable import/extensions */
+/* eslint-disable @typescript-eslint/no-namespace */
+/* eslint-disable @typescript-eslint/member-ordering */
+/* eslint-disable line-comment-position */
+/* eslint-disable @typescript-eslint/unified-signatures */
+/* eslint-disable no-var */
+/* eslint-disable import/namespace */
+// eslint-disable-next-line @typescript-eslint/triple-slash-reference, spaced-comment
+/// <reference lib="DOM" />
+import type {SectionProps$1} from './components-shared.d.ts';
+
+export interface SectionProps extends Pick<SectionProps$1, 'accessibilityLabel' | 'heading' | 'id'> {
+}
+export interface SectionElement extends SectionProps, Omit<HTMLElement, 'id'> {
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        's-section': SectionElement;
+    }
+}
+declare module 'preact' {
+    interface BaseProps {
+        children?: preact.ComponentChildren;
+        slot?: Lowercase<string>;
+    }
+    namespace createElement.JSX {
+        interface IntrinsicElements {
+            's-section': SectionProps & BaseProps;
+        }
+    }
+}
+
+export type { SectionElement, SectionProps };

package/build/ts/surfaces/checkout/components/Spinner.d.ts

@@ -23,7 +23,7 @@ declare global {
 declare module 'preact' {
     namespace createElement.JSX {
         interface IntrinsicElements {
-            's-spinner': Omit<HTMLAttributes<HTMLElement>, Extract<keyof HTMLAttributes<HTMLElement>, `on${Capitalize<string>}`>> & SpinnerProps;
+            's-spinner': SpinnerProps;
         }
     }
 }

package/build/ts/surfaces/checkout/components/Stack.d.ts

@@ -20,9 +20,9 @@ export interface StackProps extends Pick<StackProps$1, 'accessibilityLabel' | 'a
     border?: BorderShorthand;
     borderWidth?: MaybeAllValuesShorthandProperty<ReducedBorderSizeKeyword> | '';
     borderRadius?: MaybeAllValuesShorthandProperty<Extract<StackProps$1['borderRadius'], 'none' | 'small-100' | 'small' | 'base' | 'large' | 'large-100' | 'max'>>;
-    alignContent?: Extract<StackProps$1['alignContent'], 'start' | 'center' | 'end' | 'normal'>;
-    alignItems?: Extract<StackProps$1['alignItems'], 'start' | 'center' | 'end' | 'normal'>;
-    justifyContent?: Extract<StackProps$1['justifyContent'], 'start' | 'center' | 'end' | 'normal'>;
+    alignContent?: Extract<StackProps$1['alignContent'], 'normal' | 'space-between' | 'space-around' | 'space-evenly' | 'stretch' | 'center' | 'start' | 'end'>;
+    alignItems?: Extract<StackProps$1['alignItems'], 'normal' | 'stretch' | 'center' | 'start' | 'end'>;
+    justifyContent?: Extract<StackProps$1['justifyContent'], 'normal' | 'space-between' | 'space-around' | 'space-evenly' | 'stretch' | 'center' | 'start' | 'end'>;
 }
 export interface StackElement extends StackProps, Omit<HTMLElement, 'id'> {
 }
@@ -32,9 +32,13 @@ declare global {
     }
 }
 declare module 'preact' {
+    interface BaseProps {
+        children?: preact.ComponentChildren;
+        slot?: Lowercase<string>;
+    }
     namespace createElement.JSX {
         interface IntrinsicElements {
-            's-stack': Omit<HTMLAttributes<HTMLElement>, Extract<keyof HTMLAttributes<HTMLElement>, `on${Capitalize<string>}`>> & StackProps;
+            's-stack': StackProps & BaseProps;
         }
     }
 }

package/build/ts/surfaces/checkout/components/Text.d.ts

@@ -23,9 +23,13 @@ declare global {
     }
 }
 declare module 'preact' {
+    interface BaseProps {
+        children?: preact.ComponentChildren;
+        slot?: Lowercase<string>;
+    }
     namespace createElement.JSX {
         interface IntrinsicElements {
-            's-text': Omit<HTMLAttributes<HTMLElement>, Extract<keyof HTMLAttributes<HTMLElement>, `on${Capitalize<string>}`>> & TextProps;
+            's-text': TextProps & BaseProps;
         }
     }
 }

package/build/ts/surfaces/checkout/components/TextField.d.ts

@@ -23,14 +23,17 @@ declare global {
     }
 }
 declare module 'preact' {
+    interface BaseProps {
+        slot?: Lowercase<string>;
+    }
     namespace createElement.JSX {
         interface IntrinsicElements {
-            's-icon': Omit<HTMLAttributes<HTMLElement>, Extract<keyof HTMLAttributes<HTMLElement>, `on${Capitalize<string>}`>> & IconProps;
+            's-icon': IconProps & BaseProps;
         }
     }
 }
 
-export interface TextFieldProps extends Pick<TextFieldProps$1, 'accessory' | 'autocomplete' | 'defaultValue' | 'details' | 'disabled' | 'error' | 'id' | 'label' | 'labelAccessibilityVisibility' | 'maxLength' | 'minLength' | 'name' | 'onBlur' | 'onChange' | 'onFocus' | 'onInput' | 'placeholder' | 'prefix' | 'readOnly' | 'required' | 'suffix' | 'value'> {
+export interface TextFieldProps extends Pick<TextFieldProps$1, 'accessory' | 'autocomplete' | 'defaultValue' | 'details' | 'disabled' | 'error' | 'id' | 'icon' | 'label' | 'labelAccessibilityVisibility' | 'maxLength' | 'minLength' | 'name' | 'onBlur' | 'onChange' | 'onFocus' | 'onInput' | 'placeholder' | 'prefix' | 'readOnly' | 'required' | 'suffix' | 'value'> {
     icon?: IconProps['type'];
 }
 export interface TextFieldElement extends Omit<TextFieldProps, 'onBlur' | 'onChange' | 'onFocus' | 'onInput'>, Omit<HTMLElement, 'id' | 'onblur' | 'onchange' | 'onfocus' | 'oninput' | 'prefix'> {
@@ -45,9 +48,12 @@ declare global {
     }
 }
 declare module 'preact' {
+    interface BaseProps {
+        slot?: Lowercase<string>;
+    }
     namespace createElement.JSX {
         interface IntrinsicElements {
-            's-text-field': Omit<HTMLAttributes<HTMLElement>, Extract<keyof HTMLAttributes<HTMLElement>, `on${Capitalize<string>}`>> & TextFieldProps;
+            's-text-field': TextFieldProps & BaseProps;
         }
     }
 }

package/build/ts/surfaces/checkout/components/Time.d.ts

@@ -20,9 +20,13 @@ declare global {
     }
 }
 declare module 'preact' {
+    interface BaseProps {
+        children?: preact.ComponentChildren;
+        slot?: Lowercase<string>;
+    }
     namespace createElement.JSX {
         interface IntrinsicElements {
-            's-time': Omit<HTMLAttributes<HTMLElement>, Extract<keyof HTMLAttributes<HTMLElement>, `on${Capitalize<string>}`>> & TimeProps;
+            's-time': TimeProps & BaseProps;
         }
     }
 }

package/build/ts/surfaces/checkout/components/UnorderedList.d.ts

@@ -20,9 +20,13 @@ declare global {
     }
 }
 declare module 'preact' {
+    interface BaseProps {
+        children?: preact.ComponentChildren;
+        slot?: Lowercase<string>;
+    }
     namespace createElement.JSX {
         interface IntrinsicElements {
-            's-unordered-list': Omit<HTMLAttributes<HTMLElement>, Extract<keyof HTMLAttributes<HTMLElement>, `on${Capitalize<string>}`>> & UnorderedListProps;
+            's-unordered-list': UnorderedListProps & BaseProps;
         }
     }
 }