@shopify/ui-extensions 2024.4.2 → 2024.7.0

package/build/cjs/surfaces/admin/components/AdminPrintAction/AdminPrintAction.js

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var core = require('@remote-ui/core');
+
+/**
+ * AdminPrintAction is a component used by Admin Print Action extensions to configure a src document to preview and print.
+ */
+const AdminPrintAction = core.createRemoteComponent('AdminPrintAction');
+
+exports.AdminPrintAction = AdminPrintAction;

package/build/cjs/surfaces/admin/components/DatePicker/DatePicker.js

@@ -4,6 +4,18 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var core = require('@remote-ui/core');
 
+/**
+ * A date string using the simplified ISO 8601 format (`YYYY-MM-DD`)
+ */
+
+/**
+ * A year/month string using the simplified ISO 8601 format (`YYYY-MM`)
+ */
+
+/**
+ * Month in 1-12 range
+ */
+
 const DatePicker = core.createRemoteComponent('DatePicker');
 
 exports.DatePicker = DatePicker;

package/build/cjs/surfaces/admin/components/InternalCustomerSegmentTemplate/InternalCustomerSegmentTemplate.js

@@ -4,6 +4,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var core = require('@remote-ui/core');
 
+/**
+ * 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
+ */
+
 /**
  * Customer segment templates are used to give merchants a starting point to create segments.
  */

package/build/cjs/surfaces/admin.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var extension = require('./admin/extension.js');
 var AdminAction = require('./admin/components/AdminAction/AdminAction.js');
+var AdminPrintAction = require('./admin/components/AdminPrintAction/AdminPrintAction.js');
 var AdminBlock = require('./admin/components/AdminBlock/AdminBlock.js');
 var Badge = require('./admin/components/Badge/Badge.js');
 var Banner = require('./admin/components/Banner/Banner.js');
