@shopify/ui-extensions 0.0.0-internal-20230622171951

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

@@ -0,0 +1,8 @@
+import { createRemoteComponent } from '@remote-ui/core';
+
+/**
+ * Icons are small visual indicators from a set of pre-defined glyphs.
+ */
+const Icon = createRemoteComponent('Icon');
+
+export { Icon };

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

@@ -0,0 +1,11 @@
+import { createRemoteComponent } from '@remote-ui/core';
+
+/**
+ * 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.
+ */
+const InlineStack = createRemoteComponent('InlineStack');
+
+export { InlineStack };

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

@@ -0,0 +1,8 @@
+import { createRemoteComponent } from '@remote-ui/core';
+
+/**
+ * Links take users to another place, and usually appear within or directly following a sentence.
+ */
+const Link = createRemoteComponent('Link');
+
+export { Link };

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

@@ -0,0 +1,10 @@
+import { createRemoteComponent } from '@remote-ui/core';
+
+/**
+ * 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.
+ */
+const Modal = createRemoteComponent('Modal');
+
+export { Modal };

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

@@ -0,0 +1,11 @@
+import { createRemoteComponent } from '@remote-ui/core';
+
+/**
+ * **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.
+ */
+const OptionList = createRemoteComponent('OptionList');
+
+export { OptionList };

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

@@ -0,0 +1,9 @@
+import { createRemoteComponent } from '@remote-ui/core';
+
+/**
+ * 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.
+ */
+const Pressable = createRemoteComponent('Pressable');
+
+export { Pressable };

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

@@ -0,0 +1,8 @@
+import { createRemoteComponent } from '@remote-ui/core';
+
+/**
+ * Radio allows merchants to choose a single item from a list.
+ */
+const Radio = createRemoteComponent('Radio');
+
+export { Radio };

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

@@ -0,0 +1,10 @@
+import { createRemoteComponent } from '@remote-ui/core';
+
+/**
+ * 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`.
+ */
+const ResourceItem = createRemoteComponent('ResourceItem');
+
+export { ResourceItem };

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

@@ -0,0 +1,11 @@
+import { createRemoteComponent } from '@remote-ui/core';
+
+/**
+ * `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.
+ */
+const ResourceList = createRemoteComponent('ResourceList');
+
+export { ResourceList };

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

@@ -0,0 +1,10 @@
+import { createRemoteComponent } from '@remote-ui/core';
+
+/**
+ * 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.
+ */
+const Select = createRemoteComponent('Select');
+
+export { Select };

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

@@ -0,0 +1,8 @@
+import { createRemoteComponent } from '@remote-ui/core';
+
+/**
+ * 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.
+ */
+const Spinner = createRemoteComponent('Spinner');
+
+export { Spinner };

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

@@ -0,0 +1,10 @@
+import { createRemoteComponent } from '@remote-ui/core';
+
+/**
+ * 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.
+ */
+const StackItem = createRemoteComponent('StackItem');
+
+export { StackItem };

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

@@ -0,0 +1,8 @@
+import { createRemoteComponent } from '@remote-ui/core';
+
+/**
+ * The Text component is used to render text in different sizes, colors, and alignments.
+ */
+const Text = createRemoteComponent('Text');
+
+export { Text };

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

@@ -0,0 +1,9 @@
+import { createRemoteComponent } from '@remote-ui/core';
+
+/**
+ * TextBlock is used to render a block of text that occupies the full width available.
+ * Usually used to render paragraphs of text.
+ */
+const TextBlock = createRemoteComponent('TextBlock');
+
+export { TextBlock };

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

@@ -0,0 +1,10 @@
+import { createRemoteComponent } from '@remote-ui/core';
+
+/**
+ * TextField is a versatile input field that merchants can type into.
+ *
+ * It supports several input formats including numbers.
+ */
+const TextField = createRemoteComponent('TextField');
+
+export { TextField };

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

