@shopify/ui-extensions 2024.1.0 → 2024.4.0

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

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

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

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

package/build/cjs/surfaces/admin.js

@@ -13,13 +13,14 @@ var Button = require('./admin/components/Button/Button.js');
 var Card = require('./admin/components/Card/Card.js');
 var Checkbox = require('./admin/components/Checkbox/Checkbox.js');
 var ChoiceList = require('./admin/components/ChoiceList/ChoiceList.js');
-var CustomerSegmentTemplate = require('./admin/components/CustomerSegmentTemplate/CustomerSegmentTemplate.js');
 var ColorPicker = require('./admin/components/ColorPicker/ColorPicker.js');
+var CustomerSegmentTemplate = require('./admin/components/CustomerSegmentTemplate/CustomerSegmentTemplate.js');
 var DateField = require('./admin/components/DateField/DateField.js');
 var DatePicker = require('./admin/components/DatePicker/DatePicker.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 FunctionSettings = require('./admin/components/FunctionSettings/FunctionSettings.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');
@@ -35,6 +36,7 @@ var Pressable = require('./admin/components/Pressable/Pressable.js');
 var ProgressIndicator = require('./admin/components/ProgressIndicator/ProgressIndicator.js');
 var ResourceItem = require('./admin/components/ResourceItem/ResourceItem.js');
 var ResourceList = require('./admin/components/ResourceList/ResourceList.js');
+var Section = require('./admin/components/Section/Section.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');
@@ -57,13 +59,14 @@ exports.Button = Button.Button;
 exports.Card = Card.Card;
 exports.Checkbox = Checkbox.Checkbox;
 exports.ChoiceList = ChoiceList.ChoiceList;
-exports.CustomerSegmentTemplate = CustomerSegmentTemplate.CustomerSegmentTemplate;
 exports.ColorPicker = ColorPicker.ColorPicker;
+exports.CustomerSegmentTemplate = CustomerSegmentTemplate.CustomerSegmentTemplate;
 exports.DateField = DateField.DateField;
 exports.DatePicker = DatePicker.DatePicker;
 exports.Divider = Divider.Divider;
 exports.EmailField = EmailField.EmailField;
 exports.Form = Form.Form;
+exports.FunctionSettings = FunctionSettings.FunctionSettings;
 exports.Heading = Heading.Heading;
 exports.HeadingGroup = HeadingGroup.HeadingGroup;
 exports.Icon = Icon.Icon;
@@ -79,6 +82,7 @@ exports.Pressable = Pressable.Pressable;
 exports.ProgressIndicator = ProgressIndicator.ProgressIndicator;
 exports.ResourceItem = ResourceItem.ResourceItem;
 exports.ResourceList = ResourceList.ResourceList;
+exports.Section = Section.Section;
 exports.Select = Select.Select;
 exports.Text = Text.Text;
 exports.TextArea = TextArea.TextArea;

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

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var core = require('@remote-ui/core');
+
+/**
+ * Use badges to highlight contextual information, like a label or a status, about an object. An object can be anything that has a status or label attributed to it.
+ */
+const Badge = core.createRemoteComponent('Badge');
+
+exports.Badge = Badge;

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

@@ -12,8 +12,7 @@ var core = require('@remote-ui/core');
  * 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.
+ * The library automatically applies the [WAI-ARIA Accordion pattern](https://www.w3.org/WAI/ARIA/apg/patterns/accordion/) to both the activator and the toggled content.
  */
 const Disclosure = core.createRemoteComponent('Disclosure');
 

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

@@ -9,8 +9,7 @@ var core = require('@remote-ui/core');
  * 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.
+ * The library automatically applies the [WAI-ARIA Dialog pattern](https://www.w3.org/WAI/ARIA/apg/patterns/dialog-modal/) to both the activator and the modal content.
  */
 const Modal = core.createRemoteComponent('Modal');
 

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

@@ -9,8 +9,7 @@ var core = require('@remote-ui/core');
  * 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.
+ * The library automatically applies the WAI-ARIA Popover Widget pattern to both the activator and the popover content.
  */
 const Popover = core.createRemoteComponent('Popover');
 

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

@@ -9,8 +9,8 @@ var core = require('@remote-ui/core');
  * 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.
+ * The library automatically applies the [WAI-ARIA Tooltip Widget pattern](https://www.w3.org/WAI/ARIA/apg/patterns/tooltip/) to both the activator and the tooltip content.
+ * Expect screen readers to read the tooltip content when the user focuses the activator.
  */
 const Tooltip = core.createRemoteComponent('Tooltip');
 

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

@@ -26,6 +26,10 @@ const when = function when(conditions, value) {
   };
   return createChainableConditionalStyle(config);
 };
+
+// This interface is only used to provide documentation for the Style helper.
+// It is not used in the implementation.
+
 /**
  * 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

@@ -3,6 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var extension = require('./checkout/extension.js');
+var style = require('./checkout/style/style.js');
+var Badge = require('./checkout/components/Badge/Badge.js');
 var Banner = require('./checkout/components/Banner/Banner.js');
 var BlockLayout = require('./checkout/components/BlockLayout/BlockLayout.js');
 var BlockSpacer = require('./checkout/components/BlockSpacer/BlockSpacer.js');
@@ -55,12 +57,15 @@ var Tooltip = require('./checkout/components/Tooltip/Tooltip.js');
 var ToggleButton = require('./checkout/components/ToggleButton/ToggleButton.js');
 var ToggleButtonGroup = require('./checkout/components/ToggleButtonGroup/ToggleButtonGroup.js');
 var View = require('./checkout/components/View/View.js');
-var style = require('./checkout/style/style.js');
 
 
 
 exports.extend = extension.extend;
 exports.extension = extension.extension;
+exports.Style = style.Style;
+exports.isConditionalStyle = style.isConditionalStyle;
+exports.isConditionalStyleWithDefault = style.isConditionalStyleWithDefault;
+exports.Badge = Badge.Badge;
 exports.Banner = Banner.Banner;
 exports.BlockLayout = BlockLayout.BlockLayout;
 exports.BlockSpacer = BlockSpacer.BlockSpacer;
@@ -113,6 +118,3 @@ exports.Tooltip = Tooltip.Tooltip;
 exports.ToggleButton = ToggleButton.ToggleButton;
 exports.ToggleButtonGroup = ToggleButtonGroup.ToggleButtonGroup;
 exports.View = View.View;
-exports.Style = style.Style;
-exports.isConditionalStyle = style.isConditionalStyle;
-exports.isConditionalStyleWithDefault = style.isConditionalStyleWithDefault;

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

@@ -3,7 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var extension = require('./customer-account/extension.js');
+var style = require('./checkout/style/style.js');
 var Card = require('./customer-account/components/Card/Card.js');
+var Badge = require('./checkout/components/Badge/Badge.js');
 var Banner = require('./checkout/components/Banner/Banner.js');
 var BlockLayout = require('./checkout/components/BlockLayout/BlockLayout.js');
 var BlockSpacer = require('./checkout/components/BlockSpacer/BlockSpacer.js');
@@ -51,13 +53,18 @@ var TextBlock = require('./checkout/components/TextBlock/TextBlock.js');
 var TextField = require('./checkout/components/TextField/TextField.js');
 var Tooltip = require('./checkout/components/Tooltip/Tooltip.js');
 var View = require('./checkout/components/View/View.js');
-var style = require('./checkout/style/style.js');
+var ToggleButton = require('./checkout/components/ToggleButton/ToggleButton.js');
+var ToggleButtonGroup = require('./checkout/components/ToggleButtonGroup/ToggleButtonGroup.js');
 
 
 
 exports.extend = extension.extend;
 exports.extension = extension.extension;
+exports.Style = style.Style;
+exports.isConditionalStyle = style.isConditionalStyle;
+exports.isConditionalStyleWithDefault = style.isConditionalStyleWithDefault;
 exports.Card = Card.Card;
+exports.Badge = Badge.Badge;
 exports.Banner = Banner.Banner;
 exports.BlockLayout = BlockLayout.BlockLayout;
 exports.BlockSpacer = BlockSpacer.BlockSpacer;
@@ -105,6 +112,5 @@ exports.TextBlock = TextBlock.TextBlock;
 exports.TextField = TextField.TextField;
 exports.Tooltip = Tooltip.Tooltip;
 exports.View = View.View;
-exports.Style = style.Style;
-exports.isConditionalStyle = style.isConditionalStyle;
-exports.isConditionalStyleWithDefault = style.isConditionalStyleWithDefault;
+exports.ToggleButton = ToggleButton.ToggleButton;
+exports.ToggleButtonGroup = ToggleButtonGroup.ToggleButtonGroup;

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

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

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

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

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

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var extension = require('./point-of-sale/extension.js');
+var ActionItem = require('./point-of-sale/components/Actiontem/ActionItem.js');
 var Badge = require('./point-of-sale/components/Badge/Badge.js');
 var Banner = require('./point-of-sale/components/Banner/Banner.js');
 var Button = require('./point-of-sale/components/Button/Button.js');
@@ -33,11 +34,13 @@ var TextField = require('./point-of-sale/components/TextField/TextField.js');
 var Tile = require('./point-of-sale/components/Tile/Tile.js');
 var TimeField = require('./point-of-sale/components/TimeField/TimeField.js');
 var TimePicker = require('./point-of-sale/components/TimePicker/TimePicker.js');
+var SectionHeader = require('./point-of-sale/components/SectionHeader/SectionHeader.js');
 
 
 
 exports.extend = extension.extend;
 exports.extension = extension.extension;
+exports.ActionItem = ActionItem.ActionItem;
 exports.Badge = Badge.Badge;
 exports.Banner = Banner.Banner;
 exports.Button = Button.Button;
@@ -68,3 +71,4 @@ exports.TextField = TextField.TextField;
 exports.Tile = Tile.Tile;
 exports.TimeField = TimeField.TimeField;
 exports.TimePicker = TimePicker.TimePicker;
+exports.SectionHeader = SectionHeader.SectionHeader;

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

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

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

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

package/build/esm/surfaces/admin.mjs

@@ -9,13 +9,14 @@ export { Button } from './admin/components/Button/Button.mjs';
 export { Card } from './admin/components/Card/Card.mjs';
 export { Checkbox } from './admin/components/Checkbox/Checkbox.mjs';
 export { ChoiceList } from './admin/components/ChoiceList/ChoiceList.mjs';
-export { CustomerSegmentTemplate } from './admin/components/CustomerSegmentTemplate/CustomerSegmentTemplate.mjs';
 export { ColorPicker } from './admin/components/ColorPicker/ColorPicker.mjs';
+export { CustomerSegmentTemplate } from './admin/components/CustomerSegmentTemplate/CustomerSegmentTemplate.mjs';
 export { DateField } from './admin/components/DateField/DateField.mjs';
 export { DatePicker } from './admin/components/DatePicker/DatePicker.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 { FunctionSettings } from './admin/components/FunctionSettings/FunctionSettings.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';
@@ -31,6 +32,7 @@ export { Pressable } from './admin/components/Pressable/Pressable.mjs';
 export { ProgressIndicator } from './admin/components/ProgressIndicator/ProgressIndicator.mjs';
 export { ResourceItem } from './admin/components/ResourceItem/ResourceItem.mjs';
 export { ResourceList } from './admin/components/ResourceList/ResourceList.mjs';
+export { Section } from './admin/components/Section/Section.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';

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

@@ -0,0 +1,8 @@
+import { createRemoteComponent } from '@remote-ui/core';
+
+/**
+ * Use badges to highlight contextual information, like a label or a status, about an object. An object can be anything that has a status or label attributed to it.
+ */
+const Badge = createRemoteComponent('Badge');
+
+export { Badge };

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

@@ -8,8 +8,7 @@ import { createRemoteComponent } from '@remote-ui/core';
  * 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.
+ * The library automatically applies the [WAI-ARIA Accordion pattern](https://www.w3.org/WAI/ARIA/apg/patterns/accordion/) to both the activator and the toggled content.
  */
 const Disclosure = createRemoteComponent('Disclosure');
 

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

@@ -5,8 +5,7 @@ import { createRemoteComponent } from '@remote-ui/core';
  * 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.
+ * The library automatically applies the [WAI-ARIA Dialog pattern](https://www.w3.org/WAI/ARIA/apg/patterns/dialog-modal/) to both the activator and the modal content.
  */
 const Modal = createRemoteComponent('Modal');
 

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

@@ -5,8 +5,7 @@ import { createRemoteComponent } from '@remote-ui/core';
  * 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.
+ * The library automatically applies the WAI-ARIA Popover Widget pattern to both the activator and the popover content.
  */
 const Popover = createRemoteComponent('Popover');
 

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

@@ -5,8 +5,8 @@ import { createRemoteComponent } from '@remote-ui/core';
  * 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.
+ * The library automatically applies the [WAI-ARIA Tooltip Widget pattern](https://www.w3.org/WAI/ARIA/apg/patterns/tooltip/) to both the activator and the tooltip content.
+ * Expect screen readers to read the tooltip content when the user focuses the activator.
  */
 const Tooltip = createRemoteComponent('Tooltip');
 

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

@@ -22,6 +22,10 @@ const when = function when(conditions, value) {
   };
   return createChainableConditionalStyle(config);
 };
+
+// This interface is only used to provide documentation for the Style helper.
+// It is not used in the implementation.
+
 /**
  * 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,6 @@
 export { extend, extension } from './checkout/extension.mjs';
+export { Style, isConditionalStyle, isConditionalStyleWithDefault } from './checkout/style/style.mjs';
+export { Badge } from './checkout/components/Badge/Badge.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';
@@ -51,4 +53,3 @@ export { Tooltip } from './checkout/components/Tooltip/Tooltip.mjs';
 export { ToggleButton } from './checkout/components/ToggleButton/ToggleButton.mjs';
 export { ToggleButtonGroup } from './checkout/components/ToggleButtonGroup/ToggleButtonGroup.mjs';
 export { View } from './checkout/components/View/View.mjs';
-export { Style, isConditionalStyle, isConditionalStyleWithDefault } from './checkout/style/style.mjs';

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

@@ -1,5 +1,7 @@
 export { extend, extension } from './customer-account/extension.mjs';
+export { Style, isConditionalStyle, isConditionalStyleWithDefault } from './checkout/style/style.mjs';
 export { Card } from './customer-account/components/Card/Card.mjs';
+export { Badge } from './checkout/components/Badge/Badge.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';
@@ -47,4 +49,5 @@ export { TextBlock } from './checkout/components/TextBlock/TextBlock.mjs';
 export { TextField } from './checkout/components/TextField/TextField.mjs';
 export { Tooltip } from './checkout/components/Tooltip/Tooltip.mjs';
 export { View } from './checkout/components/View/View.mjs';
-export { Style, isConditionalStyle, isConditionalStyleWithDefault } from './checkout/style/style.mjs';
+export { ToggleButton } from './checkout/components/ToggleButton/ToggleButton.mjs';
+export { ToggleButtonGroup } from './checkout/components/ToggleButtonGroup/ToggleButtonGroup.mjs';

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

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

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

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

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

@@ -1,4 +1,5 @@
 export { extend, extension } from './point-of-sale/extension.mjs';
+export { ActionItem } from './point-of-sale/components/Actiontem/ActionItem.mjs';
 export { Badge } from './point-of-sale/components/Badge/Badge.mjs';
 export { Banner } from './point-of-sale/components/Banner/Banner.mjs';
 export { Button } from './point-of-sale/components/Button/Button.mjs';
@@ -29,3 +30,4 @@ export { TextField } from './point-of-sale/components/TextField/TextField.mjs';
 export { Tile } from './point-of-sale/components/Tile/Tile.mjs';
 export { TimeField } from './point-of-sale/components/TimeField/TimeField.mjs';
 export { TimePicker } from './point-of-sale/components/TimePicker/TimePicker.mjs';
+export { SectionHeader } from './point-of-sale/components/SectionHeader/SectionHeader.mjs';

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

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

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

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

package/build/esnext/surfaces/admin.esnext

@@ -9,13 +9,14 @@ export { Button } from './admin/components/Button/Button.esnext';
 export { Card } from './admin/components/Card/Card.esnext';
 export { Checkbox } from './admin/components/Checkbox/Checkbox.esnext';
 export { ChoiceList } from './admin/components/ChoiceList/ChoiceList.esnext';
-export { CustomerSegmentTemplate } from './admin/components/CustomerSegmentTemplate/CustomerSegmentTemplate.esnext';
 export { ColorPicker } from './admin/components/ColorPicker/ColorPicker.esnext';
+export { CustomerSegmentTemplate } from './admin/components/CustomerSegmentTemplate/CustomerSegmentTemplate.esnext';
 export { DateField } from './admin/components/DateField/DateField.esnext';
 export { DatePicker } from './admin/components/DatePicker/DatePicker.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 { FunctionSettings } from './admin/components/FunctionSettings/FunctionSettings.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';
@@ -31,6 +32,7 @@ export { Pressable } from './admin/components/Pressable/Pressable.esnext';
 export { ProgressIndicator } from './admin/components/ProgressIndicator/ProgressIndicator.esnext';
 export { ResourceItem } from './admin/components/ResourceItem/ResourceItem.esnext';
 export { ResourceList } from './admin/components/ResourceList/ResourceList.esnext';
+export { Section } from './admin/components/Section/Section.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';

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

@@ -0,0 +1,8 @@
+import { createRemoteComponent } from '@remote-ui/core';
+
+/**
+ * Use badges to highlight contextual information, like a label or a status, about an object. An object can be anything that has a status or label attributed to it.
+ */
+const Badge = createRemoteComponent('Badge');
+
+export { Badge };

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

@@ -8,8 +8,7 @@ import { createRemoteComponent } from '@remote-ui/core';
  * 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.
+ * The library automatically applies the [WAI-ARIA Accordion pattern](https://www.w3.org/WAI/ARIA/apg/patterns/accordion/) to both the activator and the toggled content.
  */
 const Disclosure = createRemoteComponent('Disclosure');
 

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

@@ -5,8 +5,7 @@ import { createRemoteComponent } from '@remote-ui/core';
  * 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.
+ * The library automatically applies the [WAI-ARIA Dialog pattern](https://www.w3.org/WAI/ARIA/apg/patterns/dialog-modal/) to both the activator and the modal content.
  */
 const Modal = createRemoteComponent('Modal');
 

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

@@ -5,8 +5,7 @@ import { createRemoteComponent } from '@remote-ui/core';
  * 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.
+ * The library automatically applies the WAI-ARIA Popover Widget pattern to both the activator and the popover content.
  */
 const Popover = createRemoteComponent('Popover');
 

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

@@ -5,8 +5,8 @@ import { createRemoteComponent } from '@remote-ui/core';
  * 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.
+ * The library automatically applies the [WAI-ARIA Tooltip Widget pattern](https://www.w3.org/WAI/ARIA/apg/patterns/tooltip/) to both the activator and the tooltip content.
+ * Expect screen readers to read the tooltip content when the user focuses the activator.
  */
 const Tooltip = createRemoteComponent('Tooltip');
 

package/build/esnext/surfaces/checkout/style/style.esnext

@@ -22,6 +22,10 @@ const when = function when(conditions, value) {
   };
   return createChainableConditionalStyle(config);
 };
+
+// This interface is only used to provide documentation for the Style helper.
+// It is not used in the implementation.
+
 /**
  * Style is a helper for authoring conditional values for prop styles.
  * Write complex conditional styles based on one or more conditions (viewport

package/build/esnext/surfaces/checkout.esnext

@@ -1,4 +1,6 @@
 export { extend, extension } from './checkout/extension.esnext';
+export { Style, isConditionalStyle, isConditionalStyleWithDefault } from './checkout/style/style.esnext';
+export { Badge } from './checkout/components/Badge/Badge.esnext';
 export { Banner } from './checkout/components/Banner/Banner.esnext';
 export { BlockLayout } from './checkout/components/BlockLayout/BlockLayout.esnext';
 export { BlockSpacer } from './checkout/components/BlockSpacer/BlockSpacer.esnext';
@@ -51,4 +53,3 @@ export { Tooltip } from './checkout/components/Tooltip/Tooltip.esnext';
 export { ToggleButton } from './checkout/components/ToggleButton/ToggleButton.esnext';
 export { ToggleButtonGroup } from './checkout/components/ToggleButtonGroup/ToggleButtonGroup.esnext';
 export { View } from './checkout/components/View/View.esnext';
-export { Style, isConditionalStyle, isConditionalStyleWithDefault } from './checkout/style/style.esnext';

package/build/esnext/surfaces/customer-account.esnext

@@ -1,5 +1,7 @@
 export { extend, extension } from './customer-account/extension.esnext';
+export { Style, isConditionalStyle, isConditionalStyleWithDefault } from './checkout/style/style.esnext';
 export { Card } from './customer-account/components/Card/Card.esnext';
+export { Badge } from './checkout/components/Badge/Badge.esnext';
 export { Banner } from './checkout/components/Banner/Banner.esnext';
 export { BlockLayout } from './checkout/components/BlockLayout/BlockLayout.esnext';
 export { BlockSpacer } from './checkout/components/BlockSpacer/BlockSpacer.esnext';
@@ -47,4 +49,5 @@ export { TextBlock } from './checkout/components/TextBlock/TextBlock.esnext';
 export { TextField } from './checkout/components/TextField/TextField.esnext';
 export { Tooltip } from './checkout/components/Tooltip/Tooltip.esnext';
 export { View } from './checkout/components/View/View.esnext';
-export { Style, isConditionalStyle, isConditionalStyleWithDefault } from './checkout/style/style.esnext';
+export { ToggleButton } from './checkout/components/ToggleButton/ToggleButton.esnext';
+export { ToggleButtonGroup } from './checkout/components/ToggleButtonGroup/ToggleButtonGroup.esnext';

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

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

package/build/esnext/surfaces/point-of-sale/components/SectionHeader/SectionHeader.esnext

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

package/build/esnext/surfaces/point-of-sale.esnext

@@ -1,4 +1,5 @@
 export { extend, extension } from './point-of-sale/extension.esnext';
+export { ActionItem } from './point-of-sale/components/Actiontem/ActionItem.esnext';
 export { Badge } from './point-of-sale/components/Badge/Badge.esnext';
 export { Banner } from './point-of-sale/components/Banner/Banner.esnext';
 export { Button } from './point-of-sale/components/Button/Button.esnext';
@@ -29,3 +30,4 @@ export { TextField } from './point-of-sale/components/TextField/TextField.esnext
 export { Tile } from './point-of-sale/components/Tile/Tile.esnext';
 export { TimeField } from './point-of-sale/components/TimeField/TimeField.esnext';
 export { TimePicker } from './point-of-sale/components/TimePicker/TimePicker.esnext';
+export { SectionHeader } from './point-of-sale/components/SectionHeader/SectionHeader.esnext';

package/build/ts/api.d.ts

@@ -7,9 +7,7 @@ export interface I18nTranslate {
      *
      * @example translate("banner.title")
      */
-    <ReplacementType = string>(key: string, options?: {
-        [placeholderKey: string]: ReplacementType | string | number;
-    }): ReplacementType extends string | number ? string : (string | ReplacementType)[];
+    <ReplacementType = string>(key: string, options?: Record<string, ReplacementType | string | number>): ReplacementType extends string | number ? string : (string | ReplacementType)[];
 }
 export interface I18n {
     /**

package/build/ts/api.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"api.d.ts","sourceRoot":"","sources":["../../src/api.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,WAAW,aAAa;IAC5B;;;;OAIG;IACH,CAAC,eAAe,GAAG,MAAM,EACvB,GAAG,EAAE,MAAM,EACX,OAAO,CAAC,EAAE;QAAC,CAAC,cAAc,EAAE,MAAM,GAAG,eAAe,GAAG,MAAM,GAAG,MAAM,CAAA;KAAC,GACtE,eAAe,SAAS,MAAM,GAAG,MAAM,GACtC,MAAM,GACN,CAAC,MAAM,GAAG,eAAe,CAAC,EAAE,CAAC;CAClC;AAED,MAAM,WAAW,IAAI;IACnB;;;;;;;OAOG;IACH,YAAY,EAAE,CACZ,MAAM,EAAE,MAAM,GAAG,MAAM,EACvB,OAAO,CAAC,EAAE;QAAC,iBAAiB,CAAC,EAAE,OAAO,CAAA;KAAC,GAAG,IAAI,CAAC,mBAAmB,KAC/D,MAAM,CAAC;IAEZ;;;;;;;OAOG;IACH,cAAc,EAAE,CACd,MAAM,EAAE,MAAM,GAAG,MAAM,EACvB,OAAO,CAAC,EAAE;QAAC,iBAAiB,CAAC,EAAE,OAAO,CAAA;KAAC,GAAG,IAAI,CAAC,mBAAmB,KAC/D,MAAM,CAAC;IAEZ;;;;;;;;;;;OAWG;IACH,UAAU,EAAE,CACV,IAAI,EAAE,IAAI,EACV,OAAO,CAAC,EAAE;QAAC,iBAAiB,CAAC,EAAE,OAAO,CAAA;KAAC,GAAG,IAAI,CAAC,qBAAqB,KACjE,MAAM,CAAC;IAEZ;;;;;;;;OAQG;IACH,SAAS,EAAE,aAAa,CAAC;CAC1B"}
+{"version":3,"file":"api.d.ts","sourceRoot":"","sources":["../../src/api.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,WAAW,aAAa;IAC5B;;;;OAIG;IACH,CAAC,eAAe,GAAG,MAAM,EACvB,GAAG,EAAE,MAAM,EACX,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,eAAe,GAAG,MAAM,GAAG,MAAM,CAAC,GAC1D,eAAe,SAAS,MAAM,GAAG,MAAM,GACtC,MAAM,GACN,CAAC,MAAM,GAAG,eAAe,CAAC,EAAE,CAAC;CAClC;AAED,MAAM,WAAW,IAAI;IACnB;;;;;;;OAOG;IACH,YAAY,EAAE,CACZ,MAAM,EAAE,MAAM,GAAG,MAAM,EACvB,OAAO,CAAC,EAAE;QAAC,iBAAiB,CAAC,EAAE,OAAO,CAAA;KAAC,GAAG,IAAI,CAAC,mBAAmB,KAC/D,MAAM,CAAC;IAEZ;;;;;;;OAOG;IACH,cAAc,EAAE,CACd,MAAM,EAAE,MAAM,GAAG,MAAM,EACvB,OAAO,CAAC,EAAE;QAAC,iBAAiB,CAAC,EAAE,OAAO,CAAA;KAAC,GAAG,IAAI,CAAC,mBAAmB,KAC/D,MAAM,CAAC;IAEZ;;;;;;;;;;;OAWG;IACH,UAAU,EAAE,CACV,IAAI,EAAE,IAAI,EACV,OAAO,CAAC,EAAE;QAAC,iBAAiB,CAAC,EAAE,OAAO,CAAA;KAAC,GAAG,IAAI,CAAC,qBAAqB,KACjE,MAAM,CAAC;IAEZ;;;;;;;;OAQG;IACH,SAAS,EAAE,aAAa,CAAC;CAC1B"}