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

package/src/surfaces/admin/extension-targets.ts

@@ -1,7 +1,6 @@
 import type {RunnableExtension, RenderExtension} from '../../extension';
 
 import type {
-  CustomerSegmentTemplateApi,
   ActionExtensionApi,
   BlockExtensionApi,
   PrintActionExtensionApi,
@@ -11,6 +10,8 @@ import type {
   ValidationSettingsApi,
   PurchaseOptionsCardConfigurationApi,
   DiscountFunctionSettingsApi,
+  CustomerSegmentTemplateApi,
+  CustomerSegmentTemplate,
 } from './api';
 import {
   ShouldRenderApi,
@@ -23,11 +24,11 @@ import type {PrintActionExtensionComponents} from './components/PrintActionExten
 
 export interface ExtensionTargets {
   /**
-   * Renders a [`CustomerSegmentTemplate`](/docs/api/admin-extensions/components/customersegmenttemplate) in the [customer segment editor](https://help.shopify.com/en/manual/customers/customer-segmentation/customer-segments).
+   * Renders a  [`CustomerSegmentTemplate`](/docs/api/admin-extensions/components/customersegmenttemplate) in the [customer segment editor](https://help.shopify.com/en/manual/customers/customer-segmentation/customer-segments).
    */
-  'admin.customers.segmentation-templates.render': RenderExtension<
-    CustomerSegmentTemplateApi<'admin.customers.segmentation-templates.render'>,
-    StandardComponents
+  'admin.customers.segmentation-templates.data': RunnableExtension<
+    CustomerSegmentTemplateApi<'admin.customers.segmentation-templates.data'>,
+    {templates: CustomerSegmentTemplate[]}
   >;
 
   // Blocks

package/src/surfaces/checkout/api/checkout/checkout.ts

@@ -263,7 +263,7 @@ export interface DiscountCodeAddChange {
   type: 'addDiscountCode';
 
   /**
-   * The code for the discount (case-sensitive)
+   * The code for the discount (case-insensitive)
    */
   code: string;
 }
@@ -275,7 +275,7 @@ export interface DiscountCodeRemoveChange {
   type: 'removeDiscountCode';
 
   /**
-   * The code for the discount (case-sensitive)
+   * The code for the discount (case-insensitive)
    */
   code: string;
 }

package/src/surfaces/checkout/components/Form/examples/basic-form.example.html

@@ -1,4 +1,4 @@
-<s-form onSubmit="console.log('Form submitted'); return false;">
+<s-form>
   <s-text-field label="Email address" />
-  <s-button accessibilityRole="submit">Submit</s-button>
-</s-form>
+  <s-button type="submit" variant="primary">Submit</s-button>
+</s-form>

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

@@ -41,6 +41,9 @@ export interface FormEvents extends Pick<FormProps$1, 'onSubmit'> {
     onSubmit?: () => void;
 }
 export interface FormElementEvents {
+    /**
+     * A callback that is run when the form is submitted.
+     */
     submit?: ((event: CallbackEventListener<typeof tagName>) => void) | null;
 }
 export interface FormElement extends FormElementProps, Omit<HTMLElement, 'id' | 'onsubmit'> {

package/src/surfaces/checkout/components/Image/examples/basic-image.example.html

@@ -1 +1 @@
-<s-image src="https://cdn.shopify.com/YOUR_IMAGE_HERE" alt="Product image" />;
+<s-image src="https://cdn.shopify.com/YOUR_IMAGE_HERE" alt="Product image"></s-image>

package/src/surfaces/checkout/components/Map/examples/basic-map.example.html

@@ -1,3 +1,3 @@
-<s-map apikey="YOUR_API_KEY" latitude="51.5074" longitude="-0.1278">
-  <s-map-marker latitude="51.5074" longitude="-0.1278"></s-map-marker>
-</s-map>
+<s-map apiKey="YOUR_API_KEY" latitude={51.5074} longitude={-0.1278}>
+  <s-map-marker latitude={51.5074} longitude={-0.1278}></s-map-marker>
+</s-map>

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

@@ -1,4 +1 @@
-<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/Progress/examples/basic-progress.example.html

@@ -1 +1 @@
-<s-progress value="0.5"></s-progress>
+<s-progress value={0.5}></s-progress>

package/src/surfaces/checkout/components/Spinner/examples/basic-spinner.example.html

@@ -1 +1 @@
-<s-spinner />
+<s-spinner></s-spinner>

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

@@ -1,5 +1 @@
-<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/customer-account/components/Avatar/examples/basic-Avatar.example.html

@@ -0,0 +1,4 @@
+<s-avatar
+  alt="John Doe"
+  initials="JD"
+></s-avatar>

package/src/surfaces/customer-account/components/Avatar.d.ts

@@ -12,13 +12,13 @@ export type CallbackEventListener<
 export interface AvatarElementProps extends IdProps {
   /**
    * Initials to display in the avatar.
+   *
+   * Initials will be rendered as a fallback if `src` is not provided, fails to load or does not load quickly.
    */
   initials?: string;
 
   /**
    * The URL or path to the image.
-   *
-   * Initials will be rendered as a fallback if `src` is not provided, fails to load or does not load quickly.
    */
   src?: string;
 

package/src/surfaces/customer-account/components/ButtonGroup/examples/basic-ButtonGroup.example.html

@@ -0,0 +1,11 @@
+<s-button-group>
+  <s-button slot="primary-action" variant="primary">
+    Pay now
+  </s-button>
+  <s-button slot="secondary-actions" variant="secondary">
+    Edit order
+  </s-button>
+  <s-button slot="secondary-actions" variant="secondary">
+    Cancel order
+  </s-button>
+</s-button-group>

package/src/surfaces/customer-account/components/ButtonGroup.d.ts

@@ -9,11 +9,11 @@ export interface ButtonGroupProps extends IdProps {
 
 export interface ButtonGroupElementSlots {
   /**
-   * The primary action to perform, provided as a button type element.
+   * The primary action for the group. Accepts a single [Button](/docs/api/checkout-ui-extensions/polaris-web-components/actions/button) element.
    */
   'primary-action'?: HTMLElement;
   /**
-   * The secondary actions to perform, provided as button type elements.
+   * The secondary actions for the group. Accepts multiple [Button](/docs/api/checkout-ui-extensions/polaris-web-components/actions/button) elements.
    */
   'secondary-actions'?: HTMLElement;
 }

package/src/surfaces/customer-account/components/CustomerAccountAction/examples/basic-CustomerAccountAction.example.html

@@ -0,0 +1,15 @@
+<s-customer-account-action heading="My order action">
+  Modal content
+  <s-button 
+    slot="primary-action" 
+    onClick={() => console.log('pressed primary action')}
+  >
+    Primary
+  </s-button>
+  <s-button 
+    slot="secondary-actions" 
+    onClick={() => console.log('pressed secondary action')}
+  >
+    Secondary
+  </s-button>
+</s-customer-account-action>

package/src/surfaces/customer-account/components/CustomerAccountAction.d.ts

@@ -2,18 +2,18 @@ import {BaseElementPropsWithChildren, IdProps} from './shared';
 
 export interface CustomerAccountActionProps extends IdProps {
   /**
-   * Sets the heading of the Action container.
+   * Sets the heading of the action container.
    */
   heading: string;
 }
 
 export interface CustomerAccountActionElementSlots {
   /**
-   * The primary action to perform, provided as a button type element.
+   * The primary action for the page. Accepts a single Button element with restricted properties (see below).
    */
   'primary-action'?: HTMLElement;
   /**
-   * The secondary actions to perform, provided as button type elements.
+   * The secondary actions for the page. Accepts multiple Button elements with restricted properties (see below).
    */
   'secondary-actions'?: HTMLElement;
 }

package/src/surfaces/customer-account/components/ImageGroup/examples/basic-ImageGroup.example.html

@@ -0,0 +1,18 @@
+<s-image-group>
+  <s-image 
+    src="https://cdn.shopify.com/YOUR_IMAGE_HERE"
+    alt="Product image"
+  ></s-image>
+  <s-image 
+    src="https://cdn.shopify.com/YOUR_IMAGE_HERE"
+    alt="Product image"
+  ></s-image>
+  <s-image 
+    src="https://cdn.shopify.com/YOUR_IMAGE_HERE"
+    alt="Product image"
+  ></s-image>
+  <s-image 
+    src="https://cdn.shopify.com/YOUR_IMAGE_HERE"
+    alt="Product image"
+  ></s-image>
+</s-image-group>

package/src/surfaces/customer-account/components/Menu/examples/basic-Menu.example.html

@@ -0,0 +1,14 @@
+<>
+  <s-button commandFor="order-actions-menu">
+    Manage
+  </s-button>
+
+  <s-menu
+    id="order-actions-menu"
+    accessibilityLabel="List of order actions"
+  >
+    <s-button>Submit problem</s-button>
+    <s-button>Request return</s-button>
+    <s-button tone="critical">Cancel order</s-button>
+  </s-menu>
+</>

package/src/surfaces/customer-account/components/Page/examples/basic-Page.example.html

@@ -0,0 +1,19 @@
+<s-page
+  heading="Order #1411"
+  subheading="Confirmed Oct 5"
+>
+  <s-button slot="primary-action">
+    Buy again
+  </s-button>
+  <s-button slot="secondary-actions">
+    Edit order
+  </s-button>
+  <s-button slot="secondary-actions">
+    Cancel order
+  </s-button>
+  <s-button
+    slot="breadcrumb-actions"
+    accessibilityLabel="Back to orders"
+  ></s-button>
+  Content
+</s-page>

package/src/surfaces/customer-account/components/Page.d.ts

@@ -14,15 +14,15 @@ export interface PageProps extends IdProps {
 
 export interface PageElementSlots {
   /**
-   * The breadcrumb actions to perform, provided as button type elements.
+   * The breadcrumb actions for the page. Accepts a single Button element with restricted properties (see below).
    */
   'breadcrumb-actions'?: HTMLElement;
   /**
-   * The primary action to perform, provided as a button type element.
+   * The primary action for the page. Accepts a single Button element with restricted properties (see below).
    */
   'primary-action'?: HTMLElement;
   /**
-   * The secondary actions to perform, provided as button type elements.
+   * The secondary actions for the page. Accepts multiple Button elements with restricted properties (see below).
    */
   'secondary-actions'?: HTMLElement;
 }

package/src/surfaces/customer-account/components/Section/examples/basic-Section.example.html

@@ -0,0 +1,12 @@
+<s-section heading="Rewards">
+  <s-button slot="primary-action" variant="primary">
+    Redeem
+  </s-button>
+  <s-button slot="secondary-actions" variant="secondary">
+    My rewards
+  </s-button>
+  <s-paragraph>
+    Earn 10 points for every $1 spent. Redeem 100 points for $10 off your
+    next purchase.
+  </s-paragraph>
+</s-section>

package/src/surfaces/customer-account/components/Section.d.ts

@@ -18,11 +18,11 @@ export interface SectionProps extends IdProps {
 
 export interface SectionElementSlots {
   /**
-   * The primary action to perform, provided as a button type element.
+   * The primary action for the section. Accepts a single [Button](/docs/api/checkout-ui-extensions/polaris-web-components/actions/button) element.
    */
   'primary-action'?: HTMLElement;
   /**
-   * The secondary actions to perform, provided as button type elements.
+   * The secondary actions for the section. Accepts multiple [Button](/docs/api/checkout-ui-extensions/polaris-web-components/actions/button) elements.
    */
   'secondary-actions'?: HTMLElement;
 }

package/src/surfaces/point-of-sale/api/navigation-api/navigation-api.ts

@@ -12,7 +12,7 @@ export interface NavigationHistoryEntry {
   /** Returns the key of the history entry. This is a unique, UA-generated value that represents the history entry's slot in the entries list rather than the entry itself. */
   key: string;
   /**
-   * Returns the URL of this history entry.
+   * Returns the lowercased URL of this history entry.
    */
   url: string | null;
   /**
@@ -35,7 +35,7 @@ export interface Navigation {
   /**
    * The navigate() method navigates to a specific URL, updating any provided state in the history entries list.
    */
-  navigate: NavigateFunction;
+  navigate: (url: string, options?: NavigationNavigateOptions) => void;
   /**
    * The currentEntry read-only property of the Navigation interface returns a NavigationHistoryEntry object representing the location the user is currently navigated to right now.
    */
@@ -53,11 +53,3 @@ export interface Navigation {
     cb: (event: NavigationCurrentEntryChangeEvent) => void,
   ): void;
 }
-
-export interface NavigateFunction {
-  /**
-   * Navigates to a specific URL, updating any provided state in the history entries list.
-   * @param url The destination URL to navigate to.
-   */
-  (url: string, options?: NavigationNavigateOptions): void;
-}

package/src/surfaces/point-of-sale/components/Badge/examples/default.html

@@ -1,5 +1,5 @@
-<s-badge tone="neutral">Neutral</s-badge>
-<s-badge tone="success">Success</s-badge>
-<s-badge tone="info">Highlight</s-badge>
-<s-badge tone="warning">Warning</s-badge>
-<s-badge tone="critical">Critical</s-badge>
+<s-badge tone="neutral">Paid</s-badge>
+<s-badge tone="success">Active</s-badge>
+<s-badge tone="info">Draft</s-badge>
+<s-badge tone="warning">On hold</s-badge>
+<s-badge tone="critical">Action required</s-badge>

package/src/surfaces/point-of-sale/components/Modal.d.ts

@@ -14,7 +14,6 @@ import type {
   Ref,
   ComponentChild,
 } from './components-shared.d.ts';
-import {ReactNode} from 'react';
 
 export type ComponentChildren = any;
 /**
@@ -48,7 +47,7 @@ export interface ModalJSXProps extends Pick<ModalProps, 'id' | 'heading'> {
   secondaryActions?: ComponentChild;
   onHide?: (event: CallbackEvent<typeof tagName>) => void | null;
   onShow?: (event: CallbackEvent<typeof tagName>) => void | null;
-  children?: ReactNode;
+  children?: ComponentChildren;
 }
 declare global {
   interface HTMLElementTagNameMap {

package/src/surfaces/point-of-sale/components.d.ts

@@ -3110,8 +3110,6 @@ export interface Context<T> extends Provider<T> {
   displayName?: string;
 }
 
-import {ReactNode} from 'react';
-
 type ComponentChildren = any;
 /**
  * Used when an element does not have children.
@@ -3838,7 +3836,7 @@ interface ModalJSXProps extends Pick<ModalProps, 'id' | 'heading'> {
   secondaryActions?: ComponentChild;
   onHide?: (event: CallbackEvent<typeof tagName$i>) => void | null;
   onShow?: (event: CallbackEvent<typeof tagName$i>) => void | null;
-  children?: ReactNode;
+  children?: ComponentChildren;
 }
 declare global {
   interface HTMLElementTagNameMap {
@@ -4554,7 +4552,7 @@ interface Box {
 }
 
 interface ButtonEvents {
-  click?: (event: CallbackEvent<typeof tagName>) => void;
+  click?: (event: CallbackEvent<typeof tagName$t>) => void;
 }
 
 interface Button {
@@ -4618,8 +4616,8 @@ interface Choice {
 }
 
 interface ChoiceListEvents {
-  change?: (event: CallbackEvent<typeof tagName>) => void;
-  input?: (event: CallbackEvent<typeof tagName>) => void;
+  change?: (event: CallbackEvent<typeof tagName$k>) => void;
+  input?: (event: CallbackEvent<typeof tagName$k>) => void;
 }
 
 interface ChoiceList {
@@ -4637,7 +4635,7 @@ interface ChoiceList {
 }
 
 interface ClickableEvents {
-  click?: (event: CallbackEvent<typeof tagName>) => void;
+  click?: (event: CallbackEvent<typeof tagName$e>) => void;
 }
 
 interface Clickable {
@@ -4656,10 +4654,10 @@ interface Clickable {
 }
 
 interface DateFieldEvents {
-  input?: (event: CallbackEvent<typeof tagName>) => void;
-  focus?: (event: CallbackEvent<typeof tagName>) => void;
-  blur?: (event: CallbackEvent<typeof tagName>) => void;
-  change?: (event: CallbackEvent<typeof tagName>) => void;
+  input?: (event: CallbackEvent<typeof tagName$b>) => void;
+  focus?: (event: CallbackEvent<typeof tagName$b>) => void;
+  blur?: (event: CallbackEvent<typeof tagName$b>) => void;
+  change?: (event: CallbackEvent<typeof tagName$b>) => void;
 }
 
 interface DateFieldSlots {
@@ -4692,10 +4690,10 @@ interface DateField {
 }
 
 interface DatePickerEvents {
-  blur?: (event: CallbackEvent<typeof tagName>) => void | null;
-  focus?: (event: CallbackEvent<typeof tagName>) => void | null;
-  change?: (event: CallbackEvent<typeof tagName>) => void | null;
-  input?: (event: CallbackEvent<typeof tagName>) => void | null;
+  blur?: (event: CallbackEvent<typeof tagName$a>) => void | null;
+  focus?: (event: CallbackEvent<typeof tagName$a>) => void | null;
+  change?: (event: CallbackEvent<typeof tagName$a>) => void | null;
+  input?: (event: CallbackEvent<typeof tagName$a>) => void | null;
 }
 
 interface DatePicker {
@@ -4719,10 +4717,10 @@ interface DatePicker {
 }
 
 interface DateSpinnerEvents {
-  blur?: (event: CallbackEvent<typeof tagName>) => void | null;
-  focus?: (event: CallbackEvent<typeof tagName>) => void | null;
-  change?: (event: CallbackEvent<typeof tagName>) => void | null;
-  input?: (event: CallbackEvent<typeof tagName>) => void | null;
+  blur?: (event: CallbackEvent<typeof tagName$9>) => void | null;
+  focus?: (event: CallbackEvent<typeof tagName$9>) => void | null;
+  change?: (event: CallbackEvent<typeof tagName$9>) => void | null;
+  input?: (event: CallbackEvent<typeof tagName$9>) => void | null;
 }
 
 interface DateSpinner {
@@ -4746,10 +4744,10 @@ interface Divider {
 }
 
 interface EmailFieldEvents {
-  input?: (event: CallbackEvent<typeof tagName>) => void;
-  focus?: (event: CallbackEvent<typeof tagName>) => void;
-  blur?: (event: CallbackEvent<typeof tagName>) => void;
-  change?: (event: CallbackEvent<typeof tagName>) => void;
+  input?: (event: CallbackEvent<typeof tagName$f>) => void;
+  focus?: (event: CallbackEvent<typeof tagName$f>) => void;
+  blur?: (event: CallbackEvent<typeof tagName$f>) => void;
+  change?: (event: CallbackEvent<typeof tagName$f>) => void;
 }
 
 interface EmailFieldSlots {
@@ -4852,8 +4850,8 @@ interface Image {
 }
 
 interface ModalEvents {
-  hide?: (event: CallbackEvent<typeof tagName>) => void | null;
-  show?: (event: CallbackEvent<typeof tagName>) => void | null;
+  hide?: (event: CallbackEvent<typeof tagName$i>) => void | null;
+  show?: (event: CallbackEvent<typeof tagName$i>) => void | null;
 }
 
 interface ModalSlots {
@@ -4869,10 +4867,10 @@ interface Modal {
 }
 
 interface NumberFieldEvents {
-  input?: (event: CallbackEvent<typeof tagName>) => void;
-  focus?: (event: CallbackEvent<typeof tagName>) => void;
-  blur?: (event: CallbackEvent<typeof tagName>) => void;
-  change?: (event: CallbackEvent<typeof tagName>) => void;
+  input?: (event: CallbackEvent<typeof tagName$c>) => void;
+  focus?: (event: CallbackEvent<typeof tagName$c>) => void;
+  blur?: (event: CallbackEvent<typeof tagName$c>) => void;
+  change?: (event: CallbackEvent<typeof tagName$c>) => void;
 }
 
 interface NumberFieldSlots {
@@ -5110,10 +5108,10 @@ interface ScrollBox {
 }
 
 interface SearchFieldEvents {
-  focus?: (event: CallbackEvent<typeof tagName>) => void;
-  blur?: (event: CallbackEvent<typeof tagName>) => void;
-  input?: (event: CallbackEvent<typeof tagName>) => void;
-  change?: (event: CallbackEvent<typeof tagName>) => void;
+  focus?: (event: CallbackEvent<typeof tagName$g>) => void;
+  blur?: (event: CallbackEvent<typeof tagName$g>) => void;
+  input?: (event: CallbackEvent<typeof tagName$g>) => void;
+  change?: (event: CallbackEvent<typeof tagName$g>) => void;
 }
 
 interface SearchField {
@@ -5312,10 +5310,10 @@ interface Text {
 }
 
 interface TextAreaEvents {
-  input?: (event: CallbackEvent<typeof tagName>) => void;
-  focus?: (event: CallbackEvent<typeof tagName>) => void;
-  blur?: (event: CallbackEvent<typeof tagName>) => void;
-  change?: (event: CallbackEvent<typeof tagName>) => void;
+  input?: (event: CallbackEvent<typeof tagName$d>) => void;
+  focus?: (event: CallbackEvent<typeof tagName$d>) => void;
+  blur?: (event: CallbackEvent<typeof tagName$d>) => void;
+  change?: (event: CallbackEvent<typeof tagName$d>) => void;
 }
 
 interface TextAreaSlots {
@@ -5368,10 +5366,10 @@ interface TextArea {
 }
 
 interface TextFieldEvents {
-  input?: (event: CallbackEvent<typeof tagName>) => void;
-  focus?: (event: CallbackEvent<typeof tagName>) => void;
-  blur?: (event: CallbackEvent<typeof tagName>) => void;
-  change?: (event: CallbackEvent<typeof tagName>) => void;
+  input?: (event: CallbackEvent<typeof tagName$h>) => void;
+  focus?: (event: CallbackEvent<typeof tagName$h>) => void;
+  blur?: (event: CallbackEvent<typeof tagName$h>) => void;
+  change?: (event: CallbackEvent<typeof tagName$h>) => void;
 }
 
 interface TextFieldSlots {
@@ -5419,7 +5417,7 @@ interface TextField {
 }
 
 interface TileEvents {
-  click?: (event: CallbackEvent<typeof tagName>) => void;
+  click?: (event: CallbackEvent<typeof tagName$q>) => void;
 }
 
 interface Tile {
@@ -5455,10 +5453,10 @@ interface Tile {
 }
 
 interface TimeFieldEvents {
-  blur?: (event: CallbackEvent<typeof tagName>) => void | null;
-  focus?: (event: CallbackEvent<typeof tagName>) => void | null;
-  input?: (event: CallbackEvent<typeof tagName>) => void | null;
-  change?: (event: CallbackEvent<typeof tagName>) => void | null;
+  blur?: (event: CallbackEvent<typeof tagName$3>) => void | null;
+  focus?: (event: CallbackEvent<typeof tagName$3>) => void | null;
+  input?: (event: CallbackEvent<typeof tagName$3>) => void | null;
+  change?: (event: CallbackEvent<typeof tagName$3>) => void | null;
 }
 
 interface TimeField {
@@ -5502,10 +5500,10 @@ interface TimeField {
 }
 
 interface TimePickerEvents {
-  blur?: (event: CallbackEvent<typeof tagName>) => void | null;
-  focus?: (event: CallbackEvent<typeof tagName>) => void | null;
-  change?: (event: CallbackEvent<typeof tagName>) => void | null;
-  input?: (event: CallbackEvent<typeof tagName>) => void | null;
+  blur?: (event: CallbackEvent<typeof tagName$6>) => void | null;
+  focus?: (event: CallbackEvent<typeof tagName$6>) => void | null;
+  change?: (event: CallbackEvent<typeof tagName$6>) => void | null;
+  input?: (event: CallbackEvent<typeof tagName$6>) => void | null;
 }
 
 interface TimePicker {

package/build/ts/surfaces/admin/targets/admin.customers.segmentation-templates.render.d.ts

@@ -1,57 +0,0 @@
-import "../components/Avatar.d.ts";
-import "../components/Badge.d.ts";
-import "../components/Banner.d.ts";
-import "../components/Box.d.ts";
-import "../components/Button.d.ts";
-import "../components/ButtonGroup.d.ts";
-import "../components/Checkbox.d.ts";
-import "../components/Chip.d.ts";
-import "../components/Choice.d.ts";
-import "../components/ChoiceList.d.ts";
-import "../components/Clickable.d.ts";
-import "../components/ClickableChip.d.ts";
-import "../components/ColorField.d.ts";
-import "../components/ColorPicker.d.ts";
-import "../components/DateField.d.ts";
-import "../components/DatePicker.d.ts";
-import "../components/Divider.d.ts";
-import "../components/EmailField.d.ts";
-import "../components/Grid.d.ts";
-import "../components/GridItem.d.ts";
-import "../components/Heading.d.ts";
-import "../components/Icon.d.ts";
-import "../components/Image.d.ts";
-import "../components/Link.d.ts";
-import "../components/ListItem.d.ts";
-import "../components/Menu.d.ts";
-import "../components/MoneyField.d.ts";
-import "../components/NumberField.d.ts";
-import "../components/Option.d.ts";
-import "../components/OptionGroup.d.ts";
-import "../components/OrderedList.d.ts";
-import "../components/Paragraph.d.ts";
-import "../components/PasswordField.d.ts";
-import "../components/QueryContainer.d.ts";
-import "../components/Section.d.ts";
-import "../components/Select.d.ts";
-import "../components/Spinner.d.ts";
-import "../components/Stack.d.ts";
-import "../components/Table.d.ts";
-import "../components/TableBody.d.ts";
-import "../components/TableCell.d.ts";
-import "../components/TableHeader.d.ts";
-import "../components/TableHeaderRow.d.ts";
-import "../components/TableRow.d.ts";
-import "../components/Text.d.ts";
-import "../components/TextArea.d.ts";
-import "../components/TextField.d.ts";
-import "../components/Thumbnail.d.ts";
-import "../components/Tooltip.d.ts";
-import "../components/UnorderedList.d.ts";
-import "../components/URLField.d.ts";
-import type { ExtensionTargets } from '../extension-targets';
-
-type Target = ExtensionTargets['admin.customers.segmentation-templates.render'];
-export type Api = Target['api'];
-export type Output = Target['output'];
-

package/src/surfaces/customer-account/components/Avatar/examples/basic-Avatar-preact.example.tsx

@@ -1,10 +0,0 @@
-import '@shopify/ui-extensions/preact';
-import {render} from 'preact';
-
-export default async () => {
-  render(<Extension />, document.body);
-};
-
-function Extension() {
-  return <s-avatar initials="EW" alt="Evan White" size="base" />;
-}