@shopify/ui-extensions 2025.10.0-rc.45 → 2025.10.0-rc.47

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shopify/ui-extensions",
-  "version": "2025.10.0-rc.45",
+  "version": "2025.10.0-rc.47",
   "scripts": {
     "docs:admin": "node ./docs/surfaces/admin/build-docs.mjs",
     "docs:checkout": "bash ./docs/surfaces/checkout/build-docs.sh",
@@ -128,13 +128,24 @@
   "devDependencies": {
     "@remote-ui/async-subscription": "^2.1.16",
     "@shopify/generate-docs": "0.19.6",
+    "@quilted/react-testing": "^0.6.11",
     "typescript": "^4.9.0",
-    "@faker-js/faker": "^8.4.1"
+    "@faker-js/faker": "^8.4.1",
+    "preact": "^10.10.x",
+    "@preact/signals": "^2.3.x"
   },
-  "optionalDependencies": {
+  "peerDependencies": {
     "preact": "*",
     "@preact/signals": "*"
   },
+  "peerDependenciesMeta": {
+    "preact": {
+      "optional": true
+    },
+    "@preact/signals": {
+      "optional": true
+    }
+  },
   "publishConfig": {
     "access": "public",
     "@shopify:registry": "https://registry.npmjs.org/"

package/src/docs/shared/components/ConsentCheckbox.ts

@@ -0,0 +1,12 @@
+import type {SharedReferenceEntityTemplateSchema} from '../docs-type';
+
+const data: SharedReferenceEntityTemplateSchema = {
+  name: 'ConsentCheckbox',
+  description:
+    'Use buyer consent checkboxes for collecting the buyer’s approval for a given policy.',
+  category: 'Polaris web components',
+  subCategory: 'Forms',
+  related: [],
+};
+
+export default data;

package/src/docs/shared/components/ConsentPhoneField.ts

@@ -0,0 +1,12 @@
+import type {SharedReferenceEntityTemplateSchema} from '../docs-type';
+
+const data: SharedReferenceEntityTemplateSchema = {
+  name: 'ConsentPhoneField',
+  description:
+    'Display a phone field for customers to sign up for text message marketing, noting that the phone field value will be automatically saved during checkout.',
+  category: 'Polaris web components',
+  subCategory: 'Forms',
+  related: [],
+};
+
+export default data;

package/src/docs/shared/components/index.ts

@@ -9,6 +9,8 @@ export {default as ChoiceList} from './ChoiceList';
 export {default as Clickable} from './Clickable';
 export {default as ClickableChip} from './ClickableChip';
 export {default as ClipboardItem} from './ClipboardItem';
+export {default as ConsentCheckbox} from './ConsentCheckbox';
+export {default as ConsentPhoneField} from './ConsentPhoneField';
 export {default as DateField} from './DateField';
 export {default as DatePicker} from './DatePicker';
 export {default as Details} from './Details';

package/src/surfaces/checkout/components/ConsentCheckbox/examples/basic-consent-checkbox.example.html

@@ -0,0 +1,5 @@
+<s-consent-checkbox
+  defaultChecked
+  label="Text me with news and offers"
+  policy="sms-marketing"
+></s-consent-checkbox>

package/src/surfaces/checkout/components/ConsentCheckbox.d.ts

@@ -0,0 +1,84 @@
+/** VERSION: 0.0.0 **/
+/* eslint-disable import-x/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-x/namespace */
+// eslint-disable-next-line @typescript-eslint/triple-slash-reference, spaced-comment
+/// <reference lib="DOM" />
+import type {ConsentCheckboxProps$1,CheckboxProps$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>;
+}
+export type CallbackEvent<TTagName extends keyof HTMLElementTagNameMap, TEvent extends Event = Event> = TEvent & {
+    currentTarget: HTMLElementTagNameMap[TTagName];
+};
+export type CallbackEventListener<TTagName extends keyof HTMLElementTagNameMap, TEvent extends Event = Event> = (EventListener & {
+    (event: CallbackEvent<TTagName, TEvent>): void;
+}) | null;
+
+declare const tagName$1 = "s-checkbox";
+export interface CheckboxElementProps extends Pick<CheckboxProps$1, 'accessibilityLabel' | 'checked' | 'command' | 'commandFor' | 'defaultChecked' | 'disabled' | 'error' | 'id' | 'label' | 'name' | 'required' | 'value'> {
+    command?: Extract<CheckboxProps$1['command'], '--auto' | '--show' | '--hide' | '--toggle'>;
+}
+export interface CheckboxEvents extends Pick<CheckboxProps$1, 'onChange'> {
+}
+export interface CheckboxElement extends CheckboxElementProps, Omit<HTMLElement, 'id' | 'onchange'> {
+    onchange: CheckboxEvents['onChange'];
+}
+export interface CheckboxProps extends CheckboxElementProps, CheckboxEvents {
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        [tagName$1]: CheckboxElement;
+    }
+}
+declare module 'preact' {
+    namespace createElement.JSX {
+        interface IntrinsicElements {
+            [tagName$1]: CheckboxProps & BaseElementProps<CheckboxElement>;
+        }
+    }
+}
+
+declare const tagName = "s-consent-checkbox";
+export interface ConsentCheckboxElementProps extends Pick<ConsentCheckboxProps$1, 'accessibilityLabel' | 'checked' | 'command' | 'commandFor' | 'defaultChecked' | 'disabled' | 'error' | 'id' | 'label' | 'name' | 'policy' | 'value'> {
+    command?: Extract<ConsentCheckboxProps$1['command'], '--auto' | '--show' | '--hide' | '--toggle'>;
+}
+export interface ConsentCheckboxEvents extends Pick<CheckboxEvents, 'onChange'> {
+}
+export interface ConsentCheckboxElementEvents {
+    /**
+     * A callback that is run whenever the control is changed.
+     *
+     * @see https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/change_event
+     */
+    change?: ((event: CallbackEventListener<typeof tagName>) => void) | null;
+}
+export interface ConsentCheckboxElement extends ConsentCheckboxElementProps, Omit<HTMLElement, 'id' | 'onchange'> {
+    onchange: ConsentCheckboxEvents['onChange'];
+}
+export interface ConsentCheckboxProps extends ConsentCheckboxElementProps, ConsentCheckboxEvents {
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        [tagName]: ConsentCheckboxElement;
+    }
+}
+declare module 'preact' {
+    namespace createElement.JSX {
+        interface IntrinsicElements {
+            [tagName]: ConsentCheckboxProps & BaseElementProps<ConsentCheckboxElement>;
+        }
+    }
+}
+
+export type { ConsentCheckboxElement, ConsentCheckboxElementEvents, ConsentCheckboxElementProps, ConsentCheckboxEvents, ConsentCheckboxProps };

package/src/surfaces/checkout/components/ConsentPhoneField/examples/basic-consent-phone-field.example.html

@@ -0,0 +1,5 @@
+<s-consent-phone-field
+  label="Phone"
+  policy="sms-marketing"
+  defaultValue="587-746-7439"
+></s-consent-phone-field>

package/src/surfaces/checkout/components/ConsentPhoneField.d.ts

@@ -0,0 +1,129 @@
+/** VERSION: 0.0.0 **/
+/* eslint-disable import-x/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-x/namespace */
+// eslint-disable-next-line @typescript-eslint/triple-slash-reference, spaced-comment
+/// <reference lib="DOM" />
+import type {PhoneFieldProps$1, ConsentPhoneFieldProps$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;
+}
+export type CallbackEvent<TTagName extends keyof HTMLElementTagNameMap, TEvent extends Event = Event> = TEvent & {
+    currentTarget: HTMLElementTagNameMap[TTagName];
+};
+export type CallbackEventListener<TTagName extends keyof HTMLElementTagNameMap, TEvent extends Event = Event> = (EventListener & {
+    (event: CallbackEvent<TTagName, TEvent>): void;
+}) | null;
+
+declare const tagName$1 = "s-phone-field";
+export interface PhoneFieldElementProps extends Pick<PhoneFieldProps$1, 'autocomplete' | 'defaultValue' | 'disabled' | 'error' | 'id' | 'label' | 'labelAccessibilityVisibility' | 'name' | 'readOnly' | 'required' | 'value' | 'type'> {
+    /**
+     * @deprecated Use `label` instead.
+     * @private
+     */
+    placeholder?: string;
+}
+export interface PhoneFieldEvents extends Pick<PhoneFieldProps$1, 'onBlur' | 'onChange' | 'onFocus' | 'onInput'> {
+}
+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, PhoneFieldEvents {
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        [tagName$1]: PhoneFieldElement;
+    }
+}
+declare module 'preact' {
+    namespace createElement.JSX {
+        interface IntrinsicElements {
+            [tagName$1]: PhoneFieldProps & BaseElementPropsWithChildren<PhoneFieldElement>;
+        }
+    }
+}
+
+declare const tagName = "s-consent-phone-field";
+export interface ConsentPhoneFieldElementProps extends Pick<ConsentPhoneFieldProps$1, 'autocomplete' | 'defaultValue' | 'disabled' | 'error' | 'id' | 'label' | 'labelAccessibilityVisibility' | 'name' | 'policy' | 'readOnly' | 'required' | 'type' | 'value'> {
+    /**
+     * @deprecated Use `label` instead.
+     * @private
+     */
+    placeholder?: string;
+}
+export interface ConsentPhoneFieldEvents extends Pick<PhoneFieldEvents, 'onBlur' | 'onChange' | 'onFocus' | 'onInput'> {
+}
+export interface ConsentPhoneFieldElementEvents {
+    /**
+     * Callback when the element loses focus.
+     *
+     * @see https://developer.mozilla.org/en-US/docs/Web/API/Element/blur_event
+     */
+    blur?: ((event: CallbackEventListener<typeof tagName>) => void) | null;
+    /**
+     * Callback when the user has **finished editing** a field, e.g. once they have blurred the field.
+     *
+     * @see https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/change_event
+     */
+    change?: ((event: CallbackEventListener<typeof tagName>) => void) | null;
+    /**
+     * Callback when the element receives focus.
+     *
+     * @see https://developer.mozilla.org/en-US/docs/Web/API/Element/focus_event
+     */
+    focus?: ((event: CallbackEventListener<typeof tagName>) => void) | null;
+    /**
+     * Callback when the user makes any changes in the field.
+     *
+     * @see https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/input_event
+     */
+    input?: ((event: CallbackEventListener<typeof tagName>) => void) | null;
+}
+export interface ConsentPhoneFieldElement extends ConsentPhoneFieldElementProps, Omit<ConsentPhoneFieldEvents, 'onBlur' | 'onChange' | 'onFocus' | 'onInput'> {
+    onblur: ConsentPhoneFieldEvents['onBlur'];
+    onchange: ConsentPhoneFieldEvents['onChange'];
+    onfocus: ConsentPhoneFieldEvents['onFocus'];
+    oninput: ConsentPhoneFieldEvents['onInput'];
+}
+export interface ConsentPhoneFieldElementSlots {
+    /**
+     * 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 ConsentPhoneFieldProps extends ConsentPhoneFieldElementProps, ConsentPhoneFieldEvents {
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        [tagName]: ConsentPhoneFieldElement;
+    }
+}
+declare module 'preact' {
+    namespace createElement.JSX {
+        interface IntrinsicElements {
+            [tagName]: ConsentPhoneFieldProps & BaseElementProps<ConsentPhoneFieldElement>;
+        }
+    }
+}
+
+export type { ConsentPhoneFieldElement, ConsentPhoneFieldElementEvents, ConsentPhoneFieldElementProps, ConsentPhoneFieldElementSlots, ConsentPhoneFieldEvents, ConsentPhoneFieldProps };

package/src/surfaces/checkout/components/NumberField/examples/basic-number-field.example.html

@@ -0,0 +1,8 @@
+<s-number-field
+  label="Quantity"
+  controls="stepper"
+  defaultValue="1"
+  step={1}
+  min={0}
+  max={100}
+></s-number-field>

package/src/surfaces/checkout/components/NumberField.d.ts

@@ -0,0 +1,98 @@
+/** VERSION: 0.0.0 **/
+/* eslint-disable import-x/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-x/namespace */
+// eslint-disable-next-line @typescript-eslint/triple-slash-reference, spaced-comment
+/// <reference lib="DOM" />
+import type {NumberFieldProps$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;
+}
+export type CallbackEvent<TTagName extends keyof HTMLElementTagNameMap, TEvent extends Event = Event> = TEvent & {
+    currentTarget: HTMLElementTagNameMap[TTagName];
+};
+export type CallbackEventListener<TTagName extends keyof HTMLElementTagNameMap, TEvent extends Event = Event> = (EventListener & {
+    (event: CallbackEvent<TTagName, TEvent>): void;
+}) | null;
+
+declare const tagName = "s-number-field";
+export interface NumberFieldElementProps extends Pick<NumberFieldProps$1, 'autocomplete' | 'controls' | 'defaultValue' | 'details' | 'disabled' | 'error' | 'icon' | 'id' | 'inputMode' | 'label' | 'labelAccessibilityVisibility' | 'max' | 'min' | 'name' | 'prefix' | 'readOnly' | 'required' | 'step' | 'suffix' | 'value'> {
+    /**
+     * @deprecated Use `label` instead.
+     * @private
+     */
+    placeholder?: string;
+}
+export interface NumberFieldEvents extends Pick<NumberFieldProps$1, 'onBlur' | 'onChange' | 'onFocus' | 'onInput'> {
+}
+export interface NumberFieldElementEvents {
+    /**
+     * Callback when the element loses focus.
+     *
+     * @see https://developer.mozilla.org/en-US/docs/Web/API/Element/blur_event
+     */
+    blur?: ((event: CallbackEventListener<typeof tagName>) => void) | null;
+    /**
+     * Callback when the user has **finished editing** a field, e.g. once they have blurred the field.
+     *
+     * @see https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/change_event
+     */
+    change?: ((event: CallbackEventListener<typeof tagName>) => void) | null;
+    /**
+     * Callback when the element receives focus.
+     *
+     * @see https://developer.mozilla.org/en-US/docs/Web/API/Element/focus_event
+     */
+    focus?: ((event: CallbackEventListener<typeof tagName>) => void) | null;
+    /**
+     * Callback when the user makes any changes in the field.
+     *
+     * @see https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/input_event
+     */
+    input?: ((event: CallbackEventListener<typeof tagName>) => void) | null;
+}
+export interface NumberFieldElement extends NumberFieldElementProps, Omit<HTMLElement, 'id' | 'inputMode' | 'onblur' | 'onchange' | 'onfocus' | 'oninput' | 'prefix'> {
+    onblur: NumberFieldEvents['onBlur'];
+    onchange: NumberFieldEvents['onChange'];
+    onfocus: NumberFieldEvents['onFocus'];
+    oninput: NumberFieldEvents['onInput'];
+}
+export interface NumberFieldElementSlots {
+    /**
+     * 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 NumberFieldProps extends NumberFieldElementProps, NumberFieldEvents {
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        [tagName]: NumberFieldElement;
+    }
+}
+declare module 'preact' {
+    namespace createElement.JSX {
+        interface IntrinsicElements {
+            [tagName]: NumberFieldProps & BaseElementPropsWithChildren<NumberFieldElement>;
+        }
+    }
+}
+
+export type { NumberFieldElement, NumberFieldElementEvents, NumberFieldElementProps, NumberFieldElementSlots, NumberFieldEvents, NumberFieldProps };

package/src/surfaces/checkout/components/PasswordField.d.ts

@@ -32,7 +32,7 @@ export type CallbackEventListener<TTagName extends keyof HTMLElementTagNameMap,
 }) | null;
 
 declare const tagName = "s-password-field";
-export interface PasswordFieldElementProps extends Pick<PasswordFieldProps$1, 'autocomplete' | 'defaultValue' | 'disabled' | 'error' | 'id' | 'label' | 'labelAccessibilityVisibility' | 'maxLength' | 'name' | 'readOnly' | 'required' | 'value'> {
+export interface PasswordFieldElementProps extends Pick<PasswordFieldProps$1, 'autocomplete' | 'defaultValue' | 'disabled' | 'error' | 'id' | 'label' | 'labelAccessibilityVisibility' | 'maxLength' | 'minLength' | 'name' | 'readOnly' | 'required' | 'value'> {
 }
 export interface PasswordFieldEvents extends Pick<PasswordFieldProps$1, 'onBlur' | 'onChange' | 'onFocus' | 'onInput'> {
 }

package/src/surfaces/checkout/components/PhoneField/examples/basic-phone-field.example.html

@@ -1 +1,2 @@
-<s-phone-field label="Phone number" defaultValue="888-746-7439"></s-phone-field>
+<s-phone-field label="Phone number" defaultValue="888-746-7439">
+</s-phone-field>

package/src/surfaces/checkout/components/ProductThumbnail/examples/basic-product-thumbnail.example.html

@@ -1 +1,4 @@
-<s-product-thumbnail src="https://cdn.shopify.com/YOUR_IMAGE_HERE" totalItems={1}></s-product-thumbnail>
+<s-product-thumbnail
+  src="https://cdn.shopify.com/YOUR_IMAGE_HERE"
+  totalItems={1}
+></s-product-thumbnail>

package/src/surfaces/checkout/components/Stack/examples/basic-stack.example.html

@@ -1,6 +1,22 @@
 <s-stack direction="inline" gap="base">
-  <s-image src="https://cdn.shopify.com/plant-1" alt="Areca palm in a gray pot" inlineSize="auto"></s-image>
-  <s-image src="https://cdn.shopify.com/plant-2" alt="Fiddle leaf fig in a gray pot" inlineSize="auto"></s-image>
-  <s-image src="https://cdn.shopify.com/plant-3" alt="Snake plant in a gray pot" inlineSize="auto"></s-image>
-  <s-image src="https://cdn.shopify.com/plant-4" alt="Monstera deliciosa in a gray pot" inlineSize="auto"></s-image>
+  <s-image
+    src="https://cdn.shopify.com/plant-1"
+    alt="Areca palm in a gray pot"
+    inlineSize="auto"
+  />
+  <s-image
+    src="https://cdn.shopify.com/plant-2"
+    alt="Fiddle leaf fig in a gray pot"
+    inlineSize="auto"
+  />
+  <s-image
+    src="https://cdn.shopify.com/plant-3"
+    alt="Snake plant in a gray pot"
+    inlineSize="auto"
+  />
+  <s-image
+    src="https://cdn.shopify.com/plant-4"
+    alt="Monstera deliciosa in a gray pot"
+    inlineSize="auto"
+  />
 </s-stack>

package/src/surfaces/checkout/components/TextArea/examples/basic-text-area.example.html

@@ -1 +1,5 @@
-<s-text-area label="Gift message" value="Hope you enjoy this gift!" rows={3}></s-text-area>
+<s-text-area
+  label="Gift message"
+  value="Hope you enjoy this gift!"
+  rows={3}
+></s-text-area>

package/src/surfaces/checkout/components/TextField/examples/basic-text-field.example.html

@@ -1 +1,4 @@
-<s-text-field label="First name (optional)" defaultValue="Taylor"></s-text-field>
+<s-text-field
+  label="First name (optional)"
+  defaultValue="Taylor"
+></s-text-field>

package/src/surfaces/checkout/components/components-shared.d.ts

@@ -1994,6 +1994,15 @@ export type AutocompleteGroup = "shipping" | "billing";
 export type AutocompleteAddressGroup = "fax" | "home" | "mobile" | "pager";
 export type AnyAutocompleteField = "additional-name" | "address-level1" | "address-level2" | "address-level3" | "address-level4" | "address-line1" | "address-line2" | "address-line3" | "country-name" | "country" | "current-password" | "email" | "family-name" | "given-name" | "honorific-prefix" | "honorific-suffix" | "language" | "name" | "new-password" | "nickname" | "one-time-code" | "organization-title" | "organization" | "photo" | "postal-code" | "sex" | "street-address" | "transaction-amount" | "transaction-currency" | "url" | "username" | "bday-day" | "bday-month" | "bday-year" | "bday" | "cc-additional-name" | "cc-expiry-month" | "cc-expiry-year" | "cc-expiry" | "cc-family-name" | "cc-given-name" | "cc-name" | "cc-number" | "cc-csc" | "cc-type" | `${AutocompleteAddressGroup} email` | "impp" | `${AutocompleteAddressGroup} impp` | "tel" | "tel-area-code" | "tel-country-code" | "tel-extension" | "tel-local-prefix" | "tel-local-suffix" | "tel-local" | "tel-national" | `${AutocompleteAddressGroup} tel` | `${AutocompleteAddressGroup} tel-area-code` | `${AutocompleteAddressGroup} tel-country-code` | `${AutocompleteAddressGroup} tel-extension` | `${AutocompleteAddressGroup} tel-local-prefix` | `${AutocompleteAddressGroup} tel-local-suffix` | `${AutocompleteAddressGroup} tel-local` | `${AutocompleteAddressGroup} tel-national`;
 export type TextAutocompleteField = ExtractStrict<AnyAutocompleteField, "additional-name" | "address-level1" | "address-level2" | "address-level3" | "address-level4" | "address-line1" | "address-line2" | "address-line3" | "country-name" | "country" | "family-name" | "given-name" | "honorific-prefix" | "honorific-suffix" | "language" | "name" | "nickname" | "one-time-code" | "organization-title" | "organization" | "postal-code" | "sex" | "street-address" | "transaction-currency" | "username" | "cc-name" | "cc-given-name" | "cc-additional-name" | "cc-family-name" | "cc-type">;
+export type ConsentPolicy = "sms-marketing";
+interface ConsentCheckboxProps$1 extends GlobalProps, CheckboxProps$1 {
+	/**
+	 * The policy for which user consent is being collected for.
+	 *
+	 * `sms-marketing`: Represents the policy for SMS marketing consent.
+	 */
+	policy?: ConsentPolicy;
+}
 export type PhoneAutocompleteField = ExtractStrict<AnyAutocompleteField, "tel" | "tel-area-code" | "tel-country-code" | "tel-extension" | "tel-local-prefix" | "tel-local-suffix" | "tel-local" | "tel-national" | `${AutocompleteAddressGroup} tel` | `${AutocompleteAddressGroup} tel-area-code` | `${AutocompleteAddressGroup} tel-country-code` | `${AutocompleteAddressGroup} tel-extension` | `${AutocompleteAddressGroup} tel-local-prefix` | `${AutocompleteAddressGroup} tel-local-suffix` | `${AutocompleteAddressGroup} tel-local` | `${AutocompleteAddressGroup} tel-national`>;
 interface PhoneFieldProps$1 extends GlobalProps, BaseTextFieldProps, Pick<FieldDecorationProps, "accessory">, AutocompleteProps<PhoneAutocompleteField> {
 	/**
@@ -2005,6 +2014,14 @@ interface PhoneFieldProps$1 extends GlobalProps, BaseTextFieldProps, Pick<FieldD
 	 */
 	type?: "mobile" | "";
 }
+interface ConsentPhoneFieldProps$1 extends GlobalProps, PhoneFieldProps$1 {
+	/**
+	 * The policy for which user consent is being collected for.
+	 *
+	 * `sms-marketing`: Represents the policy for SMS marketing consent.
+	 */
+	policy?: ConsentPolicy;
+}
 interface DatePickerProps$1 extends GlobalProps, InputProps, FocusEventProps {
 	/**
 	 * Default month to display in `YYYY-MM` format.