@shopify/ui-extensions 0.0.0-internal-20230622171951

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

@@ -0,0 +1,43 @@
+import type { InlineAlignment, AccessibilityRole } from '../shared';
+type Level = 1 | 2 | 3;
+export interface HeadingProps {
+    /**
+     * Unique identifier.
+     * Typically used to make the heading a target that another component
+     * can refer to in order to provide an alternative accessibility label.
+     */
+    id?: string;
+    /**
+     * The visual level of the heading. When not set, the heading will use
+     * its “automatic” heading level, which is determined by the level of nesting
+     * within ancestor `HeadingGroup`s. No matter what value you provide here,
+     * the semantic level (e.g., how the heading contributes to the document outline)
+     * is determined exclusively by the “automatic” heading level.
+     */
+    level?: Level;
+    /**
+     * Sets the semantic meaning of the component’s content. When set,
+     * the role will be used by assistive technologies to help buyers
+     * navigate the page.
+     */
+    accessibilityRole?: Extract<AccessibilityRole, 'presentation'>;
+    /**
+     * Align text along the main axis.
+     */
+    inlineAlignment?: InlineAlignment;
+}
+/**
+ * Headings control the visual style of headings. Use headings to introduce major
+ * sections, like Contact information, Shipping address, or Shipping method.
+ *
+ * Unlike HTML headings, you don’t explicitly specify the position of the heading in the
+ * document outline. Nest headings within the heading group component to control
+ * the document outline structure used by assistive technologies.
+ */
+export declare const Heading: "Heading" & {
+    readonly type?: "Heading" | undefined;
+    readonly props?: HeadingProps | undefined;
+    readonly children?: true | undefined;
+};
+export {};
+//# sourceMappingURL=Heading.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Heading.d.ts","sourceRoot":"","sources":["../../../../../../src/surfaces/checkout/components/Heading/Heading.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAC,eAAe,EAAE,iBAAiB,EAAC,MAAM,WAAW,CAAC;AAElE,KAAK,KAAK,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAEvB,MAAM,WAAW,YAAY;IAC3B;;;;OAIG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC;IACd;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC,iBAAiB,EAAE,cAAc,CAAC,CAAC;IAC/D;;OAEG;IACH,eAAe,CAAC,EAAE,eAAe,CAAC;CACnC;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,OAAO;;;;CAEnB,CAAC"}

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

@@ -0,0 +1,15 @@
+export interface HeadingGroupProps {
+}
+/**
+ * Heading group controls the heading level of headings nested within it, like H1, H2, H3.
+ *
+ * Use a heading group whenever you use a heading to ensure the experience is the same
+ * for screen reader users. When using a heading, any children related to that
+ * heading should be nested within the same heading group.
+ */
+export declare const HeadingGroup: "HeadingGroup" & {
+    readonly type?: "HeadingGroup" | undefined;
+    readonly props?: HeadingGroupProps | undefined;
+    readonly children?: true | undefined;
+};
+//# sourceMappingURL=HeadingGroup.d.ts.map

package/build/ts/surfaces/checkout/components/HeadingGroup/HeadingGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeadingGroup.d.ts","sourceRoot":"","sources":["../../../../../../src/surfaces/checkout/components/HeadingGroup/HeadingGroup.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,iBAAiB;CAAG;AAErC;;;;;;GAMG;AACH,eAAO,MAAM,YAAY;;;;CAGR,CAAC"}

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

