@shopify/ui-extensions 0.0.0-internal-20230622171951

package/build/ts/surfaces/admin/components/Card/Card.d.ts

@@ -0,0 +1,25 @@
+import { DestructableAction, DisableableAction } from '../shared';
+export interface CardProps {
+    /** Title content for the card */
+    title?: string;
+    /** Automatically wrap each child component in a `Card.Section` */
+    sectioned?: boolean;
+    /** Primary action for the card footer */
+    primaryFooterAction?: DestructableAction;
+    /** Secondary actions for the card footer */
+    secondaryFooterActions?: DestructableAction[];
+    /** Card header action */
+    actions?: DisableableAction[];
+}
+/**
+ * Cards are used to group similar concepts and tasks together to make Shopify easier for merchants to scan, read, and get things done.
+ *
+ * The action API should be used to create actionable components for the card.
+ * Cards should be contained, independent, and individual.
+ */
+export declare const Card: "Card" & {
+    readonly type?: "Card" | undefined;
+    readonly props?: CardProps | undefined;
+    readonly children?: true | undefined;
+};
+//# sourceMappingURL=Card.d.ts.map

package/build/ts/surfaces/admin/components/Card/Card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../../../src/surfaces/admin/components/Card/Card.ts"],"names":[],"mappings":"AAEA,OAAO,EAAC,kBAAkB,EAAE,iBAAiB,EAAC,MAAM,WAAW,CAAC;AAEhE,MAAM,WAAW,SAAS;IACxB,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,kEAAkE;IAClE,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,yCAAyC;IACzC,mBAAmB,CAAC,EAAE,kBAAkB,CAAC;IAEzC,4CAA4C;IAC5C,sBAAsB,CAAC,EAAE,kBAAkB,EAAE,CAAC;IAE9C,yBAAyB;IACzB,OAAO,CAAC,EAAE,iBAAiB,EAAE,CAAC;CAC/B;AAED;;;;;GAKG;AACH,eAAO,MAAM,IAAI;;;;CAAmD,CAAC"}

package/build/ts/surfaces/admin/components/CardSection/CardSection.d.ts

@@ -0,0 +1,12 @@
+export interface CardSectionProps {
+    title?: string;
+}
+/**
+ * CardSections are used to group similar concepts within a Card. CardSections add dividers, which visually separate regions within cards.
+ */
+export declare const CardSection: "CardSection" & {
+    readonly type?: "CardSection" | undefined;
+    readonly props?: CardSectionProps | undefined;
+    readonly children?: true | undefined;
+};
+//# sourceMappingURL=CardSection.d.ts.map

package/build/ts/surfaces/admin/components/CardSection/CardSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardSection.d.ts","sourceRoot":"","sources":["../../../../../../src/surfaces/admin/components/CardSection/CardSection.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,gBAAgB;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;GAEG;AACH,eAAO,MAAM,WAAW;;;;CAGR,CAAC"}

package/build/ts/surfaces/admin/components/Checkbox/Checkbox.d.ts

@@ -0,0 +1,22 @@
+export interface CheckboxProps {
+    /** Label for the checkbox. */
+    label?: string;
+    /** Checkbox is selected. */
+    checked?: boolean;
+    /**
+     * Alias for `checked`, to support iterating over multiple types of form fields.
+     * If both `checked` and `value` are used, `checked` is the source of truth.
+     */
+    value?: boolean;
+    /** Callback when checkbox is toggled. */
+    onChange?(value: boolean): void | Promise<void>;
+}
+/**
+ * Checkboxes are most commonly used to give merchants a way to make a range of selections (zero, one, or multiple).
+ */
+export declare const Checkbox: "Checkbox" & {
+    readonly type?: "Checkbox" | undefined;
+    readonly props?: CheckboxProps | undefined;
+    readonly children?: true | undefined;
+};
+//# sourceMappingURL=Checkbox.d.ts.map

package/build/ts/surfaces/admin/components/Checkbox/Checkbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../../../../src/surfaces/admin/components/Checkbox/Checkbox.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,aAAa;IAC5B,8BAA8B;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,4BAA4B;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB,yCAAyC;IACzC,QAAQ,CAAC,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;CACjD;AAED;;GAEG;AACH,eAAO,MAAM,QAAQ;;;;CAEpB,CAAC"}

