@shopify/ui-extensions 2022.10.6 → 2023.4.0

package/README.md

@@ -4,7 +4,7 @@ This package contains the public type definitions and utilities needed to create
 
 > **Is your extension currently using `@shopify/checkout-ui-extensions`?** You can learn what you need to do to upgrade to this API versioned package in the [migration guide](../../documentation/upgrade/checkout-ui-extension-api-versioning.md).
 
-Currently, this package only contains the extension APIs for the [`checkout` surface](./src/surfaces/checkout), but other Shopify surfaces will be added here soon.
+Currently, this package only contains the extension APIs for the [`checkout`](./src/surfaces/checkout) and [`admin`](./src/surfaces/admin) surfaces, but other Shopify surfaces will be added here soon.
 
 All extensions, regardless of where they appear in Shopify, make use the same [underlying technology](../../documentation/how-extensions-work.md), and most of the same “core” components (e.g., `BlockStack`, `Button`, `TextField`, etc) and capabilities (e.g., direct API access, session tokens). Separating APIs by surface makes it easier for a developer to see what is available to them in each context, and gives us a flexible system for introducing components and APIs available in only some areas of Shopify.
 

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var core = require('@remote-ui/core');
+
+/**
+ * Customer segmentation templates are used to give merchants a starting point to create segments.
+ */
+const CustomerSegmentationTemplate = core.createRemoteComponent('CustomerSegmentationTemplate');
+
+exports.CustomerSegmentationTemplate = CustomerSegmentationTemplate;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/build/cjs/surfaces/admin/extension.js

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var registration = require('../../utilities/registration.js');
+
+const extension = registration.createExtensionRegistrationFunction();
+const extend = extension;
+
+exports.extend = extend;
+exports.extension = extension;

package/build/cjs/surfaces/admin.js

@@ -0,0 +1,56 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var extension = require('./admin/extension.js');
+var AdminAction = require('./admin/components/AdminAction/AdminAction.js');
+var AdminBlock = require('./admin/components/AdminBlock/AdminBlock.js');
+var BlockStack = require('./admin/components/BlockStack/BlockStack.js');
+var Box = require('./admin/components/Box/Box.js');
+var Button = require('./admin/components/Button/Button.js');
+var Checkbox = require('./admin/components/Checkbox/Checkbox.js');
+var CustomerSegmentationTemplate = require('./admin/components/CustomerSegmentationTemplate/CustomerSegmentationTemplate.js');
+var Divider = require('./admin/components/Divider/Divider.js');
+var EmailField = require('./admin/components/EmailField/EmailField.js');
+var Form = require('./admin/components/Form/Form.js');
+var Heading = require('./admin/components/Heading/Heading.js');
+var HeadingGroup = require('./admin/components/HeadingGroup/HeadingGroup.js');
+var Icon = require('./admin/components/Icon/Icon.js');
+var InlineStack = require('./admin/components/InlineStack/InlineStack.js');
+var Image = require('./admin/components/Image/Image.js');
+var Link = require('./admin/components/Link/Link.js');
+var NumberField = require('./admin/components/NumberField/NumberField.js');
+var PasswordField = require('./admin/components/PasswordField/PasswordField.js');
+var Select = require('./admin/components/Select/Select.js');
+var Text = require('./admin/components/Text/Text.js');
+var TextArea = require('./admin/components/TextArea/TextArea.js');
+var TextField = require('./admin/components/TextField/TextField.js');
+var URLField = require('./admin/components/URLField/URLField.js');
+
+
+
+exports.extend = extension.extend;
+exports.extension = extension.extension;
+exports.AdminAction = AdminAction.AdminAction;
+exports.AdminBlock = AdminBlock.AdminBlock;
+exports.BlockStack = BlockStack.BlockStack;
+exports.Box = Box.Box;
+exports.Button = Button.Button;
+exports.Checkbox = Checkbox.Checkbox;
+exports.CustomerSegmentationTemplate = CustomerSegmentationTemplate.CustomerSegmentationTemplate;
+exports.Divider = Divider.Divider;
+exports.EmailField = EmailField.EmailField;
+exports.Form = Form.Form;
+exports.Heading = Heading.Heading;
+exports.HeadingGroup = HeadingGroup.HeadingGroup;
+exports.Icon = Icon.Icon;
+exports.InlineStack = InlineStack.InlineStack;
+exports.Image = Image.Image;
+exports.Link = Link.Link;
+exports.NumberField = NumberField.NumberField;
+exports.PasswordField = PasswordField.PasswordField;
+exports.Select = Select.Select;
+exports.Text = Text.Text;
+exports.TextArea = TextArea.TextArea;
+exports.TextField = TextField.TextField;
+exports.URLField = URLField.URLField;

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