@@ -0,0 +1,38 @@
+import type { Appearance, Size } from '../shared';
+export type IconSource = 'arrowLeft' | 'arrowRight' | 'arrowUp' | 'arrowUpRight' | 'arrowDown' | 'bag' | 'calendar' | 'camera' | 'caretDown' | 'cart' | 'checkmark' | 'chevronDown' | 'chevronUp' | 'chevronRight' | 'chevronLeft' | 'close' | 'critical' | 'discount' | 'delivered' | 'delivery' | 'disabled' | 'email' | 'errorFill' | 'geolocation' | 'grid' | 'hamburger' | 'horizontalDots' | 'info' | 'infoFill' | 'list' | 'lock' | 'magnify' | 'map' | 'marker' | 'minus' | 'mobile' | 'note' | 'pen' | 'verticalDots' | 'plus' | 'questionFill' | 'reorder' | 'store' | 'success' | 'truck' | 'warning' | 'warningFill' | 'giftFill' | 'external' | 'profile';
+export interface IconProps {
+    /**
+     * A label that describes the purpose or contents of the icon. When set,
+     * it will be announced to buyers using assistive technologies and will
+     * provide them with more context.
+     */
+    accessibilityLabel?: string;
+    /**
+     * Sets the appearance (color) of the icon.
+     *
+     * By default the icon will inherit the color of its parent.
+     *
+     * @defaultValue 'monochrome'
+     */
+    appearance?: Appearance;
+    /**
+     * Adjusts the size of the icon.
+     *
+     * @defaultValue 'base'
+     */
+    size?: Extract<Size, 'extraSmall' | 'small' | 'base' | 'large' | 'fill'>;
+    /**
+     * Specifies which icon to display
+     */
+    source: IconSource;
+}
+/**
+ * Icons are pictograms or graphic symbols.
+ * They can act as wayfinding tools or as a means of communicating functionality.
+ */
+export declare const Icon: "Icon" & {
+    readonly type?: "Icon" | undefined;
+    readonly props?: IconProps | undefined;
+    readonly children?: true | undefined;
+};
+//# sourceMappingURL=Icon.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../../../../src/surfaces/checkout/components/Icon/Icon.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAC,UAAU,EAAE,IAAI,EAAC,MAAM,WAAW,CAAC;AAEhD,MAAM,MAAM,UAAU,GAClB,WAAW,GACX,YAAY,GACZ,SAAS,GACT,cAAc,GACd,WAAW,GACX,KAAK,GACL,UAAU,GACV,QAAQ,GACR,WAAW,GACX,MAAM,GACN,WAAW,GACX,aAAa,GACb,WAAW,GACX,cAAc,GACd,aAAa,GACb,OAAO,GACP,UAAU,GACV,UAAU,GACV,WAAW,GACX,UAAU,GACV,UAAU,GACV,OAAO,GACP,WAAW,GACX,aAAa,GACb,MAAM,GACN,WAAW,GACX,gBAAgB,GAChB,MAAM,GACN,UAAU,GACV,MAAM,GACN,MAAM,GACN,SAAS,GACT,KAAK,GACL,QAAQ,GACR,OAAO,GACP,QAAQ,GACR,MAAM,GACN,KAAK,GACL,cAAc,GACd,MAAM,GACN,cAAc,GACd,SAAS,GACT,OAAO,GACP,SAAS,GACT,OAAO,GACP,SAAS,GACT,aAAa,GACb,UAAU,GACV,UAAU,GACV,SAAS,CAAC;AAEd,MAAM,WAAW,SAAS;IACxB;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAE5B;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,UAAU,CAAC;IAExB;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC,IAAI,EAAE,YAAY,GAAG,OAAO,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC,CAAC;IAEzE;;OAEG;IACH,MAAM,EAAE,UAAU,CAAC;CACpB;AAED;;;GAGG;AACH,eAAO,MAAM,IAAI;;;;CAAmD,CAAC"}

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

