@coveo/atomic 3.33.8-pre.351575b812 → 3.33.8-pre.3524c75f47

package/dist/esm/{suggestions-common-2b20db26.js → suggestions-events-b7a6f007.js}

@@ -1,6 +1,22 @@
 import { c as closest } from './dom-utils-f6086cd3.js';
 import { b as buildCustomEvent } from './event-utils-8de63ec3.js';
 
+/**
+ * Dispatches an event which retrieves the `SearchBoxSuggestionsBindings` on a configured parent search box.
+ *
+ * @param event Event sent from the registered query suggestions to the parent search box
+ * @param element Element on which to dispatch the event, which must be the child of a configured search box
+ * @param allowedSearchBoxElements Optional array of allowed search box element selectors
+ *
+ * @throws Error if the element is not a child of an allowed search box element
+ */
+const dispatchSearchBoxSuggestionsEvent = (event, element, allowedSearchBoxElements = searchBoxElements) => {
+    const interfaceElement = closest(element, searchBoxElements.join(', '));
+    if (!interfaceElement) {
+        throw new Error(`The "${element.nodeName.toLowerCase()}" component was not handled, as it is not a child of the following elements: ${allowedSearchBoxElements.join(', ')}`);
+    }
+    void dispatchSearchBoxSuggestionsEventEventually(interfaceElement, element, event);
+};
 const searchBoxElements = [
     'atomic-search-box',
     'atomic-insight-search-box',
@@ -18,25 +34,7 @@ const dispatchSearchBoxSuggestionsEventEventually = async (interfaceElement, ele
     }
     element.dispatchEvent(buildCustomEvent('atomic/searchBoxSuggestion/register', event));
 };
-/**
- * Dispatches an event which retrieves the `SearchBoxSuggestionsBindings` on a configured parent search box.
- * @param event Event sent from the registered query suggestions to the parent search box.
- * @param element Element on which to dispatch the event, which must be the child of a configured search box.
- */
-const dispatchSearchBoxSuggestionsEvent = (event, element, allowedSearchBoxElements = searchBoxElements) => {
-    const interfaceElement = closest(element, searchBoxElements.join(', '));
-    if (!interfaceElement) {
-        throw new Error(`The "${element.nodeName.toLowerCase()}" component was not handled, as it is not a child of the following elements: ${allowedSearchBoxElements.join(', ')}`);
-    }
-    void dispatchSearchBoxSuggestionsEventEventually(interfaceElement, element, event);
-};
-function elementHasNoQuery(el) {
-    return !el.query || el.query.trim() === '';
-}
-function elementHasQuery(el) {
-    return !!el.query && el.query.trim() !== '';
-}
 
-export { elementHasNoQuery as a, dispatchSearchBoxSuggestionsEvent as d, elementHasQuery as e };
+export { dispatchSearchBoxSuggestionsEvent as d };
 
-//# sourceMappingURL=suggestions-common-2b20db26.js.map
+//# sourceMappingURL=suggestions-events-b7a6f007.js.map

package/dist/esm/suggestions-events-b7a6f007.js.map

