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

package/build/ts/surfaces/point-of-sale/components/Image.d.ts

@@ -0,0 +1,64 @@
+/** VERSION: undefined **/
+/* 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 {ImageProps, Key, Ref} from './components-shared.d.ts';
+
+export type ComponentChildren = any;
+/**
+ * Used when an element does not have children.
+ */
+export interface BaseElementProps<TClass = HTMLElement> {
+  key?: Key;
+  ref?: Ref<TClass>;
+  slot?: Lowercase<string>;
+}
+/**
+ * Used when an element has children.
+ */
+export interface BaseElementPropsWithChildren<TClass = HTMLElement>
+  extends BaseElementProps<TClass> {
+  children?: ComponentChildren;
+}
+
+declare const tagName = 's-image';
+export type PickedProps = Pick<ImageProps, 'src' | 'inlineSize' | 'objectFit'>;
+export interface ImageJSXProps extends PickedProps {
+  children?: ComponentChildren;
+  /**
+   * The displayed inline width of the image.
+   *
+   * - `fill`: the image will takes up 100% of the available inline size.
+   * - `auto`: the image will be displayed at its natural size.
+   *
+   * **Mobile surfaces:** Always wrap your image in a box with a set width and height.
+   * ScrollViews on mobile have a dynamic height, which can cause images to appear
+   * inconsistently without defined dimensions.
+   *
+   * @default 'fill'
+   *
+   * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#width
+   */
+  inlineSize?: PickedProps['inlineSize'];
+}
+declare global {
+  interface HTMLElementTagNameMap {
+    [tagName]: ImageJSXProps;
+  }
+}
+declare module 'preact' {
+  namespace createElement.JSX {
+    interface IntrinsicElements {
+      [tagName]: ImageJSXProps & BaseElementPropsWithChildren<ImageJSXProps>;
+    }
+  }
+}
+
+export {tagName};
+export type {ImageJSXProps};

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

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

package/build/ts/surfaces/point-of-sale/components/Modal/Modal.doc.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.doc.d.ts","sourceRoot":"","sources":["../../../../../../src/surfaces/point-of-sale/components/Modal/Modal.doc.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,6BAA6B,EAAC,MAAM,wBAAwB,CAAC;AAErE,QAAA,MAAM,IAAI,EAAE,6BAuCX,CAAC;AAEF,eAAe,IAAI,CAAC"}

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

@@ -0,0 +1,70 @@
+/** VERSION: undefined **/
+/* 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 {
+  ModalProps,
+  Key,
+  Ref,
+  ComponentChild,
+} from './components-shared.d.ts';
+import {ReactNode} from 'react';
+
+export type ComponentChildren = any;
+/**
+ * Used when an element does not have children.
+ */
+export interface BaseElementProps<TClass = HTMLElement> {
+  key?: Key;
+  ref?: Ref<TClass>;
+  slot?: Lowercase<string>;
+}
+/**
+ * Used when an element has children.
+ */
+export interface BaseElementPropsWithChildren<TClass = HTMLElement>
+  extends BaseElementProps<TClass> {
+  children?: ComponentChildren;
+}
+export interface CallbackEvent<T extends keyof HTMLElementTagNameMap> {
+  currentTarget: HTMLElementTagNameMap[T];
+  bubbles?: boolean;
+  cancelable?: boolean;
+  composed?: boolean;
+  detail?: any;
+  eventPhase: number;
+  target: HTMLElementTagNameMap[T] | null;
+}
+
+declare const tagName = 's-modal';
+export interface ModalJSXProps extends Pick<ModalProps, 'id' | 'heading'> {
+  primaryAction?: ComponentChild;
+  secondaryActions?: ComponentChild;
+  onHide?: (event: CallbackEvent<typeof tagName>) => void | null;
+  onShow?: (event: CallbackEvent<typeof tagName>) => void | null;
+  children?: ReactNode;
+}
+declare global {
+  interface HTMLElementTagNameMap {
+    [tagName]: ModalJSXProps;
+  }
+}
+declare module 'preact' {
+  namespace createElement.JSX {
+    interface IntrinsicElements {
+      [tagName]: Omit<ModalJSXProps, 'primaryAction' | 'secondaryActions'> &
+        BaseElementPropsWithChildren<
+          Omit<ModalJSXProps, 'primaryAction' | 'secondaryActions'>
+        >;
+    }
+  }
+}
+
+export {tagName};
+export type {ModalJSXProps};