@@ -0,0 +1,73 @@
+import type { MaybeConditionalStyle, MaybeResponsiveConditionalStyle, ResolutionCondition, ViewportSizeCondition, AtLeastOne } from '../../style';
+import { BorderProps } from '../shared';
+import type { Fit, AccessibilityRole } from '../shared';
+export interface ImageProps extends BorderProps {
+    /**
+     * The URL or path to the image. Supports the `resolution` and `viewportInlineSize` conditional styles only.
+     */
+    source: Required<MaybeConditionalStyle<string, AtLeastOne<ViewportSizeCondition & ResolutionCondition>>>;
+    /**
+     * An alternative text description that describe the image for the reader to
+     * understand what it is about. It is extremely useful for both buyers using
+     * assistive technology and sighted buyers. A well written `description`
+     * provides people with visual impairments the ability to participate in
+     * consuming non-text content. When a screen readers encounters an `Image`,
+     * the description is read and announced aloud. If an image fails to load,
+     * potentially due to a poor connection, the `description` is displayed on
+     * screen instead. This has the benefit of letting a sighted buyer know an
+     * image was meant to load here, but as an alternative, they’re still able to
+     * consume the text content. Read
+     * [considerations when writing alternative text](https://ux.shopify.com/considerations-when-writing-alt-text-a9c1985a8204)
+     * to learn more.
+     *
+     * @defaultValue ''
+     */
+    accessibilityDescription?: string;
+    /**
+     * Indicates how the browser should load the image, either eager or lazy.
+     *
+     * Uses native browser behavior and is not supported by all browsers.
+     * If no value is provided then the image is loaded immediately, regardless of
+     * whether or not the image is currently within the visible viewport.
+     */
+    loading?: Loading;
+    /**
+     * Displays the image at the specified aspect ratio (fills the width of the
+     * parent container and sets the height accordingly) and creates an invisible
+     * placeholder to prevent content jumping when the image loads. Use along
+     * with `fit` if the specified aspect ratio does not match the intrinsic
+     * aspect ratio to prevent the image from stretching.
+     */
+    aspectRatio?: number;
+    /**
+     * Indicates how the image fits in its frame.
+     * Use if the image is not displayed at its intrinsic size to maintain
+     * the aspect ratio.
+     */
+    fit?: MaybeResponsiveConditionalStyle<Fit>;
+    /**
+     * Sets the semantic meaning of the component’s content. When set,
+     * the role will be used by assistive technologies to help buyers
+     * navigate the page.
+     */
+    accessibilityRole?: Extract<AccessibilityRole, 'decorative'>;
+}
+type Loading = 
+/**
+ * Image is loaded immediately, regardless of whether or not the image is currently within the visible viewport.
+ */
+'eager'
+/**
+ * Image is loaded when it’s within the visible viewport.
+ */
+ | 'lazy';
+/**
+ * Image is used for large format, responsive images.
+ */
+export declare const Image: "Image" & {
+    readonly type?: "Image" | undefined;
+    readonly props?: ImageProps | undefined;
+    readonly children?: true | undefined;
+};
+export {};
+//# sourceMappingURL=Image.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Image.d.ts","sourceRoot":"","sources":["../../../../../../src/surfaces/checkout/components/Image/Image.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,qBAAqB,EACrB,+BAA+B,EAC/B,mBAAmB,EACnB,qBAAqB,EACrB,UAAU,EACX,MAAM,aAAa,CAAC;AACrB,OAAO,EAAC,WAAW,EAAC,MAAM,WAAW,CAAC;AACtC,OAAO,KAAK,EAAC,GAAG,EAAE,iBAAiB,EAAC,MAAM,WAAW,CAAC;AAEtD,MAAM,WAAW,UAAW,SAAQ,WAAW;IAC7C;;OAEG;IACH,MAAM,EAAE,QAAQ,CACd,qBAAqB,CACnB,MAAM,EACN,UAAU,CAAC,qBAAqB,GAAG,mBAAmB,CAAC,CACxD,CACF,CAAC;IACF;;;;;;;;;;;;;;;OAeG;IACH,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;;;OAMG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;OAIG;IACH,GAAG,CAAC,EAAE,+BAA+B,CAAC,GAAG,CAAC,CAAC;IAC3C;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC,iBAAiB,EAAE,YAAY,CAAC,CAAC;CAC9D;AAED,KAAK,OAAO;AACV;;GAEG;AACD,OAAO;AACT;;GAEG;GACD,MAAM,CAAC;AAEX;;GAEG;AACH,eAAO,MAAM,KAAK;;;;CAAsD,CAAC"}

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

