@shopify/ui-extensions 2022.10.6 → 2023.4.0

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

@@ -0,0 +1,8 @@
+import { createRemoteComponent } from '@remote-ui/core';
+
+/**
+ * Customer segmentation templates are used to give merchants a starting point to create segments.
+ */
+const CustomerSegmentationTemplate = createRemoteComponent('CustomerSegmentationTemplate');
+
+export { CustomerSegmentationTemplate };

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/build/esm/surfaces/admin/extension.mjs

@@ -0,0 +1,6 @@
+import { createExtensionRegistrationFunction } from '../../utilities/registration.mjs';
+
+const extension = createExtensionRegistrationFunction();
+const extend = extension;
+
+export { extend, extension };

package/build/esm/surfaces/admin.mjs

@@ -0,0 +1,24 @@
+export { extend, extension } from './admin/extension.mjs';
+export { AdminAction } from './admin/components/AdminAction/AdminAction.mjs';
+export { AdminBlock } from './admin/components/AdminBlock/AdminBlock.mjs';
+export { BlockStack } from './admin/components/BlockStack/BlockStack.mjs';
+export { Box } from './admin/components/Box/Box.mjs';
+export { Button } from './admin/components/Button/Button.mjs';
+export { Checkbox } from './admin/components/Checkbox/Checkbox.mjs';
+export { CustomerSegmentationTemplate } from './admin/components/CustomerSegmentationTemplate/CustomerSegmentationTemplate.mjs';
+export { Divider } from './admin/components/Divider/Divider.mjs';
+export { EmailField } from './admin/components/EmailField/EmailField.mjs';
+export { Form } from './admin/components/Form/Form.mjs';
+export { Heading } from './admin/components/Heading/Heading.mjs';
+export { HeadingGroup } from './admin/components/HeadingGroup/HeadingGroup.mjs';
+export { Icon } from './admin/components/Icon/Icon.mjs';
+export { InlineStack } from './admin/components/InlineStack/InlineStack.mjs';
+export { Image } from './admin/components/Image/Image.mjs';
+export { Link } from './admin/components/Link/Link.mjs';
+export { NumberField } from './admin/components/NumberField/NumberField.mjs';
+export { PasswordField } from './admin/components/PasswordField/PasswordField.mjs';
+export { Select } from './admin/components/Select/Select.mjs';
+export { Text } from './admin/components/Text/Text.mjs';
+export { TextArea } from './admin/components/TextArea/TextArea.mjs';
+export { TextField } from './admin/components/TextField/TextField.mjs';
+export { URLField } from './admin/components/URLField/URLField.mjs';

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

@@ -0,0 +1,9 @@
+import { createRemoteComponent } from '@remote-ui/core';
+
+/**
+ * The DateField component is used to collect date information from buyers.
+ * It also provides the ability to display a DatePicker UI, which allows users to select dates with ease.
+ */
+const DateField = createRemoteComponent('DateField');
+
+export { DateField };

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

@@ -0,0 +1,18 @@
+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 = {}));
+/**
+ * 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 };

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

@@ -0,0 +1,16 @@
+import { createRemoteComponent } from '@remote-ui/core';
+
+/**
+ * Disclosure is an optionally controlled component used to put long sections of information
+ * under content blocks that users can expand or collapse by pressing an activator.
+ * The activator can be specified as children using an action component (`Button`, `Link` or `Pressable`)
+ * or `Checkbox` component.
+ * The content blocks can be specified as children inside a structure component (`View`, `InlineLayout`,
+ * `BlockStack`, `Grid`, etc.).
+ *
+ * The library takes care of applying the WAI-ARIA Accordion pattern automatically for the activator
+ * and the toggled content.
+ */
+const Disclosure = createRemoteComponent('Disclosure');
+
+export { Disclosure };

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

@@ -0,0 +1,13 @@
+import { createRemoteComponent } from '@remote-ui/core';
+
+/**
+ * Modals are a special type of overlay that shift focus towards a specific action/set of information
+ * before the main flow can proceed.
+ * They must be specified inside the `overlay` prop of an activator component (`Button`, `Link` or `Pressable`).
+ *
+ * The library takes care of applying the WAI-ARIA Dialog pattern automatically for the activator
+ * and the modal content.
+ */
+const Modal = createRemoteComponent('Modal');
+
+export { Modal };

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