package/build/ts/surfaces/point-of-sale/components/Navigator.d.ts

@@ -0,0 +1,50 @@
+/** VERSION: undefined **/
+/* 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 {Key, Ref} from './components-shared.d.ts';
+
+export type ComponentChildren = any;
+/**
+ * Used when an element does not have children.
+ */
+export interface BaseElementProps<TClass = HTMLElement> {
+  key?: Key;
+  ref?: Ref<TClass>;
+  slot?: Lowercase<string>;
+}
+/**
+ * Used when an element has children.
+ */
+export interface BaseElementPropsWithChildren<TClass = HTMLElement>
+  extends BaseElementProps<TClass> {
+  children?: ComponentChildren;
+}
+
+declare const tagName = 's-navigator';
+export interface NavigatorJSXProps {
+  initialScreenName?: string;
+  children?: React.ReactNode;
+}
+declare global {
+  interface HTMLElementTagNameMap {
+    [tagName]: NavigatorJSXProps;
+  }
+}
+declare module 'preact' {
+  namespace createElement.JSX {
+    interface IntrinsicElements {
+      [tagName]: NavigatorJSXProps &
+        BaseElementPropsWithChildren<NavigatorJSXProps>;
+    }
+  }
+}
+
+export {tagName};
+export type {NavigatorJSXProps};

package/build/ts/surfaces/point-of-sale/components/NumberField/NumberField.doc.d.ts

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

package/build/ts/surfaces/point-of-sale/components/NumberField/NumberField.doc.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberField.doc.d.ts","sourceRoot":"","sources":["../../../../../../src/surfaces/point-of-sale/components/NumberField/NumberField.doc.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,6BAA6B,EAAC,MAAM,wBAAwB,CAAC;AAErE,QAAA,MAAM,IAAI,EAAE,6BAuCX,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/build/ts/surfaces/point-of-sale/components/NumberField.d.ts