@@ -0,0 +1,43 @@
+import type { MaybeResponsiveConditionalStyle } from '../../style';
+import type { BorderProps, Columns, SizingProps, SpacingProps } from '../shared';
+import type { GridProps } from '../Grid/Grid';
+export interface InlineLayoutProps extends Omit<GridProps, 'columns' | 'rows'>, BorderProps, SizingProps, SpacingProps {
+    /**
+     * Sizes for each column of the layout.
+     *
+     *
+     * `auto`: intrinsic size of the element.
+     *
+     * `fill`: fills the remaining available space. When multiple elements are set to `fill`, the remaining space is shared equally.
+     *
+     * `` `${number}%` ``: size in percentages.
+     *
+     * `` `${number}fr` ``: size in fractions.
+     *
+     * `number`: size in pixels.
+     *
+     *
+     * - When the sum of the defined sizes is larger than the available space, elements will shrink to avoid overflow.
+     *
+     * - When the size of an element is not explicitly set, it will fill the remaining space available.
+     *
+     * - When only one size is set and outside of an array, all elements of the layout will take that size.
+     *
+     *
+     * @defaultValue 'fill'
+     */
+    columns?: MaybeResponsiveConditionalStyle<Columns>;
+}
+/**
+ * InlineLayout is used to lay out content over multiple columns.
+ *
+ * By default, all columns are of equal size and fill the available inline space.
+ * Content does not wrap on new rows when not enough columns have been explicitly set,
+ * instead they are added as new column and fill the remaining inline space.
+ */
+export declare const InlineLayout: "InlineLayout" & {
+    readonly type?: "InlineLayout" | undefined;
+    readonly props?: InlineLayoutProps | undefined;
+    readonly children?: true | undefined;
+};
+//# sourceMappingURL=InlineLayout.d.ts.map

package/build/ts/surfaces/checkout/components/InlineLayout/InlineLayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InlineLayout.d.ts","sourceRoot":"","sources":["../../../../../../src/surfaces/checkout/components/InlineLayout/InlineLayout.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAC,+BAA+B,EAAC,MAAM,aAAa,CAAC;AACjE,OAAO,KAAK,EAAC,WAAW,EAAE,OAAO,EAAE,WAAW,EAAE,YAAY,EAAC,MAAM,WAAW,CAAC;AAC/E,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAE5C,MAAM,WAAW,iBACf,SAAQ,IAAI,CAAC,SAAS,EAAE,SAAS,GAAG,MAAM,CAAC,EACzC,WAAW,EACX,WAAW,EACX,YAAY;IACd;;;;;;;;;;;;;;;;;;;;;;;OAuBG;IACH,OAAO,CAAC,EAAE,+BAA+B,CAAC,OAAO,CAAC,CAAC;CACpD;AAED;;;;;;GAMG;AACH,eAAO,MAAM,YAAY;;;;CAGR,CAAC"}

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

@@ -0,0 +1,22 @@
+import type { MaybeResponsiveConditionalStyle } from '../../style';
+import type { Spacing } from '../shared';
+export interface InlineSpacerProps {
+    /**
+     * Adjust size of the spacer
+     *
+     * @defaultValue 'base'
+     **/
+    spacing?: MaybeResponsiveConditionalStyle<Exclude<Spacing, 'none'>>;
+}
+/**
+ * InlineSpacer is used to create empty inline space, typically when variable spacing
+ * is needed between multiple elements.
+ *
+ * Note that you should favor InlineStack when spacing between all elements is the same.
+ */
+export declare const InlineSpacer: "InlineSpacer" & {
+    readonly type?: "InlineSpacer" | undefined;
+    readonly props?: InlineSpacerProps | undefined;
+    readonly children?: true | undefined;
+};
+//# sourceMappingURL=InlineSpacer.d.ts.map

package/build/ts/surfaces/checkout/components/InlineSpacer/InlineSpacer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InlineSpacer.d.ts","sourceRoot":"","sources":["../../../../../../src/surfaces/checkout/components/InlineSpacer/InlineSpacer.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAC,+BAA+B,EAAC,MAAM,aAAa,CAAC;AACjE,OAAO,KAAK,EAAC,OAAO,EAAC,MAAM,WAAW,CAAC;AAEvC,MAAM,WAAW,iBAAiB;IAChC;;;;QAII;IACJ,OAAO,CAAC,EAAE,+BAA+B,CAAC,OAAO,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC;CACrE;AAED;;;;;GAKG;AACH,eAAO,MAAM,YAAY;;;;CAGR,CAAC"}

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