@@ -0,0 +1 @@
+{"file":"suggestions-events-b7a6f007.js","mappings":";;;AAOA;;;;;;;;;MASa,iCAAiC,GAAG,CAI/C,KAA+D,EAC/D,OAAoB,EACpB,2BAA0E,iBAAiB;IAE3F,MAAM,gBAAgB,GAAG,OAAO,CAAC,OAAO,EAAE,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;IACxE,IAAI,CAAC,gBAAgB,EAAE;QACrB,MAAM,IAAI,KAAK,CACb,QAAQ,OAAO,CAAC,QAAQ,CAAC,WAAW,EAAE,gFAAgF,wBAAwB,CAAC,IAAI,CACjJ,IAAI,CACL,EAAE,CACJ,CAAC;KACH;IACD,KAAK,2CAA2C,CAC9C,gBAAgB,EAChB,OAAO,EACP,KAAK,CACN,CAAC;AACJ,EAAE;AAEF,MAAM,iBAAiB,GAAG;IACxB,mBAAmB;IACnB,2BAA2B;IAC3B,4BAA4B;CACpB,CAAC;AAEX,MAAM,mBAAmB,GAAG,CAAC,SAAkB,KAC7C,gBAAgB,IAAK,SAAwB;IAC5C,SAAwB,CAAC,cAAc,YAAY,OAAO,CAAC;AAE9D,MAAM,2CAA2C,GAAG,OAIlD,gBAAyB,EACzB,OAAoB,EACpB,KAA+D;IAE/D,MAAM,cAAc,CAAC,WAAW,CAAC,gBAAgB,CAAC,QAAQ,CAAC,WAAW,EAAE,CAAC,CAAC;IAC1E,IAAI,mBAAmB,CAAC,gBAAgB,CAAC,EAAE;QACzC,MAAM,gBAAgB,CAAC,cAAc,CAAC;KACvC;SAAM,IAAI,kBAAkB,IAAI,gBAAgB,EAAE;QACjD,MAAO,gBAAuC,CAAC,gBAAgB,EAAE,CAAC;KACnE;IACD,OAAO,CAAC,aAAa,CACnB,gBAAgB,CAAC,qCAAqC,EAAE,KAAK,CAAC,CAC/D,CAAC;AACJ,CAAC;;;;","names":[],"sources":["src/components/common/suggestions/suggestions-events.ts"],"sourcesContent":["import type {HTMLStencilElement} from '@stencil/core/internal';\nimport type {LitElement} from 'lit';\nimport {closest} from '../../../utils/dom-utils';\nimport {buildCustomEvent} from '../../../utils/event-utils';\nimport type {AnyBindings} from '../interface/bindings';\nimport type {SearchBoxSuggestionsEvent} from './suggestions-types';\n\n/**\n * Dispatches an event which retrieves the `SearchBoxSuggestionsBindings` on a configured parent search box.\n *\n * @param event Event sent from the registered query suggestions to the parent search box\n * @param element Element on which to dispatch the event, which must be the child of a configured search box\n * @param allowedSearchBoxElements Optional array of allowed search box element selectors\n *\n * @throws Error if the element is not a child of an allowed search box element\n */\nexport const dispatchSearchBoxSuggestionsEvent = <\n  SearchBoxController,\n  Bindings = AnyBindings,\n>(\n  event: SearchBoxSuggestionsEvent<SearchBoxController, Bindings>,\n  element: HTMLElement,\n  allowedSearchBoxElements: readonly (typeof searchBoxElements)[number][] = searchBoxElements\n) => {\n  const interfaceElement = closest(element, searchBoxElements.join(', '));\n  if (!interfaceElement) {\n    throw new Error(\n      `The \"${element.nodeName.toLowerCase()}\" component was not handled, as it is not a child of the following elements: ${allowedSearchBoxElements.join(\n        ', '\n      )}`\n    );\n  }\n  void dispatchSearchBoxSuggestionsEventEventually(\n    interfaceElement,\n    element,\n    event\n  );\n};\n\nconst searchBoxElements = [\n  'atomic-search-box',\n  'atomic-insight-search-box',\n  'atomic-commerce-search-box',\n] as const;\n\nconst isLitElementLoosely = (candidate: unknown): candidate is LitElement =>\n  'updateComplete' in (candidate as LitElement) &&\n  (candidate as LitElement).updateComplete instanceof Promise;\n\nconst dispatchSearchBoxSuggestionsEventEventually = async <\n  SearchBoxController,\n  Bindings = AnyBindings,\n>(\n  interfaceElement: Element,\n  element: HTMLElement,\n  event: SearchBoxSuggestionsEvent<SearchBoxController, Bindings>\n) => {\n  await customElements.whenDefined(interfaceElement.nodeName.toLowerCase());\n  if (isLitElementLoosely(interfaceElement)) {\n    await interfaceElement.updateComplete;\n  } else if ('componentOnReady' in interfaceElement) {\n    await (interfaceElement as HTMLStencilElement).componentOnReady();\n  }\n  element.dispatchEvent(\n    buildCustomEvent('atomic/searchBoxSuggestion/register', event)\n  );\n};\n"],"version":3}

package/dist/esm/suggestions-utils-591559a0.js

@@ -0,0 +1,22 @@
+/**
+ * Checks if a search box suggestion element has no query.
+ *
+ * @param el - The search box suggestion element to check
+ * @returns True if the element has no query or the query is whitespace-only
+ */
+function elementHasNoQuery(el) {
+    return !el.query || el.query.trim() === '';
+}
+/**
+ * Checks if a search box suggestion element has a query.
+ *
+ * @param el - The search box suggestion element to check
+ * @returns True if the element has a non-empty, non-whitespace query
+ */
+function elementHasQuery(el) {
+    return !!el.query && el.query.trim() !== '';
+}
+
+export { elementHasQuery as a, elementHasNoQuery as e };
+
+//# sourceMappingURL=suggestions-utils-591559a0.js.map

package/dist/esm/suggestions-utils-591559a0.js.map

@@ -0,0 +1 @@
+{"file":"suggestions-utils-591559a0.js","mappings":"AAEA;;;;;;SAMgB,iBAAiB,CAAC,EAA8B;IAC9D,OAAO,CAAC,EAAE,CAAC,KAAK,IAAI,EAAE,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC;AAC7C,CAAC;AAED;;;;;;SAMgB,eAAe,CAAC,EAA8B;IAC5D,OAAO,CAAC,CAAC,EAAE,CAAC,KAAK,IAAI,EAAE,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC;AAC9C;;;;","names":[],"sources":["src/components/common/suggestions/suggestions-utils.ts"],"sourcesContent":["import type {SearchBoxSuggestionElement} from './suggestions-types';\n\n/**\n * Checks if a search box suggestion element has no query.\n *\n * @param el - The search box suggestion element to check\n * @returns True if the element has no query or the query is whitespace-only\n */\nexport function elementHasNoQuery(el: SearchBoxSuggestionElement): boolean {\n  return !el.query || el.query.trim() === '';\n}\n\n/**\n * Checks if a search box suggestion element has a query.\n *\n * @param el - The search box suggestion element to check\n * @returns True if the element has a non-empty, non-whitespace query\n */\nexport function elementHasQuery(el: SearchBoxSuggestionElement): boolean {\n  return !!el.query && el.query.trim() !== '';\n}\n"],"version":3}