@@ -50,6 +51,7 @@ var InternalLocationList = require('./admin/components/InternalLocationList/Inte
 exports.extend = extension.extend;
 exports.extension = extension.extension;
 exports.AdminAction = AdminAction.AdminAction;
+exports.AdminPrintAction = AdminPrintAction.AdminPrintAction;
 exports.AdminBlock = AdminBlock.AdminBlock;
 exports.Badge = Badge.Badge;
 exports.Banner = Banner.Banner;

package/build/cjs/surfaces/checkout/components/DatePicker/DatePicker.js

@@ -4,16 +4,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var core = require('@remote-ui/core');
 
-exports.Day = void 0;
-(function (Day) {
-  Day[Day["Sunday"] = 0] = "Sunday";
-  Day[Day["Monday"] = 1] = "Monday";
-  Day[Day["Tuesday"] = 2] = "Tuesday";
-  Day[Day["Wednesday"] = 3] = "Wednesday";
-  Day[Day["Thursday"] = 4] = "Thursday";
-  Day[Day["Friday"] = 5] = "Friday";
-  Day[Day["Saturday"] = 6] = "Saturday";
-})(exports.Day || (exports.Day = {}));
+/* A date string using the simplified ISO 8601 format (`YYYY-MM-DD`) */
+
+/** A year/month string using the simplified ISO 8601 format (`YYYY-MM`) */
+
 /**
  * The DatePicker component is a calendar picker UI that allows users to select a single date or a date range.
  */

package/build/cjs/surfaces/checkout/components/Progress/Progress.js

@@ -0,0 +1,9 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var core = require('@remote-ui/core');
+
+const Progress = core.createRemoteComponent('Progress');
+
+exports.Progress = Progress;

package/build/cjs/surfaces/checkout/components/Switch/Switch.js

@@ -0,0 +1,9 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var core = require('@remote-ui/core');
+
+const Switch = core.createRemoteComponent('Switch');
+
+exports.Switch = Switch;

package/build/cjs/surfaces/checkout.js

@@ -41,6 +41,7 @@ var PaymentIcon = require('./checkout/components/PaymentIcon/PaymentIcon.js');
 var PhoneField = require('./checkout/components/PhoneField/PhoneField.js');
 var Pressable = require('./checkout/components/Pressable/Pressable.js');
 var ProductThumbnail = require('./checkout/components/ProductThumbnail/ProductThumbnail.js');
+var Progress = require('./checkout/components/Progress/Progress.js');
 var Popover = require('./checkout/components/Popover/Popover.js');
 var ScrollView = require('./checkout/components/ScrollView/ScrollView.js');
 var Select = require('./checkout/components/Select/Select.js');
@@ -50,6 +51,7 @@ var SkeletonText = require('./checkout/components/SkeletonText/SkeletonText.js')
 var SkeletonTextBlock = require('./checkout/components/SkeletonTextBlock/SkeletonTextBlock.js');
 var Spinner = require('./checkout/components/Spinner/Spinner.js');
 var Stepper = require('./checkout/components/Stepper/Stepper.js');
+var Switch = require('./checkout/components/Switch/Switch.js');
 var Tag = require('./checkout/components/Tag/Tag.js');
 var Text = require('./checkout/components/Text/Text.js');
 var TextBlock = require('./checkout/components/TextBlock/TextBlock.js');
@@ -103,6 +105,7 @@ exports.PaymentIcon = PaymentIcon.PaymentIcon;
 exports.PhoneField = PhoneField.PhoneField;
 exports.Pressable = Pressable.Pressable;
 exports.ProductThumbnail = ProductThumbnail.ProductThumbnail;
+exports.Progress = Progress.Progress;
 exports.Popover = Popover.Popover;
 exports.ScrollView = ScrollView.ScrollView;
 exports.Select = Select.Select;
@@ -112,6 +115,7 @@ exports.SkeletonText = SkeletonText.SkeletonText;
 exports.SkeletonTextBlock = SkeletonTextBlock.SkeletonTextBlock;
 exports.Spinner = Spinner.Spinner;
 exports.Stepper = Stepper.Stepper;
+exports.Switch = Switch.Switch;
 exports.Tag = Tag.Tag;
 exports.Text = Text.Text;
 exports.TextBlock = TextBlock.TextBlock;

package/build/cjs/surfaces/customer-account.js

@@ -39,9 +39,11 @@ var PaymentIcon = require('./checkout/components/PaymentIcon/PaymentIcon.js');
 var PhoneField = require('./checkout/components/PhoneField/PhoneField.js');
 var Pressable = require('./checkout/components/Pressable/Pressable.js');
 var ProductThumbnail = require('./checkout/components/ProductThumbnail/ProductThumbnail.js');
+var Progress = require('./checkout/components/Progress/Progress.js');
 var Popover = require('./checkout/components/Popover/Popover.js');
 var ScrollView = require('./checkout/components/ScrollView/ScrollView.js');
 var Select = require('./checkout/components/Select/Select.js');
+var Sheet = require('./checkout/components/Sheet/Sheet.js');
 var SkeletonImage = require('./checkout/components/SkeletonImage/SkeletonImage.js');
 var SkeletonText = require('./checkout/components/SkeletonText/SkeletonText.js');
 var SkeletonTextBlock = require('./checkout/components/SkeletonTextBlock/SkeletonTextBlock.js');
@@ -98,9 +100,11 @@ exports.PaymentIcon = PaymentIcon.PaymentIcon;
 exports.PhoneField = PhoneField.PhoneField;
 exports.Pressable = Pressable.Pressable;
 exports.ProductThumbnail = ProductThumbnail.ProductThumbnail;
+exports.Progress = Progress.Progress;
 exports.Popover = Popover.Popover;
 exports.ScrollView = ScrollView.ScrollView;
 exports.Select = Select.Select;
+exports.Sheet = Sheet.Sheet;
 exports.SkeletonImage = SkeletonImage.SkeletonImage;
 exports.SkeletonText = SkeletonText.SkeletonText;
 exports.SkeletonTextBlock = SkeletonTextBlock.SkeletonTextBlock;

package/build/cjs/surfaces/point-of-sale/components/Actiontem/ActionItem.js

@@ -4,6 +4,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var core = require('@remote-ui/core');
 
+/**
+ * Renders an `ActionItem` on action targets. Note that the text displayed on this `ActionItem`
+ * is dependent on the description of the extension.
+ * @property `enabled` sets whether or not the `ActionItem` can be tapped.
+ * @property `onPress` the callback that is executed when the user taps the `ActionItem`.
+ */
+
 const ActionItem = core.createRemoteComponent('ActionItem');
 
 exports.ActionItem = ActionItem;

package/build/cjs/surfaces/point-of-sale/components/Badge/Badge.js

@@ -4,6 +4,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var core = require('@remote-ui/core');
 
+/**
+ * @property text - The text displayed inside the badge.
+ * @property variant - The appearance and function of the badge.
+ * @property status - A circle icon displaying the status of the badge.
+ */
+
 const Badge = core.createRemoteComponent('Badge');
 
 exports.Badge = Badge;

package/build/cjs/surfaces/point-of-sale/components/Banner/Banner.js

@@ -4,6 +4,15 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var core = require('@remote-ui/core');
 
+/**
+ * @property title - The title text displayed on the banner.
+ * @property variant - The variant type of the banner.
+ * @property action - The text for the action button.
+ * @property onPress - The callback function executed when the banner is pressed.
+ * @property hideAction - Whether to hide the action button.
+ * @property visible - The visibility state of the banner.
+ */
+
 const Banner = core.createRemoteComponent('Banner');
 
 exports.Banner = Banner;

package/build/cjs/surfaces/point-of-sale/components/Button/Button.js

@@ -4,6 +4,14 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var core = require('@remote-ui/core');
 
+/**
+ * @property `title` the text set on the `Button`.
+ * @property `type` the type of `Button` to render. Determines the appearance of the button.
+ * @property `onPress` the callback that is executed when the user taps the button.
+ * @property `isDisabled` sets whether the `Button` can be tapped.
+ * @property `isLoading` sets whether the `Button` is displaying an animated loading state.
+ */
+
 const Button = core.createRemoteComponent('Button');
 
 exports.Button = Button;

package/build/cjs/surfaces/point-of-sale/components/CameraScanner/CameraScanner.js

@@ -4,6 +4,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var core = require('@remote-ui/core');
 
+/**
+ * @property title - The title of the banner.
+ * @property variant - The appearance of the banner.
+ * @property visible - The visibility state of the banner.
+ */
+
 const CameraScanner = core.createRemoteComponent('CameraScanner');
 
 exports.CameraScanner = CameraScanner;

package/build/cjs/surfaces/point-of-sale/components/DatePicker/DatePicker.js

@@ -4,6 +4,14 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var core = require('@remote-ui/core');
 
+/**
+ * Represents the properties for the DatePicker component.
+ * @property selected - The selected time.
+ * @property onChange - A callback for changes.
+ * @property visibleState - Control the visible state, and a callback to set the visible state as false when the dialog closes.
+ * @property inputMode - Whether to display the picker in inline (clock) mode or spinner mode.
+ */
+
 const DatePicker = core.createRemoteComponent('DatePicker');
 
 exports.DatePicker = DatePicker;

package/build/cjs/surfaces/point-of-sale/components/Dialog/Dialog.js

@@ -4,6 +4,18 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var core = require('@remote-ui/core');
 
+/**
+ * @property title - The text displayed in the title of the dialog.
+ * @property content - The text displayed in the body of the dialog.
+ * @property actionText - The text displayed in the primary action button of the dialog.
+ * @property secondaryActionText - The text displayed in the secondary action section of the dialog.
+ * @property showSecondaryAction - Whether a secondary action displays.
+ * @property type - Determines the dialog’s appearance and function.
+ * @property onAction - A callback that performs when the action is triggered.
+ * @property onSecondaryAction - A callback that is executed when the secondary action is triggered.
+ * @property isVisible - Whether the dialog should be presented.
+ */
+
 const Dialog = core.createRemoteComponent('Dialog');
 
 exports.Dialog = Dialog;

package/build/cjs/surfaces/point-of-sale/components/FormattedTextField/FormattedTextField.js

@@ -4,6 +4,16 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var core = require('@remote-ui/core');
 
+/**
+ * Dictates what type of values can be used in a `TextField`.
+ */
+
+/**
+ * @property `inputType` the `InputType` of the `TextField`. This will select the appropriate keyboard.
+ * @property `autoCapitalize` dictates when the text should be auto-capitalized.
+ * @property `customValidator` applies a custom validator that can dictate whether or not an entered value is valid.
+ */
+
 const FormattedTextField = core.createRemoteComponent('FormattedTextField');
 
 exports.FormattedTextField = FormattedTextField;

package/build/cjs/surfaces/point-of-sale/components/Navigator/Navigator.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var core = require('@remote-ui/core');
 
 /**
- * @property `initialScreenName` sets the initial Screen by its `name` property.
+ * @property `initialScreenName` sets the initial `Screen` whose `name` matches.
  */
 
 const Navigator = core.createRemoteComponent('Navigator');

package/build/cjs/surfaces/point-of-sale/components/NumberField/NumberField.js

@@ -4,6 +4,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var core = require('@remote-ui/core');
 
+/**
+ * Represents the properties for the NumberField component.
+ * @typedef {Object} NumberFieldProps
+ * @property {'decimal' | 'numeric'} [inputMode] - The mode of input, can be either 'decimal' or 'numeric'.
+ */
+
 const NumberField = core.createRemoteComponent('NumberField');
 
 exports.NumberField = NumberField;

package/build/cjs/surfaces/point-of-sale/components/PinPad/PinPad.js

@@ -9,6 +9,30 @@ var core = require('@remote-ui/core');
  * @typedef {('accept'|'reject')} PinValidationResult
  */
 
+/**
+ * Represents the allowed lengths of a PIN.
+ * @typedef {(4|5|6|7|8|9|10)} PinLength
+ */
+
+/**
+ * Represents an action type for the PinPad component.
+ * @typedef {Object} PinPadActionType
+ * @property {string} label - The label for the action button.
+ * @property {function(): number[]} onPress - The function to be called when the action button is pressed.
+ */
+
+/**
+ * Represents the properties for the PinPad component.
+ * @typedef {Object} PinPadProps
+ * @property {boolean} [masked] - Whether the entered PIN should be masked.
+ * @property {PinLength} [minPinLength] - The minimum length of the PIN.
+ * @property {PinLength} [maxPinLength] - The maximum length of the PIN.
+ * @property {string} [label] - The content for the prompt on the pin pad.
+ * @property {PinPadActionType} [pinPadAction] - The call to action between the entry view and the keypad, consisting of a label and function that returns the pin.
+ * @property {function(pin: number[]): Promise<PinValidationResult>} onSubmit - The function to be called when the PIN is submitted.
+ * @property {function(pin: number[]): void} [onPinEntry] - The function to be called when a PIN is entered.
+ */
+
 const PinPad = core.createRemoteComponent('PinPad');
 
 exports.PinPad = PinPad;

package/build/cjs/surfaces/point-of-sale/components/Screen/Screen.js

@@ -8,6 +8,24 @@ var core = require('@remote-ui/core');
  * @property `sheet` displays the screen from the bottom on `navigate` when `true`.
  */
 
+/** Represents the secondary action button of a screen in the navigation stack.
+ * @property `text` displays the name of the secondary action in the action bar.
+ * @property `onPress` triggered when the secondary action button is pressed.
+ * @property `isEnabled` sets whether the action can be tapped.
+ */
+
+/** Represents a screen in the navigation stack.
+ * @property `name` used to identify this screen as a destination in the navigation stack.
+ * @property `title` the title of the screen which will be displayed on the UI.
+ * @property `isLoading` 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.
+ * @property `presentation` dictates how the `Screen` will be presented when navigated to.
+ * @property `secondaryAction` displays a secondary action button on the screen.
+ * @property `onNavigate` triggered when the screen is navigated to.
+ * @property `onNavigateBack` triggered when the user navigates back from this screen. Runs after screen is unmounted.
+ * @property `overrideNavigateBack` a callback that allows you to override the secondary navigation action. Runs when screen is mounted.
+ * @property `onReceiveParams` a callback that gets triggered when the navigation event completes and the screen receives the parameters.
+ */
+
 const Screen = core.createRemoteComponent('Screen');
 
 exports.Screen = Screen;

package/build/cjs/surfaces/point-of-sale/components/Section/Section.js

@@ -4,6 +4,16 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var core = require('@remote-ui/core');
 
+/** Allows the implementation of an action at the top right of a `Section`.
+ * @property `title` the title describing the action.
+ * @property `onPress` the callback when the action is tapped by the user.
+ */
+
+/** Renders content that is bound by a border, with a title and a call to action at the top.
+ * @property `title` the title of the section.
+ * @property `action` the action in the top right of the section that can be triggered by a tap.
+ */
+
 const Section = core.createRemoteComponent('Section');
 
 exports.Section = Section;

package/build/cjs/surfaces/point-of-sale/components/TextArea/TextArea.js

@@ -4,6 +4,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var core = require('@remote-ui/core');
 
+/**
+ * Represents the properties for the TextField component.
+ * @typedef {Object} TextAreaProps
+ * @property {number} [rows] - The initial number of lines to be displayed. Maximum of 8 lines.
+ */
+
 const TextArea = core.createRemoteComponent('TextArea');
 
 exports.TextArea = TextArea;

package/build/cjs/surfaces/point-of-sale/components/TextField/TextField.js

@@ -4,6 +4,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var core = require('@remote-ui/core');
 
+/**
+ * @deprecated
+ * This TextField component will only support NewTextFieldProps in version 2.0.0.
+ * Please migrate to using NewTextFieldProps as soon as possible.
+ */
+
 const TextField = core.createRemoteComponent('TextField');
 
 exports.TextField = TextField;

package/build/cjs/surfaces/point-of-sale/components/Tile/Tile.js

@@ -4,6 +4,15 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var core = require('@remote-ui/core');
 
+/**
+ * @property `title` the text set on the main label of the tile.
+ * @property `subtitle` the text set on the secondary label of the tile.
+ * @property `enabled` sets whether or not the tile can be tapped.
+ * @property `destructive` sets whether or not the tile is in a red destructive appearance.
+ * @property `badgeValue` the number value displayed in the top right corner of the tile.
+ * @property `onPress` the callback that is executed when the tile is tapped.
+ */
+
 const Tile = core.createRemoteComponent('Tile');
 
 exports.Tile = Tile;

package/build/cjs/surfaces/point-of-sale/components/TimePicker/TimePicker.js

@@ -4,6 +4,15 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var core = require('@remote-ui/core');
 
+/**
+ * Represents the properties for the TimePicker component.
+ * @property selected - The selected time.
+ * @property onChange - A callback for changes.
+ * @property visibleState - Controls the visible state, and a callback to set the visible state as false when the dialog closes.
+ * @property is24Hour - (Android only) Whether the clock displays in 24 hour time instead of 12 hour time.
+ * @property inputMode - Whether to display the picker in inline (clock) mode or spinner mode.
+ */
+
 const TimePicker = core.createRemoteComponent('TimePicker');
 
 exports.TimePicker = TimePicker;

package/build/esm/surfaces/admin/components/AdminPrintAction/AdminPrintAction.mjs

@@ -0,0 +1,8 @@
+import { createRemoteComponent } from '@remote-ui/core';
+
+/**
+ * AdminPrintAction is a component used by Admin Print Action extensions to configure a src document to preview and print.
+ */
+const AdminPrintAction = createRemoteComponent('AdminPrintAction');
+
+export { AdminPrintAction };

package/build/esm/surfaces/admin/components/DatePicker/DatePicker.mjs

@@ -1,5 +1,17 @@
 import { createRemoteComponent } from '@remote-ui/core';
 
+/**
+ * A date string using the simplified ISO 8601 format (`YYYY-MM-DD`)
+ */
+
+/**
+ * A year/month string using the simplified ISO 8601 format (`YYYY-MM`)
+ */
+
+/**
+ * Month in 1-12 range
+ */
+
 const DatePicker = createRemoteComponent('DatePicker');
 
 export { DatePicker };

package/build/esm/surfaces/admin/components/InternalCustomerSegmentTemplate/InternalCustomerSegmentTemplate.mjs

@@ -1,5 +1,10 @@
 import { createRemoteComponent } from '@remote-ui/core';
 
+/**
+ * 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
+ */
+
 /**
  * Customer segment templates are used to give merchants a starting point to create segments.
  */

package/build/esm/surfaces/admin.mjs

@@ -1,5 +1,6 @@
 export { extend, extension } from './admin/extension.mjs';
 export { AdminAction } from './admin/components/AdminAction/AdminAction.mjs';
+export { AdminPrintAction } from './admin/components/AdminPrintAction/AdminPrintAction.mjs';
 export { AdminBlock } from './admin/components/AdminBlock/AdminBlock.mjs';
 export { Badge } from './admin/components/Badge/Badge.mjs';
 export { Banner } from './admin/components/Banner/Banner.mjs';

package/build/esm/surfaces/checkout/components/DatePicker/DatePicker.mjs

@@ -1,18 +1,12 @@
 import { createRemoteComponent } from '@remote-ui/core';
 
-let Day;
-(function (Day) {
-  Day[Day["Sunday"] = 0] = "Sunday";
-  Day[Day["Monday"] = 1] = "Monday";
-  Day[Day["Tuesday"] = 2] = "Tuesday";
-  Day[Day["Wednesday"] = 3] = "Wednesday";
-  Day[Day["Thursday"] = 4] = "Thursday";
-  Day[Day["Friday"] = 5] = "Friday";
-  Day[Day["Saturday"] = 6] = "Saturday";
-})(Day || (Day = {}));
+/* A date string using the simplified ISO 8601 format (`YYYY-MM-DD`) */
+
+/** A year/month string using the simplified ISO 8601 format (`YYYY-MM`) */
+
 /**
  * The DatePicker component is a calendar picker UI that allows users to select a single date or a date range.
  */
 const DatePicker = createRemoteComponent('DatePicker');
 
-export { DatePicker, Day };
+export { DatePicker };

package/build/esm/surfaces/checkout/components/Progress/Progress.mjs

@@ -0,0 +1,5 @@
+import { createRemoteComponent } from '@remote-ui/core';
+
+const Progress = createRemoteComponent('Progress');
+
+export { Progress };

package/build/esm/surfaces/checkout/components/Switch/Switch.mjs

@@ -0,0 +1,5 @@
+import { createRemoteComponent } from '@remote-ui/core';
+
+const Switch = createRemoteComponent('Switch');
+
+export { Switch };

package/build/esm/surfaces/checkout.mjs

@@ -37,6 +37,7 @@ export { PaymentIcon } from './checkout/components/PaymentIcon/PaymentIcon.mjs';
 export { PhoneField } from './checkout/components/PhoneField/PhoneField.mjs';
 export { Pressable } from './checkout/components/Pressable/Pressable.mjs';
 export { ProductThumbnail } from './checkout/components/ProductThumbnail/ProductThumbnail.mjs';
+export { Progress } from './checkout/components/Progress/Progress.mjs';
 export { Popover } from './checkout/components/Popover/Popover.mjs';
 export { ScrollView } from './checkout/components/ScrollView/ScrollView.mjs';
 export { Select } from './checkout/components/Select/Select.mjs';
@@ -46,6 +47,7 @@ export { SkeletonText } from './checkout/components/SkeletonText/SkeletonText.mj
 export { SkeletonTextBlock } from './checkout/components/SkeletonTextBlock/SkeletonTextBlock.mjs';
 export { Spinner } from './checkout/components/Spinner/Spinner.mjs';
 export { Stepper } from './checkout/components/Stepper/Stepper.mjs';
+export { Switch } from './checkout/components/Switch/Switch.mjs';
 export { Tag } from './checkout/components/Tag/Tag.mjs';
 export { Text } from './checkout/components/Text/Text.mjs';
 export { TextBlock } from './checkout/components/TextBlock/TextBlock.mjs';

package/build/esm/surfaces/customer-account.mjs

@@ -35,9 +35,11 @@ export { PaymentIcon } from './checkout/components/PaymentIcon/PaymentIcon.mjs';
 export { PhoneField } from './checkout/components/PhoneField/PhoneField.mjs';
 export { Pressable } from './checkout/components/Pressable/Pressable.mjs';
 export { ProductThumbnail } from './checkout/components/ProductThumbnail/ProductThumbnail.mjs';
+export { Progress } from './checkout/components/Progress/Progress.mjs';
 export { Popover } from './checkout/components/Popover/Popover.mjs';
 export { ScrollView } from './checkout/components/ScrollView/ScrollView.mjs';
 export { Select } from './checkout/components/Select/Select.mjs';
+export { Sheet } from './checkout/components/Sheet/Sheet.mjs';
 export { SkeletonImage } from './checkout/components/SkeletonImage/SkeletonImage.mjs';
 export { SkeletonText } from './checkout/components/SkeletonText/SkeletonText.mjs';
 export { SkeletonTextBlock } from './checkout/components/SkeletonTextBlock/SkeletonTextBlock.mjs';

package/build/esm/surfaces/point-of-sale/components/Actiontem/ActionItem.mjs

@@ -1,5 +1,12 @@
 import { createRemoteComponent } from '@remote-ui/core';
 
+/**
+ * Renders an `ActionItem` on action targets. Note that the text displayed on this `ActionItem`
+ * is dependent on the description of the extension.
+ * @property `enabled` sets whether or not the `ActionItem` can be tapped.
+ * @property `onPress` the callback that is executed when the user taps the `ActionItem`.
+ */
+
 const ActionItem = createRemoteComponent('ActionItem');
 
 export { ActionItem };

package/build/esm/surfaces/point-of-sale/components/Badge/Badge.mjs

@@ -1,5 +1,11 @@
 import { createRemoteComponent } from '@remote-ui/core';
 
+/**
+ * @property text - The text displayed inside the badge.
+ * @property variant - The appearance and function of the badge.
+ * @property status - A circle icon displaying the status of the badge.
+ */
+
 const Badge = createRemoteComponent('Badge');
 
 export { Badge };

package/build/esm/surfaces/point-of-sale/components/Banner/Banner.mjs

@@ -1,5 +1,14 @@
 import { createRemoteComponent } from '@remote-ui/core';
 
+/**
+ * @property title - The title text displayed on the banner.
+ * @property variant - The variant type of the banner.
+ * @property action - The text for the action button.
+ * @property onPress - The callback function executed when the banner is pressed.
+ * @property hideAction - Whether to hide the action button.
+ * @property visible - The visibility state of the banner.
+ */
+
 const Banner = createRemoteComponent('Banner');
 
 export { Banner };

package/build/esm/surfaces/point-of-sale/components/Button/Button.mjs

@@ -1,5 +1,13 @@
 import { createRemoteComponent } from '@remote-ui/core';
 
+/**
+ * @property `title` the text set on the `Button`.
+ * @property `type` the type of `Button` to render. Determines the appearance of the button.
+ * @property `onPress` the callback that is executed when the user taps the button.
+ * @property `isDisabled` sets whether the `Button` can be tapped.
+ * @property `isLoading` sets whether the `Button` is displaying an animated loading state.
+ */
+
 const Button = createRemoteComponent('Button');
 
 export { Button };