@@ -0,0 +1,50 @@
+import type { MaybeResponsiveConditionalStyle } from '../../style';
+import type { BlockAlignment, BorderProps, InlineAlignment, SizingProps, Spacing, SpacingProps, ViewLikeAccessibilityRole } from '../shared';
+export interface InlineStackProps extends BorderProps, SizingProps, SpacingProps {
+    /**
+     * Sets the semantic meaning of the component’s content. When set,
+     * the role will be used by assistive technologies to help buyers
+     * navigate the page.
+     *
+     *
+     * For example:
+     *
+     * - In an HTML host a `'listItem'` string will render: `<li>`
+     *
+     * - In an HTML host a `['listItem', 'separator']` tuple will render: `<li role='separator'>`
+     */
+    accessibilityRole?: ViewLikeAccessibilityRole;
+    /**
+     * A label that describes the purpose or contents of the element. When set,
+     * it will be announced to buyers using assistive technologies and will
+     * provide them with more context.
+     */
+    accessibilityLabel?: string;
+    /**
+     * Position children along the cross axis
+     *
+     * @defaultValue 'start'
+     */
+    blockAlignment?: MaybeResponsiveConditionalStyle<BlockAlignment>;
+    /**
+     * Position children along the main axis
+     *
+     * @defaultValue 'start'
+     */
+    inlineAlignment?: MaybeResponsiveConditionalStyle<InlineAlignment>;
+    /**
+     * Adjust spacing between children
+     *
+     * @defaultValue 'base'
+     **/
+    spacing?: MaybeResponsiveConditionalStyle<Spacing>;
+}
+/**
+ * InlineStack is used to lay out a horizontal row of elements. Elements always wrap.
+ */
+export declare const InlineStack: "InlineStack" & {
+    readonly type?: "InlineStack" | undefined;
+    readonly props?: InlineStackProps | undefined;
+    readonly children?: true | undefined;
+};
+//# sourceMappingURL=InlineStack.d.ts.map

package/build/ts/surfaces/checkout/components/InlineStack/InlineStack.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InlineStack.d.ts","sourceRoot":"","sources":["../../../../../../src/surfaces/checkout/components/InlineStack/InlineStack.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAC,+BAA+B,EAAC,MAAM,aAAa,CAAC;AACjE,OAAO,KAAK,EACV,cAAc,EACd,WAAW,EACX,eAAe,EACf,WAAW,EACX,OAAO,EACP,YAAY,EACZ,yBAAyB,EAC1B,MAAM,WAAW,CAAC;AAEnB,MAAM,WAAW,gBACf,SAAQ,WAAW,EACjB,WAAW,EACX,YAAY;IACd;;;;;;;;;;;OAWG;IACH,iBAAiB,CAAC,EAAE,yBAAyB,CAAC;IAC9C;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;;;OAIG;IACH,cAAc,CAAC,EAAE,+BAA+B,CAAC,cAAc,CAAC,CAAC;IACjE;;;;OAIG;IACH,eAAe,CAAC,EAAE,+BAA+B,CAAC,eAAe,CAAC,CAAC;IACnE;;;;QAII;IACJ,OAAO,CAAC,EAAE,+BAA+B,CAAC,OAAO,CAAC,CAAC;CACpD;AAED;;GAEG;AACH,eAAO,MAAM,WAAW;;;;CAGR,CAAC"}

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

@@ -0,0 +1,50 @@
+import type { Appearance, OverlayActivatorProps } from '../shared';
+export interface LinkProps extends OverlayActivatorProps {
+    /**
+     * Destination to navigate to. You must provide either this property, `onPress`,
+     * or both.
+     */
+    to?: string;
+    /**
+     * Open the link in a new window or tab
+     */
+    external?: boolean;
+    /**
+     * Unique identifier.
+     *
+     * Typically used as a target for another component’s controls
+     * to associate an accessible label with an action.
+     */
+    id?: string;
+    /**
+     * Indicate the text language. Useful when the text is in a different language than the rest of the page.
+     * It will allow assistive technologies such as screen readers to invoke the correct pronunciation.
+     * [Reference of values](https://www.iana.org/assignments/language-subtag-registry/language-subtag-registry) ("subtag" label)
+     */
+    language?: string;
+    /**
+     * A label used for buyers using assistive technologies. When set, any
+     * 'children' supplied to this component are hidden from being seen for
+     * accessibility purposes to prevent duplicate content from being read.
+     */
+    accessibilityLabel?: string;
+    /**
+     * Specify the color of the link.
+     * `monochrome` will take the color of its parent.
+     */
+    appearance?: Extract<Appearance, 'monochrome'>;
+    /**
+     * Callback when pressed. If `to` is set, it will execute the callback and
+     * then navigate to the location specified by `to`.
+     */
+    onPress?(): void;
+}
+/**
+ * Link makes text interactive so customers can perform an action, such as navigating to another location.
+ */
+export declare const Link: "Link" & {
+    readonly type?: "Link" | undefined;
+    readonly props?: LinkProps | undefined;
+    readonly children?: true | undefined;
+};
+//# sourceMappingURL=Link.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../../../../src/surfaces/checkout/components/Link/Link.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAC,UAAU,EAAE,qBAAqB,EAAC,MAAM,WAAW,CAAC;AAEjE,MAAM,WAAW,SAAU,SAAQ,qBAAqB;IACtD;;;OAGG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;OAKG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC,UAAU,EAAE,YAAY,CAAC,CAAC;IAC/C;;;OAGG;IACH,OAAO,CAAC,IAAI,IAAI,CAAC;CAClB;AAED;;GAEG;AACH,eAAO,MAAM,IAAI;;;;CAAmD,CAAC"}

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