package/dist/esm/version.js

@@ -1,2 +1,2 @@
-export const headlessVersion = '3.31.1-pre.351575b812';
-export const atomicVersion = '3.33.8-pre.351575b812';
+export const headlessVersion = '3.31.1-pre.3524c75f47';
+export const atomicVersion = '3.33.8-pre.3524c75f47';

package/dist/types/components/commerce/atomic-commerce-breadbox/atomic-commerce-breadbox.d.ts

@@ -52,7 +52,8 @@ export declare class AtomicCommerceBreadbox extends LitElement implements Initia
      */
     pathLimit: number;
     initialize(): void;
-    updated(changedProperties: Map<string, unknown>): void;
+    willUpdate(changedProperties: Map<string, unknown>): void;
+    updated(): void;
     private validateProps;
     disconnectedCallback(): void;
     private get breadcrumbs();

package/dist/types/components/commerce/atomic-commerce-category-facet/atomic-commerce-category-facet.d.ts

@@ -4,7 +4,7 @@ import { LitElement } from 'lit';
 import type { CommerceBindings } from "../atomic-commerce-interface/atomic-commerce-interface";
 import type { InitializableComponent } from "../../../decorators/types";
 /**
- * A facet is a list of values for a certain field occurring in the results, ordered using a configurable criteria (e.g., number of occurrences).
+ * A facet is a list of values for a certain field occurring in the products.
  * An `atomic-commerce-category-facet` displays a facet of values in a browsable, hierarchical fashion.
  *
  * @part facet - The wrapper for the entire facet.
@@ -20,9 +20,9 @@ import type { InitializableComponent } from "../../../decorators/types";
  * @part more-matches - The label indicating there are more matches for the current facet search query.
  * @part no-matches - The label indicating there are no matches for the current facet search query.
  * @part matches-query - The highlighted query inside the matches labels.
- * @part search-results - The search results container.
- * @part search-result - The search result value.
- * @part search-result-path - The search result path.
+ * @part search-results - The facet search results container.
+ * @part search-result - The facet search result value.
+ * @part search-result-path - The facet search result path.
  * @part search-highlight - The highlighted query inside the facet values.
  *
  * @part parents - The container surrounding the whole hierarchy of values.

package/dist/types/components/commerce/atomic-commerce-did-you-mean/atomic-commerce-did-you-mean.d.ts

@@ -5,7 +5,7 @@ import type { CommerceBindings } from '../atomic-commerce-interface/atomic-comme
 /**
  * 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.
+ * @part no-results - The text displayed when there are no products.
  * @part auto-corrected - The text displayed for the automatically corrected query.
  * @part showing-results-for - The first paragraph of the text displayed when a query trigger changes a query.
  * @part search-instead-for - The second paragraph of the text displayed when a query trigger changes a query.

package/dist/types/components/commerce/atomic-commerce-facet/atomic-commerce-facet.d.ts

@@ -13,10 +13,10 @@ import type { CommerceBindings } from '../atomic-commerce-interface/atomic-comme
  * @part clear-button - The button that resets the actively selected facet values.
  * @part clear-button-icon - The clear button icon.
  *
- * @part search-wrapper - The search box wrapper.
- * @part search-input - The search box input.
- * @part search-icon - The search box submit button.
- * @part search-clear-button - The button to clear the search box of input.
+ * @part search-wrapper - The facet search box wrapper.
+ * @part search-input - The facet search box input.
+ * @part search-icon - The facet search box submit button.
+ * @part search-clear-button - The button to clear the facet search box of input.
  * @part more-matches - The label indicating there are more matches for the current facet search query.
  * @part no-matches - The label indicating there are no matches for the current facet search query.
  * @part matches-query - The highlighted query inside the matches labels.
@@ -31,8 +31,8 @@ import type { CommerceBindings } from '../atomic-commerce-interface/atomic-comme
  * @part value-checkbox-label - The facet value checkbox clickable label, available when display is 'checkbox'.
  * @part value-checkbox-icon - The facet value checkbox icon, available when display is 'checkbox'.
  *
- * @part show-more - The show more results button.
- * @part show-less - The show less results button.
+ * @part show-more - The show more values button.
+ * @part show-less - The show less values button.
  * @part show-more-less-icon - The icons of the show more & show less buttons.
  */
 export declare class AtomicCommerceFacet extends LitElement implements InitializableComponent<CommerceBindings> {

package/dist/types/components/commerce/atomic-commerce-interface/atomic-commerce-interface.d.ts

@@ -1,4 +1,5 @@
 import { type CommerceEngine, type CommerceEngineConfiguration, type Context, type LogLevel, type ProductListing, type ProductListingSummaryState, type Search, type SearchSummaryState, type Summary, type UrlManager } from '@coveo/headless/commerce';
+import type { CurrencyCodeISO4217 } from '@coveo/relay-event-types';
 import { type i18n } from 'i18next';
 import { type CSSResultGroup, LitElement } from 'lit';
 import type { CommonBindings } from '../../common/interface/bindings';
@@ -49,7 +50,13 @@ export declare class AtomicCommerceInterface extends AtomicCommerceInterface_bas
     /**
      * The commerce interface language.
      *
-     * Will default to the value set in the Headless engine context if not provided.
+     * Will default to the value set in the Headless engine context if not
+     * provided.
+     *
+     * @deprecated - This property will be removed in the next major version of
+     * Atomic (v4). Rather than using this property, set the initial language
+     * through the engine configuration when calling `initializeWithEngine`, and
+     * update the language as needed using the `updateLocale` method.
      */
     language?: string;
     /**
@@ -100,6 +107,26 @@ export declare class AtomicCommerceInterface extends AtomicCommerceInterface_bas
      * Executes the first request after initializing connection to the headless commerce engine.
      */
     executeFirstRequest(): Promise<void>;
+    /**
+     * Updates the locale settings for the commerce interface and headless commerce
+     * engine. Only the provided parameters will be updated.
+     *
+     * Calling this method affects the localization of the interface as well as
+     * the catalog configuration being used by the Commerce API. If the resulting
+     * language-country-currency combination matches no existing catalog
+     * configuration in your Coveo organization, requests made through the
+     * commerce engine will start failing.
+     *
+     * @param language - (Optional) The IETF language code tag (e.g., `en`).
+     * @param country - (Optional) The ISO-3166-1 country tag (e.g., `US`).
+     * @param currency - (Optional) The ISO-4217 currency code (e.g., `USD`).
+     *
+     * @example
+     * ```typescript
+     * interface.updateLocale('fr', 'CA', 'CAD');
+     * ```
+     */
+    updateLocale(language?: string, country?: string, currency?: CurrencyCodeISO4217): void;
     toggleAnalytics(): void;
     updateIconAssetsPath(): void;
     updateLanguage(): void;
@@ -115,10 +142,10 @@ export declare class AtomicCommerceInterface extends AtomicCommerceInterface_bas
     private initSummary;
     private initUrlManager;
     private internalInitialization;
+    private isNewLocale;
     private onHashChange;
     scrollToTop(): void;
     private updateHash;
-    private updateMobileBreakpoint;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/types/components/commerce/atomic-commerce-layout/atomic-commerce-layout.d.ts

@@ -8,19 +8,19 @@ declare const AtomicCommerceLayout_base: import("../../../mixins/mixin-common").
  * @cssprop --atomic-layout-max-search-box-input-width: The maximum width that the search box input will take.
  * @cssprop --atomic-layout-max-search-box-double-suggestions-width: The maximum width that the search box suggestions will take when displaying a double list.
  * @cssprop --atomic-layout-search-box-left-suggestions-width: The width of the left list when displaying a double list.
- *
- * @slot default - The default slot for the layout content.
  */
 export declare class AtomicCommerceLayout extends AtomicCommerceLayout_base {
     static styles: import("lit").CSSResult[];
-    private addStyles;
     error: Error;
     /**
      * The viewport width at which the layout goes from desktop to mobile.
      * E.g., 800px, 65rem.
      */
     mobileBreakpoint: string;
+    private layoutStylesController;
     connectedCallback(): void;
+    private emitBreakpointChangeEvent;
+    onMobileBreakpointChange(): void;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/types/components/commerce/atomic-commerce-load-more-products/atomic-commerce-load-more-products.d.ts

@@ -8,11 +8,11 @@ import type { CommerceBindings } from '../atomic-commerce-interface/atomic-comme
  * @part container - The container of the component.
  * @part showing-results - The summary displaying which products are shown and how many are available.
  * @part highlight - The highlighted number of products displayed and number of products available.
- * @part progress-bar - The progress bar displaying a percentage of results shown over the total number of products available.
+ * @part progress-bar - The progress bar displaying a percentage of products shown over the total number of products available.
  * @part load-more-results-button - The "Load more products" button.
  *
- * @cssprop --atomic-more-results-progress-bar-color-from - Color of the start of the gradient for the load more results progress bar.
- * @cssprop --atomic-more-results-progress-bar-color-to - Color of the end of the gradient for the load more results progress bar.
+ * @cssprop --atomic-more-results-progress-bar-color-from - Color of the start of the gradient for the load more products progress bar.
+ * @cssprop --atomic-more-results-progress-bar-color-to - Color of the end of the gradient for the load more products progress bar.
  */
 export declare class AtomicCommerceLoadMoreProducts extends LitElement implements InitializableComponent<CommerceBindings> {
     bindings: CommerceBindings;

package/dist/types/components/commerce/atomic-commerce-numeric-facet/atomic-commerce-numeric-facet.d.ts

@@ -13,7 +13,7 @@ import type { CommerceBindings } from '../atomic-commerce-interface/atomic-comme
  * @part clear-button-icon - The icon displayed in the clear button.
  * @part values - The list container for all facet values.
  * @part value-label - The text label for individual facet values.
- * @part value-count - The count indicator showing the number of results for each value.
+ * @part value-count - The count indicator showing the number of products for each value.
  * @part value-checkbox-label - The label associated with facet value checkboxes.
  * @part value-exclude-button - The button to exclude specific facet values.
  * @part input-form - The form container for numeric range inputs.

package/dist/types/components/commerce/atomic-commerce-pager/atomic-commerce-pager.d.ts

@@ -3,7 +3,7 @@ import { LitElement } from 'lit';
 import type { InitializableComponent } from "../../../decorators/types";
 import type { CommerceBindings } from '../atomic-commerce-interface/atomic-commerce-interface';
 /**
- * The `atomic-commerce-pager` component enables users to navigate through paginated product results.
+ * The `atomic-commerce-pager` component enables users to navigate through paginated products.
  *
  * @part buttons - The list of all buttons rendered by the component.
  * @part page-buttons - The list of all page buttons.

package/dist/types/components/commerce/atomic-commerce-recommendation-interface/atomic-commerce-recommendation-interface.d.ts

@@ -103,6 +103,7 @@ export declare class AtomicCommerceRecommendationInterface extends AtomicCommerc
     private initContext;
     private getBindings;
     private initLanguage;
+    private isNewLocale;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/types/components/commerce/atomic-commerce-refine-modal/atomic-commerce-refine-modal.d.ts

@@ -10,7 +10,7 @@ import type { CommerceBindings } from '../atomic-commerce-interface/atomic-comme
  * @part title - The title of the modal.
  * @part close-button - The button in the header that closes the modal.
  * @part close-icon - The icon of the close button.
- * @part footer-content - The wrapper around the content inside the footer of the modal, containing the button to view results.
+ * @part footer-content - The wrapper around the content inside the footer of the modal, containing the button to view the products.
  * @part footer-button - The button in the footer that closes the modal.
  * @part footer-button-text - The text inside the button in the footer that closes the modal.
  * @part footer-button-count - The count inside the button in the footer that closes the modal.

package/dist/types/components/commerce/atomic-commerce-search-box/atomic-commerce-search-box.d.ts

@@ -7,7 +7,7 @@ import '../atomic-commerce-search-box-instant-products/atomic-commerce-search-bo
 import '../atomic-commerce-search-box-query-suggestions/atomic-commerce-search-box-query-suggestions';
 import '../atomic-commerce-search-box-recent-queries/atomic-commerce-search-box-recent-queries';
 /**
- * The `atomic-commerce-search-box` component enables users to perform product searches with built-in query suggestions and optional redirection to a search results page.
+ * The `atomic-commerce-search-box` component enables users to perform product searches with built-in query suggestions and optional redirection to a search page.
  *
  * @slot default - The default slot where you can add child components to the search box.
  *
@@ -44,8 +44,8 @@ import '../atomic-commerce-search-box-recent-queries/atomic-commerce-search-box-
  * @part recent-query-title - The "recent searches" text of the clear button above suggestions from the `atomic-commerce-search-box-recent-queries` component.
  * @part recent-query-clear - The "clear" text of the clear button above suggestions from the `atomic-commerce-search-box-recent-queries` component.
  *
- * @part instant-results-item - An instant result rendered by an `atomic-commerce-search-box-instant-products` component.
- * @part instant-results-show-all - The clickable suggestion to show all items for the current instant results search rendered by an `atomic-commerce-search-box-instant-products` component.
+ * @part instant-results-item - An instant product rendered by an `atomic-commerce-search-box-instant-products` component.
+ * @part instant-results-show-all - The clickable suggestion to show all items for the current instant product search rendered by an `atomic-commerce-search-box-instant-products` component.
  * @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.
@@ -106,7 +106,7 @@ export declare class AtomicCommerceSearchBox extends LitElement implements Initi
     minimumQueryLength: number;
     /**
      * Whether to clear all active query filters when the end user submits a new query from the search box.
-     * Setting this option to "false" is not recommended & can lead to an increasing number of queries returning no results.
+     * Setting this option to "false" is not recommended & can lead to an increasing number of queries returning no products.
      */
     clearFilters: boolean;
     connectedCallback(): void;
@@ -137,6 +137,7 @@ export declare class AtomicCommerceSearchBox extends LitElement implements Initi
     private renderSuggestions;
     private renderPanel;
     private renderSuggestion;
+    private renderSlotContent;
     render(): import("lit-html").TemplateResult<1>;
 }
 declare global {

package/dist/types/components/commerce/atomic-commerce-search-box-instant-products/atomic-commerce-search-box-instant-products.d.ts

@@ -2,7 +2,7 @@ import { type Product, type SearchBox } from '@coveo/headless/commerce';
 import { LitElement } from 'lit';
 import type { ItemRenderingFunction } from "../../common/item-list/item-list-common";
 import type { ItemDisplayDensity, ItemDisplayImageSize } from "../../common/layout/display-options";
-import { type SearchBoxSuggestions, type SearchBoxSuggestionsBindings } from "../../common/suggestions/suggestions-common";
+import type { SearchBoxSuggestions, SearchBoxSuggestionsBindings } from "../../common/suggestions/suggestions-types";
 import type { SearchBoxSuggestionsComponent } from "../../../decorators/types";
 import type { CommerceBindings } from '../atomic-commerce-interface/atomic-commerce-interface';
 export type AriaLabelGenerator = (bindings: CommerceBindings, product: Product) => string | undefined;
@@ -11,7 +11,7 @@ export type AriaLabelGenerator = (bindings: CommerceBindings, product: Product)
  *
  * This component is not supported on mobile.
  *
- * @part instant-results-show-all-button - The 'See all results' button.
+ * @part instant-results-show-all-button - The 'See all products' button.
  * @part instant-results-item - The individual instant product item.
  *
  * @slot default - The default slot where the instant products are rendered.
@@ -26,7 +26,7 @@ export declare class AtomicCommerceSearchBoxInstantProducts extends LitElement i
     error: Error;
     private templateHasError;
     /**
-     * Sets a rendering function to bypass the standard HTML template mechanism for rendering results.
+     * Sets a rendering function to bypass the standard HTML template mechanism for rendering products.
      * You can use this function while working with web frameworks that don't use plain HTML syntax, e.g., React, Angular or Vue.
      *
      * Do not use this method if you integrate Atomic in a plain HTML deployment.

package/dist/types/components/commerce/atomic-commerce-search-box-query-suggestions/atomic-commerce-search-box-query-suggestions.d.ts

@@ -1,6 +1,6 @@
 import { type SearchBox } from '@coveo/headless/commerce';
 import { LitElement } from 'lit';
-import { type SearchBoxSuggestions, type SearchBoxSuggestionsBindings } from "../../common/suggestions/suggestions-common";
+import type { SearchBoxSuggestions, SearchBoxSuggestionsBindings } from "../../common/suggestions/suggestions-types";
 import type { SearchBoxSuggestionsComponent } from "../../../decorators/types";
 import type { CommerceBindings } from '../atomic-commerce-interface/atomic-commerce-interface';
 /**

package/dist/types/components/commerce/atomic-commerce-search-box-recent-queries/atomic-commerce-search-box-recent-queries.d.ts

@@ -1,7 +1,7 @@
 import { type SearchBox } from '@coveo/headless/commerce';
 import { LitElement } from 'lit';
 import type { SearchBoxSuggestionsComponent } from "../../../decorators/types";
-import { type SearchBoxSuggestions, type SearchBoxSuggestionsBindings } from '../../common/suggestions/suggestions-common';
+import type { SearchBoxSuggestions, SearchBoxSuggestionsBindings } from '../../common/suggestions/suggestions-types';
 import type { CommerceBindings } from '../atomic-commerce-interface/atomic-commerce-interface';
 /**
  * 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.

package/dist/types/components/commerce/atomic-commerce-timeframe-facet/atomic-commerce-timeframe-facet.d.ts

@@ -4,8 +4,8 @@ import type { InitializableComponent } from "../../../decorators/types";
 import '../../common/atomic-facet-date-input/atomic-facet-date-input';
 import type { CommerceBindings } from '../atomic-commerce-interface/atomic-commerce-interface';
 /**
- * A facet is a list of values for a certain field occurring in the results.
- * An `atomic-commerce-timeframe-facet` displays a facet of the results for the current query as date intervals.
+ * A facet is a list of values for a certain field occurring in the products.
+ * An `atomic-commerce-timeframe-facet` displays a facet of the products for the current query as date intervals.
  *
  * @part facet - The wrapper for the entire facet.
  * @part label-button - The header button to expand/collapse the facet.
@@ -15,7 +15,7 @@ import type { CommerceBindings } from '../atomic-commerce-interface/atomic-comme
  * @part values - The container for the facet values list.
  * @part value-link - A facet value button.
  * @part value-link-selected - A selected facet value button.
- * @part value-count - The result count for a facet value.
+ * @part value-count - The product count for a facet value.
  * @part value-label - The label text of a facet value.
  * @part input-label - The label for date input fields.
  * @part input-start - The start date input field.

package/dist/types/components/commerce/atomic-product/atomic-product.d.ts

@@ -39,7 +39,7 @@ export declare class AtomicProduct extends AtomicProduct_base {
     /**
      * The product link to use when the product is clicked in a grid layout.
      *
-     * @default - An `atomic-result-link` without any customization.
+     * @default - An `atomic-product-link` without any customization.
      */
     linkContent: ParentNode;
     /**

package/dist/types/components/commerce/atomic-product-section-children/atomic-product-section-children.d.ts

@@ -4,7 +4,7 @@ declare const AtomicProductSectionChildren_base: typeof LitElement;
  * This section is meant to render child products, available when using the <atomic-product-children> component.
  *
  * Behavior:
- * * Shows children at the bottom of the result, indented and wrapped in a border.
+ * * Shows children at the bottom of the product, indented and wrapped in a border.
  *
  * @slot default - The child products to display.
  */

package/dist/types/components/commerce/atomic-product-template/atomic-product-template.d.ts

@@ -3,7 +3,7 @@ import { LitElement } from 'lit';
 import type { LitElementWithError } from "../../../decorators/types";
 import '../atomic-product/atomic-product';
 /**
- * * A product template determines the format of the query results, depending on the conditions that are defined for each template.
+ * * A product template determines the format of the products, depending on the conditions that are defined for each template.
  *
  * A `template` element must be the child of an `atomic-product-template`. Furthermore, an `atomic-commerce-product-list`, `atomic-commerce-recommendation-list`, or `atomic-commerce-search-box-instant-products` must be the parent of each `atomic-product-template`.
  *
@@ -25,17 +25,17 @@ export declare class AtomicProductTemplate extends LitElement implements LitElem
      */
     conditions: ProductTemplateCondition[];
     /**
-     * The field and values that define which result items the condition must be applied to.
-     * For example, a template with the following attribute only applies to result items whose `filetype` is `lithiummessage` or `YouTubePlaylist`:
-     * `must-match-filetype="lithiummessage,YouTubePlaylist"`
+     * The field and values that define which products the condition must be applied to.
+     * For example, a template with the following attribute only applies to products whose `ec_brand` is `Barca` or `Acme`:
+     * `must-match-ec_brand="Barca,Acme"`
      * @type {Record<string, string[]>}
      * @default {}
      */
     mustMatch: Record<string, string[]>;
     /**
-     * The field and values that define which result items the condition must not be applied to.
-     * For example, a template with the following attribute only applies to result items whose `filetype` is not `lithiummessage`:
-     * `must-not-match-filetype="lithiummessage"`
+     * The field and values that define which products the condition must not be applied to.
+     * For example, a template with the following attribute only applies to products whose `ec_brand` is not `Barca`:
+     * `must-not-match-ec_brand="Barca"`
      * @type {Record<string, string[]>}
      * @default {}
      */

package/dist/types/components/common/atomic-suggestion-renderer/atomic-suggestion-renderer.d.ts

@@ -1,5 +1,5 @@
 import { i18n } from 'i18next';
-import { SearchBoxSuggestionElement } from '../suggestions/suggestions-common';
+import { SearchBoxSuggestionElement } from '../suggestions/suggestions-types';
 /**
  * The `atomic-suggestion-renderer` component is used to render individual suggestions. It was created to isolate
  * the rendering logic of the 'content' property of the `SearchBoxSuggestionElement` interface. This property can be Stencil

package/dist/types/components/common/layout/layout-styles-controller.d.ts

@@ -0,0 +1,22 @@
+import type { ReactiveController, ReactiveControllerHost } from 'lit';
+export interface LayoutStylesHost extends ReactiveControllerHost {
+    mobileBreakpoint: string;
+    getRootNode(): Node;
+    id?: string;
+}
+export type StylesBuilderFunction = (host: HTMLElement, mobileBreakpoint: string) => string;
+/**
+ * A reactive controller that manages dynamic layout styles.
+ */
+export declare class LayoutStylesController implements ReactiveController {
+    private host;
+    private dynamicStyleSheet;
+    private stylesBuilder;
+    private componentPrefix;
+    constructor(host: LayoutStylesHost, stylesBuilder: StylesBuilderFunction, componentPrefix: string);
+    hostConnected(): void;
+    /**
+     * Updates the dynamic styles based on the current mobile breakpoint
+     */
+    updateStyles(): void;
+}

package/dist/types/components/common/layout/mobile-breakpoint-controller.d.ts

@@ -0,0 +1,18 @@
+import type { ReactiveController, ReactiveControllerHost } from 'lit';
+import type { BaseStore } from "../interface/store";
+/**
+ * A reactive controller that manages mobile breakpoint changes through event communication.
+ * This controller listens for 'atomic-layout-breakpoint-change' events and updates a store
+ * with the new breakpoint value.
+ */
+export declare class MobileBreakpointController implements ReactiveController {
+    private host;
+    private store;
+    private eventListener;
+    constructor(host: ReactiveControllerHost, store: BaseStore<{
+        mobileBreakpoint: string;
+    }>);
+    hostConnected(): void;
+    hostDisconnected(): void;
+    private handleBreakpointChange;
+}

package/dist/types/components/common/query-correction/trigger-correction.d.ts

@@ -1,7 +1,9 @@
 import type { i18n } from 'i18next';
 import type { FunctionalComponent } from "../../../utils/functional-component-utils";
+type TriggerCorrectionShowingItemsForKey = 'showing-products-for' | 'showing-results-for';
 interface Props {
     i18n: i18n;
+    i18nKeyShowingItemsFor: TriggerCorrectionShowingItemsForKey;
     correctedQuery: string;
     originalQuery: string;
     onClick: () => void;

package/dist/types/components/common/refine-modal/modal.d.ts

@@ -2,9 +2,11 @@ import type { i18n } from 'i18next';
 import type { FunctionalComponentWithChildren } from "../../../utils/functional-component-utils";
 import '../atomic-modal/atomic-modal';
 import '../atomic-icon/atomic-icon';
+type RefineModalFooterButtonTextKey = 'view-products' | 'view-results';
 interface RefineModalProps {
     host: HTMLElement;
     i18n: i18n;
+    i18nFooterButtonTextKey: RefineModalFooterButtonTextKey;
     onClose(): void;
     title: string;
     numberOfItems: number;

package/dist/types/components/common/suggestions/instant-item.d.ts

@@ -1,9 +1,12 @@
 import type { i18n } from 'i18next';
-import type { SearchBoxSuggestionElement } from './suggestions-common';
-export declare const getPartialInstantItemElement: (i18n: i18n, itemTitle: string, itemUniqueId: string) => Pick<SearchBoxSuggestionElement, "ariaLabel" | "key" | "part">;
-export declare const getPartialInstantItemShowAllElement: (i18n: i18n) => Pick<SearchBoxSuggestionElement, "key" | "part" | "ariaLabel">;
+import type { SearchBoxSuggestionElement } from './suggestions-types';
+type InstantItemSuggestionLabelKey = 'instant-results-suggestion-label' | 'instant-products-suggestion-label';
+export declare const getPartialInstantItemElement: (i18n: i18n, i18nKey: InstantItemSuggestionLabelKey, itemTitle: string, itemUniqueId: string) => Pick<SearchBoxSuggestionElement, "ariaLabel" | "key" | "part">;
+type InstantItemShowAllLabelKey = 'show-all-products' | 'show-all-results';
+export declare const getPartialInstantItemShowAllElement: (i18n: i18n, i18nKey: InstantItemShowAllLabelKey) => Pick<SearchBoxSuggestionElement, "key" | "part" | "ariaLabel">;
 interface InstantItemShowAllButtonProps {
     i18n: i18n;
+    i18nKey: InstantItemShowAllLabelKey;
 }
-export declare const renderInstantItemShowAllButton: ({ i18n, }: InstantItemShowAllButtonProps) => HTMLElement;
+export declare const renderInstantItemShowAllButton: ({ i18n, i18nKey, }: InstantItemShowAllButtonProps) => HTMLElement;
 export {};

package/dist/types/components/common/suggestions/query-suggestions.d.ts

@@ -1,5 +1,5 @@
 import type { i18n } from 'i18next';
-import type { SearchBoxSuggestionElement } from './suggestions-common.js';
+import type { SearchBoxSuggestionElement } from './suggestions-types.js';
 interface Suggestion {
     highlightedValue: string;
     rawValue: string;

package/dist/types/components/common/suggestions/recent-queries.d.ts

@@ -1,5 +1,5 @@
 import type { i18n } from 'i18next';
-import type { SearchBoxSuggestionElement } from './suggestions-common';
+import type { SearchBoxSuggestionElement } from './suggestions-types';
 export declare const getPartialRecentQueryElement: (value: string, i18n: i18n) => Pick<SearchBoxSuggestionElement, "ariaLabel" | "key" | "query" | "part">;
 export declare const getPartialRecentQueryClearElement: (i18n: i18n) => Pick<SearchBoxSuggestionElement, "ariaLabel" | "key" | "part" | "hideIfLast">;
 export interface RecentQueriesContainerProps {

package/dist/types/components/common/suggestions/stencil-instant-item.d.ts

@@ -1,6 +1,6 @@
 import { FunctionalComponent } from '../../../stencil-public-runtime';
 import { i18n } from 'i18next';
-import { SearchBoxSuggestionElement } from './suggestions-common';
+import { SearchBoxSuggestionElement } from './suggestions-types';
 export declare const getPartialInstantItemElement: (i18n: i18n, itemTitle: string, itemUniqueId: string) => Pick<SearchBoxSuggestionElement, "ariaLabel" | "key" | "part">;
 export declare const getPartialInstantItemShowAllElement: (i18n: i18n) => Pick<SearchBoxSuggestionElement, "key" | "part" | "ariaLabel">;
 interface InstantItemShowAllButtonProps {

package/dist/types/components/common/suggestions/stencil-query-suggestions.d.ts

@@ -1,6 +1,6 @@
 import { FunctionalComponent } from '../../../stencil-public-runtime';
 import { i18n } from 'i18next';
-import { SearchBoxSuggestionElement } from './suggestions-common.js';
+import { SearchBoxSuggestionElement } from './suggestions-types.js';
 interface Suggestion {
     highlightedValue: string;
     rawValue: string;

package/dist/types/components/common/suggestions/stencil-recent-queries.d.ts

@@ -1,6 +1,6 @@
 import { FunctionalComponent } from '../../../stencil-public-runtime';
 import { i18n } from 'i18next';
-import { SearchBoxSuggestionElement } from './suggestions-common';
+import { SearchBoxSuggestionElement } from './suggestions-types';
 export declare const getPartialRecentQueryElement: (value: string, i18n: i18n) => Pick<SearchBoxSuggestionElement, "ariaLabel" | "key" | "query" | "part">;
 export declare const getPartialRecentQueryClearElement: (i18n: i18n) => Pick<SearchBoxSuggestionElement, "ariaLabel" | "key" | "part" | "hideIfLast">;
 export declare const RecentQueriesContainer: FunctionalComponent;

package/dist/types/components/common/suggestions/stencil-suggestion-manager.d.ts

@@ -1,4 +1,4 @@
-import { type SearchBoxSuggestionElement, type SearchBoxSuggestionsBindings, type SearchBoxSuggestionsEvent } from './suggestions-common';
+import type { SearchBoxSuggestionElement, SearchBoxSuggestionsBindings, SearchBoxSuggestionsEvent } from './suggestions-types';
 /**
  * List of suggestions that will be displayed along other lists (e.g recent queries) when the search box's input is selected.
  */