@@ -0,0 +1,13 @@
+import { createRemoteComponent } from '@remote-ui/core';
+
+/**
+ * Popovers are similar to tooltips. They are small overlays that open on demand after a user interaction.
+ * The difference is that the popover can contain more content, without cluttering the page.
+ * They must be specified inside the `overlay` prop of an activator component (`Button`, `Link` or `Pressable`).
+ *
+ * The library takes care of applying the WAI-ARIA Popover Widget pattern automatically for the activator
+ * and the popover content.
+ */
+const Popover = createRemoteComponent('Popover');
+
+export { Popover };

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

@@ -4,9 +4,6 @@ import { createRemoteComponent } from '@remote-ui/core';
  *  View is a generic container component. Its contents will always be their
  * “natural” size, so this component can be useful in layout components (like `Grid`,
  * `BlockStack`, `InlineStack`) that would otherwise stretch their children to fit.
- *
- * Note: View’s box model related properties like `padding`, `border`, `borderRadius`, and `borderColor` are implemented as
- * [CSS Logical Properties](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Logical_Properties/Basic_concepts).
  */
 const View = createRemoteComponent('View');
 

package/build/esm/surfaces/checkout/extension.mjs

@@ -1,6 +1,38 @@
-import { createExtensionRegistrationFunction } from '../../utilities/registration.mjs';
-
+/**
+ * Registers your UI Extension to run for the selected extension point.
+ *
+ * @param target The extension point you are registering for.
+ *
+ * @param implementation The function that will be called when Checkout begins rendering
+ * your extension. This function is called with the API checkout provided to your
+ * extension.
+ */
 const extension = createExtensionRegistrationFunction();
+
+/**
+ * Registers your UI Extension to run for the selected extension point.
+ *
+ * @param target The extension point you are registering for.
+ *
+ * @param implementation The function that will be called when Checkout begins rendering
+ * your extension. This function is called with the API checkout provided to your
+ * extension.
+ */
 const extend = extension;
+/**
+ * This function takes an extension function that is expecting a `RemoteRoot` as its
+ * first argument, and returns a new function that accepts a `RemoteChannel` instead.
+ * This is a convenience that allows the raw UI extension API to only expose the simpler
+ * `RemoteChannel` type, while allowing the extension to use the more powerful `RemoteRoot`,
+ * provided by a version of `@remote-ui/core` that the extension controls.
+ */
+function createExtensionRegistrationFunction() {
+  const extensionWrapper = (target, implementation) => {
+    var _shopify;
+    (_shopify = globalThis.shopify) === null || _shopify === void 0 ? void 0 : _shopify.extend(target, implementation);
+    return implementation;
+  };
+  return extensionWrapper;
+}
 
-export { extend, extension };
+export { createExtensionRegistrationFunction, extend, extension };

package/build/esm/surfaces/checkout/style/memoize.mjs