@@ -0,0 +1,32 @@
+import type { Spacing } from '../shared';
+import type { MaybeResponsiveConditionalStyle } from '../../style';
+export type Marker = 'none' | 'bullet' | 'number';
+export interface ListProps {
+    /**
+     * Adjust spacing between list items
+     *
+     * @defaultValue 'base'
+     */
+    spacing?: MaybeResponsiveConditionalStyle<Spacing>;
+    /**
+     * Type of marker to display
+     *
+     * @defaultValue 'bullet'
+     */
+    marker?: Marker;
+    /**
+     * A label that describes the purpose or contents of the list. When set,
+     * it will be announced to buyers using assistive technologies and will
+     * provide them with more context.
+     */
+    accessibilityLabel?: string;
+}
+/**
+ * Lists display a set of related content. Each list item usually begins with a bullet or a number.
+ */
+export declare const List: "List" & {
+    readonly type?: "List" | undefined;
+    readonly props?: ListProps | undefined;
+    readonly children?: true | undefined;
+};
+//# sourceMappingURL=List.d.ts.map

package/build/ts/surfaces/checkout/components/List/List.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../../../../../src/surfaces/checkout/components/List/List.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAC,OAAO,EAAC,MAAM,WAAW,CAAC;AACvC,OAAO,KAAK,EAAC,+BAA+B,EAAC,MAAM,aAAa,CAAC;AAEjE,MAAM,MAAM,MAAM,GAAG,MAAM,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAElD,MAAM,WAAW,SAAS;IACxB;;;;OAIG;IACH,OAAO,CAAC,EAAE,+BAA+B,CAAC,OAAO,CAAC,CAAC;IACnD;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED;;GAEG;AACH,eAAO,MAAM,IAAI;;;;CAAmD,CAAC"}

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

@@ -0,0 +1,13 @@
+export interface ListItemProps {
+}
+/**
+ * List items are used as children of the `List` component.
+ *
+ * They usually begins with a bullet or a number.
+ */
+export declare const ListItem: "ListItem" & {
+    readonly type?: "ListItem" | undefined;
+    readonly props?: ListItemProps | undefined;
+    readonly children?: true | undefined;
+};
+//# sourceMappingURL=ListItem.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ListItem.d.ts","sourceRoot":"","sources":["../../../../../../src/surfaces/checkout/components/ListItem/ListItem.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,aAAa;CAAG;AAEjC;;;;GAIG;AACH,eAAO,MAAM,QAAQ;;;;CAEpB,CAAC"}

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

