@coveo/atomic 3.32.3-pre.eda2e039e0 → 3.32.3-pre.f43b4989be

package/dist/atomic/components/atomic-quickview-modal2.js

@@ -584,7 +584,7 @@ const AtomicQuickviewModal = /*@__PURE__*/ proxyCustomElement(class AtomicQuickv
         });
     }
     render() {
-        return (h("atomic-modal", { key: '423429e1de214e573327acc631b8730d163a7826', fullscreen: this.bindings.store.isMobile(), class: 'atomic-quickview-modal', isOpen: this.isOpen, close: () => this.onClose(), exportparts: ATOMIC_MODAL_EXPORT_PARTS }, this.renderHeader(), this.renderBody(), this.renderFooter()));
+        return (h("atomic-modal", { key: '21dbc83d06fcb1b393d13f7b2d116f68732c77d7', fullscreen: this.bindings.store.isMobile(), class: 'atomic-quickview-modal', isOpen: this.isOpen, close: () => this.onClose(), exportparts: ATOMIC_MODAL_EXPORT_PARTS }, this.renderHeader(), this.renderBody(), this.renderFooter()));
     }
     static get watchers() { return {
         "highlightKeywords": ["watchHighlightKeywords"]

package/dist/atomic/components/atomic-quickview.js

@@ -108,7 +108,7 @@ const AtomicQuickview$1 = /*@__PURE__*/ proxyCustomElement(class AtomicQuickview
     }
     render() {
         if (this.quickviewState.resultHasPreview) {
-            return (h(Button, { key: '946021ab0ad9b1b540008be778d59d36fdc69a92', part: "button", title: this.bindings.i18n.t('quickview'), style: "outline-primary", class: "p-2", onClick: (event) => this.onClick(event), ref: this.focusTarget.setTarget }, h("atomic-icon", { key: '88e2e69de88f5cfe1081b257378f3548ba7dfeee', part: "icon", class: "flex w-5 justify-center", icon: QuickviewIcon })));
+            return (h(Button, { key: 'b96d9a3049190935a2c4f041bae9faa89e62ce20', part: "button", title: this.bindings.i18n.t('quickview'), style: "outline-primary", class: "p-2", onClick: (event) => this.onClick(event), ref: this.focusTarget.setTarget }, h("atomic-icon", { key: 'a5be2ca28ccb7762d98ab9b71fec6a121eefcf38', part: "icon", class: "flex w-5 justify-center", icon: QuickviewIcon })));
         }
     }
     static get style() { return AtomicQuickviewStyle0; }

package/dist/atomic/components/atomic-result-children.js

@@ -138,7 +138,7 @@ const AtomicResultChildren$1 = /*@__PURE__*/ proxyCustomElement(class AtomicResu
         return (h(ChildrenWrapper, { hasChildren: children.length > 0 }, children.map((child, i) => this.renderChild(child, i === children.length - 1))));
     }
     render() {
-        return (h(ResultChildrenGuard, { key: 'd67346c3627d9624b2475f3a5c32d38786f94b03', inheritTemplates: this.inheritTemplates, resultTemplateRegistered: this.resultTemplateRegistered, templateHasError: this.templateHasError }, this.collection ? this.renderCollection() : this.renderFoldedResult()));
+        return (h(ResultChildrenGuard, { key: '4792c391d2d6dfd5b6a8f9ca7de5f6e17856aaf7', inheritTemplates: this.inheritTemplates, resultTemplateRegistered: this.resultTemplateRegistered, templateHasError: this.templateHasError }, this.collection ? this.renderCollection() : this.renderFoldedResult()));
     }
     get host() { return this; }
     static get style() { return AtomicResultChildrenStyle0; }

package/dist/atomic/components/atomic-result-fields-list.js

@@ -98,7 +98,7 @@ const AtomicResultFieldsList$1 = /*@__PURE__*/ proxyCustomElement(class AtomicRe
         }
     }
     render() {
-        return h(Host, { key: 'b16f13aa18de4ae5eb9226957c8cf1f25ce1aa07' });
+        return h(Host, { key: '16dd76a0e5d91ab65deeeb1cef7e0eb666068ce7' });
     }
     get host() { return this; }
     static get style() { return AtomicResultFieldsListStyle0; }

package/dist/atomic/components/atomic-result-link.js

@@ -43,7 +43,7 @@ const AtomicResultLink$1 = /*@__PURE__*/ proxyCustomElement(class AtomicResultLi
         const href = isUndefined(this.hrefTemplate)
             ? this.result.clickUri
             : buildStringTemplateFromResult(this.hrefTemplate, this.result, this.bindings);
-        return (h(LinkWithItemAnalytics, { key: '80c6525d5cbb347a3615ccc950357e684f77581e', href: href, onSelect: () => this.interactiveResult.select(), onBeginDelayedSelect: () => this.interactiveResult.beginDelayedSelect(), onCancelPendingSelect: () => this.interactiveResult.cancelPendingSelect(), attributes: this.linkAttributes, stopPropagation: this.stopPropagation }, this.hasDefaultSlot ? (h("slot", null)) : (h("atomic-result-text", { field: "title", default: "no-title" }))));
+        return (h(LinkWithItemAnalytics, { key: '893426e32ef773352ce0dec5e005d12d37d35a67', href: href, onSelect: () => this.interactiveResult.select(), onBeginDelayedSelect: () => this.interactiveResult.beginDelayedSelect(), onCancelPendingSelect: () => this.interactiveResult.cancelPendingSelect(), attributes: this.linkAttributes, stopPropagation: this.stopPropagation }, this.hasDefaultSlot ? (h("slot", null)) : (h("atomic-result-text", { field: "title", default: "no-title" }))));
     }
     get host() { return this; }
     static get style() { return AtomicResultLinkStyle0; }

package/dist/atomic/components/atomic-result-list.js

@@ -194,7 +194,7 @@ const AtomicResultList$1 = /*@__PURE__*/ proxyCustomElement(class AtomicResultLi
     render() {
         this.resultListCommon.updateBreakpoints();
         const listClasses = this.computeListDisplayClasses();
-        return (h(TabGuard, { key: 'c8bd3a5065ff97ce7a952136148f8911c0646241', tabsIncluded: this.tabsIncluded, tabsExcluded: this.tabsExcluded, activeTab: this.tabManagerState.activeTab }, h(ItemListGuard, { key: '58e2afbf54659fdeec08142608b06c51a945e63e', hasError: this.resultListState.hasError, hasTemplate: this.resultTemplateRegistered, templateHasError: this.itemTemplateProvider.hasError, firstRequestExecuted: this.resultListState.firstSearchExecuted, hasItems: this.resultListState.hasResults }, h(DisplayWrapper, { key: 'cba563bde2211417cd442612b68da46a6fd91da6', display: this.display, listClasses: listClasses }, h(ResultsPlaceholdersGuard, { key: '6c2e1563c7c1cb61ed9a5ea9713692eac2203cec', density: this.density, display: this.display, imageSize: this.imageSize, displayPlaceholders: !this.isAppLoaded, numberOfPlaceholders: this.resultsPerPageState.numberOfResults }), h(ItemDisplayGuard, { key: 'f8df79560be2722dea3f93291d01af5bd4063355', firstRequestExecuted: this.resultListState.firstSearchExecuted, hasItems: this.resultListState.hasResults }, this.display === 'table'
+        return (h(TabGuard, { key: '2a166d26e6ce4887d1ed43ea5041110a277f8d06', tabsIncluded: this.tabsIncluded, tabsExcluded: this.tabsExcluded, activeTab: this.tabManagerState.activeTab }, h(ItemListGuard, { key: '3c0a5e6697a02832a65a5ec3e70414184133062b', hasError: this.resultListState.hasError, hasTemplate: this.resultTemplateRegistered, templateHasError: this.itemTemplateProvider.hasError, firstRequestExecuted: this.resultListState.firstSearchExecuted, hasItems: this.resultListState.hasResults }, h(DisplayWrapper, { key: 'e54764caa5d90956732ed083af7b9cebb47c6eb4', display: this.display, listClasses: listClasses }, h(ResultsPlaceholdersGuard, { key: '379a10c62c510e78d4b2ce4a27670a54e33470a1', density: this.density, display: this.display, imageSize: this.imageSize, displayPlaceholders: !this.isAppLoaded, numberOfPlaceholders: this.resultsPerPageState.numberOfResults }), h(ItemDisplayGuard, { key: '6f86f55ec045b323dd2419ff7343c29de7afadfe', firstRequestExecuted: this.resultListState.firstSearchExecuted, hasItems: this.resultListState.hasResults }, this.display === 'table'
             ? this.renderAsTable()
             : this.display === 'grid'
                 ? this.renderAsGrid()

package/dist/atomic/components/atomic-search-box-query-suggestions2.js

@@ -60,7 +60,7 @@ const AtomicSearchBoxQuerySuggestions = /*@__PURE__*/ proxyCustomElement(class A
     }
     render() {
         if (this.error) {
-            return (h("atomic-component-error", { key: 'b7f0f317531dd0e08a7e389be6a7747723c82afe', element: this.host, error: this.error }));
+            return (h("atomic-component-error", { key: '60fd04f52305a72133a2cf04e70ce0b1c489c10d', element: this.host, error: this.error }));
         }
     }
     get host() { return this; }

package/dist/atomic/components/atomic-search-box-recent-queries2.js

@@ -154,7 +154,7 @@ const AtomicSearchBoxRecentQueries = /*@__PURE__*/ proxyCustomElement(class Atom
     }
     render() {
         if (this.error) {
-            return (h("atomic-component-error", { key: 'fafce4d4a34702333eb4e0ae06268dcd74e1a4de', element: this.host, error: this.error }));
+            return (h("atomic-component-error", { key: '9a6efb2a4483b2a1924418e9b52cc94164b4c8e4', element: this.host, error: this.error }));
         }
     }
     get host() { return this; }

package/dist/atomic/components/atomic-search-box.js

@@ -427,18 +427,18 @@ const AtomicSearchBox$1 = /*@__PURE__*/ proxyCustomElement(class AtomicSearchBox
         if (!this.suggestionManager.suggestions.length) {
             this.registerSearchboxSuggestionEvents();
         }
-        return (h(Host, { key: 'e673924012a96982e2192bff295cf34aa655a501' }, this.renderAbsolutePositionSpacer(), [
-            h(SearchBoxWrapper, { key: '8f64a9cffffa08b76451ebbd94d41da7bb881745', disabled: isDisabled, onFocusout: (event) => {
+        return (h(Host, { key: '14bd784f74d5cfcbcb82136d6f8e6bc2aa4e2815' }, this.renderAbsolutePositionSpacer(), [
+            h(SearchBoxWrapper, { key: '5d13e6bcdb5c27f5f169a7881eb471f431d86a51', disabled: isDisabled, onFocusout: (event) => {
                     if (!isFocusingOut(event)) {
                         return;
                     }
                     this.suggestionManager.clearSuggestions();
                     this.isExpanded = false;
-                } }, this.renderTextBox(searchLabel), h(SubmitButton, { key: '87a6f42ed17e2702d2639a9736cd6b5f0a81dc69', bindings: this.bindings, disabled: isDisabled, onClick: () => {
+                } }, this.renderTextBox(searchLabel), h(SubmitButton, { key: '105c32ac0b57202156661fcbb2b82722ca357ea7', bindings: this.bindings, disabled: isDisabled, onClick: () => {
                     this.searchBox.submit();
                     this.suggestionManager.clearSuggestions();
                 } }), this.renderSuggestions()),
-            !this.suggestionManager.suggestions.length && (h("slot", { key: '4c22cf98d0755b254b2b145f6d0b8de3dbfdf806' }, h("atomic-search-box-recent-queries", { key: '4597ef3851f94c5c1663ad01cd79dcce204b3bd5' }), h("atomic-search-box-query-suggestions", { key: '03b1d923f115c3094f173ffbb721823c99bf3538' }))),
+            !this.suggestionManager.suggestions.length && (h("slot", { key: 'ceb85736ad1c30d088fa8e828134237a543dd908' }, h("atomic-search-box-recent-queries", { key: 'a3f0dfc0ac6f6177a20e8e6e5a4fbcc688b63a40' }), h("atomic-search-box-query-suggestions", { key: '7cf5f99564c9ed776d114cc4d75cbc75e44efa71' }))),
         ]));
     }
     get host() { return this; }

package/dist/atomic/components/atomic-smart-snippet-feedback-modal2.js

@@ -45,9 +45,9 @@ const AtomicSmartSnippetFeedbackModal = /*@__PURE__*/ proxyCustomElement(class A
     }
     render() {
         updateBreakpoints(this.host);
-        return (h("atomic-modal", { key: 'ff0f12e874b6592cf5a74cae4409acfb8941ebd8', fullscreen: false, source: this.source, container: this.host, isOpen: this.isOpen, close: () => this.close(), exportparts: ATOMIC_MODAL_EXPORT_PARTS }, h(SmartSnippetFeedbackModalHeader, { key: 'ce80041352e0e5e30ee3d29a4e2200005969c5d0', i18n: this.bindings.i18n }), h(SmartSnippetFeedbackModalBody, { key: '783c923a5c70fe1e45e3642a9d8def008ccc8380', formId: this.formId, onSubmit: (e) => this.sendFeedback(e) }, h(SmartSnippetFeebackModalOptions, { key: '57db560b4726cd44b608c0a60815af4c0e1095c4', i18n: this.bindings.i18n }, smartSnippetFeedbackOptions.map(({ id, localeKey, correspondingAnswer }) => (h(SmartSnippetFeedbackModalOption, { correspondingAnswer: correspondingAnswer, currentAnswer: this.currentAnswer, i18n: this.bindings.i18n, id: id, localeKey: localeKey, onChange: () => {
+        return (h("atomic-modal", { key: 'a0cf5aeda0d5ddb9e897c93f91e80f92454c9e4f', fullscreen: false, source: this.source, container: this.host, isOpen: this.isOpen, close: () => this.close(), exportparts: ATOMIC_MODAL_EXPORT_PARTS }, h(SmartSnippetFeedbackModalHeader, { key: 'a24f8d4ab805d17086f7de7702fbe9e2709208b0', i18n: this.bindings.i18n }), h(SmartSnippetFeedbackModalBody, { key: 'f1329b3299fad8a6987c83d79ee5676ac2b80500', formId: this.formId, onSubmit: (e) => this.sendFeedback(e) }, h(SmartSnippetFeebackModalOptions, { key: 'c0630d7e8c086001530649d6e45aa44e862ae5f3', i18n: this.bindings.i18n }, smartSnippetFeedbackOptions.map(({ id, localeKey, correspondingAnswer }) => (h(SmartSnippetFeedbackModalOption, { correspondingAnswer: correspondingAnswer, currentAnswer: this.currentAnswer, i18n: this.bindings.i18n, id: id, localeKey: localeKey, onChange: () => {
                 this.currentAnswer = correspondingAnswer;
-            } })))), h(SmartSnippetFeedbackModalDetails, { key: '984fea3d478ea842f64d89f1f160842d53306bce', currentAnswer: this.currentAnswer, i18n: this.bindings.i18n, setDetailsInputRef: (ref) => (this.detailsInputRef = ref) })), h(SmartSnippetFeedbackModalFooter, { key: '986c0413997a20a48eb11b22363e477c75ea5396', formId: this.formId, i18n: this.bindings.i18n, onClick: () => this.close() })));
+            } })))), h(SmartSnippetFeedbackModalDetails, { key: '9d71e67a52776a08b97a80b22e1078ea0086fd6c', currentAnswer: this.currentAnswer, i18n: this.bindings.i18n, setDetailsInputRef: (ref) => (this.detailsInputRef = ref) })), h(SmartSnippetFeedbackModalFooter, { key: '60a0d8d350aef37f9df02c267f11de297c805703', formId: this.formId, i18n: this.bindings.i18n, onClick: () => this.close() })));
     }
     close() {
         this.isOpen = false;

package/dist/atomic/components/atomic-sort-dropdown.js

@@ -117,8 +117,8 @@ const AtomicSortDropdown$1 = /*@__PURE__*/ proxyCustomElement(class AtomicSortDr
         const { hasError, hasResults, firstSearchExecuted } = this.searchStatusState;
         const { bindings: { i18n }, id, } = this;
         return [
-            h(SortGuard, { key: '9d7eccadd402f414c15b4f59240ad538700eb6e7', firstSearchExecuted: firstSearchExecuted, hasError: hasError, hasResults: hasResults }, h(SortContainer, { key: '1afc1c9eeca2b98a3110a5f96de386b2794d25e8' }, h(SortLabel, { key: '9f9a0516b1626bace24fc64393c14fc7beee4565', i18n: i18n, id: id }), h(SortSelect, { key: '87bf9cd08af5825f3da9939b330598b11c8b72a7', i18n: i18n, id: id, onSelect: (evt) => this.select(evt) }, this.options.map(({ label, criteria, expression }) => (h(SortOption, { i18n: i18n, label: label, selected: this.sort.isSortedBy(criteria), value: expression })))))),
-            h("slot", { key: '04ef7b37fda4dddc2854cd82fa13f4af71e9bc60' }),
+            h(SortGuard, { key: '6bcf83c0920b696573d396e22f2d914cc1537022', firstSearchExecuted: firstSearchExecuted, hasError: hasError, hasResults: hasResults }, h(SortContainer, { key: '07a9afdfc2b3ccab21f4e3b11c535be4f1434d2e' }, h(SortLabel, { key: 'e934aa217d8b46af88c7911cfa9bde8a24c70b42', i18n: i18n, id: id }), h(SortSelect, { key: '6d9e56ae34355b2d8f194845bf1549b92ca82304', i18n: i18n, id: id, onSelect: (evt) => this.select(evt) }, this.options.map(({ label, criteria, expression }) => (h(SortOption, { i18n: i18n, label: label, selected: this.sort.isSortedBy(criteria), value: expression })))))),
+            h("slot", { key: '04455925e05235d7c024831ff217ca9aca774557' }),
         ];
     }
     get host() { return this; }

package/dist/atomic/components/atomic-sort-expression.js

@@ -47,7 +47,7 @@ const AtomicSortExpression$1 = /*@__PURE__*/ proxyCustomElement(class AtomicSort
         const dropdownComponent = 'atomic-sort-dropdown';
         if (!this.host.closest(dropdownComponent)) {
             const error = new Error(`The "${this.host.nodeName.toLowerCase()}" component has to be used inside an ${dropdownComponent} element.`);
-            return (h("atomic-component-error", { key: '745dd01b0ba0c5b66e60ef9b8c8d66b46658f356', element: this.host, error: error }));
+            return (h("atomic-component-error", { key: '448c1638e4cd2601aaaf0c133fcf1f7810dd7b30', element: this.host, error: error }));
         }
     }
     get host() { return this; }

package/dist/atomic/components/atomic-tab-manager.js

@@ -59,7 +59,7 @@ const AtomicTabManager$1 = /*@__PURE__*/ proxyCustomElement(class AtomicTabManag
         });
     }
     render() {
-        return (h(Host, { key: '3a0098efb8c3ff5e6e6ac138d65de8cf096c01d4' }, h("atomic-tab-bar", { key: 'c91cc8a029aedd95de3998cda1b80cda700f8a9c' }, h("div", { key: '725af9ffa07ec17dc0e59796e377559be25291b6', role: "list", "aria-label": "tab-area", part: "tab-area", class: "border-neutral mb-2 flex w-full flex-row border-b" }, this.tabs.map((tab) => (h("atomic-tab-button", { active: this.tabManagerState.activeTab === tab.name, label: this.bindings.i18n.t(tab.label, {
+        return (h(Host, { key: '4ea1e2534d1a02ca62d7ac6ec6462252e3d562ee' }, h("atomic-tab-bar", { key: '98896c96e0599094edee87021c10c9fe6fbf3ab0' }, h("div", { key: '2087916e6bda8851a9296a194bbe0cdca44e6330', role: "list", "aria-label": "tab-area", part: "tab-area", class: "border-neutral mb-2 flex w-full flex-row border-b" }, this.tabs.map((tab) => (h("atomic-tab-button", { active: this.tabManagerState.activeTab === tab.name, label: this.bindings.i18n.t(tab.label, {
                 defaultValue: tab.label,
             }), select: () => {
                 if (!tab.tabController.state.isActive) {

package/dist/atomic/components/components/commerce/atomic-commerce-breadbox/atomic-commerce-breadbox.js

@@ -39,8 +39,6 @@ import styles from './atomic-commerce-breadbox.tw.css';
  * @part show-less - The button to display less breadcrumbs.
  * @part label - The "Filters" label.
  * @part clear - The button to clear all filters.
- *
- * @alpha
  */
 let AtomicCommerceBreadbox = class AtomicCommerceBreadbox extends LitElement {
     constructor() {

package/dist/atomic/components/components/commerce/atomic-commerce-category-facet/atomic-commerce-category-facet.js

@@ -19,9 +19,9 @@ import { renderFacetValuesGroup } from "../../common/facets/facet-values-group/f
 import { booleanConverter } from "../../../converters/boolean-converter";
 import { bindStateToController } from "../../../decorators/bind-state";
 import { bindingGuard } from "../../../decorators/binding-guard";
-import { bindings } from "../../../decorators/bindings";
 import { errorGuard } from "../../../decorators/error-guard";
 import { withTailwindStyles } from "../../../decorators/with-tailwind-styles.js";
+import { InitializeBindingsMixin } from "../../../mixins/bindings-mixin";
 import { AriaLiveRegionController, FocusTargetController, } from "../../../utils/accessibility-utils";
 import { getFieldValueCaption } from "../../../utils/field-utils";
 import { renderCategoryFacetAllCategoryButton } from '../../common/facets/category-facet/all-categories-button';
@@ -74,7 +74,7 @@ import styles from './atomic-commerce-category-facet.tw.css';
  * @part show-more-less-icon - The icons of the "Show more" and "Show less" buttons.
  *
  */
-let AtomicCommerceCategoryFacet = class AtomicCommerceCategoryFacet extends LitElement {
+let AtomicCommerceCategoryFacet = class AtomicCommerceCategoryFacet extends InitializeBindingsMixin(LitElement) {
     constructor() {
         super(...arguments);
         /**
@@ -403,7 +403,6 @@ __decorate([
 ], AtomicCommerceCategoryFacet.prototype, "render", null);
 AtomicCommerceCategoryFacet = __decorate([
     customElement('atomic-commerce-category-facet'),
-    bindings(),
     withTailwindStyles
 ], AtomicCommerceCategoryFacet);
 export { AtomicCommerceCategoryFacet };

package/dist/atomic/components/components/commerce/atomic-commerce-did-you-mean/atomic-commerce-did-you-mean.js

@@ -17,8 +17,6 @@ import { renderAutoCorrection } from '../../common/query-correction/auto-correct
 import { renderCorrection } from '../../common/query-correction/correction';
 import { renderTriggerCorrection } from '../../common/query-correction/trigger-correction';
 /**
- * @alpha
- *
  * The `atomic-commerce-did-you-mean` component is responsible for handling query corrections. When a query returns no products but finds a possible query correction, the component either suggests the correction or automatically triggers a new query with the suggested term.
  *
  * @part no-results - The text displayed when there are no results.

package/dist/atomic/components/components/commerce/atomic-commerce-facet/atomic-commerce-facet.js

@@ -18,9 +18,9 @@ import { renderFacetValuesGroup } from "../../common/facets/facet-values-group/f
 import { booleanConverter } from "../../../converters/boolean-converter";
 import { bindStateToController } from "../../../decorators/bind-state";
 import { bindingGuard } from "../../../decorators/binding-guard";
-import { bindings } from "../../../decorators/bindings";
 import { errorGuard } from "../../../decorators/error-guard";
 import { withTailwindStyles } from "../../../decorators/with-tailwind-styles";
+import { InitializeBindingsMixin } from "../../../mixins/bindings-mixin";
 import { AriaLiveRegionController, FocusTargetController, } from "../../../utils/accessibility-utils";
 import { announceFacetSearchResultsWithAriaLive } from '../../common/facets/facet-search/facet-search-aria-live';
 import { shouldDisplaySearchResults, shouldUpdateFacetSearchComponent, } from '../../common/facets/facet-search/facet-search-utils';
@@ -57,10 +57,8 @@ import styles from './atomic-commerce-facet.tw.css';
  * @part show-more - The show more results button.
  * @part show-less - The show less results button.
  * @part show-more-less-icon - The icons of the show more & show less buttons.
- *
- * @alpha
  */
-let AtomicCommerceFacet = class AtomicCommerceFacet extends LitElement {
+let AtomicCommerceFacet = class AtomicCommerceFacet extends InitializeBindingsMixin(LitElement) {
     constructor() {
         super(...arguments);
         /**
@@ -320,7 +318,6 @@ __decorate([
 ], AtomicCommerceFacet.prototype, "render", null);
 AtomicCommerceFacet = __decorate([
     customElement('atomic-commerce-facet'),
-    bindings(),
     withTailwindStyles
 ], AtomicCommerceFacet);
 export { AtomicCommerceFacet };

package/dist/atomic/components/components/commerce/atomic-commerce-facets/atomic-commerce-facets.js

@@ -23,7 +23,6 @@ import '../atomic-commerce-timeframe-facet/atomic-commerce-timeframe-facet';
 /**
  * The `atomic-commerce-facets` component automatically renders commerce facets based on the Commerce API response.
  * Unlike regular facets, which require explicit definition and request in the query, the `atomic-commerce-facets` component dynamically generates facets.
- *
  */
 let AtomicCommerceFacets = class AtomicCommerceFacets extends LitElement {
     constructor() {

package/dist/atomic/components/components/commerce/atomic-commerce-interface/atomic-commerce-interface.js

@@ -24,13 +24,12 @@ import { errorSelector, firstSearchExecutedSelector, noProductsSelector, } from
 import { getAnalyticsConfig } from './analytics-config';
 const FirstRequestExecutedFlag = 'firstRequestExecuted';
 /**
- * @alpha
  * The `atomic-commerce-interface` component is the parent to all other atomic commerce components in a commerce page
  * (except for `atomic-commerce-recommendation-list`, which must have
  * `atomic-commerce-recommendation-interface` as a parent). It handles the headless commerce engine and localization
  * configurations.
  *
- * @slot default - The default slot where you can add child components to the search box.
+ * @slot default - The default slot where you can add child components to the interface.
  */
 let AtomicCommerceInterface = class AtomicCommerceInterface extends ChildrenUpdateCompleteMixin(LitElement) {
     constructor() {

package/dist/atomic/components/components/commerce/atomic-commerce-layout/atomic-commerce-layout.js

@@ -4,32 +4,40 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
+var AtomicCommerceLayout_1;
 import { html, LitElement, unsafeCSS } from 'lit';
 import { customElement, property, state } from 'lit/decorators.js';
 import { errorGuard } from "../../../decorators/error-guard";
-import { CommerceLayoutMixin } from "../../../mixins/commerce-layout-mixin";
+import { injectStylesForNoShadowDOM } from "../../../decorators/inject-styles-for-no-shadow-dom";
+import { randomID } from "../../../utils/utils";
 import { DEFAULT_MOBILE_BREAKPOINT } from '../../../utils/replace-breakpoint';
 import styles from './atomic-commerce-layout.tw.css';
+import { buildCommerceLayout } from './commerce-layout';
 /**
  * The `atomic-commerce-layout` helps organize elements in the commerce page.
- * @alpha
+ *
+ * @slot default - The default slot where you can add child components to the layout.
  */
-let AtomicCommerceLayout = class AtomicCommerceLayout extends CommerceLayoutMixin(LitElement, unsafeCSS(styles)) {
+let AtomicCommerceLayout = AtomicCommerceLayout_1 = class AtomicCommerceLayout extends LitElement {
     constructor() {
-        super(...arguments);
+        super();
         /**
          * CSS value that defines where the layout goes from mobile to desktop.
          * e.g., 800px, 65rem.
          */
         this.mobileBreakpoint = DEFAULT_MOBILE_BREAKPOINT;
+        this.id = randomID('atomic-commerce-layout-');
     }
-    createRenderRoot() {
-        return this;
+    connectedCallback() {
+        super.connectedCallback();
+        const layout = unsafeCSS(buildCommerceLayout(this, this.mobileBreakpoint));
+        AtomicCommerceLayout_1.styles.unshift(layout);
     }
     render() {
         return html `<slot></slot>`;
     }
 };
+AtomicCommerceLayout.styles = [unsafeCSS(styles)];
 __decorate([
     state()
 ], AtomicCommerceLayout.prototype, "error", void 0);
@@ -39,7 +47,8 @@ __decorate([
 __decorate([
     errorGuard()
 ], AtomicCommerceLayout.prototype, "render", null);
-AtomicCommerceLayout = __decorate([
-    customElement('atomic-commerce-layout')
+AtomicCommerceLayout = AtomicCommerceLayout_1 = __decorate([
+    customElement('atomic-commerce-layout'),
+    injectStylesForNoShadowDOM
 ], AtomicCommerceLayout);
 export { AtomicCommerceLayout };

package/dist/atomic/components/components/commerce/atomic-commerce-layout/atomic-commerce-layout.tw.css.js

@@ -1,2 +1,2 @@
-const css = `.atomic-modal-opened{overflow-y:hidden}atomic-layout-section[section=search]{grid-area:atomic-section-search}atomic-layout-section[section=facets]{grid-area:atomic-section-facets}atomic-layout-section[section=main]{grid-area:atomic-section-main}atomic-layout-section[section=status]{grid-area:atomic-section-status}atomic-layout-section[section=pagination]{grid-area:atomic-section-pagination}atomic-commerce-layout{grid-template-areas:".atomic-section-search."".atomic-section-main.";grid-template-columns:var(--atomic-layout-spacing-x)minmax(0,1fr)var(--atomic-layout-spacing-x);width:100%;height:100%;display:none;& atomic-layout-section[section=search]{margin:var(--atomic-layout-spacing-y)0;max-width:var(--atomic-layout-max-search-box-input-width,678px);justify-self:center;width:100%;& atomic-commerce-search-box{&::part(suggestions-double-list){width:125%;max-width:var(--atomic-layout-max-search-box-double-suggestions-width,800px)}&::part(suggestions-left){flex-basis:var(--atomic-layout-search-box-left-suggestions-width,30%)}&::part(suggestions-right){flex-basis:calc(100% - var(--atomic-layout-search-box-left-suggestions-width,30%))}}}& atomic-layout-section[section=facets]{display:none;& atomic-commerce-facets *{margin-bottom:var(--atomic-layout-spacing-y)}}& atomic-layout-section[section=main]{margin-bottom:var(--atomic-layout-spacing-y)}& atomic-layout-section[section=horizontal-facets]{margin-bottom:var(--atomic-layout-spacing-y);flex-wrap:wrap;row-gap:.5rem;display:flex;&>atomic-popover{margin-right:.5rem;display:none}}& atomic-layout-section[section=horizontal-facets]>*{max-width:100%}& atomic-layout-section[section=status]{grid-template-areas:"atomic-breadbox atomic-breadbox""atomic-query-summary atomic-sort""atomic-did-you-mean atomic-did-you-mean""atomic-notifications atomic-notifications";justify-content:space-between;display:grid;& atomic-commerce-breadbox{grid-area:atomic-breadbox}& atomic-commerce-query-summary{grid-area:atomic-query-summary;align-self:center;overflow:hidden}& atomic-commerce-sort-dropdown{grid-area:atomic-sort;justify-self:end}& atomic-commerce-refine-toggle{grid-area:atomic-sort}& atomic-commerce-did-you-mean{grid-area:atomic-did-you-mean}& atomic-commerce-notifications{grid-area:atomic-notifications}}& atomic-layout-section[section=status]>*{margin-top:var(--atomic-layout-spacing-y)}& atomic-layout-section[section=pagination]{flex-direction:column;justify-content:space-between;align-items:center;display:flex;& atomic-commerce-load-more-products{width:100%}&:has(:only-child){justify-content:center}@media only screen and (width>=50rem){&{flex-direction:row}}}& atomic-layout-section[section=pagination]>*{margin-top:var(--atomic-layout-spacing-y)}}`;
+const css = `.atomic-modal-opened{overflow-y:hidden}atomic-layout-section[section=search]{grid-area:atomic-section-search}atomic-layout-section[section=facets]{grid-area:atomic-section-facets}atomic-layout-section[section=main]{grid-area:atomic-section-main}atomic-layout-section[section=status]{grid-area:atomic-section-status}atomic-layout-section[section=pagination]{grid-area:atomic-section-pagination}atomic-commerce-layout{grid-template-areas:".atomic-section-search."".atomic-section-main.";grid-template-columns:var(--atomic-layout-spacing-x)minmax(0,1fr)var(--atomic-layout-spacing-x);width:100%;height:100%;display:none;& atomic-layout-section[section=search]{margin:var(--atomic-layout-spacing-y)0;max-width:var(--atomic-layout-max-search-box-input-width,678px);justify-self:center;width:100%;& atomic-commerce-search-box{&::part(suggestions-double-list){width:125%;max-width:var(--atomic-layout-max-search-box-double-suggestions-width,800px)}&::part(suggestions-left){flex-basis:var(--atomic-layout-search-box-left-suggestions-width,30%)}&::part(suggestions-right){flex-basis:calc(100% - var(--atomic-layout-search-box-left-suggestions-width,30%))}}}& atomic-layout-section[section=facets]{display:none;& atomic-commerce-facets *{margin-bottom:var(--atomic-layout-spacing-y)}}& atomic-layout-section[section=main]{margin-bottom:var(--atomic-layout-spacing-y)}& atomic-layout-section[section=horizontal-facets]{margin-bottom:var(--atomic-layout-spacing-y);flex-wrap:wrap;row-gap:.5rem;display:flex;&>atomic-popover{margin-right:.5rem;display:none}}& atomic-layout-section[section=horizontal-facets]>*{max-width:100%}& atomic-layout-section[section=status]{grid-template-areas:"atomic-breadbox atomic-breadbox""atomic-query-summary atomic-sort""atomic-did-you-mean atomic-did-you-mean""atomic-notifications atomic-notifications";justify-content:space-between;display:grid;& atomic-commerce-breadbox{grid-area:atomic-breadbox}& atomic-commerce-query-summary{grid-area:atomic-query-summary;align-self:center;overflow:hidden}& atomic-commerce-sort-dropdown{grid-area:atomic-sort;justify-self:end}& atomic-commerce-refine-toggle{grid-area:atomic-sort}& atomic-commerce-did-you-mean{grid-area:atomic-did-you-mean}& atomic-commerce-notifications{grid-area:atomic-notifications}}& atomic-layout-section[section=status]>*{margin-bottom:var(--atomic-layout-spacing-y)}& atomic-layout-section[section=pagination]{flex-direction:column;justify-content:space-between;align-items:center;display:flex;& atomic-commerce-load-more-products{width:100%}&:has(:only-child){justify-content:center}@media only screen and (width>=50rem){&{flex-direction:row}}}& atomic-layout-section[section=pagination]>*{margin-top:var(--atomic-layout-spacing-y)}}`;
 export default css;

package/dist/atomic/components/components/commerce/atomic-commerce-layout/commerce-layout.js

@@ -1,4 +1,4 @@
-import { buildSearchLayoutCommon } from '../../common/atomic-layout-section/search-layout';
+import { buildCommonLayout } from '../../common/atomic-layout-section/layout';
 export const layoutWebComponentTagName = 'atomic-commerce-layout';
 export const containerWebComponentTagName = 'atomic-commerce-interface';
 export const noProductsSelector = `${containerWebComponentTagName}-no-results`;
@@ -8,5 +8,5 @@ export function makeDesktopQuery(mobileBreakpoint) {
     return `only screen and (min-width: ${mobileBreakpoint})`;
 }
 export function buildCommerceLayout(element, mobileBreakpoint) {
-    return buildSearchLayoutCommon(element, mobileBreakpoint, layoutWebComponentTagName, containerWebComponentTagName, noProductsSelector, errorSelector, 'atomic-commerce-refine-toggle', 'atomic-commerce-sort-dropdown');
+    return buildCommonLayout(element, mobileBreakpoint, layoutWebComponentTagName, containerWebComponentTagName, noProductsSelector, errorSelector, 'atomic-commerce-refine-toggle', 'atomic-commerce-sort-dropdown');
 }

package/dist/atomic/components/components/commerce/atomic-commerce-no-products/atomic-commerce-no-products.js

@@ -20,8 +20,6 @@ import { renderNoItems } from '../../common/no-items/no-items.js';
 import { renderSearchTips } from '../../common/no-items/tips.js';
 import { getSummary } from '../../common/no-items/utils.js';
 /**
- * @alpha
- *
  * The `atomic-commerce-no-products` component displays search tips when there are no products. Any additional content slotted inside of its element will be displayed as well.
  *
  * @part no-results - The text indicating that no products were found for the search.

package/dist/atomic/components/components/commerce/atomic-commerce-numeric-facet/atomic-commerce-numeric-facet.js

@@ -14,6 +14,7 @@ import { bindStateToController } from "../../../decorators/bind-state";
 import { bindingGuard } from "../../../decorators/binding-guard";
 import { errorGuard } from "../../../decorators/error-guard";
 import { withTailwindStyles } from "../../../decorators/with-tailwind-styles";
+import { InitializeBindingsMixin } from "../../../mixins/bindings-mixin";
 import { FocusTargetController } from "../../../utils/accessibility-utils";
 import { shouldDisplayInputForFacetRange } from '../../common/facets/facet-common';
 import { renderFacetContainer } from '../../common/facets/facet-container/facet-container';
@@ -21,7 +22,6 @@ import { renderFacetHeader } from '../../common/facets/facet-header/facet-header
 import { renderNumericFacetValue } from '../../common/facets/numeric-facet/value-link';
 import { defaultCurrencyFormatter, defaultNumberFormatter, } from '../../common/formats/format-common';
 import '../atomic-commerce-facet-number-input/atomic-commerce-facet-number-input';
-import { bindings } from "../../../decorators/bindings";
 import styles from './atomic-commerce-numeric-facet.tw.css';
 /**
  * The `atomic-commerce-numeric-facet` component renders a commerce facet that allows the user to filter products using numeric ranges.
@@ -42,11 +42,8 @@ import styles from './atomic-commerce-numeric-facet.tw.css';
  * @part label-end - The label for the maximum value input field.
  * @part input-end - The input field to enter the maximum numeric value.
  * @part input-apply-button - The button to apply custom numeric range values.
- *
- * @internal
- *
  */
-let AtomicCommerceNumericFacet = class AtomicCommerceNumericFacet extends LitElement {
+let AtomicCommerceNumericFacet = class AtomicCommerceNumericFacet extends InitializeBindingsMixin(LitElement) {
     constructor() {
         super(...arguments);
         /**
@@ -228,7 +225,6 @@ __decorate([
 ], AtomicCommerceNumericFacet.prototype, "render", null);
 AtomicCommerceNumericFacet = __decorate([
     customElement('atomic-commerce-numeric-facet'),
-    bindings(),
     withTailwindStyles
 ], AtomicCommerceNumericFacet);
 export { AtomicCommerceNumericFacet };

package/dist/atomic/components/components/commerce/atomic-commerce-pager/atomic-commerce-pager.js

@@ -34,7 +34,6 @@ import { getCurrentPagesRange } from './commerce-pager-utils';
  * @part next-button-icon - The "next page" button icon.
  *
  * @event atomic/scrollToTop - Emitted when the user clicks the next or previous button, or a page button.
- * @alpha
  */
 let AtomicCommercePager = class AtomicCommercePager extends LitElement {
     constructor() {

package/dist/atomic/components/components/commerce/atomic-commerce-product-list/atomic-commerce-product-list.js

@@ -46,8 +46,6 @@ import styles from './atomic-commerce-product-list.tw.css';
  * @part result-table-cell - The td elements nested under each tbody > tr when the display prop is set to "table".
  *
  * @slot default - The default slot where the product templates are defined.
- *
- * @alpha
  */
 let AtomicCommerceProductList = class AtomicCommerceProductList extends ChildrenUpdateCompleteMixin(LitElement) {
     constructor() {

package/dist/atomic/components/components/commerce/atomic-commerce-products-per-page/atomic-commerce-products-per-page.js

@@ -26,8 +26,6 @@ import { randomID } from "../../../utils/utils.js";
  * @part buttons - The list of buttons.
  * @part button - The individual products per page buttons.
  * @part active-button - The active products per page button.
- *
- * @alpha
  */
 let AtomicCommerceProductsPerPage = class AtomicCommerceProductsPerPage extends LitElement {
     constructor() {

package/dist/atomic/components/components/commerce/atomic-commerce-query-error/atomic-commerce-query-error.js

@@ -32,8 +32,6 @@ import { getAriaMessageFromErrorType } from '../../common/query-error/utils';
  * @part doc-link - A link to the relevant documentation.
  * @part more-info-btn - A button to request additional error information.
  * @part error-info - Additional error information.
- *
- * @alpha
  */
 let AtomicCommerceQueryError = class AtomicCommerceQueryError extends LitElement {
     constructor() {

package/dist/atomic/components/components/commerce/atomic-commerce-query-summary/atomic-commerce-query-summary.js

@@ -24,8 +24,6 @@ import { getProductQuerySummaryI18nParameters } from '../../common/query-summary
  * @part highlight - The summary highlights.
  * @part query - The summary highlighted query.
  * @part placeholder - The query summary placeholder used while the search interface is initializing.
- *
- * @alpha
  */
 let AtomicCommerceQuerySummary = class AtomicCommerceQuerySummary extends LitElement {
     constructor() {

package/dist/atomic/components/components/commerce/atomic-commerce-recommendation-interface/atomic-commerce-recommendation-interface.js

@@ -22,8 +22,10 @@ import { createCommerceRecommendationStore, } from './store.js';
 /**
  * The `atomic-commerce-recommendation-interface` component is meant to be used
  * as the parent of one or more `atomic-commerce-recommendation-list`
- * components. It handles the headless search engine and localization
+ * components. It handles the headless engine and localization
  * configurations.
+ *
+ * @slot default - The default slot where you can add child components to the interface.
  */
 let AtomicCommerceRecommendationInterface = class AtomicCommerceRecommendationInterface extends ChildrenUpdateCompleteMixin(LitElement) {
     constructor() {

package/dist/atomic/components/components/commerce/atomic-commerce-recommendation-list/atomic-commerce-recommendation-list.js

@@ -32,7 +32,6 @@ import { randomID } from "../../../utils/utils";
 import styles from './atomic-commerce-recommendation-list.tw.css';
 /**
  * The `atomic-commerce-recommendation-list` component displays a list of product recommendations by applying one or more product templates.
- * @alpha
  *
  * @part result-list - The element containing the list of product recommendations.
  * @part result-list-grid-clickable-container - The parent of a recommended product and the clickable link encompassing it.

package/dist/atomic/components/components/commerce/atomic-commerce-refine-toggle/atomic-commerce-refine-toggle.js

@@ -21,8 +21,6 @@ import { refineToggleGuard } from '../../common/refine-modal/guard';
  *
  * @part button - The refine toggle button.
  * @part placeholder - The placeholder shown while the first request is being executed.
- *
- * @alpha
  */
 let AtomicCommerceRefineToggle = class AtomicCommerceRefineToggle extends LitElement {
     initialize() {

package/dist/atomic/components/components/commerce/atomic-commerce-search-box/atomic-commerce-search-box.js

@@ -73,8 +73,6 @@ import '../atomic-commerce-search-box-recent-queries/atomic-commerce-search-box-
  * @part instant-results-show-all-button - The button inside the clickable suggestion from the `atomic-commerce-search-box-instant-products` component.
  *
  * @event redirect - Event that is emitted when a standalone search box redirection is triggered. By default, the search box will directly change the URL and redirect accordingly, so if you want to handle the redirection differently, use this event.
- *
- * @alpha
  */
 let AtomicCommerceSearchBox = class AtomicCommerceSearchBox extends LitElement {
     constructor() {

package/dist/atomic/components/components/commerce/atomic-commerce-search-box-instant-products/atomic-commerce-search-box-instant-products.js

@@ -15,9 +15,7 @@ import { withTailwindStyles } from "../../../decorators/with-tailwind-styles.js"
 import { encodeForDomAttribute } from "../../../utils/string-utils";
 import { ProductTemplateProvider } from '../product-list/product-template-provider';
 /**
- * The `atomic-commerce-search-box-instant-products` component can be added as a child of an `atomic-search-box` component, allowing for the configuration of instant products behavior.
- *
- * This component does not support accessibility out-of-the-box. To do so, see [Instant Results Accessibility](https://docs.coveo.com/en/atomic/latest/usage/accessibility/#instant-results-accessibility).
+ * The `atomic-commerce-search-box-instant-products` component can be added as a child of an `atomic-commerce-search-box` component, allowing for the configuration of instant products behavior.
  *
  * This component is not supported on mobile.
  *
@@ -25,7 +23,6 @@ import { ProductTemplateProvider } from '../product-list/product-template-provid
  * @part instant-results-item - The individual instant product item.
  *
  * @slot default - The default slot where the instant products are rendered.
- * @alpha
  */
 let AtomicCommerceSearchBoxInstantProducts = class AtomicCommerceSearchBoxInstantProducts extends LitElement {
     constructor() {

package/dist/atomic/components/components/commerce/atomic-commerce-search-box-query-suggestions/atomic-commerce-search-box-query-suggestions.js

@@ -12,8 +12,7 @@ import { dispatchSearchBoxSuggestionsEvent, } from "../../common/suggestions/sug
 import { errorGuard } from "../../../decorators/error-guard";
 const SearchIcon = "<svg viewBox=\"0 0 16 16\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"m6.4 0c3.5 0 6.4 2.9 6.4 6.4 0 1.4-.4 2.7-1.2 3.7l4 4c.4.4.4 1 .1 1.5l-.1.1c-.2.2-.5.3-.8.3s-.6-.1-.8-.3l-4-4c-1 .7-2.3 1.2-3.7 1.2-3.4-.1-6.3-3-6.3-6.5s2.9-6.4 6.4-6.4zm0 2.1c-2.3 0-4.3 1.9-4.3 4.3s1.9 4.3 4.3 4.3 4.3-1.9 4.3-4.3-1.9-4.3-4.3-4.3z\"/></svg>";
 /**
- * The `atomic-commerce-search-box-query-suggestions` component can be added as a child of an `atomic-search-box` component, allowing for the configuration of query suggestion behavior.
- * @alpha
+ * The `atomic-commerce-search-box-query-suggestions` component can be added as a child of an `atomic-commerce-search-box` component, allowing for the configuration of query suggestion behavior.
  */
 let AtomicCommerceSearchBoxQuerySuggestions = class AtomicCommerceSearchBoxQuerySuggestions extends LitElement {
     constructor() {

package/dist/atomic/components/components/commerce/atomic-commerce-search-box-recent-queries/atomic-commerce-search-box-recent-queries.js

@@ -15,8 +15,6 @@ import { getPartialRecentQueryClearElement, getPartialRecentQueryElement, render
 import { dispatchSearchBoxSuggestionsEvent, } from '../../common/suggestions/suggestions-common';
 /**
  * The `atomic-commerce-search-box-recent-queries` component can be added as a child of an `atomic-commerce-search-box` component, allowing for the configuration of recent query suggestions.
- *
- * @alpha
  */
 let AtomicCommerceSearchBoxRecentQueries = class AtomicCommerceSearchBoxRecentQueries extends LitElement {
     constructor() {

package/dist/atomic/components/components/commerce/atomic-commerce-sort-dropdown/atomic-commerce-sort-dropdown.js

@@ -27,8 +27,6 @@ import { getSortByLabel, renderCommerceSortOption } from '../sort/option';
  * @part select - The `<select>` element of the dropdown list.
  * @part select-separator - The element separating the select from the icon.
  * @part placeholder - The dropdown placeholder for while the interface is initializing.
- *
- * @alpha
  */
 let AtomicCommerceSortDropdown = class AtomicCommerceSortDropdown extends LitElement {
     constructor() {

package/dist/atomic/components/components/commerce/atomic-commerce-timeframe-facet/atomic-commerce-timeframe-facet.js

@@ -18,10 +18,10 @@ import { bindStateToController } from "../../../decorators/bind-state";
 import { bindingGuard } from "../../../decorators/binding-guard";
 import { errorGuard } from "../../../decorators/error-guard";
 import { withTailwindStyles } from "../../../decorators/with-tailwind-styles.js";
+import { InitializeBindingsMixin } from "../../../mixins/bindings-mixin";
 import { FocusTargetController } from "../../../utils/accessibility-utils";
 import { parseDate } from "../../../utils/date-utils";
 import '../../common/atomic-facet-date-input/atomic-facet-date-input';
-import { bindings } from "../../../decorators/bindings";
 import { shouldDisplayInputForFacetRange } from '../../common/facets/facet-common';
 import styles from './atomic-commerce-timeframe-facet.tw.css';
 /**
@@ -42,10 +42,8 @@ import styles from './atomic-commerce-timeframe-facet.tw.css';
  * @part input-start - The start date input field.
  * @part input-end - The end date input field.
  * @part input-apply-button - The button to apply date range selection.
- *
- * @internal
  */
-let AtomicCommerceTimeframeFacet = class AtomicCommerceTimeframeFacet extends LitElement {
+let AtomicCommerceTimeframeFacet = class AtomicCommerceTimeframeFacet extends InitializeBindingsMixin(LitElement) {
     constructor() {
         super(...arguments);
         /**
@@ -260,7 +258,6 @@ __decorate([
 ], AtomicCommerceTimeframeFacet.prototype, "render", null);
 AtomicCommerceTimeframeFacet = __decorate([
     customElement('atomic-commerce-timeframe-facet'),
-    bindings(),
     withTailwindStyles
 ], AtomicCommerceTimeframeFacet);
 export { AtomicCommerceTimeframeFacet };

package/dist/atomic/components/components/commerce/atomic-product-field-condition/atomic-product-field-condition.js

@@ -16,8 +16,6 @@ import { makeDefinedConditions, makeMatchConditions, } from '../../common/produc
  * The condition properties can be based on any top-level product property of the `product` object, not restricted to fields (e.g., `ec_name`).
  *
  * @slot default - The content to render if the conditions are met.
- *
- * @alpha
  */
 let AtomicProductFieldCondition = class AtomicProductFieldCondition extends LitElement {
     constructor() {