@@ -0,0 +1,13 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var core = require('@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 = core.createRemoteComponent('DateField');
+
+exports.DateField = DateField;

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

@@ -0,0 +1,22 @@
+'use strict';
+
+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 = {}));
+/**
+ * The DatePicker component is a calendar picker UI that allows users to select a single date or a date range.
+ */
+const DatePicker = core.createRemoteComponent('DatePicker');
+
+exports.DatePicker = DatePicker;

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

@@ -0,0 +1,20 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var core = require('@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 = core.createRemoteComponent('Disclosure');
+
+exports.Disclosure = Disclosure;

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

@@ -0,0 +1,17 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var core = require('@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 = core.createRemoteComponent('Modal');
+
+exports.Modal = Modal;

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

@@ -0,0 +1,17 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var core = require('@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 = core.createRemoteComponent('Popover');
+
+exports.Popover = Popover;

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

@@ -8,9 +8,6 @@ var core = require('@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 = core.createRemoteComponent('View');
 

package/build/cjs/surfaces/checkout/extension.js

@@ -2,10 +2,43 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var registration = require('../../utilities/registration.js');
+/**
+ * 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();
 
-const extension = registration.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;
+}
 
+exports.createExtensionRegistrationFunction = createExtensionRegistrationFunction;
 exports.extend = extend;
 exports.extension = extension;

package/build/cjs/surfaces/checkout/style/memoize.js

@@ -57,6 +57,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/cjs/surfaces/checkout/style/style.js

@@ -26,7 +26,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/cjs/surfaces/checkout.js

@@ -11,6 +11,9 @@ var Button = require('./checkout/components/Button/Button.js');
 var Checkbox = require('./checkout/components/Checkbox/Checkbox.js');
 var Choice = require('./checkout/components/Choice/Choice.js');
 var ChoiceList = require('./checkout/components/ChoiceList/ChoiceList.js');
+var DatePicker = require('./checkout/components/DatePicker/DatePicker.js');
+var DateField = require('./checkout/components/DateField/DateField.js');
+var Disclosure = require('./checkout/components/Disclosure/Disclosure.js');
 var Divider = require('./checkout/components/Divider/Divider.js');
 var Form = require('./checkout/components/Form/Form.js');
 var Grid = require('./checkout/components/Grid/Grid.js');
@@ -25,8 +28,10 @@ var InlineSpacer = require('./checkout/components/InlineSpacer/InlineSpacer.js')
 var Link = require('./checkout/components/Link/Link.js');
 var List = require('./checkout/components/List/List.js');
 var ListItem = require('./checkout/components/ListItem/ListItem.js');
+var Modal = require('./checkout/components/Modal/Modal.js');
 var PhoneField = require('./checkout/components/PhoneField/PhoneField.js');
 var Pressable = require('./checkout/components/Pressable/Pressable.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 SkeletonImage = require('./checkout/components/SkeletonImage/SkeletonImage.js');
@@ -44,6 +49,7 @@ var style = require('./checkout/style/style.js');
 
 
 
+exports.createExtensionRegistrationFunction = extension.createExtensionRegistrationFunction;
 exports.extend = extension.extend;
 exports.extension = extension.extension;
 exports.Banner = Banner.Banner;
@@ -54,6 +60,9 @@ exports.Button = Button.Button;
 exports.Checkbox = Checkbox.Checkbox;
 exports.Choice = Choice.Choice;
 exports.ChoiceList = ChoiceList.ChoiceList;
+exports.DatePicker = DatePicker.DatePicker;
+exports.DateField = DateField.DateField;
+exports.Disclosure = Disclosure.Disclosure;
 exports.Divider = Divider.Divider;
 exports.Form = Form.Form;
 exports.Grid = Grid.Grid;
@@ -68,8 +77,10 @@ exports.InlineSpacer = InlineSpacer.InlineSpacer;
 exports.Link = Link.Link;
 exports.List = List.List;
 exports.ListItem = ListItem.ListItem;
+exports.Modal = Modal.Modal;
 exports.PhoneField = PhoneField.PhoneField;
 exports.Pressable = Pressable.Pressable;
+exports.Popover = Popover.Popover;
 exports.ScrollView = ScrollView.ScrollView;
 exports.Select = Select.Select;
 exports.SkeletonImage = SkeletonImage.SkeletonImage;

package/build/cjs/utilities/registration.js

@@ -2,6 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var core = require('@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.
@@ -12,8 +14,30 @@ Object.defineProperty(exports, '__esModule', { value: true });
 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 = core.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/esm/surfaces/admin/components/AdminAction/AdminAction.mjs

@@ -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/esm/surfaces/admin/components/AdminBlock/AdminBlock.mjs

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

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

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

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

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

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

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

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

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