@@ -0,0 +1,150 @@
+/** VERSION: undefined **/
+/* 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,
+  Key,
+  Ref,
+  ComponentChild,
+} from './components-shared.d.ts';
+
+export type ComponentChildren = any;
+/**
+ * Used when an element does not have children.
+ */
+export interface BaseElementProps<TClass = HTMLElement> {
+  key?: Key;
+  ref?: Ref<TClass>;
+  slot?: Lowercase<string>;
+}
+/**
+ * Used when an element has children.
+ */
+export interface BaseElementPropsWithChildren<TClass = HTMLElement>
+  extends BaseElementProps<TClass> {
+  children?: ComponentChildren;
+}
+export interface CallbackEvent<T extends keyof HTMLElementTagNameMap> {
+  currentTarget: HTMLElementTagNameMap[T];
+  bubbles?: boolean;
+  cancelable?: boolean;
+  composed?: boolean;
+  detail?: any;
+  eventPhase: number;
+  target: HTMLElementTagNameMap[T] | null;
+}
+
+declare const tagName = 's-number-field';
+export interface PickedJSXProps
+  extends Pick<
+    NumberFieldProps,
+    | 'label'
+    | 'details'
+    | 'value'
+    | 'placeholder'
+    | 'disabled'
+    | 'error'
+    | 'required'
+    | 'max'
+    | 'min'
+    | 'controls'
+  > {
+  inputMode?: Extract<NumberFieldProps['inputMode'], 'decimal' | 'numeric'>;
+  onInput?: ((event: CallbackEvent<typeof tagName>) => void) | null;
+  onFocus?: ((event: CallbackEvent<typeof tagName>) => void) | null;
+  onBlur?: ((event: CallbackEvent<typeof tagName>) => void) | null;
+  onChange?: ((event: CallbackEvent<typeof tagName>) => void) | null;
+  accessory?: ComponentChild;
+}
+export interface NumberFieldJSXProps extends PickedJSXProps {
+  /**
+   * Content to use as the field label.
+   *
+   * Label is not supported when using Stepper controls
+   */
+  label?: PickedJSXProps['label'];
+  /**
+   * Additional text to provide context or guidance for the field.
+   * This text is displayed along with the field and its label
+   * to offer more information or instructions to the user.
+   *
+   * This will also be exposed to screen reader users.
+   *
+   * Details are not supported when using Stepper controls
+   */
+  details?: PickedJSXProps['details'];
+  /**
+   * Whether the field needs a value. This requirement adds semantic value
+   * to the field, but it will not cause an error to appear automatically.
+   * If you want to present an error when this field is empty, you can do
+   * so with the `error` property.
+   *
+   * @default false
+   *
+   * Required is not supported when using Stepper controls
+   */
+  required?: PickedJSXProps['required'];
+  /**
+   * Indicate an error to the user. The field will be given a specific stylistic treatment
+   * to communicate problems that have to be resolved immediately.
+   *
+   * Error is not supported when using Stepper controls
+   */
+  error?: PickedJSXProps['error'];
+  /**
+   * Sets the virtual keyboard.
+   *
+   * Input mode is not supported when using Stepper controls
+   *
+   * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode
+   * @default 'decimal'
+   */
+  inputMode?: PickedJSXProps['inputMode'];
+  /**
+   * A short hint that describes the expected value of the field.
+   *
+   * Placeholder text is not supported when using Stepper controls due to constrained space for the number field, especially on phones.
+   */
+  placeholder?: PickedJSXProps['placeholder'];
+  /**
+   * Additional content to be displayed in the field.
+   * Commonly used to display an icon that activates a tooltip providing more information.
+   *
+   * Accessory is not supported when using Stepper controls
+   */
+  accessory?: PickedJSXProps['accessory'];
+  /**
+   * Sets the type of controls displayed for the field.
+   *
+   * - `stepper`: displays buttons to increase or decrease the value of the field by the stepping interval defined in the `step` property. Note that in POS
+   *   adding stepper controls simplifies the behaviour of the Number Field itself. The field supports only integer values, is always-populated and automatically
+   *   validates the value to be within the min and max bounds. Validation, label, details and placeholder are not supported when using Stepper controls.
+   *
+   * - `none`: no controls are displayed and users must input the value manually.
+   * - `auto`: the presence of the controls depends on the surface and context.
+   */
+  controls?: PickedJSXProps['controls'];
+}
+declare global {
+  interface HTMLElementTagNameMap {
+    [tagName]: NumberFieldJSXProps;
+  }
+}
+declare module 'preact' {
+  namespace createElement.JSX {
+    interface IntrinsicElements {
+      [tagName]: Omit<NumberFieldJSXProps, 'accessory'> &
+        BaseElementPropsWithChildren<Omit<NumberFieldJSXProps, 'accessory'>>;
+    }
+  }
+}
+
+export {tagName};
+export type {NumberFieldJSXProps};

package/build/ts/surfaces/point-of-sale/components/Page/Page.doc.d.ts

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

package/build/ts/surfaces/point-of-sale/components/Page/Page.doc.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Page.doc.d.ts","sourceRoot":"","sources":["../../../../../../src/surfaces/point-of-sale/components/Page/Page.doc.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,6BAA6B,EAAC,MAAM,wBAAwB,CAAC;AAErE,QAAA,MAAM,IAAI,EAAE,6BAkCX,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/build/ts/surfaces/point-of-sale/components/Page.d.ts