@@ -0,0 +1,8 @@
+import { createRemoteComponent } from '@remote-ui/core';
+
+/**
+ * Thumbnails are used as a visual anchor and identifier for an object. They should be used along with text to provide context.
+ */
+const Thumbnail = createRemoteComponent('Thumbnail');
+
+export { Thumbnail };

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,26 @@
+export { extend, extension } from './admin/extension.esnext';
+export { Badge } from './admin/components/Badge/Badge.esnext';
+export { Banner } from './admin/components/Banner/Banner.esnext';
+export { BlockStack } from './admin/components/BlockStack/BlockStack.esnext';
+export { Button } from './admin/components/Button/Button.esnext';
+export { Card } from './admin/components/Card/Card.esnext';
+export { CardSection } from './admin/components/CardSection/CardSection.esnext';
+export { Checkbox } from './admin/components/Checkbox/Checkbox.esnext';
+export { CustomerSegmentationTemplate } from './admin/components/CustomerSegmentationTemplate/CustomerSegmentationTemplate.esnext';
+export { Heading } from './admin/components/Heading/Heading.esnext';
+export { Icon } from './admin/components/Icon/Icon.esnext';
+export { InlineStack } from './admin/components/InlineStack/InlineStack.esnext';
+export { Modal } from './admin/components/Modal/Modal.esnext';
+export { Link } from './admin/components/Link/Link.esnext';
+export { OptionList } from './admin/components/OptionList/OptionList.esnext';
+export { Pressable } from './admin/components/Pressable/Pressable.esnext';
+export { Radio } from './admin/components/Radio/Radio.esnext';
+export { ResourceItem } from './admin/components/ResourceItem/ResourceItem.esnext';
+export { ResourceList } from './admin/components/ResourceList/ResourceList.esnext';
+export { Select } from './admin/components/Select/Select.esnext';
+export { Spinner } from './admin/components/Spinner/Spinner.esnext';
+export { StackItem } from './admin/components/StackItem/StackItem.esnext';
+export { Text } from './admin/components/Text/Text.esnext';
+export { TextBlock } from './admin/components/TextBlock/TextBlock.esnext';
+export { TextField } from './admin/components/TextField/TextField.esnext';
+export { Thumbnail } from './admin/components/Thumbnail/Thumbnail.esnext';

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

@@ -0,0 +1,8 @@
+import { createRemoteComponent } from '@remote-ui/core';
+
+/**
+ * Use banners to communicate important messages to customers in a prominent way.
+ */
+const Banner = createRemoteComponent('Banner');
+
+export { Banner };

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

@@ -0,0 +1,10 @@
+import { createRemoteComponent } from '@remote-ui/core';
+
+/**
+ * BlockLayout is used to lay out content over multiple rows.
+ *
+ * By default, all rows fill the available block space, sharing it equally.
+ */
+const BlockLayout = createRemoteComponent('BlockLayout');
+
+export { BlockLayout };

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

@@ -0,0 +1,11 @@
+import { createRemoteComponent } from '@remote-ui/core';
+
+/**
+ * BlockSpacer is used to create empty block space, typically when variable spacing
+ * is needed between multiple elements.
+ *
+ * Note that you should favor BlockStack when spacing between all elements is the same.
+ */
+const BlockSpacer = createRemoteComponent('BlockSpacer');
+
+export { BlockSpacer };

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

@@ -0,0 +1,8 @@
+import { createRemoteComponent } from '@remote-ui/core';
+
+/**
+ * BlockStack is used to vertically stack elements.
+ */
+const BlockStack = createRemoteComponent('BlockStack');
+
+export { BlockStack };

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

@@ -0,0 +1,8 @@
+import { createRemoteComponent } from '@remote-ui/core';
+
+/**
+ * Buttons are used for actions, such as “Add”, “Continue”, “Pay now”, or “Save”.
+ */
+const Button = createRemoteComponent('Button');
+
+export { Button };

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

@@ -0,0 +1,8 @@
+import { createRemoteComponent } from '@remote-ui/core';
+
+/**
+ * Use checkboxes to give customers a single binary option, such as signing up for marketing, or agreeing to terms and conditions.
+ */
+const Checkbox = createRemoteComponent('Checkbox');
+
+export { Checkbox };

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

@@ -0,0 +1,9 @@
+import { createRemoteComponent } from '@remote-ui/core';
+
+/**
+ * Options inside a `ChoiceList`.
+ * The wrapping `ChoiceList` component will dictate if the choice renders as radio buttons or checkboxes.
+ */
+const Choice = createRemoteComponent('Choice');
+
+export { Choice };

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

@@ -0,0 +1,9 @@
+import { createRemoteComponent } from '@remote-ui/core';
+
+/**
+ * Use choice lists to present a list of choices where buyers can make
+ * a single selection or multiple selections.
+ */
+const ChoiceList = createRemoteComponent('ChoiceList');
+
+export { ChoiceList };

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

@@ -0,0 +1,8 @@
+import { createRemoteComponent } from '@remote-ui/core';
+
+/**
+ * A divider separates content and represents a thematic break between elements.
+ */
+const Divider = createRemoteComponent('Divider');
+
+export { Divider };

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

@@ -0,0 +1,16 @@
+import { createRemoteComponent } from '@remote-ui/core';
+
+/**
+ * The form component should be used to wrap one or more form controls. This
+ * component provides an "implicit submit" behavior, where customers can submit
+ * the form from any input by pressing "Enter" on their keyboards. This
+ * behavior is widely expected, and should be respected as often as possible.
+ *
+ * Unlike an HTML `form` element, this component does not support configuring
+ * the descendant fields to be submitted via HTTP automatically. Instead, you
+ * must provide an `onSubmit` callback that will perform the necessary HTTP
+ * requests in JavaScript.
+ */
+const Form = createRemoteComponent('Form');
+
+export { Form };

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