@@ -0,0 +1,58 @@
+import type { TextFieldProps } from '../TextField/TextField';
+export interface PhoneFieldProps extends Pick<TextFieldProps<string>, 'autocomplete' | 'id' | 'icon' | 'accessory' | 'name' | 'label' | 'accessibilityDescription' | 'value' | 'required' | 'error' | 'disabled' | 'readonly' | 'onFocus' | 'onBlur' | 'maxLength'> {
+    /**
+     * Callback when the buyer has **finished editing** a field or pressed the country dropdown.
+     * Unlike `onChange` callbacks you may be familiar with from Polaris or other React component libraries,
+     * this callback is **not** run on every change to the input. Phone fields are
+     * “partially controlled” components, which means that while the buyer edits the
+     * field, its state is controlled by the component. Once the buyer has signalled that
+     * they have finished editing the field (typically, by blurring the field), `onChange`
+     * is called if the input actually changed from the most recent `value` property. At
+     * that point, you are expected to store this “committed value” in state, and reflect
+     * it in the phone field’s `value` property.
+     *
+     * This state management model is important given how UI Extensions are rendered. UI Extension components
+     * run on a separate thread from the UI, so they can’t respond to input synchronously.
+     * A pattern popularized by [controlled React components](https://reactjs.org/docs/forms.html#controlled-components)
+     * is to have the component be the source of truth for the input `value`, and update
+     * the `value` on every user input. The delay in responding to events from a UI
+     * extension is only a few milliseconds, but attempting to strictly store state with
+     * this delay can cause issues if a user types quickly, or if the buyer is using a
+     * lower-powered device. Having the UI thread take ownership for “in progress” input,
+     * and only synchronizing when the user is finished with a field, avoids this risk.
+     *
+     * It can still sometimes be useful to be notified when the user makes any input in
+     * the field. If you need this capability, you can use the `onInput` prop. However,
+     * never use that property to create tightly controlled state for the `value`.
+     *
+     * This callback is called with the current formatted value of the field. If the value
+     * of a field is the same as the current `value` prop provided to the field,
+     * the `onChange` callback will not be run.
+     */
+    onChange?(value: string): void;
+    /**
+     * Callback when the user makes any changes in the field including selecting a country
+     * in the dropdown. As noted in the documentation for `onChange`, you **must not** use
+     * this to update `state` — use the `onChange` callback for that purpose.
+     * Use the `onInput` prop when you need to do something as soon as the buyer makes a change,
+     * like clearing validation errors that apply to the field as soon as the user begins
+     * making the necessary adjustments.
+     *
+     * This callback is called with the current formatted value.
+     */
+    onInput?(value: string): void;
+}
+/**
+ * A PhoneField is an input field that merchants can type into optimized
+ * for phone numbers with a country code base auto-formatting.
+ * The country code is required for the initial render of the field but
+ * it can be overriden later by the user either by selecting a country
+ * in the country selection dropdown or by manually editing the country phone code
+ * directly in the text field.
+ */
+export declare const PhoneField: "PhoneField" & {
+    readonly type?: "PhoneField" | undefined;
+    readonly props?: PhoneFieldProps | undefined;
+    readonly children?: true | undefined;
+};
+//# sourceMappingURL=PhoneField.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PhoneField.d.ts","sourceRoot":"","sources":["../../../../../../src/surfaces/checkout/components/PhoneField/PhoneField.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,wBAAwB,CAAC;AAE3D,MAAM,WAAW,eACf,SAAQ,IAAI,CACV,cAAc,CAAC,MAAM,CAAC,EACpB,cAAc,GACd,IAAI,GACJ,MAAM,GACN,WAAW,GACX,MAAM,GACN,OAAO,GACP,0BAA0B,GAC1B,OAAO,GACP,UAAU,GACV,OAAO,GACP,UAAU,GACV,UAAU,GACV,SAAS,GACT,QAAQ,GACR,WAAW,CACd;IACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;OA4BG;IACH,QAAQ,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B;;;;;;;;;OASG;IACH,OAAO,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;CAC/B;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,UAAU;;;;CAEtB,CAAC"}

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