@@ -0,0 +1,62 @@
+/** VERSION: undefined **/
+/* 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 {
+  PageProps,
+  Key,
+  Ref,
+  ComponentChild,
+} from './components-shared.d.ts';
+
+export type ComponentChildren = any;
+/**
+ * Used when an element does not have children.
+ */
+export interface BaseElementProps<TClass = HTMLElement> {
+  key?: Key;
+  ref?: Ref<TClass>;
+  slot?: Lowercase<string>;
+}
+/**
+ * Used when an element has children.
+ */
+export interface BaseElementPropsWithChildren<TClass = HTMLElement>
+  extends BaseElementProps<TClass> {
+  children?: ComponentChildren;
+}
+
+declare const tagName = 's-page';
+export type PickedProps = Pick<
+  PageProps,
+  'heading' | 'subheading' | 'secondaryActions'
+>;
+export interface PageJSXProps extends PickedProps {
+  children?: ComponentChildren;
+  secondaryActions?: ComponentChild;
+  primaryAction?: ComponentChild;
+}
+declare global {
+  interface HTMLElementTagNameMap {
+    [tagName]: PageJSXProps;
+  }
+}
+declare module 'preact' {
+  namespace createElement.JSX {
+    interface IntrinsicElements {
+      [tagName]: Omit<PageJSXProps, 'primaryAction' | 'secondaryActions'> &
+        BaseElementPropsWithChildren<
+          Omit<PageJSXProps, 'primaryAction' | 'secondaryActions'>
+        >;
+    }
+  }
+}
+
+export {tagName};
+export type {PageJSXProps};

package/build/ts/surfaces/point-of-sale/components/PosBlock/PosBlock.doc.d.ts

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

package/build/ts/surfaces/point-of-sale/components/PosBlock/PosBlock.doc.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PosBlock.doc.d.ts","sourceRoot":"","sources":["../../../../../../src/surfaces/point-of-sale/components/PosBlock/PosBlock.doc.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,6BAA6B,EAAC,MAAM,wBAAwB,CAAC;AAErE,QAAA,MAAM,IAAI,EAAE,6BAkCX,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/build/ts/surfaces/point-of-sale/components/PosBlock.d.ts

@@ -0,0 +1,64 @@
+/** VERSION: undefined **/
+/* 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 {
+  SectionProps,
+  Key,
+  Ref,
+  ComponentChild,
+} from './components-shared.d.ts';
+
+export type ComponentChildren = any;
+/**
+ * Used when an element does not have children.
+ */
+export interface BaseElementProps<TClass = HTMLElement> {
+  key?: Key;
+  ref?: Ref<TClass>;
+  slot?: Lowercase<string>;
+}
+/**
+ * Used when an element has children.
+ */
+export interface BaseElementPropsWithChildren<TClass = HTMLElement>
+  extends BaseElementProps<TClass> {
+  children?: ComponentChildren;
+}
+
+declare const tagName = 's-pos-block';
+export interface PosBlockJSXProps extends Pick<SectionProps, 'children'> {
+  secondaryActions?: ComponentChild;
+  /**
+   * Adds title text displayed at the top left of the section
+   *
+   * **Mobile surfaces:** Uses the standard POS Design System heading style for a section (not h2).
+   *
+   * @default undefined
+   */
+  heading?: string;
+}
+declare global {
+  interface HTMLElementTagNameMap {
+    [tagName]: PosBlockJSXProps;
+  }
+}
+declare module 'preact' {
+  namespace createElement.JSX {
+    interface IntrinsicElements {
+      [tagName]: Omit<PosBlockJSXProps, 'secondaryActions'> &
+        BaseElementPropsWithChildren<
+          Omit<PosBlockJSXProps, 'secondaryActions'>
+        >;
+    }
+  }
+}
+
+export {tagName};
+export type {PosBlockJSXProps};

package/build/ts/surfaces/point-of-sale/components/Screen.d.ts