package/build/ts/surfaces/admin/components/CustomerSegmentationTemplate/CustomerSegmentationTemplate.d.ts

@@ -0,0 +1,27 @@
+type Source = 'categoriesMajor' | 'firstVisitMajor' | 'heartMajor' | 'marketingMajor' | 'checkoutMajor' | 'ordersMajor' | 'locationMajor' | 'emailNewsletterMajor' | 'firstOrderMajor' | 'billingStatementDollarMajor' | 'diamondAlertMajor' | 'abandonedCartMajor' | 'calendarMajor' | 'productsMajor' | 'globeMajor' | 'flagMajor' | 'uploadMajor' | 'buyButtonMajor' | 'followUpEmailMajor' | 'confettiMajor';
+type TemplateCategory = 'firstTimeBuyers' | 'highValueCustomers' | 'reEngageCustomers' | 'abandonedCheckout' | 'purchaseBehaviour' | 'location';
+/**
+ * Reserved namespace and key for the customer standard metafield used in the template's query.
+ * More info - https://shopify.dev/docs/apps/custom-data/metafields/definitions/standard
+ */
+type CustomerStandardMetafieldDependency = 'facts.birth_date';
+export interface CustomerSegmentationTemplateProps {
+    title: string;
+    description: string | string[];
+    icon?: Source;
+    templateQuery: string;
+    templateQueryToInsert?: string;
+    standardMetafieldDependencies?: CustomerStandardMetafieldDependency[];
+    dateAdded?: string;
+    category?: TemplateCategory;
+}
+/**
+ * Customer segmentation templates are used to give merchants a starting point to create segments.
+ */
+export declare const CustomerSegmentationTemplate: "CustomerSegmentationTemplate" & {
+    readonly type?: "CustomerSegmentationTemplate" | undefined;
+    readonly props?: CustomerSegmentationTemplateProps | undefined;
+    readonly children?: true | undefined;
+};
+export {};
+//# sourceMappingURL=CustomerSegmentationTemplate.d.ts.map

package/build/ts/surfaces/admin/components/CustomerSegmentationTemplate/CustomerSegmentationTemplate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomerSegmentationTemplate.d.ts","sourceRoot":"","sources":["../../../../../../src/surfaces/admin/components/CustomerSegmentationTemplate/CustomerSegmentationTemplate.ts"],"names":[],"mappings":"AAEA,KAAK,MAAM,GACP,iBAAiB,GACjB,iBAAiB,GACjB,YAAY,GACZ,gBAAgB,GAChB,eAAe,GACf,aAAa,GACb,eAAe,GACf,sBAAsB,GACtB,iBAAiB,GACjB,6BAA6B,GAC7B,mBAAmB,GACnB,oBAAoB,GACpB,eAAe,GACf,eAAe,GACf,YAAY,GACZ,WAAW,GACX,aAAa,GACb,gBAAgB,GAChB,oBAAoB,GACpB,eAAe,CAAC;AAEpB,KAAK,gBAAgB,GACjB,iBAAiB,GACjB,oBAAoB,GACpB,mBAAmB,GACnB,mBAAmB,GACnB,mBAAmB,GACnB,UAAU,CAAC;AAEf;;;GAGG;AACH,KAAK,mCAAmC,GAAG,kBAAkB,CAAC;AAE9D,MAAM,WAAW,iCAAiC;IAEhD,KAAK,EAAE,MAAM,CAAC;IAEd,WAAW,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAE/B,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,aAAa,EAAE,MAAM,CAAC;IAEtB,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAE/B,6BAA6B,CAAC,EAAE,mCAAmC,EAAE,CAAC;IAEtE,SAAS,CAAC,EAAE,MAAM,CAAC;IAInB,QAAQ,CAAC,EAAE,gBAAgB,CAAC;CAC7B;AAED;;GAEG;AACH,eAAO,MAAM,4BAA4B;;;;CAGR,CAAC"}

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