@@ -0,0 +1,96 @@
+import { MaybeResponsiveConditionalStyle } from '../../style';
+import type { BlockAlignment, BorderProps, InlineAlignment, SizingProps, SpacingProps, Display, ButtonAccessibilityRole, OverlayActivatorProps } from '../shared';
+import type { ViewProps } from '../View/View';
+export interface PressableProps extends BorderProps, SizingProps, SpacingProps, OverlayActivatorProps, Pick<ViewProps, 'opacity'> {
+    /**
+     * Changes the display of the Pressable.
+     *
+     *
+     * `inline` follows the direction of words in a sentence based on the document’s writing mode.
+     *
+     * `block` follows the direction of paragraphs based on the document’s writing mode.
+     *
+     *
+     * @defaultValue 'block'
+     */
+    display?: Display;
+    /**
+     * A label that describes the purpose or contents of the element. When set,
+     * it will be announced to buyers using assistive technologies and will
+     * provide them with more context.
+     */
+    accessibilityLabel?: string;
+    /**
+     * The role of the button that will be rendered.
+     *
+     * `button`: renders a regular button.
+     *
+     * `submit`: renders a button that submits a form.
+     *
+     * @defaultValue 'button'
+     */
+    accessibilityRole?: ButtonAccessibilityRole;
+    /**
+     * Disables the button, disallowing any interaction
+     */
+    disabled?: boolean;
+    /**
+     * A unique identifier for the Pressable.
+     */
+    id?: string;
+    /**
+     * Disables the button while loading. Unlike `Button`, no indicator is rendered while loading.
+     */
+    loading?: boolean;
+    /**
+     * Callback that is run when the button or link is pressed.
+     */
+    onPress?: () => void;
+    /**
+     * Callback that is run when the button or link focus is removed.
+     */
+    onBlur?: () => void;
+    /**
+     * Callback that is run when the button or link is focused.
+     */
+    onFocus?: () => void;
+    /**
+     * Callback that is run when a pointing device button is pressed while the pointer is inside the button or link.
+     */
+    onPointerDown?: () => void;
+    /**
+     * Callback that is run when the pointing device is over (enters) the button or link.
+     */
+    onPointerEnter?: () => void;
+    /**
+     *  Callback that is run when the pointing device has left the button or link.
+     */
+    onPointerLeave?: () => void;
+    /**
+     * Callback that is run when a pointing device button is released while the pointer is inside the element button or link.
+     */
+    onPointerUp?: () => void;
+    /**
+     * Destination URL to link to. If this value is set, If this value is set, the component will render an `<a>` tag.
+     */
+    to?: string;
+    /**
+     * Position children along the cross axis
+     */
+    blockAlignment?: MaybeResponsiveConditionalStyle<Extract<BlockAlignment, 'start' | 'center' | 'end'>>;
+    /**
+     * Position children along the main axis
+     */
+    inlineAlignment?: MaybeResponsiveConditionalStyle<InlineAlignment>;
+}
+/**
+ * Pressable is a generic interactive component. It shares the same styling properties as View but also adds
+ * pressable behavior, meaning that you can execute some logic in response to user interaction.
+ * Use this component for creating interactive elements without the default styling that comes with `Button` and `Link`.
+ */
+export declare const Pressable: "Pressable" & {
+    readonly type?: "Pressable" | undefined;
+    readonly props?: PressableProps | undefined;
+    readonly children?: true | undefined;
+};
+//# sourceMappingURL=Pressable.d.ts.map

package/build/ts/surfaces/checkout/components/Pressable/Pressable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pressable.d.ts","sourceRoot":"","sources":["../../../../../../src/surfaces/checkout/components/Pressable/Pressable.ts"],"names":[],"mappings":"AAEA,OAAO,EAAC,+BAA+B,EAAC,MAAM,aAAa,CAAC;AAC5D,OAAO,KAAK,EACV,cAAc,EACd,WAAW,EACX,eAAe,EACf,WAAW,EACX,YAAY,EACZ,OAAO,EACP,uBAAuB,EACvB,qBAAqB,EACtB,MAAM,WAAW,CAAC;AACnB,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAE5C,MAAM,WAAW,cACf,SAAQ,WAAW,EACjB,WAAW,EACX,YAAY,EACZ,qBAAqB,EACrB,IAAI,CAAC,SAAS,EAAE,SAAS,CAAC;IAC5B;;;;;;;;;;OAUG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAE5B;;;;;;;;OAQG;IACH,iBAAiB,CAAC,EAAE,uBAAuB,CAAC;IAE5C;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IAEpB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAE3B;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAE5B;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAE5B;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IAEzB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ;;OAEG;IACH,cAAc,CAAC,EAAE,+BAA+B,CAC9C,OAAO,CAAC,cAAc,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC,CACpD,CAAC;IAEF;;OAEG;IACH,eAAe,CAAC,EAAE,+BAA+B,CAAC,eAAe,CAAC,CAAC;CACpE;AAED;;;;GAIG;AACH,eAAO,MAAM,SAAS;;;;CAErB,CAAC"}