@@ -0,0 +1,91 @@
+/** VERSION: undefined **/
+/* 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 {Key, Ref, ComponentChild} from './components-shared.d.ts';
+
+export type ComponentChildren = any;
+/**
+ * Used when an element does not have children.
+ */
+export interface BaseElementProps<TClass = HTMLElement> {
+  key?: Key;
+  ref?: Ref<TClass>;
+  slot?: Lowercase<string>;
+}
+/**
+ * Used when an element has children.
+ */
+export interface BaseElementPropsWithChildren<TClass = HTMLElement>
+  extends BaseElementProps<TClass> {
+  children?: ComponentChildren;
+}
+
+declare const tagName = 's-screen';
+export interface ScreenJSXProps {
+  /**
+   * Used to identify this screen as a destination in the navigation stack.
+   */
+  name: string;
+  /**
+   * The title of the screen which will be displayed on the UI.
+   */
+  title: string;
+  /**
+   * Displays a loading indicator when `true`.
+   * Set this to `true` when performing an asynchronous task, and then to false when the data becomes available to the UI.
+   */
+  isLoading?: boolean;
+  /**
+   * Dictates how the `Screen` will be presented when navigated to.
+   */
+  presentation?: ScreenPresentationProps;
+  /**
+   * Displays a secondary action button on the screen.
+   */
+  secondaryActions?: ComponentChild;
+  /**
+   * Triggered when the screen is navigated to.
+   */
+  onNavigate?: () => void;
+  /**
+   * Triggered when the user navigates back from this screen. Runs after screen is unmounted.
+   */
+  onNavigateBack?: () => void;
+  /**
+   * A callback that gets triggered when the navigation event completes and the screen receives the parameters.
+   */
+  onReceiveParams?: (params: any) => void;
+  children?: React.ReactNode;
+}
+/** Represents the presentation of a screen in the navigation stack.
+ * @property `sheet` displays the screen from the bottom on `navigate` when `true`.
+ */
+export interface ScreenPresentationProps {
+  /**
+   * Displays the screen from the bottom on `navigate` when `true`.
+   */
+  sheet?: boolean;
+}
+declare global {
+  interface HTMLElementTagNameMap {
+    [tagName]: ScreenJSXProps;
+  }
+}
+declare module 'preact' {
+  namespace createElement.JSX {
+    interface IntrinsicElements {
+      [tagName]: Omit<ScreenJSXProps, 'secondaryActions'> &
+        BaseElementPropsWithChildren<Omit<ScreenJSXProps, 'secondaryActions'>>;
+    }
+  }
+}
+
+export {tagName};
+export type {ScreenJSXProps, ScreenPresentationProps};

package/build/ts/surfaces/point-of-sale/components/ScrollBox/ScrollBox.doc.d.ts

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

package/build/ts/surfaces/point-of-sale/components/ScrollBox/ScrollBox.doc.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollBox.doc.d.ts","sourceRoot":"","sources":["../../../../../../src/surfaces/point-of-sale/components/ScrollBox/ScrollBox.doc.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,6BAA6B,EAAC,MAAM,wBAAwB,CAAC;AAErE,QAAA,MAAM,IAAI,EAAE,6BA6BX,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/build/ts/surfaces/point-of-sale/components/ScrollBox.d.ts

@@ -0,0 +1,49 @@
+/** VERSION: undefined **/
+/* 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 {ScrollBoxProps, Key, Ref} from './components-shared.d.ts';
+
+export type ComponentChildren = any;
+/**
+ * Used when an element does not have children.
+ */
+export interface BaseElementProps<TClass = HTMLElement> {
+  key?: Key;
+  ref?: Ref<TClass>;
+  slot?: Lowercase<string>;
+}
+/**
+ * Used when an element has children.
+ */
+export interface BaseElementPropsWithChildren<TClass = HTMLElement>
+  extends BaseElementProps<TClass> {
+  children?: ComponentChildren;
+}
+
+declare const tagName = 's-scroll-box';
+export interface ScrollBoxJSXProps extends Pick<ScrollBoxProps, 'id'> {
+  children?: ComponentChildren;
+}
+declare global {
+  interface HTMLElementTagNameMap {
+    [tagName]: ScrollBoxJSXProps;
+  }
+}
+declare module 'preact' {
+  namespace createElement.JSX {
+    interface IntrinsicElements {
+      [tagName]: ScrollBoxJSXProps &
+        BaseElementPropsWithChildren<ScrollBoxJSXProps>;
+    }
+  }
+}
+
+export {tagName};
+export type {ScrollBoxJSXProps};

package/build/ts/surfaces/point-of-sale/components/SearchField/SearchField.doc.d.ts

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

package/build/ts/surfaces/point-of-sale/components/SearchField/SearchField.doc.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchField.doc.d.ts","sourceRoot":"","sources":["../../../../../../src/surfaces/point-of-sale/components/SearchField/SearchField.doc.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,6BAA6B,EAAC,MAAM,wBAAwB,CAAC;AAErE,QAAA,MAAM,IAAI,EAAE,6BAkCX,CAAC;AAEF,eAAe,IAAI,CAAC"}