@@ -0,0 +1,24 @@
+type Level = 1 | 2 | 3 | 4 | 5 | 6;
+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.
+     * @default 2
+     */
+    level?: Level;
+}
+/**
+ * Headings are used as the titles of each major section of an extension.
+ */
+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/admin/components/Heading/Heading.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Heading.d.ts","sourceRoot":"","sources":["../../../../../../src/surfaces/admin/components/Heading/Heading.ts"],"names":[],"mappings":"AAEA,KAAK,KAAK,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAEnC,MAAM,WAAW,YAAY;IAC3B;;;;OAIG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC;CACf;AAED;;GAEG;AACH,eAAO,MAAM,OAAO;;;;CAEnB,CAAC"}

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

@@ -0,0 +1,17 @@
+type Source = 'cancelSmallMinor' | 'searchMinor' | 'starHollow' | 'starFilled' | 'sortMinor';
+export interface IconProps {
+    /** Pre-defined glyph content to display. */
+    source: Source;
+    /** Text describing the icon, to be read to screenreaders. */
+    accessibilityLabel?: string;
+}
+/**
+ * Icons are small visual indicators from a set of pre-defined glyphs.
+ */
+export declare const Icon: "Icon" & {
+    readonly type?: "Icon" | undefined;
+    readonly props?: IconProps | undefined;
+    readonly children?: true | undefined;
+};
+export {};
+//# sourceMappingURL=Icon.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../../../../src/surfaces/admin/components/Icon/Icon.ts"],"names":[],"mappings":"AAEA,KAAK,MAAM,GACP,kBAAkB,GAClB,aAAa,GACb,YAAY,GACZ,YAAY,GACZ,WAAW,CAAC;AAEhB,MAAM,WAAW,SAAS;IACxB,4CAA4C;IAC5C,MAAM,EAAE,MAAM,CAAC;IAEf,6DAA6D;IAC7D,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED;;GAEG;AACH,eAAO,MAAM,IAAI;;;;CAAmD,CAAC"}

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

@@ -0,0 +1,30 @@
+import type { Spacing } from '../shared';
+export interface InlineStackProps {
+    /**
+     * Specifies the block alignment. This affects the vertical flow of elements.
+     * @defaultValue `leading`
+     */
+    blockAlignment?: 'leading' | 'center' | 'trailing' | 'baseline';
+    /**
+     * Specifies the inline alignment. This affects the horizontal flow of elements.
+     * @defaultValue `leading`
+     */
+    inlineAlignment?: 'leading' | 'center' | 'trailing';
+    /**
+     * Adjust spacing between children.
+     * @defaultValue 'base'
+     **/
+    spacing?: Spacing;
+}
+/**
+ * Use to lay out a horizontal row of components.
+ *
+ * A stack is made of flexible items that wrap each of the stack’s children. Options provide control of the alignment and spacing of the items in the stack.
+ * Use `StackItem` to group multiple elements inside a `InlineStack` together.
+ */
+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/admin/components/InlineStack/InlineStack.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InlineStack.d.ts","sourceRoot":"","sources":["../../../../../../src/surfaces/admin/components/InlineStack/InlineStack.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAC,OAAO,EAAC,MAAM,WAAW,CAAC;AAEvC,MAAM,WAAW,gBAAgB;IAC/B;;;OAGG;IACH,cAAc,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,UAAU,GAAG,UAAU,CAAC;IAEhE;;;OAGG;IACH,eAAe,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,UAAU,CAAC;IAEpD;;;QAGI;IACJ,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED;;;;;GAKG;AACH,eAAO,MAAM,WAAW;;;;CAGR,CAAC"}

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

@@ -0,0 +1,23 @@
+export interface LinkProps {
+    /**
+     * Callback when the link is pressed.
+     */
+    onPress?: () => void;
+    /**
+     * Open the link in a new tab on desktop, or in the device browser on mobile.
+     */
+    external?: boolean;
+    /**
+     * A relative path or absolute URL to link to.
+     */
+    url?: string;
+}
+/**
+ * Links take users to another place, and usually appear within or directly following a sentence.
+ */
+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/admin/components/Link/Link.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../../../../src/surfaces/admin/components/Link/Link.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,SAAS;IACxB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED;;GAEG;AACH,eAAO,MAAM,IAAI;;;;CAAmD,CAAC"}

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