@@ -53,6 +53,8 @@ function createLruCache(maxSize, equals) {
   }
   function put(key, value) {
     if (get(key) === NOT_FOUND) {
+      // eslint-disable-next-line no-warning-comments
+      // TODO Is unshift slow?
       entries.unshift({
         key,
         value

package/build/esm/surfaces/checkout/style/style.mjs

@@ -22,7 +22,6 @@ const when = function when(conditions, value) {
   };
   return createChainableConditionalStyle(config);
 };
-
 /**
  * Style is a helper for authoring conditional values for prop styles.
  * Write complex conditional styles based on one or more conditions (viewport

package/build/esm/surfaces/checkout.mjs

@@ -1,4 +1,4 @@
-export { extend, extension } from './checkout/extension.mjs';
+export { createExtensionRegistrationFunction, extend, extension } from './checkout/extension.mjs';
 export { Banner } from './checkout/components/Banner/Banner.mjs';
 export { BlockLayout } from './checkout/components/BlockLayout/BlockLayout.mjs';
 export { BlockSpacer } from './checkout/components/BlockSpacer/BlockSpacer.mjs';
@@ -7,6 +7,9 @@ export { Button } from './checkout/components/Button/Button.mjs';
 export { Checkbox } from './checkout/components/Checkbox/Checkbox.mjs';
 export { Choice } from './checkout/components/Choice/Choice.mjs';
 export { ChoiceList } from './checkout/components/ChoiceList/ChoiceList.mjs';
+export { DatePicker } from './checkout/components/DatePicker/DatePicker.mjs';
+export { DateField } from './checkout/components/DateField/DateField.mjs';
+export { Disclosure } from './checkout/components/Disclosure/Disclosure.mjs';
 export { Divider } from './checkout/components/Divider/Divider.mjs';
 export { Form } from './checkout/components/Form/Form.mjs';
 export { Grid } from './checkout/components/Grid/Grid.mjs';
@@ -21,8 +24,10 @@ export { InlineSpacer } from './checkout/components/InlineSpacer/InlineSpacer.mj
 export { Link } from './checkout/components/Link/Link.mjs';
 export { List } from './checkout/components/List/List.mjs';
 export { ListItem } from './checkout/components/ListItem/ListItem.mjs';
+export { Modal } from './checkout/components/Modal/Modal.mjs';
 export { PhoneField } from './checkout/components/PhoneField/PhoneField.mjs';
 export { Pressable } from './checkout/components/Pressable/Pressable.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 { SkeletonImage } from './checkout/components/SkeletonImage/SkeletonImage.mjs';

package/build/esm/utilities/registration.mjs

@@ -1,3 +1,5 @@
+import { createRemoteRoot } from '@remote-ui/core';
+
 /**
  * This function takes an extension function that is expecting a `RemoteRoot` as its
  * first argument, and returns a new function that accepts a `RemoteChannel` instead.
@@ -8,8 +10,30 @@
 function createExtensionRegistrationFunction() {
   const extensionWrapper = (target, implementation) => {
     var _shopify;
-    (_shopify = globalThis.shopify) === null || _shopify === void 0 ? void 0 : _shopify.extend(target, implementation);
-    return implementation;
+    async function extension(...args) {
+      // Rendering extensions have two arguments. Non-rendering extensions don’t have
+      // a `RemoteChannel` that needs to be normalized, so we can just pass the arguments
+      // through.
+      if (args.length === 1) {
+        return implementation(...args);
+      }
+      const [{
+        channel,
+        components
+      }, api] = args;
+      const root = createRemoteRoot(channel, {
+        components,
+        strict: true
+      });
+      let renderResult = implementation(root, api);
+      if (typeof renderResult === 'object' && renderResult != null && 'then' in renderResult) {
+        renderResult = await renderResult;
+      }
+      root.mount();
+      return renderResult;
+    }
+    (_shopify = globalThis.shopify) === null || _shopify === void 0 ? void 0 : _shopify.extend(target, extension);
+    return extension;
   };
   return extensionWrapper;
 }

package/build/esnext/surfaces/admin/components/AdminAction/AdminAction.esnext

@@ -0,0 +1,8 @@
+import { createRemoteComponent } from '@remote-ui/core';
+
+/**
+ * AdminAction is a component used by Admin Action extensions to configure a primary and secondary action and title.
+ */
+const AdminAction = createRemoteComponent('AdminAction');
+
+export { AdminAction };

package/build/esnext/surfaces/admin/components/AdminBlock/AdminBlock.esnext

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

package/build/esnext/surfaces/admin/components/BlockStack/BlockStack.esnext

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

package/build/esnext/surfaces/admin/components/Box/Box.esnext

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

package/build/esnext/surfaces/admin/components/Button/Button.esnext

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

package/build/esnext/surfaces/admin/components/Checkbox/Checkbox.esnext

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

package/build/esnext/surfaces/admin/components/CustomerSegmentationTemplate/CustomerSegmentationTemplate.esnext

@@ -0,0 +1,8 @@
+import { createRemoteComponent } from '@remote-ui/core';
+
+/**
+ * Customer segmentation templates are used to give merchants a starting point to create segments.
+ */
+const CustomerSegmentationTemplate = createRemoteComponent('CustomerSegmentationTemplate');
+
+export { CustomerSegmentationTemplate };

package/build/esnext/surfaces/admin/components/Divider/Divider.esnext

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

package/build/esnext/surfaces/admin/components/EmailField/EmailField.esnext

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

package/build/esnext/surfaces/admin/components/Form/Form.esnext

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

package/build/esnext/surfaces/admin/components/Heading/Heading.esnext

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

package/build/esnext/surfaces/admin/components/HeadingGroup/HeadingGroup.esnext

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

package/build/esnext/surfaces/admin/components/Icon/Icon.esnext

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

package/build/esnext/surfaces/admin/components/Image/Image.esnext

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

package/build/esnext/surfaces/admin/components/InlineStack/InlineStack.esnext

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

package/build/esnext/surfaces/admin/components/Link/Link.esnext

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

package/build/esnext/surfaces/admin/components/NumberField/NumberField.esnext

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

package/build/esnext/surfaces/admin/components/PasswordField/PasswordField.esnext

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

package/build/esnext/surfaces/admin/components/Select/Select.esnext

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

package/build/esnext/surfaces/admin/components/Text/Text.esnext

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

package/build/esnext/surfaces/admin/components/TextArea/TextArea.esnext

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

package/build/esnext/surfaces/admin/components/TextField/TextField.esnext

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

package/build/esnext/surfaces/admin/components/URLField/URLField.esnext

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

package/build/esnext/surfaces/admin/extension.esnext

@@ -0,0 +1,6 @@
+import { createExtensionRegistrationFunction } from '../../utilities/registration.esnext';
+
+const extension = createExtensionRegistrationFunction();
+const extend = extension;
+
+export { extend, extension };

package/build/esnext/surfaces/admin.esnext

@@ -0,0 +1,24 @@
+export { extend, extension } from './admin/extension.esnext';
+export { AdminAction } from './admin/components/AdminAction/AdminAction.esnext';
+export { AdminBlock } from './admin/components/AdminBlock/AdminBlock.esnext';
+export { BlockStack } from './admin/components/BlockStack/BlockStack.esnext';
+export { Box } from './admin/components/Box/Box.esnext';
+export { Button } from './admin/components/Button/Button.esnext';
+export { Checkbox } from './admin/components/Checkbox/Checkbox.esnext';
+export { CustomerSegmentationTemplate } from './admin/components/CustomerSegmentationTemplate/CustomerSegmentationTemplate.esnext';
+export { Divider } from './admin/components/Divider/Divider.esnext';
+export { EmailField } from './admin/components/EmailField/EmailField.esnext';
+export { Form } from './admin/components/Form/Form.esnext';
+export { Heading } from './admin/components/Heading/Heading.esnext';
+export { HeadingGroup } from './admin/components/HeadingGroup/HeadingGroup.esnext';
+export { Icon } from './admin/components/Icon/Icon.esnext';
+export { InlineStack } from './admin/components/InlineStack/InlineStack.esnext';
+export { Image } from './admin/components/Image/Image.esnext';
+export { Link } from './admin/components/Link/Link.esnext';
+export { NumberField } from './admin/components/NumberField/NumberField.esnext';
+export { PasswordField } from './admin/components/PasswordField/PasswordField.esnext';
+export { Select } from './admin/components/Select/Select.esnext';
+export { Text } from './admin/components/Text/Text.esnext';
+export { TextArea } from './admin/components/TextArea/TextArea.esnext';
+export { TextField } from './admin/components/TextField/TextField.esnext';
+export { URLField } from './admin/components/URLField/URLField.esnext';

package/build/esnext/surfaces/checkout/components/DateField/DateField.esnext

@@ -0,0 +1,9 @@
+import { createRemoteComponent } from '@remote-ui/core';
+
+/**
+ * The DateField component is used to collect date information from buyers.
+ * It also provides the ability to display a DatePicker UI, which allows users to select dates with ease.
+ */
+const DateField = createRemoteComponent('DateField');
+
+export { DateField };

package/build/esnext/surfaces/checkout/components/DatePicker/DatePicker.esnext

@@ -0,0 +1,18 @@
+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 = {}));
+/**
+ * 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 };

package/build/esnext/surfaces/checkout/components/Disclosure/Disclosure.esnext

@@ -0,0 +1,16 @@
+import { createRemoteComponent } from '@remote-ui/core';
+
+/**
+ * Disclosure is an optionally controlled component used to put long sections of information
+ * under content blocks that users can expand or collapse by pressing an activator.
+ * The activator can be specified as children using an action component (`Button`, `Link` or `Pressable`)
+ * or `Checkbox` component.
+ * The content blocks can be specified as children inside a structure component (`View`, `InlineLayout`,
+ * `BlockStack`, `Grid`, etc.).
+ *
+ * The library takes care of applying the WAI-ARIA Accordion pattern automatically for the activator
+ * and the toggled content.
+ */
+const Disclosure = createRemoteComponent('Disclosure');
+
+export { Disclosure };