@shopify/ui-extensions 2025.10.0-rc.40 → 2025.10.0-rc.41

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

@@ -10,8 +10,23 @@
 /// <reference lib="DOM" />
 import type {DividerProps$1} from './components-shared.d.ts';
 
+/**
+ * Used when an element does not have children.
+ */
+export interface BaseElementProps<TClass = HTMLElement> {
+    key?: preact.Key;
+    ref?: preact.Ref<TClass>;
+    slot?: Lowercase<string>;
+}
+/**
+ * Used when an element has children.
+ */
+export interface BaseElementPropsWithChildren<TClass = HTMLElement> extends BaseElementProps<TClass> {
+    children?: preact.ComponentChildren;
+}
+
 declare const tagName = "s-divider";
-export interface DividerProps extends DividerProps$1 {
+export interface DividerProps extends Pick<DividerProps$1, 'direction' | 'id'> {
 }
 export interface DividerElement extends DividerProps, Omit<HTMLElement, 'id'> {
 }
@@ -23,7 +38,7 @@ declare global {
 declare module 'preact' {
     namespace createElement.JSX {
         interface IntrinsicElements {
-            [tagName]: DividerProps$1;
+            [tagName]: DividerProps & BaseElementPropsWithChildren<DividerElement>;
         }
     }
 }

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

@@ -26,9 +26,9 @@ export type CallbackEventListener<TTagName extends keyof HTMLElementTagNameMap,
 }) | null;
 
 declare const tagName = "s-drop-zone";