@@ -0,0 +1,36 @@
+import { DestructableAction } from '../shared';
+export interface ModalProps {
+    /**
+     * Whether the modal is open.
+     */
+    open: boolean;
+    /**
+     * Title content for the modal, when rendered.
+     */
+    title: string;
+    /**
+     * Modal's primary action, ie 'Save' or 'Accept'.
+     */
+    primaryAction?: DestructableAction;
+    /**
+     * Modal's secondary action(s), ie 'Cancel'.
+     */
+    secondaryActions?: DestructableAction[];
+    /**
+     * Callback when the modal is closed.
+     */
+    onClose: () => void;
+}
+/**
+ * Modals are overlays that prevent merchants from interacting with the rest of the application until a specific action is taken.
+ *
+ * Modals are disruptive by design, requiring merchants to take an action before they can continue, so use them thoughtfully and sparingly.
+ */
+export declare const Modal: "Modal" & {
+    readonly type?: "Modal" | undefined;
+    readonly props?: ModalProps | undefined;
+    readonly children?: true | undefined; /**
+     * Modal's primary action, ie 'Save' or 'Accept'.
+     */
+};
+//# sourceMappingURL=Modal.d.ts.map

package/build/ts/surfaces/admin/components/Modal/Modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../../../../src/surfaces/admin/components/Modal/Modal.ts"],"names":[],"mappings":"AAEA,OAAO,EAAC,kBAAkB,EAAC,MAAM,WAAW,CAAC;AAE7C,MAAM,WAAW,UAAU;IACzB;;OAEG;IACH,IAAI,EAAE,OAAO,CAAC;IACd;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,aAAa,CAAC,EAAE,kBAAkB,CAAC;IACnC;;OAEG;IACH,gBAAgB,CAAC,EAAE,kBAAkB,EAAE,CAAC;IACxC;;OAEG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED;;;;GAIG;AACH,eAAO,MAAM,KAAK;;;0CAnBhB;;OAEG;CAiBmE,CAAC"}

package/build/ts/surfaces/admin/components/OptionList/OptionList.d.ts

@@ -0,0 +1,36 @@
+interface OptionDescriptor {
+    /** Value of the option */
+    value: string;
+    /** Display label for the option */
+    label: string;
+    /** Whether the option is disabled or not */
+    disabled?: boolean;
+}
+export interface OptionListProps {
+    /** Title to display above the list */
+    title?: string;
+    /** Array of options to be listed */
+    options?: OptionDescriptor[];
+    /** Array of selected options */
+    selected: string[];
+    /** Allow more than one option to be selected */
+    allowMultiple?: boolean;
+    /**
+     * Callback when selection changes
+     * @param selected Array of selected options
+     * */
+    onChange(selected: string[]): void;
+}
+/**
+ * **Note:** This component is not available in Product Subscription extensions.
+ *
+ * Option lists let you create grouped items. This can include single selection or multiple selection of options.
+ * Option lists are styled differently than choice lists and should not be used within a form, but as a standalone menu.
+ */
+export declare const OptionList: "OptionList" & {
+    readonly type?: "OptionList" | undefined;
+    readonly props?: OptionListProps | undefined;
+    readonly children?: true | undefined;
+};
+export {};
+//# sourceMappingURL=OptionList.d.ts.map

package/build/ts/surfaces/admin/components/OptionList/OptionList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OptionList.d.ts","sourceRoot":"","sources":["../../../../../../src/surfaces/admin/components/OptionList/OptionList.ts"],"names":[],"mappings":"AAEA,UAAU,gBAAgB;IACxB,0BAA0B;IAC1B,KAAK,EAAE,MAAM,CAAC;IAEd,mCAAmC;IACnC,KAAK,EAAE,MAAM,CAAC;IAEd,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,eAAe;IAC9B,sCAAsC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,oCAAoC;IACpC,OAAO,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAE7B,gCAAgC;IAChC,QAAQ,EAAE,MAAM,EAAE,CAAC;IAEnB,gDAAgD;IAChD,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;;SAGK;IACL,QAAQ,CAAC,QAAQ,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;CACpC;AAED;;;;;GAKG;AACH,eAAO,MAAM,UAAU;;;;CAEtB,CAAC"}

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