@@ -0,0 +1,8 @@
+import { createRemoteComponent } from '@remote-ui/core';
+
+/**
+ * Grid is used to lay out content in a matrix of rows and columns.
+ */
+const Grid = createRemoteComponent('Grid');
+
+export { Grid };

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

@@ -0,0 +1,10 @@
+import { createRemoteComponent } from '@remote-ui/core';
+
+/**
+ * GridItem can be used as children of Grid.
+ *
+ * It offers a way to span the element across a number of columns and rows.
+ */
+const GridItem = createRemoteComponent('GridItem');
+
+export { GridItem };

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

@@ -0,0 +1,13 @@
+import { createRemoteComponent } from '@remote-ui/core';
+
+/**
+ * Headings control the visual style of headings. Use headings to introduce major
+ * sections, like Contact information, Shipping address, or Shipping method.
+ *
+ * Unlike HTML headings, you don’t explicitly specify the position of the heading in the
+ * document outline. Nest headings within the heading group component to control
+ * the document outline structure used by assistive technologies.
+ */
+const Heading = createRemoteComponent('Heading');
+
+export { Heading };

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

@@ -0,0 +1,12 @@
+import { createRemoteComponent } from '@remote-ui/core';
+
+/**
+ * Heading group controls the heading level of headings nested within it, like H1, H2, H3.
+ *
+ * Use a heading group whenever you use a heading to ensure the experience is the same
+ * for screen reader users. When using a heading, any children related to that
+ * heading should be nested within the same heading group.
+ */
+const HeadingGroup = createRemoteComponent('HeadingGroup');
+
+export { HeadingGroup };

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

@@ -0,0 +1,9 @@
+import { createRemoteComponent } from '@remote-ui/core';
+
+/**
+ * Icons are pictograms or graphic symbols.
+ * They can act as wayfinding tools or as a means of communicating functionality.
+ */
+const Icon = createRemoteComponent('Icon');
+
+export { Icon };

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

@@ -0,0 +1,8 @@
+import { createRemoteComponent } from '@remote-ui/core';
+
+/**
+ * Image is used for large format, responsive images.
+ */
+const Image = createRemoteComponent('Image');
+
+export { Image };

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

@@ -0,0 +1,12 @@
+import { createRemoteComponent } from '@remote-ui/core';
+
+/**
+ * InlineLayout is used to lay out content over multiple columns.
+ *
+ * By default, all columns are of equal size and fill the available inline space.
+ * Content does not wrap on new rows when not enough columns have been explicitly set,
+ * instead they are added as new column and fill the remaining inline space.
+ */
+const InlineLayout = createRemoteComponent('InlineLayout');
+
+export { InlineLayout };

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

@@ -0,0 +1,11 @@
+import { createRemoteComponent } from '@remote-ui/core';
+
+/**
+ * InlineSpacer is used to create empty inline space, typically when variable spacing
+ * is needed between multiple elements.
+ *
+ * Note that you should favor InlineStack when spacing between all elements is the same.
+ */
+const InlineSpacer = createRemoteComponent('InlineSpacer');
+
+export { InlineSpacer };

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

@@ -0,0 +1,8 @@
+import { createRemoteComponent } from '@remote-ui/core';
+
+/**
+ * InlineStack is used to lay out a horizontal row of elements. Elements always wrap.
+ */
+const InlineStack = createRemoteComponent('InlineStack');
+
+export { InlineStack };

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

@@ -0,0 +1,8 @@
+import { createRemoteComponent } from '@remote-ui/core';
+
+/**
+ * Link makes text interactive so customers can perform an action, such as navigating to another location.
+ */
+const Link = createRemoteComponent('Link');
+
+export { Link };

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

@@ -0,0 +1,8 @@
+import { createRemoteComponent } from '@remote-ui/core';
+
+/**
+ * Lists display a set of related content. Each list item usually begins with a bullet or a number.
+ */
+const List = createRemoteComponent('List');
+
+export { List };

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

@@ -0,0 +1,10 @@
+import { createRemoteComponent } from '@remote-ui/core';
+
+/**
+ * List items are used as children of the `List` component.
+ *
+ * They usually begins with a bullet or a number.
+ */
+const ListItem = createRemoteComponent('ListItem');
+
+export { ListItem };

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

@@ -0,0 +1,13 @@
+import { createRemoteComponent } from '@remote-ui/core';
+
+/**
+ * A PhoneField is an input field that merchants can type into optimized
+ * for phone numbers with a country code base auto-formatting.
+ * The country code is required for the initial render of the field but
+ * it can be overriden later by the user either by selecting a country
+ * in the country selection dropdown or by manually editing the country phone code
+ * directly in the text field.
+ */
+const PhoneField = createRemoteComponent('PhoneField');
+
+export { PhoneField };

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