-export interface DropZoneElementProps extends Pick<DropZoneProps$1, 'accept' | 'accessibilityLabel' | 'disabled' | 'error' | 'id' | 'label' | 'multiple' | 'name' | 'required'> {
+export interface DropZoneElementProps extends Pick<DropZoneProps$1, 'accept' | 'accessibilityLabel' | 'disabled' | 'error' | 'id' | 'label' | 'multiple' | 'name' | 'required' | 'value'> {
 }
-export interface DropZoneEvents extends Pick<DropZoneProps$1, 'onDropRejected' | 'onInput'> {
+export interface DropZoneEvents extends Pick<DropZoneProps$1, 'onDropRejected' | 'onInput' | 'onChange'> {
 }
 export interface DropZoneElementEvents {
     /**
@@ -39,10 +39,15 @@ export interface DropZoneElementEvents {
      * Callback when the user makes any changes in the field.
      */
     input?: ((event: CallbackEventListener<typeof tagName>) => void) | null;
+    /**
+     * Callback when the user has finished selecting a file or files.
+     */
+    change?: ((event: CallbackEventListener<typeof tagName>) => void) | null;
 }
-export interface DropZoneElement extends DropZoneElementProps, Omit<HTMLElement, 'id' | 'oninput'> {
+export interface DropZoneElement extends DropZoneElementProps, Omit<HTMLElement, 'id' | 'oninput' | 'onchange'> {
     ondroprejected: DropZoneEvents['onDropRejected'];
     oninput: DropZoneEvents['onInput'];
+    onchange: DropZoneEvents['onChange'];
 }
 export interface DropZoneProps extends DropZoneElementProps, DropZoneEvents {
 }

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

@@ -61,6 +61,13 @@ export interface EmailFieldElementEvents {
      */
     input?: ((event: CallbackEventListener<typeof tagName>) => void) | null;
 }
+export interface EmailFieldElementSlots {
+    /**
+     * Additional content to be displayed in the field.
+     * Commonly used to display an icon that activates a tooltip providing more information.
+     */
+    accessory?: HTMLElement;
+}
 export interface EmailFieldElement extends EmailFieldElementProps, Omit<HTMLElement, 'id' | 'onblur' | 'onchange' | 'onfocus' | 'oninput' | 'prefix'> {
     onblur: EmailFieldEvents['onBlur'];
     onchange: EmailFieldEvents['onChange'];
@@ -82,4 +89,4 @@ declare module 'preact' {
     }
 }
 
-export type { EmailFieldElement, EmailFieldElementEvents, EmailFieldElementProps, EmailFieldEvents, EmailFieldProps };
+export type { EmailFieldElement, EmailFieldElementEvents, EmailFieldElementProps, EmailFieldElementSlots, EmailFieldEvents, EmailFieldProps };

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

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

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

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

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

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

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

@@ -8,7 +8,7 @@
 /* eslint-disable import-x/namespace */
 // eslint-disable-next-line @typescript-eslint/triple-slash-reference, spaced-comment
 /// <reference lib="DOM" />
-import type {GridProps$1,BorderSizeKeyword, BorderStyleKeyword,AlignContentKeyword, AlignItemsKeyword, JustifyContentKeyword, JustifyItemsKeyword,ColorKeyword,MaybeAllValuesShorthandProperty} from './components-shared.d.ts';
+import type {GridProps$1,MaybeResponsive, MaybeAllValuesShorthandProperty,BorderSizeKeyword, BorderStyleKeyword,AlignContentKeyword, AlignItemsKeyword, JustifyContentKeyword, JustifyItemsKeyword,ColorKeyword} from './components-shared.d.ts';
 
 export type ReducedAlignContentKeyword = Extract<AlignContentKeyword, 'normal' | 'space-between' | 'space-around' | 'space-evenly' | 'stretch' | 'center' | 'start' | 'end'>;
 export type ReducedAlignItemsKeyword = Extract<AlignItemsKeyword, 'normal' | 'stretch' | 'baseline' | 'center' | 'start' | 'end'>;
@@ -34,17 +34,17 @@ export interface BaseElementPropsWithChildren<TClass = HTMLElement> extends Base
 
 declare const tagName = "s-grid";
 export interface GridProps extends Pick<GridProps$1, 'accessibilityLabel' | 'accessibilityRole' | 'accessibilityVisibility' | 'alignContent' | 'alignItems' | 'background' | 'blockSize' | 'border' | 'borderColor' | 'borderRadius' | 'borderStyle' | 'borderWidth' | 'columnGap' | 'display' | 'gap' | 'gridTemplateColumns' | 'gridTemplateRows' | 'id' | 'inlineSize' | 'justifyContent' | 'justifyItems' | 'maxBlockSize' | 'maxInlineSize' | 'minBlockSize' | 'minInlineSize' | 'overflow' | 'padding' | 'paddingBlock' | 'paddingBlockEnd' | 'paddingBlockStart' | 'paddingInline' | 'paddingInlineEnd' | 'paddingInlineStart' | 'placeContent' | 'placeItems' | 'rowGap'> {
-    alignContent?: ReducedAlignContentKeyword | '';
-    alignItems?: ReducedAlignItemsKeyword | '';
+    alignContent?: MaybeResponsive<ReducedAlignContentKeyword | ''>;
+    alignItems?: MaybeResponsive<ReducedAlignItemsKeyword | ''>;
     background?: Extract<GridProps$1['background'], 'transparent' | 'subdued' | 'base'>;
     border?: BorderShorthand;
     borderColor?: ReducedColorKeyword | '';
     borderWidth?: MaybeAllValuesShorthandProperty<ReducedBorderSizeKeyword> | '';
     borderRadius?: MaybeAllValuesShorthandProperty<Extract<GridProps$1['borderRadius'], 'none' | 'small-100' | 'small' | 'base' | 'large' | 'large-100' | 'max'>>;
-    justifyContent?: ReducedJustifyContentKeyword | '';
-    justifyItems?: ReducedJustifyItemsKeyword | '';
-    placeContent?: `${ReducedAlignContentKeyword} ${ReducedJustifyContentKeyword}` | ReducedAlignContentKeyword;
-    placeItems?: `${ReducedAlignItemsKeyword} ${ReducedJustifyItemsKeyword}` | ReducedAlignItemsKeyword;
+    justifyContent?: MaybeResponsive<ReducedJustifyContentKeyword | ''>;
+    justifyItems?: MaybeResponsive<ReducedJustifyItemsKeyword | ''>;
+    placeContent?: MaybeResponsive<`${ReducedAlignContentKeyword} ${ReducedJustifyContentKeyword}` | ReducedAlignContentKeyword>;
+    placeItems?: MaybeResponsive<`${ReducedAlignItemsKeyword} ${ReducedJustifyItemsKeyword}` | ReducedAlignItemsKeyword>;
 }
 export interface GridElement extends GridProps, Omit<HTMLElement, 'id'> {
 }

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

@@ -8,7 +8,7 @@
 /* eslint-disable import-x/namespace */
 // eslint-disable-next-line @typescript-eslint/triple-slash-reference, spaced-comment
 /// <reference lib="DOM" />
-import type {IconProps$1,IconType} from './components-shared.d.ts';
+import type {IconProps$1} from './components-shared.d.ts';
 
 /**
  * Used when an element does not have children.
@@ -18,12 +18,7 @@ export interface BaseElementProps<TClass = HTMLElement> {
     ref?: preact.Ref<TClass>;
     slot?: Lowercase<string>;
 }
-/**
- * The list of available icon types.
- *
- * @see https://github.com/Shopify/ui-api-design/blob/main/packages/ui-api-design/src/components/Icon/Icon.ts#L10
- */
-export type ReducedIconTypes = Extract<IconType, '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 type ReducedIconTypes = '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';
 
 declare const tagName = "s-icon";
 export interface IconProps extends Pick<IconProps$1, 'id' | 'size' | 'tone' | 'type'> {

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

@@ -32,7 +32,7 @@ export type CallbackEventListener<TTagName extends keyof HTMLElementTagNameMap,
 }) | null;
 
 declare const tagName = "s-link";
-export interface LinkElementProps extends Pick<LinkProps$1, 'accessibilityLabel' | 'command' | 'commandFor' | 'href' | 'id' | 'lang' | 'target' | 'tone'> {
+export interface LinkElementProps extends Pick<LinkProps$1, 'accessibilityLabel' | 'command' | 'commandFor' | 'href' | 'id' | 'interestFor' | 'lang' | 'target' | 'tone'> {
     target?: Extract<LinkProps$1['target'], 'auto' | '_blank'>;
     tone?: Extract<LinkProps$1['tone'], 'auto' | 'neutral'>;
 }

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

@@ -9,7 +9,6 @@
 // eslint-disable-next-line @typescript-eslint/triple-slash-reference, spaced-comment
 /// <reference lib="DOM" />
 import type {MapMarkerProps$1} from './components-shared.d.ts';
-import { ReactNode } from 'react';
 
 /**
  * Used when an element does not have children.
@@ -19,6 +18,12 @@ export interface BaseElementProps<TClass = HTMLElement> {
     ref?: preact.Ref<TClass>;
     slot?: Lowercase<string>;
 }
+/**
+ * Used when an element has children.
+ */
+export interface BaseElementPropsWithChildren<TClass = HTMLElement> extends BaseElementProps<TClass> {
+    children?: preact.ComponentChildren;
+}
 export type CallbackEvent<TTagName extends keyof HTMLElementTagNameMap, TEvent extends Event = Event> = TEvent & {
     currentTarget: HTMLElementTagNameMap[TTagName];
 };
@@ -40,14 +45,6 @@ export interface MapMarkerElementEvents {
      */
     click?: ((event: CallbackEventListener<typeof tagName>) => void) | null;
 }
-export interface MapMarkerSlots {
-    /**
-     * The graphic to use as the marker.
-     *
-     * If unset, it will default to the provider’s default marker.
-     */
-    graphic?: ReactNode;
-}
 export interface MapMarkerElementSlots {
     /**
      * The graphic to use as the marker.
@@ -56,7 +53,7 @@ export interface MapMarkerElementSlots {
      */
     graphic?: HTMLElement;
 }
-export interface MapMarkerElement extends MapMarkerElementProps, MapMarkerSlots, Omit<HTMLElement, 'id' | 'onclick'> {
+export interface MapMarkerElement extends MapMarkerElementProps, Omit<HTMLElement, 'id' | 'onclick'> {
     onclick: MapMarkerEvents['onClick'];
 }
 export interface MapMarkerProps extends MapMarkerElementProps, MapMarkerEvents {
@@ -69,9 +66,9 @@ declare global {
 declare module 'preact' {
     namespace createElement.JSX {
         interface IntrinsicElements {
-            [tagName]: MapMarkerProps & BaseElementProps<MapMarkerElement>;
+            [tagName]: MapMarkerProps & BaseElementPropsWithChildren<MapMarkerElement>;
         }
     }
 }
 
-export type { MapMarkerElement, MapMarkerElementEvents, MapMarkerElementProps, MapMarkerElementSlots, MapMarkerEvents, MapMarkerProps, MapMarkerSlots };
+export type { MapMarkerElement, MapMarkerElementEvents, MapMarkerElementProps, MapMarkerElementSlots, MapMarkerEvents, MapMarkerProps };

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

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

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

@@ -9,7 +9,6 @@
 // eslint-disable-next-line @typescript-eslint/triple-slash-reference, spaced-comment
 /// <reference lib="DOM" />
 import type {ModalProps$1} from './components-shared.d.ts';
-import { ReactNode } from 'react';
 
 /**
  * Used when an element does not have children.
@@ -36,16 +35,6 @@ declare const tagName = "s-modal";
 export interface ModalElementProps extends Pick<ModalProps$1, 'accessibilityLabel' | 'heading' | 'id' | 'padding' | 'size'> {
     size?: Extract<ModalProps$1['size'], 'small-100' | 'small' | 'base' | 'large-100' | 'large' | 'max'>;
 }
-export interface ModalSlots extends Pick<ModalProps$1, 'primaryAction' | 'secondaryActions'> {
-    /**
-     * The primary action to perform, provided as a button type element.
-     */
-    primaryAction?: ReactNode;
-    /**
-     * The secondary actions to perform, provided as button type elements.
-     */
-    secondaryActions?: ReactNode;
-}
 export interface ModalElementSlots {
     /**
      * The primary action to perform, provided as a button type element.
@@ -56,9 +45,19 @@ export interface ModalElementSlots {
      */
     'secondary-actions'?: HTMLElement;
 }
-export interface ModalEvents extends Pick<ModalProps$1, 'onHide' | 'onShow'> {
+export interface ModalEvents extends Pick<ModalProps$1, 'onAfterHide' | 'onAfterShow' | 'onHide' | 'onShow'> {
+}
+export interface ModalElementMethods extends Pick<ModalProps$1, 'hideOverlay'> {
 }
 export interface ModalElementEvents {
+    /**
+     * Callback fired when the overlay is hidden **after** any animations to hide the overlay have finished.
+     */
+    afterhide?: ((event: CallbackEventListener<typeof tagName>) => void) | null;
+    /**
+     * Callback fired when the overlay is shown **after** any animations to show the overlay have finished.
+     */
+    aftershow?: ((event: CallbackEventListener<typeof tagName>) => void) | null;
     /**
      * Callback fired after the overlay is hidden.
      */
@@ -68,11 +67,13 @@ export interface ModalElementEvents {
      */
     show?: ((event: CallbackEventListener<typeof tagName>) => void) | null;
 }
-export interface ModalElement extends ModalElementProps, ModalSlots, Omit<HTMLElement, 'id'> {
+export interface ModalElement extends ModalElementProps, ModalElementMethods, Omit<HTMLElement, 'id'> {
+    onafterhide: ModalEvents['onAfterHide'];
+    onaftershow: ModalEvents['onAfterShow'];
     onhide: ModalEvents['onHide'];
     onshow: ModalEvents['onShow'];
 }
-export interface ModalProps extends ModalElementProps, ModalSlots, ModalEvents {
+export interface ModalProps extends ModalElementProps, ModalEvents {
 }
 declare global {
     interface HTMLElementTagNameMap {
@@ -87,4 +88,4 @@ declare module 'preact' {
     }
 }
 
-export type { ModalElement, ModalElementEvents, ModalElementProps, ModalElementSlots, ModalProps, ModalSlots };
+export type { ModalElement, ModalElementEvents, ModalElementProps, ModalElementSlots, ModalProps };

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

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

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

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

package/{src/surfaces/checkout/components/UrlField.d.ts → build/ts/surfaces/checkout/components/MoneyField.d.ts}

@@ -8,7 +8,7 @@
 /* eslint-disable import-x/namespace */
 // eslint-disable-next-line @typescript-eslint/triple-slash-reference, spaced-comment
 /// <reference lib="DOM" />
-import type {URLFieldProps} from './components-shared.d.ts';
+import type {MoneyFieldProps$1} from './components-shared.d.ts';
 
 /**
  * Used when an element does not have children.
@@ -25,16 +25,12 @@ export type CallbackEventListener<TTagName extends keyof HTMLElementTagNameMap,
     (event: CallbackEvent<TTagName, TEvent>): void;
 }) | null;
 
-declare const tagName = "s-url-field";
-export interface UrlFieldElementProps extends Pick<URLFieldProps, 'autocomplete' | 'defaultValue' | 'disabled' | 'error' | 'id' | 'label' | 'labelAccessibilityVisibility' | 'maxLength'
-/** @todo: implement `minLength` */
- | 'name'
-/** @todo: implement `placeholder` */
- | 'readOnly' | 'required' | 'value'> {
+declare const tagName = "s-money-field";
+export interface MoneyFieldElementProps extends Pick<MoneyFieldProps$1, 'autocomplete' | 'defaultValue' | 'disabled' | 'error' | 'id' | 'label' | 'labelAccessibilityVisibility' | 'max' | 'min' | 'name' | 'readOnly' | 'required' | 'step' | 'value'> {
 }
-export interface UrlFieldEvents extends Pick<URLFieldProps, 'onBlur' | 'onChange' | 'onFocus' | 'onInput'> {
+export interface MoneyFieldEvents extends Pick<MoneyFieldProps$1, 'onBlur' | 'onChange' | 'onFocus' | 'onInput'> {
 }
-export interface UrlFieldElementEvents {
+export interface MoneyFieldElementEvents {
     /**
      * Callback when the element loses focus.
      *
@@ -60,25 +56,25 @@ export interface UrlFieldElementEvents {
      */
     input?: ((event: CallbackEventListener<typeof tagName>) => void) | null;
 }
-export interface UrlFieldElement extends UrlFieldElementProps, Omit<HTMLElement, 'id' | 'onblur' | 'onchange' | 'onfocus' | 'oninput' | 'prefix'> {
-    onblur: UrlFieldEvents['onBlur'];
-    onchange: UrlFieldEvents['onChange'];
-    onfocus: UrlFieldEvents['onFocus'];
-    oninput: UrlFieldEvents['onInput'];
+export interface MoneyFieldElement extends MoneyFieldElementProps {
+    onblur: MoneyFieldEvents['onBlur'];
+    onchange: MoneyFieldEvents['onChange'];
+    onfocus: MoneyFieldEvents['onFocus'];
+    oninput: MoneyFieldEvents['onInput'];
 }
-export interface UrlFieldProps extends UrlFieldElementProps, UrlFieldEvents {
+export interface MoneyFieldProps extends MoneyFieldElementProps, MoneyFieldEvents {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        [tagName]: UrlFieldElement;
+        [tagName]: MoneyFieldElement;
     }
 }
 declare module 'preact' {
     namespace createElement.JSX {
         interface IntrinsicElements {
-            [tagName]: UrlFieldProps & BaseElementProps<UrlFieldElement>;
+            [tagName]: MoneyFieldProps & BaseElementProps<MoneyFieldElement>;
         }
     }
 }
 
-export type { UrlFieldElement, UrlFieldElementEvents, UrlFieldElementProps, UrlFieldEvents, UrlFieldProps };
+export type { MoneyFieldElement, MoneyFieldElementEvents, MoneyFieldElementProps, MoneyFieldEvents, MoneyFieldProps };

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

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

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

@@ -9,7 +9,6 @@
 // eslint-disable-next-line @typescript-eslint/triple-slash-reference, spaced-comment
 /// <reference lib="DOM" />
 import type {PhoneFieldProps$1} from './components-shared.d.ts';
-import { ReactNode } from 'react';
 
 /**
  * Used when an element does not have children.
@@ -19,6 +18,12 @@ export interface BaseElementProps<TClass = HTMLElement> {
     ref?: preact.Ref<TClass>;
     slot?: Lowercase<string>;
 }
+/**
+ * Used when an element has children.
+ */
+export interface BaseElementPropsWithChildren<TClass = HTMLElement> extends BaseElementProps<TClass> {
+    children?: preact.ComponentChildren;
+}
 export type CallbackEvent<TTagName extends keyof HTMLElementTagNameMap, TEvent extends Event = Event> = TEvent & {
     currentTarget: HTMLElementTagNameMap[TTagName];
 };
@@ -62,13 +67,6 @@ export interface PhoneFieldElementEvents {
      */
     input?: ((event: CallbackEventListener<typeof tagName>) => void) | null;
 }
-export interface PhoneFieldSlots extends Pick<PhoneFieldProps$1, 'accessory'> {
-    /**
-     * Additional content to be displayed in the field.
-     * Commonly used to display an icon that activates a tooltip providing more information.
-     */
-    accessory?: ReactNode;
-}
 export interface PhoneFieldElementSlots {
     /**
      * Additional content to be displayed in the field.
@@ -76,13 +74,13 @@ export interface PhoneFieldElementSlots {
      */
     accessory?: HTMLElement;
 }
-export interface PhoneFieldElement extends PhoneFieldElementProps, PhoneFieldSlots, Omit<HTMLElement, 'id' | 'onblur' | 'onchange' | 'onfocus' | 'oninput' | 'prefix'> {
+export interface PhoneFieldElement extends PhoneFieldElementProps, Omit<HTMLElement, 'id' | 'onblur' | 'onchange' | 'onfocus' | 'oninput' | 'prefix'> {
     onblur: PhoneFieldEvents['onBlur'];
     onchange: PhoneFieldEvents['onChange'];
     onfocus: PhoneFieldEvents['onFocus'];
     oninput: PhoneFieldEvents['onInput'];
 }
-export interface PhoneFieldProps extends PhoneFieldElementProps, PhoneFieldSlots, PhoneFieldEvents {
+export interface PhoneFieldProps extends PhoneFieldElementProps, PhoneFieldEvents {
 }
 declare global {
     interface HTMLElementTagNameMap {
@@ -92,9 +90,9 @@ declare global {
 declare module 'preact' {
     namespace createElement.JSX {
         interface IntrinsicElements {
-            [tagName]: PhoneFieldProps & BaseElementProps<PhoneFieldElement>;
+            [tagName]: PhoneFieldProps & BaseElementPropsWithChildren<PhoneFieldElement>;
         }
     }
 }
 
-export type { PhoneFieldElement, PhoneFieldElementEvents, PhoneFieldElementProps, PhoneFieldElementSlots, PhoneFieldEvents, PhoneFieldProps, PhoneFieldSlots };
+export type { PhoneFieldElement, PhoneFieldElementEvents, PhoneFieldElementProps, PhoneFieldElementSlots, PhoneFieldEvents, PhoneFieldProps };

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

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

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

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

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

@@ -8,7 +8,7 @@
 /* eslint-disable import-x/namespace */
 // eslint-disable-next-line @typescript-eslint/triple-slash-reference, spaced-comment
 /// <reference lib="DOM" />
-import type {PopoverProps$1} from './components-shared.d.ts';
+import type {PopoverProps$1,SizeUnitsOrAuto, SizeUnitsOrNone, SizeUnits} from './components-shared.d.ts';
 
 /**
  * Used when an element does not have children.
@@ -32,7 +32,55 @@ export type CallbackEventListener<TTagName extends keyof HTMLElementTagNameMap,
 }) | null;
 
 declare const tagName = "s-popover";
-export interface PopoverElementProps extends Pick<PopoverProps$1, 'blockSize' | 'id' | 'inlineSize' | 'maxBlockSize' | 'maxInlineSize' | 'minBlockSize' | 'minInlineSize'> {
+export interface PopoverElementProps extends Pick<PopoverProps$1, 'id'> {
+    /**
+     * Adjust the block size.
+     *
+     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/block-size
+     *
+     * @default 'auto'
+     */
+    blockSize?: SizeUnitsOrAuto;
+    /**
+     * Adjust the inline size.
+     *
+     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/inline-size
+     *
+     * @default 'auto'
+     */
+    inlineSize?: SizeUnitsOrAuto;
+    /**
+     * Adjust the maximum block size.
+     *
+     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/max-block-size
+     *
+     * @default 'none'
+     */
+    maxBlockSize?: SizeUnitsOrNone;
+    /**
+     * Adjust the maximum inline size.
+     *
+     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/max-inline-size
+     *
+     * @default 'none'
+     */
+    maxInlineSize?: SizeUnitsOrNone;
+    /**
+     * Adjust the minimum block size.
+     *
+     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/min-block-size
+     *
+     * @default '0'
+     */
+    minBlockSize?: SizeUnits;
+    /**
+     * Adjust the minimum inline size.
+     *
+     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/min-inline-size
+     *
+     * @default '0'
+     */
+    minInlineSize?: SizeUnits;
 }
 export interface PopoverEvents extends Pick<PopoverProps$1, 'onHide' | 'onShow'> {
 }

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

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

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

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

package/build/ts/surfaces/{customer-account/components/Select.d.ts → checkout/components/PressButton.d.ts}

@@ -8,7 +8,7 @@
 /* eslint-disable import-x/namespace */
 // eslint-disable-next-line @typescript-eslint/triple-slash-reference, spaced-comment
 /// <reference lib="DOM" />
-import type {SelectProps$1} from './components-shared.d.ts';
+import type {PressButtonProps$1} from './components-shared.d.ts';
 
 /**
  * Used when an element does not have children.
@@ -31,49 +31,49 @@ export type CallbackEventListener<TTagName extends keyof HTMLElementTagNameMap,
     (event: CallbackEvent<TTagName, TEvent>): void;
 }) | null;
 
-declare const tagName = "s-select";
-export interface SelectElementProps extends Pick<SelectProps$1, 'autocomplete' | 'disabled' | 'error' | 'id' | 'label' | 'name' | 'placeholder' | 'required' | 'value'> {
+declare const tagName = "s-press-button";
+export interface PressButtonElementProps extends Pick<PressButtonProps$1, 'accessibilityLabel' | 'id' | 'inlineSize' | 'lang' | 'disabled' | 'loading' | 'pressed' | 'defaultPressed'> {
 }
-export interface SelectEvents extends Pick<SelectProps$1, 'onBlur' | 'onChange' | 'onFocus'> {
+export interface PressButtonEvents extends Pick<PressButtonProps$1, 'onClick' | 'onBlur' | 'onFocus'> {
 }
-export interface SelectElementEvents {
+export interface PressButtonElementEvents {
     /**
-     * Callback when the element loses focus.
+     * Callback when the button is activated.
      *
-     * @see https://developer.mozilla.org/en-US/docs/Web/API/Element/blur_event
+     * @see https://developer.mozilla.org/en-US/docs/Web/API/Element/click_event
      */
-    blur?: ((event: CallbackEventListener<typeof tagName>) => void) | null;
+    click?: ((event: CallbackEventListener<typeof tagName>) => void) | null;
     /**
-     * Callback when the user has **finished editing** a field, e.g. once they have blurred the field.
+     * Callback when the button has lost focus.
      *
-     * @see https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/change_event
+     * @see https://developer.mozilla.org/en-US/docs/Web/API/Element/blur_event
      */
-    change?: ((event: CallbackEventListener<typeof tagName>) => void) | null;
+    blur?: ((event: CallbackEventListener<typeof tagName>) => void) | null;
     /**
-     * Callback when the element receives focus.
+     * Callback when the button has received focus.
      *
      * @see https://developer.mozilla.org/en-US/docs/Web/API/Element/focus_event
      */
     focus?: ((event: CallbackEventListener<typeof tagName>) => void) | null;
 }
-export interface SelectElement extends SelectElementProps, Omit<HTMLElement, 'id' | 'onblur' | 'onchange' | 'onfocus'> {
-    onblur: SelectEvents['onBlur'];
-    onchange: SelectEvents['onChange'];
-    onfocus: SelectEvents['onFocus'];
+export interface PressButtonElement extends PressButtonElementProps, Omit<HTMLElement, 'children' | 'lang' | 'id' | 'onblur' | 'onclick' | 'onfocus'> {
+    onblur: PressButtonEvents['onBlur'];
+    onclick: PressButtonEvents['onClick'];
+    onfocus: PressButtonEvents['onFocus'];
 }
-export interface SelectProps extends SelectElementProps, SelectEvents {
+export interface PressButtonProps extends PressButtonElementProps, PressButtonEvents {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        [tagName]: SelectElement;
+        [tagName]: PressButtonElement;
     }
 }
 declare module 'preact' {
     namespace createElement.JSX {
         interface IntrinsicElements {
-            [tagName]: SelectProps & BaseElementPropsWithChildren<SelectElement>;
+            [tagName]: PressButtonProps & BaseElementPropsWithChildren<PressButtonElement>;
         }
     }
 }
 
-export type { SelectElement, SelectElementEvents, SelectElementProps, SelectEvents, SelectProps };
+export type { PressButtonElement, PressButtonElementEvents, PressButtonElementProps, PressButtonEvents, PressButtonProps };

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

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

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

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