@@ -0,0 +1,14 @@
+export interface PressableProps {
+    /** Callback for the pressable. */
+    onPress: () => void;
+}
+/**
+ * Pressable wraps components to add interactivity with rendering a UI element.
+ * Wrap small UI elements in Pressable to perform actions that don’t fit Button or 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/admin/components/Pressable/Pressable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pressable.d.ts","sourceRoot":"","sources":["../../../../../../src/surfaces/admin/components/Pressable/Pressable.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,cAAc;IAC7B,kCAAkC;IAClC,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED;;;GAGG;AACH,eAAO,MAAM,SAAS;;;;CAErB,CAAC"}

package/build/ts/surfaces/admin/components/Radio/Radio.d.ts

@@ -0,0 +1,26 @@
+export interface RadioProps {
+    /** Label for the radio button. */
+    label?: string;
+    /** Additional text to aid in use. */
+    helpText?: string;
+    /** Radio button is selected. */
+    checked?: boolean;
+    /** Unique ID for radio button. */
+    id?: string;
+    /** Use `name` to group radio buttons together by giving them the same `name`. */
+    name: string;
+    /** Value of selected input on selected */
+    value?: string;
+    /** Callback when the radio button is toggled. */
+    onChange?: (newValue: string) => void;
+}
+/**
+ * Radio allows merchants to choose a single item from a list.
+ */
+export declare const Radio: "Radio" & {
+    readonly type?: "Radio" | undefined;
+    /** Radio button is selected. */
+    readonly props?: RadioProps | undefined;
+    readonly children?: true | undefined;
+};
+//# sourceMappingURL=Radio.d.ts.map

package/build/ts/surfaces/admin/components/Radio/Radio.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../../../../../src/surfaces/admin/components/Radio/Radio.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,UAAU;IACzB,kCAAkC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,qCAAqC;IACrC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,gCAAgC;IAChC,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,kCAAkC;IAClC,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ,iFAAiF;IACjF,IAAI,EAAE,MAAM,CAAC;IAEb,0CAA0C;IAC1C,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,iDAAiD;IACjD,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;CACvC;AAED;;GAEG;AACH,eAAO,MAAM,KAAK;;IAnBhB,gCAAgC;;;CAmBsC,CAAC"}

package/build/ts/surfaces/admin/components/ResourceItem/ResourceItem.d.ts

@@ -0,0 +1,17 @@
+export interface ResourceItemProps {
+    /** Unique ID for the resource item. */
+    id: string;
+    /** Callback when the resource item is pressed. */
+    onPress(): void;
+}
+/**
+ * Resource items represent specific objects within a collection, such as products or orders. They provide contextual information on the resource type and link to the object’s detail page.
+ *
+ * A `ResourceItem` should be rendered within a `ResourceList`.
+ */
+export declare const ResourceItem: "ResourceItem" & {
+    readonly type?: "ResourceItem" | undefined;
+    readonly props?: ResourceItemProps | undefined;
+    readonly children?: true | undefined;
+};
+//# sourceMappingURL=ResourceItem.d.ts.map

package/build/ts/surfaces/admin/components/ResourceItem/ResourceItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResourceItem.d.ts","sourceRoot":"","sources":["../../../../../../src/surfaces/admin/components/ResourceItem/ResourceItem.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,iBAAiB;IAChC,uCAAuC;IACvC,EAAE,EAAE,MAAM,CAAC;IAEX,kDAAkD;IAClD,OAAO,IAAI,IAAI,CAAC;CACjB;AAED;;;;GAIG;AACH,eAAO,MAAM,YAAY;;;;CAGR,CAAC"}

package/build/ts/surfaces/admin/components/ResourceList/ResourceList.d.ts

@@ -0,0 +1,26 @@
+interface FilterControl {
+    /** Search query value */
+    queryValue?: string;
+    /** Placeholder for search query field */
+    queryPlaceholder?: string;
+    /** Callback when search query changes */
+    onQueryChange(queryValue: string): void;
+    /** Callback when the search field is cleared */
+    onQueryClear(): void;
+}
+export interface ResourceListProps {
+    filterControl?: FilterControl;
+}
+/**
+ * `ResourceList` displays a filterable collection of objects of the same type, like products or customers.
+ *
+ * `ResourceList` should help merchants find an object and navigate to a full-page representation of it.
+ * A resource list should contain `ResourceItem` components.
+ */
+export declare const ResourceList: "ResourceList" & {
+    readonly type?: "ResourceList" | undefined;
+    readonly props?: ResourceListProps | undefined;
+    readonly children?: true | undefined;
+};
+export {};
+//# sourceMappingURL=ResourceList.d.ts.map