@@ -0,0 +1,10 @@
+import { createRemoteComponent } from '@remote-ui/core';
+
+/**
+ * Pressable is a generic interactive component. It shares the same styling properties as View but also adds
+ * pressable behavior, meaning that you can execute some logic in response to user interaction.
+ * Use this component for creating interactive elements without the default styling that comes with `Button` and `Link`.
+ */
+const Pressable = createRemoteComponent('Pressable');
+
+export { Pressable };

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

@@ -0,0 +1,9 @@
+import { createRemoteComponent } from '@remote-ui/core';
+
+/**
+ * ScrollView is a container for long form content, such as order summary line items,
+ * that allows for scrolling so customers can expose more content as they view.
+ */
+const ScrollView = createRemoteComponent('ScrollView');
+
+export { ScrollView };

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

@@ -0,0 +1,9 @@
+import { createRemoteComponent } from '@remote-ui/core';
+
+/**
+ * Selects let buyers choose one option from an options menu. Consider select
+ * when you have 4 or more options, to avoid cluttering the interface.
+ */
+const Select = createRemoteComponent('Select');
+
+export { Select };

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

@@ -0,0 +1,8 @@
+import { createRemoteComponent } from '@remote-ui/core';
+
+/**
+ * SkeletonImage is used to provide a low fidelity representation of an image before it appears on the page.
+ */
+const SkeletonImage = createRemoteComponent('SkeletonImage');
+
+export { SkeletonImage };

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

@@ -0,0 +1,8 @@
+import { createRemoteComponent } from '@remote-ui/core';
+
+/**
+ * SkeletonText is used to provide a low fidelity representation of text content before it appears on the page.
+ */
+const SkeletonText = createRemoteComponent('SkeletonText');
+
+export { SkeletonText };

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

@@ -0,0 +1,8 @@
+import { createRemoteComponent } from '@remote-ui/core';
+
+/**
+ * SkeletonTextBlock is used to provide a low fidelity representation of a block of text before it appears on the page.
+ */
+const SkeletonTextBlock = createRemoteComponent('SkeletonTextBlock');
+
+export { SkeletonTextBlock };

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

@@ -0,0 +1,9 @@
+import { createRemoteComponent } from '@remote-ui/core';
+
+/**
+ * Spinner is used to notify buyers that their action is being processed.
+ * The Spinner is usually used when sending or receiving data from a server.
+ */
+const Spinner = createRemoteComponent('Spinner');
+
+export { Spinner };

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

@@ -0,0 +1,8 @@
+import { createRemoteComponent } from '@remote-ui/core';
+
+/**
+ * Use a stepper to increase or decrease a value, like changing the quantity from 1 to 2.
+ */
+const Stepper = createRemoteComponent('Stepper');
+
+export { Stepper };

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

@@ -0,0 +1,8 @@
+import { createRemoteComponent } from '@remote-ui/core';
+
+/**
+ * A Tag is used to help label, organize or categorize objects. It is commonly used in Checkout to display the discounts applied to a cart.
+ */
+const Tag = createRemoteComponent('Tag');
+
+export { Tag };

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

@@ -0,0 +1,9 @@
+import { createRemoteComponent } from '@remote-ui/core';
+
+/**
+ * Text is used to visually style and provide semantic value for a small piece of text
+ * content.
+ */
+const Text = createRemoteComponent('Text');
+
+export { Text };

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

@@ -0,0 +1,8 @@
+import { createRemoteComponent } from '@remote-ui/core';
+
+/**
+ * Text block is used to render a block of text that occupies the full width available, like a paragraph.
+ */
+const TextBlock = createRemoteComponent('TextBlock');
+
+export { TextBlock };

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

@@ -0,0 +1,8 @@
+import { createRemoteComponent } from '@remote-ui/core';
+
+/**
+ * Use a text field to get text input from a customer.
+ */
+const TextField = createRemoteComponent('TextField');
+
+export { TextField };

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

@@ -0,0 +1,13 @@
+import { createRemoteComponent } from '@remote-ui/core';
+
+/**
+ * Tooltips are floating labels that briefly explain the function of a user interface element.
+ * They must be specified inside the `overlay` prop of an activator component.
+ * Currently, activator components are `Button`, `Link`, and `Pressable`.
+ *
+ * The library takes care of applying the WAI-ARIA Tooltip Widget pattern automatically for the activator
+ * and the tooltip content. Expect screen readers to read the tooltip content when the user focuses the activator.
+ */
+const Tooltip = createRemoteComponent('Tooltip');
+
+export { Tooltip };

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

@@ -0,0 +1,13 @@
+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');
+
+export { View };