package/build/ts/surfaces/admin/components/ResourceList/ResourceList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResourceList.d.ts","sourceRoot":"","sources":["../../../../../../src/surfaces/admin/components/ResourceList/ResourceList.ts"],"names":[],"mappings":"AAEA,UAAU,aAAa;IACrB,yBAAyB;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,yCAAyC;IACzC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B,yCAAyC;IACzC,aAAa,CAAC,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAExC,gDAAgD;IAChD,YAAY,IAAI,IAAI,CAAC;CACtB;AAED,MAAM,WAAW,iBAAiB;IAChC,aAAa,CAAC,EAAE,aAAa,CAAC;CAC/B;AAED;;;;;GAKG;AACH,eAAO,MAAM,YAAY;;;;CAGR,CAAC"}

package/build/ts/surfaces/admin/components/Select/Select.d.ts

@@ -0,0 +1,34 @@
+interface Option {
+    /** Rendered */
+    label: string;
+    /** Non-rendered */
+    value: string;
+}
+export interface SelectProps {
+    /** Display an error state */
+    error?: string;
+    /** Label for the select. */
+    label: string;
+    /** Show the label to the left of the value, inside the control. */
+    labelInline?: boolean;
+    /** Array of Options to select from. */
+    options: Option[];
+    /** Callback when selected Option changes. */
+    onChange?: (value: string) => void;
+    /** Callback when focus is removed */
+    onBlur?: () => void;
+    /** The value of the currently selected Option. */
+    value?: string;
+}
+/**
+ * Select allows merchants to choose one option from a dropdown menu.
+ *
+ * Consider Select when you have 4 or more options, to avoid creating clutter and make your component more scalable.
+ */
+export declare const Select: "Select" & {
+    readonly type?: "Select" | undefined;
+    readonly props?: SelectProps | undefined;
+    readonly children?: true | undefined;
+};
+export {};
+//# sourceMappingURL=Select.d.ts.map

package/build/ts/surfaces/admin/components/Select/Select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../../../src/surfaces/admin/components/Select/Select.ts"],"names":[],"mappings":"AAEA,UAAU,MAAM;IACd,eAAe;IACf,KAAK,EAAE,MAAM,CAAC;IAEd,mBAAmB;IACnB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,WAAW;IAC1B,6BAA6B;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,4BAA4B;IAC5B,KAAK,EAAE,MAAM,CAAC;IAEd,mEAAmE;IACnE,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB,uCAAuC;IACvC,OAAO,EAAE,MAAM,EAAE,CAAC;IAElB,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAEnC,qCAAqC;IACrC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IAEpB,kDAAkD;IAClD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;;GAIG;AACH,eAAO,MAAM,MAAM;;;;CAAyD,CAAC"}

package/build/ts/surfaces/admin/components/Spinner/Spinner.d.ts

@@ -0,0 +1,11 @@
+export interface SpinnerProps {
+}
+/**
+ * Spinners are used to show merchants that your app is loading, or an action is being performed. Generally when a spinner is being used, the user shouldn't be able to interact.
+ */
+export declare const Spinner: "Spinner" & {
+    readonly type?: "Spinner" | undefined;
+    readonly props?: SpinnerProps | undefined;
+    readonly children?: true | undefined;
+};
+//# sourceMappingURL=Spinner.d.ts.map

package/build/ts/surfaces/admin/components/Spinner/Spinner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../../../../../src/surfaces/admin/components/Spinner/Spinner.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,YAAY;CAAG;AAEhC;;GAEG;AACH,eAAO,MAAM,OAAO;;;;CAEnB,CAAC"}

package/build/ts/surfaces/admin/components/StackItem/StackItem.d.ts

@@ -0,0 +1,15 @@
+export interface StackItemProps {
+    /** Fill the remaining horizontal space in the stack with this item  */
+    fill?: boolean;
+}
+/**
+ * By default, each individual element in a Stack is treated as one stack item.
+ *
+ * Wrap multiple elements in a `StackItem` component, and the `Stack` component will treat them as one item.
+ */
+export declare const StackItem: "StackItem" & {
+    readonly type?: "StackItem" | undefined;
+    readonly props?: StackItemProps | undefined;
+    readonly children?: true | undefined;
+};
+//# sourceMappingURL=StackItem.d.ts.map

package/build/ts/surfaces/admin/components/StackItem/StackItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StackItem.d.ts","sourceRoot":"","sources":["../../../../../../src/surfaces/admin/components/StackItem/StackItem.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,cAAc;IAC7B,uEAAuE;IACvE,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED;;;;GAIG;AACH,eAAO,MAAM,SAAS;;;;CAErB,CAAC"}

package/build/ts/surfaces/admin/components/Text/Text.d.ts

@@ -0,0 +1,20 @@
+export interface TextProps {
+    appearance?: 'critical' | 'code' | 'subdued' | 'success';
+    emphasized?: boolean;
+    /**
+     * Unique identifier. Typically used as a target for another component’s controls
+     * to associate an accessible label with an action.
+     */
+    id?: string;
+    size?: 'extraSmall' | 'small' | 'base' | 'medium' | 'large' | 'extraLarge';
+    strong?: boolean;
+}
+/**
+ * The Text component is used to render text in different sizes, colors, and alignments.
+ */
+export declare const Text: "Text" & {
+    readonly type?: "Text" | undefined;
+    readonly props?: TextProps | undefined;
+    readonly children?: true | undefined;
+};
+//# sourceMappingURL=Text.d.ts.map

package/build/ts/surfaces/admin/components/Text/Text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../../../../src/surfaces/admin/components/Text/Text.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,SAAS;IAExB,UAAU,CAAC,EAAE,UAAU,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,CAAC;IAGzD,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;OAGG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IAGZ,IAAI,CAAC,EAAE,YAAY,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,YAAY,CAAC;IAG3E,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED;;GAEG;AACH,eAAO,MAAM,IAAI;;;;CAAmD,CAAC"}

package/build/ts/surfaces/admin/components/TextBlock/TextBlock.d.ts

@@ -0,0 +1,20 @@
+type Size = 'small' | 'base' | 'medium' | 'large' | 'extraLarge';
+type Variation = 'positive' | 'negative' | 'strong' | 'subdued' | 'code';
+export interface TextBlockProps {
+    /** Size of the text */
+    size?: Size;
+    /** Give text additional visual meaning */
+    variation?: Variation;
+}
+/**
+ * TextBlock is used to render a block of text that occupies the full width available.
+ * Usually used to render paragraphs of text.
+ */
+export declare const TextBlock: "TextBlock" & {
+    readonly type?: "TextBlock" | undefined;
+    readonly props?: TextBlockProps | undefined;
+    /** Size of the text */
+    readonly children?: true | undefined;
+};
+export {};
+//# sourceMappingURL=TextBlock.d.ts.map

package/build/ts/surfaces/admin/components/TextBlock/TextBlock.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextBlock.d.ts","sourceRoot":"","sources":["../../../../../../src/surfaces/admin/components/TextBlock/TextBlock.ts"],"names":[],"mappings":"AAEA,KAAK,IAAI,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,YAAY,CAAC;AAEjE,KAAK,SAAS,GAAG,UAAU,GAAG,UAAU,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAC;AAEzE,MAAM,WAAW,cAAc;IAC7B,uBAAuB;IACvB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,0CAA0C;IAC1C,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB;AAED;;;GAGG;AACH,eAAO,MAAM,SAAS;;;IAVpB,uBAAuB;;CAYxB,CAAC"}

package/build/ts/surfaces/admin/components/TextField/TextField.d.ts

@@ -0,0 +1,41 @@
+export interface TextFieldProps {
+    /** Human-readable label for the input. */
+    label: string;
+    /** Input type */
+    type?: 'text' | 'search' | 'number';
+    /** Input value. */
+    value?: string;
+    /** Hint text to display when no text is input */
+    placeholder?: string;
+    /** Allow for multiple lines of input. */
+    multiline?: number | boolean;
+    /** Text to display before the input value. */
+    prefix?: string;
+    /** Text to display after the input value. */
+    suffix?: string;
+    /** Error text to display beneath the label. */
+    error?: string;
+    /** Callback when value is changed. */
+    onInput?: (value: string) => void;
+    /** Callback when user leaves the input. */
+    onChange?: (value: string) => void;
+    /** Callback when input is focused. */
+    onFocus?(): void | Promise<void>;
+    /** Callback when focus is removed. */
+    onBlur?(): void | Promise<void>;
+    /** Show a 'clear text' button in the input. */
+    clearButton?: boolean;
+    /** Callback when clear button is pressed. */
+    onClearButtonPress?(): void;
+}
+/**
+ * TextField is a versatile input field that merchants can type into.
+ *
+ * It supports several input formats including numbers.
+ */
+export declare const TextField: "TextField" & {
+    readonly type?: "TextField" | undefined;
+    readonly props?: TextFieldProps | undefined;
+    readonly children?: true | undefined;
+};
+//# sourceMappingURL=TextField.d.ts.map

package/build/ts/surfaces/admin/components/TextField/TextField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../../../../src/surfaces/admin/components/TextField/TextField.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,cAAc;IAC7B,0CAA0C;IAC1C,KAAK,EAAE,MAAM,CAAC;IAEd,iBAAiB;IACjB,IAAI,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,QAAQ,CAAC;IAEpC,mBAAmB;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,iDAAiD;IACjD,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,yCAAyC;IACzC,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAE7B,8CAA8C;IAC9C,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,6CAA6C;IAC7C,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,+CAA+C;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,sCAAsC;IACtC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAElC,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAEnC,sCAAsC;IACtC,OAAO,CAAC,IAAI,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAEjC,sCAAsC;IACtC,MAAM,CAAC,IAAI,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAEhC,+CAA+C;IAC/C,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB,6CAA6C;IAC7C,kBAAkB,CAAC,IAAI,IAAI,CAAC;CAC7B;AAED;;;;GAIG;AACH,eAAO,MAAM,SAAS;;;;CAErB,CAAC"}

package/build/ts/surfaces/admin/components/Thumbnail/Thumbnail.d.ts

@@ -0,0 +1,19 @@
+export type Size = 'small' | 'medium' | 'large';
+export type ScaleType = 'fill' | 'fit' | 'crop';
+export interface ThumbnailProps {
+    size?: Size;
+    scaleType?: ScaleType;
+    /** URL for the thumbnail image. */
+    source: string;
+    /** Alt text for the thumbnail. */
+    alt: string;
+}
+/**
+ * Thumbnails are used as a visual anchor and identifier for an object. They should be used along with text to provide context.
+ */
+export declare const Thumbnail: "Thumbnail" & {
+    readonly type?: "Thumbnail" | undefined;
+    readonly props?: ThumbnailProps | undefined;
+    readonly children?: true | undefined;
+};
+//# sourceMappingURL=Thumbnail.d.ts.map

package/build/ts/surfaces/admin/components/Thumbnail/Thumbnail.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Thumbnail.d.ts","sourceRoot":"","sources":["../../../../../../src/surfaces/admin/components/Thumbnail/Thumbnail.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,IAAI,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEhD,MAAM,MAAM,SAAS,GAEjB,MAAM,GAGN,KAAK,GAGL,MAAM,CAAC;AAEX,MAAM,WAAW,cAAc;IAC7B,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB,mCAAmC;IACnC,MAAM,EAAE,MAAM,CAAC;IAEf,kCAAkC;IAClC,GAAG,EAAE,MAAM,CAAC;CACb;AAED;;GAEG;AACH,eAAO,MAAM,SAAS;;;;CAErB,CAAC"}

package/build/ts/surfaces/admin/components/shared.d.ts

@@ -0,0 +1,22 @@
+export type Spacing = 'none' | 'extraTight' | 'tight' | 'base' | 'loose' | 'extraLoose';
+export interface Action {
+    /**
+     * Action label text.
+     */
+    content: string;
+    /**
+     * Callback for the action.
+     */
+    onAction?(): void;
+}
+export interface DisableableAction extends Action {
+    disabled?: boolean;
+}
+export interface DestructableAction extends Action {
+    /**
+     * Indicates a dangerous or potentially negative action.
+     */
+    destructive?: boolean;
+}
+export type ValueOf<T> = T[keyof T];
+//# sourceMappingURL=shared.d.ts.map